@mmlogic/components 0.1.12 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/cjs/{format-DBr-GTvS.js → format-BT6-_W7X.js} +4 -0
  2. package/dist/cjs/mrd-boolean-field_16.cjs.entry.js +1 -1
  3. package/dist/cjs/mrd-table.cjs.entry.js +30 -17
  4. package/dist/collection/components/mrd-table/mrd-table.js +37 -13
  5. package/dist/collection/components/mrd-table/mrd-table.scss +28 -0
  6. package/dist/collection/utils/cell-renderer.js +5 -2
  7. package/dist/collection/utils/i18n.js +4 -0
  8. package/dist/components/i18n.js +1 -1
  9. package/dist/components/mrd-table.js +1 -1
  10. package/dist/esm/{format-EzhfM0uw.js → format-beKIX2qZ.js} +4 -0
  11. package/dist/esm/mrd-boolean-field_16.entry.js +1 -1
  12. package/dist/esm/mrd-table.entry.js +30 -17
  13. package/dist/mosterdcomponents/mosterdcomponents.esm.js +1 -1
  14. package/dist/mosterdcomponents/{p-ca5f9919.entry.js → p-33e56d76.entry.js} +1 -1
  15. package/dist/mosterdcomponents/p-80d6eff2.entry.js +1 -0
  16. package/dist/mosterdcomponents/p-beKIX2qZ.js +1 -0
  17. package/dist/types/components/mrd-table/mrd-table.d.ts +6 -0
  18. package/dist/types/components.d.ts +5 -0
  19. package/package.json +1 -1
  20. package/dist/mosterdcomponents/p-6832ea50.entry.js +0 -1
  21. package/dist/mosterdcomponents/p-EzhfM0uw.js +0 -1
package/dist/cjs/{format-DBr-GTvS.js → format-BT6-_W7X.js} RENAMED
@@ -26,6 +26,7 @@ const translations = {
26
26
  no: 'Nee',
27
27
  // mrd-table footer
28
28
  table_of: 'van',
29
+ download: 'Downloaden',
29
30
  // mrd-table toolbar
30
31
  table_filter: 'Filteren',
31
32
  table_filter_hide: 'Filter verbergen',
@@ -80,6 +81,7 @@ const translations = {
80
81
  no: 'No',
81
82
  // mrd-table footer
82
83
  table_of: 'of',
84
+ download: 'Download',
83
85
  // mrd-table toolbar
84
86
  table_filter: 'Filter',
85
87
  table_filter_hide: 'Hide filter',
@@ -134,6 +136,7 @@ const translations = {
134
136
  no: 'لا',
135
137
  // mrd-table footer
136
138
  table_of: 'من أصل',
139
+ download: 'تنزيل',
137
140
  // mrd-table toolbar
138
141
  table_filter: 'تصفية',
139
142
  table_filter_hide: 'إخفاء التصفية',
@@ -188,6 +191,7 @@ const translations = {
188
191
  no: 'Non',
189
192
  // mrd-table footer
190
193
  table_of: 'sur',
194
+ download: 'Télécharger',
191
195
  // mrd-table toolbar
192
196
  table_filter: 'Filtrer',
193
197
  table_filter_hide: 'Masquer le filtre',
package/dist/cjs/mrd-boolean-field_16.cjs.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-BPj2cBXs.js');
4
- var format = require('./format-DBr-GTvS.js');
4
+ var format = require('./format-BT6-_W7X.js');
5
5
  var index$1 = require('./index.cjs.js');
6
6
 
7
7
  const mrdBooleanFieldScss = () => `.sc-mrd-boolean-field-h{display:block}.mrd-boolean-field.sc-mrd-boolean-field{display:flex;align-items:center;width:100%}.mrd-boolean-field__toggle-label.sc-mrd-boolean-field{display:flex;align-items:center;gap:var(--mrd-space-3);cursor:pointer;user-select:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field{background-color:var(--mrd-color-primary)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{transform:translateX(20px)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:focus+.mrd-boolean-field__toggle.sc-mrd-boolean-field{box-shadow:var(--mrd-shadow-focus)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:disabled+.mrd-boolean-field__toggle.sc-mrd-boolean-field{opacity:0.5;cursor:not-allowed}.mrd-boolean-field__toggle.sc-mrd-boolean-field{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius-full);transition:background-color var(--mrd-transition);flex-shrink:0}.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--mrd-color-white);border-radius:50%;transition:transform var(--mrd-transition);box-shadow:var(--mrd-shadow-sm)}.mrd-boolean-field__text.sc-mrd-boolean-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-boolean-field__text--required.sc-mrd-boolean-field::after{content:' *';color:var(--mrd-color-danger)}`;
package/dist/cjs/mrd-table.cjs.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index$1 = require('./index-BPj2cBXs.js');
4
- var format = require('./format-DBr-GTvS.js');
4
+ var format = require('./format-BT6-_W7X.js');
5
5
  var index = require('./index.cjs.js');
6
6
 
7
7
  class CellRenderer {
@@ -29,7 +29,7 @@ class CellRenderer {
29
29
  .join(', ');
30
30
  }
31
31
  static renderValue(dataType, value, listItems, locale) {
32
- var _a;
32
+ var _a, _b;
33
33
  switch (dataType) {
34
34
  case 'INTEGER':
35
35
  return format.formatNumber(Number(value), locale, { maximumFractionDigits: 0 });
@@ -53,9 +53,12 @@ class CellRenderer {
53
53
  return format.formatTime(value, locale);
54
54
  case 'BOOLEAN':
55
55
  return value ? '✓' : '';
56
+ case 'FILE':
57
+ case 'IMAGE':
58
+ return typeof value === 'object' && value !== null ? ((_a = value.fileName) !== null && _a !== void 0 ? _a : '') : '';
56
59
  case 'LIST': {
57
60
  const item = listItems.find(li => li.key === String(value));
58
- return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : String(value);
61
+ return (_b = item === null || item === void 0 ? void 0 : item.label) !== null && _b !== void 0 ? _b : String(value);
59
62
  }
60
63
  case 'TEXTBLOCK':
61
64
  return String(value).replace(/<[^>]*>/g, '').trim();
@@ -65,7 +68,7 @@ class CellRenderer {
65
68
  }
66
69
  }
67
70
 
68
- const mrdTableScss = () => `.sc-mrd-table-h{display:block;width:100%}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.65rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient( 90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75% );background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-filter-btn.sc-mrd-table{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--mrd-space-1);padding:0 3px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.8rem;line-height:1;vertical-align:middle}.mrd-table__header-filter-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-200);color:var(--mrd-color-neutral-800)}.mrd-table__header-filter-btn--active.sc-mrd-table{color:var(--mrd-color-primary)}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}`;
71
+ const mrdTableScss = () => `.sc-mrd-table-h{display:block;width:100%}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.65rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient( 90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75% );background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-filter-btn.sc-mrd-table{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--mrd-space-1);padding:0 3px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.8rem;line-height:1;vertical-align:middle}.mrd-table__header-filter-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-200);color:var(--mrd-color-neutral-800)}.mrd-table__header-filter-btn--active.sc-mrd-table{color:var(--mrd-color-primary)}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}.mrd-table__file-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;max-width:100%;overflow:hidden}.mrd-table__file-btn.sc-mrd-table:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-table__file-icon.sc-mrd-table{flex-shrink:0;width:1rem;height:1rem}`;
69
72
 
70
73
  const BUFFER = 10;
71
74
  /** Wacht deze tijd (ms) na het laatste scroll-event voordat pagina's worden
@@ -84,6 +87,7 @@ const MrdTable = class {
84
87
  this.mrdRowClick = index$1.createEvent(this, "mrdRowClick");
85
88
  this.mrdAction = index$1.createEvent(this, "mrdAction");
86
89
  this.mrdFilter = index$1.createEvent(this, "mrdFilter");
90
+ this.mrdDownload = index$1.createEvent(this, "mrdDownload");
87
91
  // ── Non-state internals ────────────────────────────────────────────────────
88
92
  this.pendingPages = new Set();
89
93
  this.debounceTimer = null;
@@ -518,12 +522,31 @@ const MrdTable = class {
518
522
  const to = Math.min(Math.ceil((this.scrollTop + this.tableHeight) / this.rowHeight), displayTotal);
519
523
  return (index$1.h("div", { class: "mrd-table__footer" }, from, "\u2013", to, " ", format.t('table_of', this.locale), " ", displayTotal));
520
524
  }
525
+ // ── Render: cell ──────────────────────────────────────────────────────────
526
+ renderCell(col, row) {
527
+ var _a, _b, _c, _d;
528
+ const numericTypes = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
529
+ const dataType = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '';
530
+ const isNumeric = col.type === 'FIELD' && numericTypes.has(dataType);
531
+ const isFile = col.type === 'FIELD' && (dataType === 'FILE' || dataType === 'IMAGE');
532
+ if (isFile) {
533
+ const name = (_d = (_c = col.field) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
534
+ const fileVal = row === null || row === void 0 ? void 0 : row[name];
535
+ const href = fileVal === null || fileVal === void 0 ? void 0 : fileVal.href;
536
+ const fileName = fileVal === null || fileVal === void 0 ? void 0 : fileVal.fileName;
537
+ return (index$1.h("td", { class: "mrd-table__cell" }, href && fileName ? (index$1.h("button", { class: "mrd-table__file-btn", title: fileName, onClick: (e) => {
538
+ e.stopPropagation();
539
+ this.mrdDownload.emit({ href, fileName });
540
+ } }, index$1.h("svg", { class: "mrd-table__file-icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, index$1.h("path", { fill: "currentColor", d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z" })), format.t('download', this.locale))) : ''));
541
+ }
542
+ const value = CellRenderer.render(col, row, this.locale);
543
+ return (index$1.h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
544
+ }
521
545
  // ── Render ─────────────────────────────────────────────────────────────────
522
546
  render() {
523
547
  var _a, _b, _c;
524
548
  if (!((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length))
525
549
  return null;
526
- const numericTypes = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
527
550
  // ── Non-paginated mode ──────────────────────────────────────────────────
528
551
  if (this.totalElements === 0) {
529
552
  return (index$1.h(index$1.Host, null, this.renderToolbar(), index$1.h("div", { class: "mrd-table" }, index$1.h("table", { class: "mrd-table__table" }, index$1.h("thead", null, index$1.h("tr", null, this.columns.map(col => {
@@ -531,12 +554,7 @@ const MrdTable = class {
531
554
  const name = this.colName(col);
532
555
  const isFiltered = this.activeFilters.has(name);
533
556
  return (index$1.h("th", { class: `mrd-table__header${isFiltered ? ' mrd-table__header--filtered' : ''}` }, index$1.h("span", { class: "mrd-table__header-label" }, (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : ''), this.filterMode && (index$1.h("button", { class: `mrd-table__header-filter-btn${isFiltered ? ' mrd-table__header-filter-btn--active' : ''}`, onClick: (e) => this.handleFilterOpen(col, e) }, "\u25BE"))));
534
- }))), index$1.h("tbody", null, (_b = this.rows) === null || _b === void 0 ? void 0 : _b.map((row, i) => (index$1.h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => {
535
- var _a, _b;
536
- const value = CellRenderer.render(col, row, this.locale);
537
- const isNumeric = col.type === 'FIELD' && numericTypes.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
538
- return (index$1.h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
539
- })))))), (!this.rows || this.rows.length === 0) && (index$1.h("p", { class: "mrd-table__empty" }, format.t('no_results', this.locale)))), this.renderFooter((_c = this.rows) === null || _c === void 0 ? void 0 : _c.length), this.renderFilterPopup()));
557
+ }))), index$1.h("tbody", null, (_b = this.rows) === null || _b === void 0 ? void 0 : _b.map((row, i) => (index$1.h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row))))))), (!this.rows || this.rows.length === 0) && (index$1.h("p", { class: "mrd-table__empty" }, format.t('no_results', this.locale)))), this.renderFooter((_c = this.rows) === null || _c === void 0 ? void 0 : _c.length), this.renderFilterPopup()));
540
558
  }
541
559
  // ── Paginated / virtual-scroll mode ────────────────────────────────────
542
560
  // Derive the authoritative row count from loaded pages:
@@ -564,12 +582,7 @@ const MrdTable = class {
564
582
  renderedRows.push(index$1.h("tr", { class: "mrd-table__row mrd-table__row--loading" }, index$1.h("td", { class: "mrd-table__cell--placeholder", colSpan: colCount }, index$1.h("span", { class: "mrd-table__placeholder-bar" }))));
565
583
  }
566
584
  else {
567
- renderedRows.push(index$1.h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => {
568
- var _a, _b;
569
- const value = CellRenderer.render(col, row, this.locale);
570
- const isNumeric = col.type === 'FIELD' && numericTypes.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
571
- return (index$1.h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
572
- })));
585
+ renderedRows.push(index$1.h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row))));
573
586
  }
574
587
  }
575
588
  return (index$1.h(index$1.Host, null, this.renderToolbar(), index$1.h("div", { class: "mrd-table__scroll", style: { height: `${this.tableHeight}px` }, onScroll: this.handleScroll }, index$1.h("table", { class: "mrd-table__table", style: tableStyle }, index$1.h("thead", null, index$1.h("tr", null, this.columns.map((col, idx) => {
package/dist/collection/components/mrd-table/mrd-table.js CHANGED
@@ -447,12 +447,31 @@ export class MrdTable {
447
447
  const to = Math.min(Math.ceil((this.scrollTop + this.tableHeight) / this.rowHeight), displayTotal);
448
448
  return (h("div", { class: "mrd-table__footer" }, from, "\u2013", to, " ", t('table_of', this.locale), " ", displayTotal));
449
449
  }
450
+ // ── Render: cell ──────────────────────────────────────────────────────────
451
+ renderCell(col, row) {
452
+ var _a, _b, _c, _d;
453
+ const numericTypes = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
454
+ const dataType = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '';
455
+ const isNumeric = col.type === 'FIELD' && numericTypes.has(dataType);
456
+ const isFile = col.type === 'FIELD' && (dataType === 'FILE' || dataType === 'IMAGE');
457
+ if (isFile) {
458
+ const name = (_d = (_c = col.field) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
459
+ const fileVal = row === null || row === void 0 ? void 0 : row[name];
460
+ const href = fileVal === null || fileVal === void 0 ? void 0 : fileVal.href;
461
+ const fileName = fileVal === null || fileVal === void 0 ? void 0 : fileVal.fileName;
462
+ return (h("td", { class: "mrd-table__cell" }, href && fileName ? (h("button", { class: "mrd-table__file-btn", title: fileName, onClick: (e) => {
463
+ e.stopPropagation();
464
+ this.mrdDownload.emit({ href, fileName });
465
+ } }, h("svg", { class: "mrd-table__file-icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { fill: "currentColor", d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z" })), t('download', this.locale))) : ''));
466
+ }
467
+ const value = CellRenderer.render(col, row, this.locale);
468
+ return (h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
469
+ }
450
470
  // ── Render ─────────────────────────────────────────────────────────────────
451
471
  render() {
452
472
  var _a, _b, _c;
453
473
  if (!((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length))
454
474
  return null;
455
- const numericTypes = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
456
475
  // ── Non-paginated mode ──────────────────────────────────────────────────
457
476
  if (this.totalElements === 0) {
458
477
  return (h(Host, null, this.renderToolbar(), h("div", { class: "mrd-table" }, h("table", { class: "mrd-table__table" }, h("thead", null, h("tr", null, this.columns.map(col => {
@@ -460,12 +479,7 @@ export class MrdTable {
460
479
  const name = this.colName(col);
461
480
  const isFiltered = this.activeFilters.has(name);
462
481
  return (h("th", { class: `mrd-table__header${isFiltered ? ' mrd-table__header--filtered' : ''}` }, h("span", { class: "mrd-table__header-label" }, (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : ''), this.filterMode && (h("button", { class: `mrd-table__header-filter-btn${isFiltered ? ' mrd-table__header-filter-btn--active' : ''}`, onClick: (e) => this.handleFilterOpen(col, e) }, "\u25BE"))));
463
- }))), h("tbody", null, (_b = this.rows) === null || _b === void 0 ? void 0 : _b.map((row, i) => (h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => {
464
- var _a, _b;
465
- const value = CellRenderer.render(col, row, this.locale);
466
- const isNumeric = col.type === 'FIELD' && numericTypes.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
467
- return (h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
468
- })))))), (!this.rows || this.rows.length === 0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale)))), this.renderFooter((_c = this.rows) === null || _c === void 0 ? void 0 : _c.length), this.renderFilterPopup()));
482
+ }))), h("tbody", null, (_b = this.rows) === null || _b === void 0 ? void 0 : _b.map((row, i) => (h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row))))))), (!this.rows || this.rows.length === 0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale)))), this.renderFooter((_c = this.rows) === null || _c === void 0 ? void 0 : _c.length), this.renderFilterPopup()));
469
483
  }
470
484
  // ── Paginated / virtual-scroll mode ────────────────────────────────────
471
485
  // Derive the authoritative row count from loaded pages:
@@ -493,12 +507,7 @@ export class MrdTable {
493
507
  renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--loading" }, h("td", { class: "mrd-table__cell--placeholder", colSpan: colCount }, h("span", { class: "mrd-table__placeholder-bar" }))));
494
508
  }
495
509
  else {
496
- renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => {
497
- var _a, _b;
498
- const value = CellRenderer.render(col, row, this.locale);
499
- const isNumeric = col.type === 'FIELD' && numericTypes.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
500
- return (h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
501
- })));
510
+ renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row))));
502
511
  }
503
512
  }
504
513
  return (h(Host, null, this.renderToolbar(), h("div", { class: "mrd-table__scroll", style: { height: `${this.tableHeight}px` }, onScroll: this.handleScroll }, h("table", { class: "mrd-table__table", style: tableStyle }, h("thead", null, h("tr", null, this.columns.map((col, idx) => {
@@ -814,6 +823,21 @@ export class MrdTable {
814
823
  }
815
824
  }
816
825
  }
826
+ }, {
827
+ "method": "mrdDownload",
828
+ "name": "mrdDownload",
829
+ "bubbles": true,
830
+ "cancelable": true,
831
+ "composed": true,
832
+ "docs": {
833
+ "tags": [],
834
+ "text": "Fired when a FILE or IMAGE cell is clicked. Host resolves the href to a signed download URL."
835
+ },
836
+ "complexType": {
837
+ "original": "{ href: string; fileName: string }",
838
+ "resolved": "{ href: string; fileName: string; }",
839
+ "references": {}
840
+ }
817
841
  }];
818
842
  }
819
843
  static get methods() {
package/dist/collection/components/mrd-table/mrd-table.scss CHANGED
@@ -548,3 +548,31 @@
548
548
  text-align: center;
549
549
  margin: 0;
550
550
  }
551
+
552
+ /* ── File / image download cell ─────────────────────────────────────────── */
553
+ .mrd-table__file-btn {
554
+ display: inline-flex;
555
+ align-items: center;
556
+ gap: var(--mrd-space-1);
557
+ background: none;
558
+ border: none;
559
+ padding: 0;
560
+ cursor: pointer;
561
+ color: var(--mrd-color-primary);
562
+ font-size: var(--mrd-font-size-sm);
563
+ font-family: inherit;
564
+ max-width: 100%;
565
+ overflow: hidden;
566
+ }
567
+
568
+ .mrd-table__file-btn:hover {
569
+ text-decoration: underline;
570
+ color: var(--mrd-color-primary-dark);
571
+ }
572
+
573
+ .mrd-table__file-icon {
574
+ flex-shrink: 0;
575
+ width: 1rem;
576
+ height: 1rem;
577
+ }
578
+
package/dist/collection/utils/cell-renderer.js CHANGED
@@ -25,7 +25,7 @@ export class CellRenderer {
25
25
  .join(', ');
26
26
  }
27
27
  static renderValue(dataType, value, listItems, locale) {
28
- var _a;
28
+ var _a, _b;
29
29
  switch (dataType) {
30
30
  case 'INTEGER':
31
31
  return formatNumber(Number(value), locale, { maximumFractionDigits: 0 });
@@ -49,9 +49,12 @@ export class CellRenderer {
49
49
  return formatTime(value, locale);
50
50
  case 'BOOLEAN':
51
51
  return value ? '✓' : '';
52
+ case 'FILE':
53
+ case 'IMAGE':
54
+ return typeof value === 'object' && value !== null ? ((_a = value.fileName) !== null && _a !== void 0 ? _a : '') : '';
52
55
  case 'LIST': {
53
56
  const item = listItems.find(li => li.key === String(value));
54
- return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : String(value);
57
+ return (_b = item === null || item === void 0 ? void 0 : item.label) !== null && _b !== void 0 ? _b : String(value);
55
58
  }
56
59
  case 'TEXTBLOCK':
57
60
  return String(value).replace(/<[^>]*>/g, '').trim();
package/dist/collection/utils/i18n.js CHANGED
@@ -24,6 +24,7 @@ const translations = {
24
24
  no: 'Nee',
25
25
  // mrd-table footer
26
26
  table_of: 'van',
27
+ download: 'Downloaden',
27
28
  // mrd-table toolbar
28
29
  table_filter: 'Filteren',
29
30
  table_filter_hide: 'Filter verbergen',
@@ -78,6 +79,7 @@ const translations = {
78
79
  no: 'No',
79
80
  // mrd-table footer
80
81
  table_of: 'of',
82
+ download: 'Download',
81
83
  // mrd-table toolbar
82
84
  table_filter: 'Filter',
83
85
  table_filter_hide: 'Hide filter',
@@ -132,6 +134,7 @@ const translations = {
132
134
  no: 'لا',
133
135
  // mrd-table footer
134
136
  table_of: 'من أصل',
137
+ download: 'تنزيل',
135
138
  // mrd-table toolbar
136
139
  table_filter: 'تصفية',
137
140
  table_filter_hide: 'إخفاء التصفية',
@@ -186,6 +189,7 @@ const translations = {
186
189
  no: 'Non',
187
190
  // mrd-table footer
188
191
  table_of: 'sur',
192
+ download: 'Télécharger',
189
193
  // mrd-table toolbar
190
194
  table_filter: 'Filtrer',
191
195
  table_filter_hide: 'Masquer le filtre',
package/dist/components/i18n.js CHANGED
@@ -1 +1 @@
1
- const e={nl:{required:"Dit veld is verplicht",select_placeholder:"Selecteer een optie",search_placeholder:"Zoeken...",upload_file:"Bestand uploaden",choose_file:"Bestand kiezen",clear:"Wissen",today:"Vandaag",invalid_email:"Voer een geldig e-mailadres in",invalid_url:"Voer een geldige URL in",invalid_number:"Voer een geldig getal in",drop_file_here:"Sleep bestand hierheen of",browse:"bladeren",file_too_large:"Bestand is te groot",search_results:"Zoekresultaten",no_results:"Geen resultaten gevonden",loading:"Laden...",submit:"Opslaan",cancel:"Annuleren",remove:"Verwijderen",add:"Toevoegen",yes:"Ja",no:"Nee",table_of:"van",table_filter:"Filteren",table_filter_hide:"Filter verbergen",table_filter_active:"actief",table_filter_clear_all:"Alle filters wissen",table_new_record:"Nieuw record",table_export_excel:"Exporteer naar Excel",filter_sorting:"Sortering",filter_ascending:"Oplopend",filter_descending:"Aflopend",filter_section:"Filter",filter_apply:"Toepassen",filter_clear:"Wissen",filter_contains:"Bevat",filter_starts_with:"Begint met",filter_equals:"Gelijk aan",filter_is_empty:"Is leeg",filter_is_not_empty:"Is niet leeg",filter_exact:"Exact",filter_range:"Bereik",filter_from:"Van",filter_to:"Tot",filter_all:"Alle",filter_select_all:"Alles",filter_select_none:"Geen",filter_search_value:"Zoekwaarde...",filter_no_support:"Geen filtering beschikbaar voor dit veldtype."},en:{required:"This field is required",select_placeholder:"Select an option",search_placeholder:"Search...",upload_file:"Upload file",choose_file:"Choose file",clear:"Clear",today:"Today",invalid_email:"Please enter a valid email address",invalid_url:"Please enter a valid URL",invalid_number:"Please enter a valid number",drop_file_here:"Drop file here or",browse:"browse",file_too_large:"File is too large",search_results:"Search results",no_results:"No results found",loading:"Loading...",submit:"Save",cancel:"Cancel",remove:"Remove",add:"Add",yes:"Yes",no:"No",table_of:"of",table_filter:"Filter",table_filter_hide:"Hide filter",table_filter_active:"active",table_filter_clear_all:"Clear all filters",table_new_record:"New record",table_export_excel:"Export to Excel",filter_sorting:"Sorting",filter_ascending:"Ascending",filter_descending:"Descending",filter_section:"Filter",filter_apply:"Apply",filter_clear:"Clear",filter_contains:"Contains",filter_starts_with:"Starts with",filter_equals:"Equals",filter_is_empty:"Is empty",filter_is_not_empty:"Is not empty",filter_exact:"Exact",filter_range:"Range",filter_from:"From",filter_to:"To",filter_all:"All",filter_select_all:"All",filter_select_none:"None",filter_search_value:"Search value...",filter_no_support:"Filtering is not available for this field type."},ar:{required:"هذا الحقل مطلوب",select_placeholder:"اختر خياراً",search_placeholder:"بحث...",upload_file:"رفع ملف",choose_file:"اختر ملفاً",clear:"مسح",today:"اليوم",invalid_email:"يرجى إدخال عنوان بريد إلكتروني صحيح",invalid_url:"يرجى إدخال رابط صحيح",invalid_number:"يرجى إدخال رقم صحيح",drop_file_here:"اسحب الملف هنا أو",browse:"تصفح",file_too_large:"الملف كبير جداً",search_results:"نتائج البحث",no_results:"لم يتم العثور على نتائج",loading:"جار التحميل...",submit:"حفظ",cancel:"إلغاء",remove:"إزالة",add:"إضافة",yes:"نعم",no:"لا",table_of:"من أصل",table_filter:"تصفية",table_filter_hide:"إخفاء التصفية",table_filter_active:"نشط",table_filter_clear_all:"مسح جميع الفلاتر",table_new_record:"سجل جديد",table_export_excel:"تصدير إلى Excel",filter_sorting:"الترتيب",filter_ascending:"تصاعدي",filter_descending:"تنازلي",filter_section:"تصفية",filter_apply:"تطبيق",filter_clear:"مسح",filter_contains:"يحتوي على",filter_starts_with:"يبدأ بـ",filter_equals:"يساوي",filter_is_empty:"فارغ",filter_is_not_empty:"ليس فارغاً",filter_exact:"دقيق",filter_range:"نطاق",filter_from:"من",filter_to:"إلى",filter_all:"الكل",filter_select_all:"الكل",filter_select_none:"لا شيء",filter_search_value:"قيمة البحث...",filter_no_support:"التصفية غير متاحة لهذا النوع من الحقول."},fr:{required:"Ce champ est obligatoire",select_placeholder:"Sélectionner une option",search_placeholder:"Rechercher...",upload_file:"Télécharger un fichier",choose_file:"Choisir un fichier",clear:"Effacer",today:"Aujourd'hui",invalid_email:"Veuillez saisir une adresse e-mail valide",invalid_url:"Veuillez saisir une URL valide",invalid_number:"Veuillez saisir un nombre valide",drop_file_here:"Déposez le fichier ici ou",browse:"parcourir",file_too_large:"Le fichier est trop volumineux",search_results:"Résultats de recherche",no_results:"Aucun résultat trouvé",loading:"Chargement...",submit:"Enregistrer",cancel:"Annuler",remove:"Supprimer",add:"Ajouter",yes:"Oui",no:"Non",table_of:"sur",table_filter:"Filtrer",table_filter_hide:"Masquer le filtre",table_filter_active:"actif",table_filter_clear_all:"Effacer tous les filtres",table_new_record:"Nouvel enregistrement",table_export_excel:"Exporter vers Excel",filter_sorting:"Tri",filter_ascending:"Croissant",filter_descending:"Décroissant",filter_section:"Filtre",filter_apply:"Appliquer",filter_clear:"Effacer",filter_contains:"Contient",filter_starts_with:"Commence par",filter_equals:"Égal à",filter_is_empty:"Est vide",filter_is_not_empty:"N'est pas vide",filter_exact:"Exact",filter_range:"Plage",filter_from:"De",filter_to:"À",filter_all:"Tous",filter_select_all:"Tous",filter_select_none:"Aucun",filter_search_value:"Valeur de recherche...",filter_no_support:"Le filtrage n'est pas disponible pour ce type de champ."}};function l(l,r){var i,t,a;const _=r.split("-")[0].toLowerCase();return null!==(a=null!==(t=(null!==(i=e[_])&&void 0!==i?i:e.en)[l])&&void 0!==t?t:e.en[l])&&void 0!==a?a:l}export{l as t}
1
+ const e={nl:{required:"Dit veld is verplicht",select_placeholder:"Selecteer een optie",search_placeholder:"Zoeken...",upload_file:"Bestand uploaden",choose_file:"Bestand kiezen",clear:"Wissen",today:"Vandaag",invalid_email:"Voer een geldig e-mailadres in",invalid_url:"Voer een geldige URL in",invalid_number:"Voer een geldig getal in",drop_file_here:"Sleep bestand hierheen of",browse:"bladeren",file_too_large:"Bestand is te groot",search_results:"Zoekresultaten",no_results:"Geen resultaten gevonden",loading:"Laden...",submit:"Opslaan",cancel:"Annuleren",remove:"Verwijderen",add:"Toevoegen",yes:"Ja",no:"Nee",table_of:"van",download:"Downloaden",table_filter:"Filteren",table_filter_hide:"Filter verbergen",table_filter_active:"actief",table_filter_clear_all:"Alle filters wissen",table_new_record:"Nieuw record",table_export_excel:"Exporteer naar Excel",filter_sorting:"Sortering",filter_ascending:"Oplopend",filter_descending:"Aflopend",filter_section:"Filter",filter_apply:"Toepassen",filter_clear:"Wissen",filter_contains:"Bevat",filter_starts_with:"Begint met",filter_equals:"Gelijk aan",filter_is_empty:"Is leeg",filter_is_not_empty:"Is niet leeg",filter_exact:"Exact",filter_range:"Bereik",filter_from:"Van",filter_to:"Tot",filter_all:"Alle",filter_select_all:"Alles",filter_select_none:"Geen",filter_search_value:"Zoekwaarde...",filter_no_support:"Geen filtering beschikbaar voor dit veldtype."},en:{required:"This field is required",select_placeholder:"Select an option",search_placeholder:"Search...",upload_file:"Upload file",choose_file:"Choose file",clear:"Clear",today:"Today",invalid_email:"Please enter a valid email address",invalid_url:"Please enter a valid URL",invalid_number:"Please enter a valid number",drop_file_here:"Drop file here or",browse:"browse",file_too_large:"File is too large",search_results:"Search results",no_results:"No results found",loading:"Loading...",submit:"Save",cancel:"Cancel",remove:"Remove",add:"Add",yes:"Yes",no:"No",table_of:"of",download:"Download",table_filter:"Filter",table_filter_hide:"Hide filter",table_filter_active:"active",table_filter_clear_all:"Clear all filters",table_new_record:"New record",table_export_excel:"Export to Excel",filter_sorting:"Sorting",filter_ascending:"Ascending",filter_descending:"Descending",filter_section:"Filter",filter_apply:"Apply",filter_clear:"Clear",filter_contains:"Contains",filter_starts_with:"Starts with",filter_equals:"Equals",filter_is_empty:"Is empty",filter_is_not_empty:"Is not empty",filter_exact:"Exact",filter_range:"Range",filter_from:"From",filter_to:"To",filter_all:"All",filter_select_all:"All",filter_select_none:"None",filter_search_value:"Search value...",filter_no_support:"Filtering is not available for this field type."},ar:{required:"هذا الحقل مطلوب",select_placeholder:"اختر خياراً",search_placeholder:"بحث...",upload_file:"رفع ملف",choose_file:"اختر ملفاً",clear:"مسح",today:"اليوم",invalid_email:"يرجى إدخال عنوان بريد إلكتروني صحيح",invalid_url:"يرجى إدخال رابط صحيح",invalid_number:"يرجى إدخال رقم صحيح",drop_file_here:"اسحب الملف هنا أو",browse:"تصفح",file_too_large:"الملف كبير جداً",search_results:"نتائج البحث",no_results:"لم يتم العثور على نتائج",loading:"جار التحميل...",submit:"حفظ",cancel:"إلغاء",remove:"إزالة",add:"إضافة",yes:"نعم",no:"لا",table_of:"من أصل",download:"تنزيل",table_filter:"تصفية",table_filter_hide:"إخفاء التصفية",table_filter_active:"نشط",table_filter_clear_all:"مسح جميع الفلاتر",table_new_record:"سجل جديد",table_export_excel:"تصدير إلى Excel",filter_sorting:"الترتيب",filter_ascending:"تصاعدي",filter_descending:"تنازلي",filter_section:"تصفية",filter_apply:"تطبيق",filter_clear:"مسح",filter_contains:"يحتوي على",filter_starts_with:"يبدأ بـ",filter_equals:"يساوي",filter_is_empty:"فارغ",filter_is_not_empty:"ليس فارغاً",filter_exact:"دقيق",filter_range:"نطاق",filter_from:"من",filter_to:"إلى",filter_all:"الكل",filter_select_all:"الكل",filter_select_none:"لا شيء",filter_search_value:"قيمة البحث...",filter_no_support:"التصفية غير متاحة لهذا النوع من الحقول."},fr:{required:"Ce champ est obligatoire",select_placeholder:"Sélectionner une option",search_placeholder:"Rechercher...",upload_file:"Télécharger un fichier",choose_file:"Choisir un fichier",clear:"Effacer",today:"Aujourd'hui",invalid_email:"Veuillez saisir une adresse e-mail valide",invalid_url:"Veuillez saisir une URL valide",invalid_number:"Veuillez saisir un nombre valide",drop_file_here:"Déposez le fichier ici ou",browse:"parcourir",file_too_large:"Le fichier est trop volumineux",search_results:"Résultats de recherche",no_results:"Aucun résultat trouvé",loading:"Chargement...",submit:"Enregistrer",cancel:"Annuler",remove:"Supprimer",add:"Ajouter",yes:"Oui",no:"Non",table_of:"sur",download:"Télécharger",table_filter:"Filtrer",table_filter_hide:"Masquer le filtre",table_filter_active:"actif",table_filter_clear_all:"Effacer tous les filtres",table_new_record:"Nouvel enregistrement",table_export_excel:"Exporter vers Excel",filter_sorting:"Tri",filter_ascending:"Croissant",filter_descending:"Décroissant",filter_section:"Filtre",filter_apply:"Appliquer",filter_clear:"Effacer",filter_contains:"Contient",filter_starts_with:"Commence par",filter_equals:"Égal à",filter_is_empty:"Est vide",filter_is_not_empty:"N'est pas vide",filter_exact:"Exact",filter_range:"Plage",filter_from:"De",filter_to:"À",filter_all:"Tous",filter_select_all:"Tous",filter_select_none:"Aucun",filter_search_value:"Valeur de recherche...",filter_no_support:"Le filtrage n'est pas disponible pour ce type de champ."}};function l(l,r){var i,t,a;const _=r.split("-")[0].toLowerCase();return null!==(a=null!==(t=(null!==(i=e[_])&&void 0!==i?i:e.en)[l])&&void 0!==t?t:e.en[l])&&void 0!==a?a:l}export{l as t}
package/dist/components/mrd-table.js CHANGED
@@ -1 +1 @@
1
- import{proxyCustomElement as r,HTMLElement as t,createEvent as e,h as l,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as o,b as s,c as d,d as n,f as c,e as m}from"./format.js";import{a as b}from"./client-layout.js";import{t as h}from"./i18n.js";class u{static render(r,t,e){var l,a,i,o;if(r.type===b.RELATION){const e=null!==(a=null===(l=r.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:"",s=null===(i=null==t?void 0:t._links)||void 0===i?void 0:i[e];return s?Array.isArray(s)?s.map((r=>{var t;return null!==(t=r.name)&&void 0!==t?t:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(r.type!==b.FIELD||!r.field)return"";const{name:s,dataType:d,listItems:n}=r.field,c=null==t?void 0:t[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((r=>u.renderValue(null!=d?d:"TEXT",r,null!=n?n:[],e))).filter((r=>""!==r)).join(", ")}static renderValue(r,t,e,l){var a;switch(r){case"INTEGER":return c(Number(t),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(t),l);case"PERCENTAGE":return m(Number(t),l);case"CURRENCY":{const{amount:r,currency:e}="object"==typeof t&&null!==t?t:{amount:t,currency:""};return e?n(Number(r),e,l):c(Number(r),l)}case"DATE":return d(t,l);case"DATETIME":return s(t,l);case"TIME":return o(t,l);case"BOOLEAN":return t?"✓":"";case"LIST":{const r=e.find((r=>r.key===t+""));return null!==(a=null==r?void 0:r.label)&&void 0!==a?a:t+""}case"TEXTBLOCK":return(t+"").replace(/<[^>]*>/g,"").trim();default:return t+""}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),p=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdLoadPage=e(this,"mrdLoadPage",7),this.mrdRowClick=e(this,"mrdRowClick",7),this.mrdAction=e(this,"mrdAction",7),this.mrdFilter=e(this,"mrdFilter",7),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.loadedPages=new Map,this.requestedPages=new Set,this.renderStart=0,this.renderEnd=0,this.colWidths=[],this.sortField="",this.sortDir="asc",this.filterMode=!1,this.activeFilters=new Map,this.openFilterCol=null,this.pendingFilter=null,this.popupPos={top:0,left:0},this.scrollTop=0,this.handleScroll=r=>{const t=r.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(t/this.rowHeight),a=Math.min(l+this.visibleCount(),e-1);this.scrollTop=t,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,a+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(r){this.renderEnd=Math.min(this.renderEnd,Math.max(0,r-1))}async init(){var r;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const t=this.defaultSort.split(",");this.sortField=t[0].trim(),this.sortDir="desc"===(null===(r=t[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}async setPage(r,t){t.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,r*this.pageSize+t.length-1));const e=new Map(this.loadedPages);e.set(r,t),this.loadedPages=e}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const r=this.el.querySelectorAll(".mrd-table__header");r.length>0&&(this.colWidths=Array.from(r).map((r=>r.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?this.sortField+",desc":this.sortField:""}colName(r){var t,e,l,a;return null!==(a=null!==(e=null===(t=r.field)||void 0===t?void 0:t.name)&&void 0!==e?e:null===(l=r.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:""}colDataType(r){var t,e;return"RELATION"===r.type?"RELATION":null!==(e=null===(t=r.field)||void 0===t?void 0:t.dataType)&&void 0!==e?e:"TEXT"}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0)}handleSortClick(r){const t=this.colName(r);this.sortField===t?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=t,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(r,t){this.sortField=this.colName(r),this.sortDir=t,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitPagesForWindow(r,t){const e=Math.floor(r/this.pageSize),l=Math.floor(t/this.pageSize),a=new Set(this.requestedPages);let i=!1;for(let r=e;r<=l;r++)this.loadedPages.has(r)||a.has(r)||(a.add(r),this.mrdLoadPage.emit({page:r,sort:this.sortParam()}),i=!0);i&&(this.requestedPages=a)}getRow(r){var t;const e=this.loadedPages.get(Math.floor(r/this.pageSize));return null!==(t=null==e?void 0:e[r%this.pageSize])&&void 0!==t?t:null}requestPagesForWindow(r,t){const e=Math.floor(r/this.pageSize),l=Math.floor(t/this.pageSize);let a=!1;for(let r=e;r<=l;r++)this.loadedPages.has(r)||this.requestedPages.has(r)||this.pendingPages.has(r)||(this.pendingPages.add(r),a=!0);a&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const r=new Set(this.requestedPages);let t=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||r.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(r.add(e),this.mrdLoadPage.emit({page:e,sort:this.sortParam()}),t=!0)}this.pendingPages.clear(),t&&(this.requestedPages=r)}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(r,t){t.stopPropagation();const e=t.currentTarget.getBoundingClientRect();let l=e.left;l+280>window.innerWidth-8&&(l=e.right-280),this.popupPos={top:e.bottom+4,left:Math.max(8,l)};const a=this.colName(r),i=this.colDataType(r),o=this.activeFilters.get(a),s=_.has(i)||"RELATION"===i?"startsWith":void 0;this.pendingFilter=o?Object.assign({},o):{field:a,dataType:i,operator:s},this.openFilterCol=a,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=r=>{const t=this.el.querySelector(".mrd-table__filter-popup");t&&!t.contains(r.target)&&this.closeFilterPopup()},document.addEventListener("click",this.outsideClickHandler)}closeFilterPopup(){this.openFilterCol=null,this.pendingFilter=null,this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}setPending(r,t){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[r]:t})}togglePendingValue(r,t){var e,l;const a=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:t?[...a,r]:a.filter((t=>t!==r))})}filterHasValue(r){return"isEmpty"===r.operator||"isNotEmpty"===r.operator||void 0!==r.values&&r.values.length>0||null!=r.value&&""!==r.value||"boolean"==typeof r.value||null!=r.from&&""!==r.from||null!=r.to&&""!==r.to}applyFilter(){const r=this.pendingFilter;if(!(null==r?void 0:r.field))return void this.closeFilterPopup();const t=new Map(this.activeFilters);this.filterHasValue(r)?t.set(r.field,r):t.delete(r.field),this.activeFilters=t,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const r=this.openFilterCol,t=new Map(this.activeFilters);r&&t.delete(r),this.activeFilters=t,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var r;const t=this.activeFilters.size,e=(null===(r=this.actions)||void 0===r?void 0:r.length)>0;return l("div",{class:"mrd-table__toolbar"},l("div",{class:"mrd-table__toolbar-left"},l("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),t>0&&l("span",{class:"mrd-table__filter-badge"},t),l("span",{class:"mrd-table__action-tooltip"},h(this.filterMode?"table_filter_hide":"table_filter",this.locale),t>0?` (${t} ${h("table_filter_active",this.locale)})`:"")),t>0&&l("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),l("span",{class:"mrd-table__action-tooltip"},h("table_filter_clear_all",this.locale)))),e&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((r=>{var t;return l("button",{class:"mrd-table__action mrd-table__action--"+(null!==(t=r.variant)&&void 0!==t?t:"secondary"),disabled:r.disabled,onClick:()=>this.mrdAction.emit({action:r.action})},r.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:r.icon})):r.label,l("span",{class:"mrd-table__action-tooltip"},r.label))}))))}renderFilterEditor(r){var t,e,a,i,o,s,d;const n=null!==(t=this.pendingFilter)&&void 0!==t?t:{},c=this.colDataType(r);if(f.has(c))return l("p",{class:"mrd-table__filter-no-support"},h("filter_no_support",this.locale));if("BOOLEAN"===c)return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((r=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:n.value===r.value,onChange:()=>this.setPending("value",r.value)}),h(r.labelKey,this.locale)))));if("LIST"===c){const t=null!==(a=null===(e=r.field)||void 0===e?void 0:e.listItems)&&void 0!==a?a:[],o=null!==(i=n.values)&&void 0!==i?i:[];return l("div",{class:"mrd-table__filter-list"},l("div",{class:"mrd-table__filter-list-controls"},l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{values:t.map((r=>r.key))})}},h("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{values:[]})}},h("filter_select_none",this.locale))),t.map((r=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(r.key),onChange:t=>this.togglePendingValue(r.key,t.target.checked)}),r.label))))}if(_.has(c)||"RELATION"===c){const r=null!==(o=n.operator)&&void 0!==o?o:"startsWith",t="isEmpty"===r||"isNotEmpty"===r;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:r=>this.setPending("operator",r.target.value)},[{val:"startsWith",labelKey:"filter_starts_with"},{val:"equals",labelKey:"filter_equals"},{val:"isEmpty",labelKey:"filter_is_empty"},{val:"isNotEmpty",labelKey:"filter_is_not_empty"}].map((t=>l("option",{value:t.val,selected:r===t.val},h(t.labelKey,this.locale))))),!t&&l("input",{type:"text",class:"mrd-table__filter-input",value:(null!==(s=n.value)&&void 0!==s?s:"")+"",placeholder:h("filter_search_value",this.locale),onInput:r=>this.setPending("value",r.target.value)}))}if(p.has(c)){const r=void 0!==n.from||void 0!==n.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:!r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{from:void 0,to:void 0})}}),h("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{value:void 0,from:null,to:null})}}),h("filter_range",this.locale))),r?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:h("filter_from",this.locale),value:null!=n.from?n.from+"":"",onInput:r=>this.setPending("from",r.target.value)}),l("span",{class:"mrd-table__filter-range-sep"},"–"),l("input",{type:"number",class:"mrd-table__filter-input",placeholder:h("filter_to",this.locale),value:null!=n.to?n.to+"":"",onInput:r=>this.setPending("to",r.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=n.value?n.value+"":"",onInput:r=>this.setPending("value",r.target.value)}))}if(v.has(c)){const r="DATE"===c?"date":"DATETIME"===c?"datetime-local":"time",t=void 0!==n.from||void 0!==n.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{from:void 0,to:void 0})}}),h("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{value:void 0,from:null,to:null})}}),h("filter_range",this.locale))),t?l("div",{class:"mrd-table__filter-range"},l("input",{type:r,class:"mrd-table__filter-input",placeholder:h("filter_from",this.locale),value:null!=n.from?n.from+"":"",onInput:r=>this.setPending("from",r.target.value)}),l("input",{type:r,class:"mrd-table__filter-input",placeholder:h("filter_to",this.locale),value:null!=n.to?n.to+"":"",onInput:r=>this.setPending("to",r.target.value)})):l("input",{type:r,class:"mrd-table__filter-input",value:(null!==(d=n.value)&&void 0!==d?d:"")+"",onInput:r=>this.setPending("value",r.target.value)}))}return null}renderFilterPopup(){var r,t,e,a;if(!this.openFilterCol||!this.pendingFilter)return null;const i=this.columns.find((r=>this.colName(r)===this.openFilterCol));if(!i)return null;const o=null!==(a=null!==(t=null===(r=i.field)||void 0===r?void 0:r.label)&&void 0!==t?t:null===(e=i.relation)||void 0===e?void 0:e.label)&&void 0!==a?a:this.openFilterCol,s=this.sortField===this.openFilterCol;return l("div",{class:"mrd-table__filter-popup",style:{top:this.popupPos.top+"px",left:this.popupPos.left+"px"},onClick:r=>r.stopPropagation()},l("div",{class:"mrd-table__filter-popup-header"},l("span",{class:"mrd-table__filter-popup-title"},o),l("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},h("filter_sorting",this.locale)),l("div",{class:"mrd-table__filter-sort-buttons"},l("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"asc")},"▲ ",h("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"desc")},"▼ ",h("filter_descending",this.locale)))),l("div",{class:"mrd-table__filter-divider"}),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},h("filter_section",this.locale)),this.renderFilterEditor(i)),l("div",{class:"mrd-table__filter-popup-footer"},l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},h("filter_clear",this.locale)),l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},h("filter_apply",this.locale))))}renderFooter(r,t){const e=this.totalElements;if(0===e){const t=null!=r?r:0;return 0===t?null:l("div",{class:"mrd-table__footer"},t," ",h("table_of",this.locale)," ",t)}if(!this.loadedPages.has(0))return null;const a=null!=t?t:e;return l("div",{class:"mrd-table__footer"},Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,a),"–",Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),a)," ",h("table_of",this.locale)," ",a)}render(){var r,t,e;if(!(null===(r=this.columns)||void 0===r?void 0:r.length))return null;const i=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]);if(0===this.totalElements)return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((r=>{var t,e,a,i;const o=this.colName(r),s=this.activeFilters.has(o);return l("th",{class:"mrd-table__header"+(s?" mrd-table__header--filtered":"")},l("span",{class:"mrd-table__header-label"},null!==(i=null!==(e=null===(t=r.field)||void 0===t?void 0:t.label)&&void 0!==e?e:null===(a=r.relation)||void 0===a?void 0:a.label)&&void 0!==i?i:""),this.filterMode&&l("button",{class:"mrd-table__header-filter-btn"+(s?" mrd-table__header-filter-btn--active":""),onClick:t=>this.handleFilterOpen(r,t)},"▾"))})))),l("tbody",null,null===(t=this.rows)||void 0===t?void 0:t.map(((r,t)=>l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>{var e,a;const o=u.render(t,r,this.locale),s="FIELD"===t.type&&i.has(null!==(a=null===(e=t.field)||void 0===e?void 0:e.dataType)&&void 0!==a?a:"");return l("td",{class:"mrd-table__cell"+(s?" mrd-table__cell--numeric":"")},o)}))))))),(!this.rows||0===this.rows.length)&&l("p",{class:"mrd-table__empty"},h("no_results",this.locale))),this.renderFooter(null===(e=this.rows)||void 0===e?void 0:e.length),this.renderFilterPopup());let o=this.totalElements;for(const[r,t]of this.loadedPages)t.length<this.pageSize&&(o=Math.min(o,r*this.pageSize+t.length));const s=Math.min(this.renderEnd,o-1),d=this.columns.length,n=this.renderStart*this.rowHeight,c=Math.max(0,(o-1-s)*this.rowHeight),m=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,b=[];for(let r=this.renderStart;r<=s;r++){const t=this.getRow(r);b.push(null===t?l("tr",{class:"mrd-table__row mrd-table__row--loading"},l("td",{class:"mrd-table__cell--placeholder",colSpan:d},l("span",{class:"mrd-table__placeholder-bar"}))):l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>{var e,a;const o=u.render(r,t,this.locale),s="FIELD"===r.type&&i.has(null!==(a=null===(e=r.field)||void 0===e?void 0:e.dataType)&&void 0!==a?a:"");return l("td",{class:"mrd-table__cell"+(s?" mrd-table__cell--numeric":"")},o)}))))}return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table__scroll",style:{height:this.tableHeight+"px"},onScroll:this.handleScroll},l("table",{class:"mrd-table__table",style:m},l("thead",null,l("tr",null,this.columns.map(((r,t)=>{var e,a,i,o;const s=this.colName(r),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?"mrd-table__header--sorted-"+this.sortDir:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:c,style:this.colWidths[t]?{width:this.colWidths[t]+"px"}:void 0,onClick:()=>this.handleSortClick(r)},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(a=null===(e=r.field)||void 0===e?void 0:e.label)&&void 0!==a?a:null===(i=r.relation)||void 0===i?void 0:i.label)&&void 0!==o?o:""),l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},d?"asc"===this.sortDir?"▲":"▼":"⇅"),this.filterMode&&l("button",{class:"mrd-table__header-filter-btn"+(n?" mrd-table__header-filter-btn--active":""),onClick:t=>{t.stopPropagation(),this.handleFilterOpen(r,t)}},"▾"))})))),l("tbody",null,n>0&&l("tr",{class:"mrd-table__spacer",style:{height:n+"px"}},l("td",{colSpan:d})),b,c>0&&l("tr",{class:"mrd-table__spacer",style:{height:c+"px"}},l("td",{colSpan:d}))))),0===o&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},h("no_results",this.locale)),o>0&&this.renderFooter(void 0,o),this.renderFilterPopup())}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.65rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient( 90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75% );background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-filter-btn.sc-mrd-table{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--mrd-space-1);padding:0 3px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.8rem;line-height:1;vertical-align:middle}.mrd-table__header-filter-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-200);color:var(--mrd-color-neutral-800)}.mrd-table__header-filter-btn--active.sc-mrd-table{color:var(--mrd-color-primary)}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}"}},[2,"mrd-table",{columns:[16],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],defaultSort:[1,"default-sort"],actions:[16],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],scrollTop:[32],init:[64],setPage:[64]},void 0,{totalElements:[{totalElementsChanged:0}]}]),y=g,x=function(){"undefined"!=typeof customElements&&["mrd-table"].forEach((r=>{"mrd-table"===r&&(customElements.get(i(r))||customElements.define(i(r),g))}))};export{y as MrdTable,x as defineCustomElement}
1
+ import{proxyCustomElement as r,HTMLElement as t,createEvent as e,h as l,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as o,b as s,c as d,d as n,f as c,e as m}from"./format.js";import{a as h}from"./client-layout.js";import{t as b}from"./i18n.js";class u{static render(r,t,e){var l,a,i,o;if(r.type===h.RELATION){const e=null!==(a=null===(l=r.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:"",s=null===(i=null==t?void 0:t._links)||void 0===i?void 0:i[e];return s?Array.isArray(s)?s.map((r=>{var t;return null!==(t=r.name)&&void 0!==t?t:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(r.type!==h.FIELD||!r.field)return"";const{name:s,dataType:d,listItems:n}=r.field,c=null==t?void 0:t[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((r=>u.renderValue(null!=d?d:"TEXT",r,null!=n?n:[],e))).filter((r=>""!==r)).join(", ")}static renderValue(r,t,e,l){var a,i;switch(r){case"INTEGER":return c(Number(t),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(t),l);case"PERCENTAGE":return m(Number(t),l);case"CURRENCY":{const{amount:r,currency:e}="object"==typeof t&&null!==t?t:{amount:t,currency:""};return e?n(Number(r),e,l):c(Number(r),l)}case"DATE":return d(t,l);case"DATETIME":return s(t,l);case"TIME":return o(t,l);case"BOOLEAN":return t?"✓":"";case"FILE":case"IMAGE":return"object"==typeof t&&null!==t&&null!==(a=t.fileName)&&void 0!==a?a:"";case"LIST":{const r=e.find((r=>r.key===t+""));return null!==(i=null==r?void 0:r.label)&&void 0!==i?i:t+""}case"TEXTBLOCK":return(t+"").replace(/<[^>]*>/g,"").trim();default:return t+""}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),p=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdLoadPage=e(this,"mrdLoadPage",7),this.mrdRowClick=e(this,"mrdRowClick",7),this.mrdAction=e(this,"mrdAction",7),this.mrdFilter=e(this,"mrdFilter",7),this.mrdDownload=e(this,"mrdDownload",7),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.loadedPages=new Map,this.requestedPages=new Set,this.renderStart=0,this.renderEnd=0,this.colWidths=[],this.sortField="",this.sortDir="asc",this.filterMode=!1,this.activeFilters=new Map,this.openFilterCol=null,this.pendingFilter=null,this.popupPos={top:0,left:0},this.scrollTop=0,this.handleScroll=r=>{const t=r.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(t/this.rowHeight),a=Math.min(l+this.visibleCount(),e-1);this.scrollTop=t,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,a+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(r){this.renderEnd=Math.min(this.renderEnd,Math.max(0,r-1))}async init(){var r;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const t=this.defaultSort.split(",");this.sortField=t[0].trim(),this.sortDir="desc"===(null===(r=t[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}async setPage(r,t){t.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,r*this.pageSize+t.length-1));const e=new Map(this.loadedPages);e.set(r,t),this.loadedPages=e}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const r=this.el.querySelectorAll(".mrd-table__header");r.length>0&&(this.colWidths=Array.from(r).map((r=>r.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?this.sortField+",desc":this.sortField:""}colName(r){var t,e,l,a;return null!==(a=null!==(e=null===(t=r.field)||void 0===t?void 0:t.name)&&void 0!==e?e:null===(l=r.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:""}colDataType(r){var t,e;return"RELATION"===r.type?"RELATION":null!==(e=null===(t=r.field)||void 0===t?void 0:t.dataType)&&void 0!==e?e:"TEXT"}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0)}handleSortClick(r){const t=this.colName(r);this.sortField===t?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=t,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(r,t){this.sortField=this.colName(r),this.sortDir=t,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitPagesForWindow(r,t){const e=Math.floor(r/this.pageSize),l=Math.floor(t/this.pageSize),a=new Set(this.requestedPages);let i=!1;for(let r=e;r<=l;r++)this.loadedPages.has(r)||a.has(r)||(a.add(r),this.mrdLoadPage.emit({page:r,sort:this.sortParam()}),i=!0);i&&(this.requestedPages=a)}getRow(r){var t;const e=this.loadedPages.get(Math.floor(r/this.pageSize));return null!==(t=null==e?void 0:e[r%this.pageSize])&&void 0!==t?t:null}requestPagesForWindow(r,t){const e=Math.floor(r/this.pageSize),l=Math.floor(t/this.pageSize);let a=!1;for(let r=e;r<=l;r++)this.loadedPages.has(r)||this.requestedPages.has(r)||this.pendingPages.has(r)||(this.pendingPages.add(r),a=!0);a&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const r=new Set(this.requestedPages);let t=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||r.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(r.add(e),this.mrdLoadPage.emit({page:e,sort:this.sortParam()}),t=!0)}this.pendingPages.clear(),t&&(this.requestedPages=r)}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(r,t){t.stopPropagation();const e=t.currentTarget.getBoundingClientRect();let l=e.left;l+280>window.innerWidth-8&&(l=e.right-280),this.popupPos={top:e.bottom+4,left:Math.max(8,l)};const a=this.colName(r),i=this.colDataType(r),o=this.activeFilters.get(a),s=_.has(i)||"RELATION"===i?"startsWith":void 0;this.pendingFilter=o?Object.assign({},o):{field:a,dataType:i,operator:s},this.openFilterCol=a,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=r=>{const t=this.el.querySelector(".mrd-table__filter-popup");t&&!t.contains(r.target)&&this.closeFilterPopup()},document.addEventListener("click",this.outsideClickHandler)}closeFilterPopup(){this.openFilterCol=null,this.pendingFilter=null,this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}setPending(r,t){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[r]:t})}togglePendingValue(r,t){var e,l;const a=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:t?[...a,r]:a.filter((t=>t!==r))})}filterHasValue(r){return"isEmpty"===r.operator||"isNotEmpty"===r.operator||void 0!==r.values&&r.values.length>0||null!=r.value&&""!==r.value||"boolean"==typeof r.value||null!=r.from&&""!==r.from||null!=r.to&&""!==r.to}applyFilter(){const r=this.pendingFilter;if(!(null==r?void 0:r.field))return void this.closeFilterPopup();const t=new Map(this.activeFilters);this.filterHasValue(r)?t.set(r.field,r):t.delete(r.field),this.activeFilters=t,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const r=this.openFilterCol,t=new Map(this.activeFilters);r&&t.delete(r),this.activeFilters=t,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var r;const t=this.activeFilters.size,e=(null===(r=this.actions)||void 0===r?void 0:r.length)>0;return l("div",{class:"mrd-table__toolbar"},l("div",{class:"mrd-table__toolbar-left"},l("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),t>0&&l("span",{class:"mrd-table__filter-badge"},t),l("span",{class:"mrd-table__action-tooltip"},b(this.filterMode?"table_filter_hide":"table_filter",this.locale),t>0?` (${t} ${b("table_filter_active",this.locale)})`:"")),t>0&&l("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),l("span",{class:"mrd-table__action-tooltip"},b("table_filter_clear_all",this.locale)))),e&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((r=>{var t;return l("button",{class:"mrd-table__action mrd-table__action--"+(null!==(t=r.variant)&&void 0!==t?t:"secondary"),disabled:r.disabled,onClick:()=>this.mrdAction.emit({action:r.action})},r.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:r.icon})):r.label,l("span",{class:"mrd-table__action-tooltip"},r.label))}))))}renderFilterEditor(r){var t,e,a,i,o,s,d;const n=null!==(t=this.pendingFilter)&&void 0!==t?t:{},c=this.colDataType(r);if(f.has(c))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===c)return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((r=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:n.value===r.value,onChange:()=>this.setPending("value",r.value)}),b(r.labelKey,this.locale)))));if("LIST"===c){const t=null!==(a=null===(e=r.field)||void 0===e?void 0:e.listItems)&&void 0!==a?a:[],o=null!==(i=n.values)&&void 0!==i?i:[];return l("div",{class:"mrd-table__filter-list"},l("div",{class:"mrd-table__filter-list-controls"},l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{values:t.map((r=>r.key))})}},b("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{values:[]})}},b("filter_select_none",this.locale))),t.map((r=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(r.key),onChange:t=>this.togglePendingValue(r.key,t.target.checked)}),r.label))))}if(_.has(c)||"RELATION"===c){const r=null!==(o=n.operator)&&void 0!==o?o:"startsWith",t="isEmpty"===r||"isNotEmpty"===r;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:r=>this.setPending("operator",r.target.value)},[{val:"startsWith",labelKey:"filter_starts_with"},{val:"equals",labelKey:"filter_equals"},{val:"isEmpty",labelKey:"filter_is_empty"},{val:"isNotEmpty",labelKey:"filter_is_not_empty"}].map((t=>l("option",{value:t.val,selected:r===t.val},b(t.labelKey,this.locale))))),!t&&l("input",{type:"text",class:"mrd-table__filter-input",value:(null!==(s=n.value)&&void 0!==s?s:"")+"",placeholder:b("filter_search_value",this.locale),onInput:r=>this.setPending("value",r.target.value)}))}if(p.has(c)){const r=void 0!==n.from||void 0!==n.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:!r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),r?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=n.from?n.from+"":"",onInput:r=>this.setPending("from",r.target.value)}),l("span",{class:"mrd-table__filter-range-sep"},"–"),l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=n.to?n.to+"":"",onInput:r=>this.setPending("to",r.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=n.value?n.value+"":"",onInput:r=>this.setPending("value",r.target.value)}))}if(v.has(c)){const r="DATE"===c?"date":"DATETIME"===c?"datetime-local":"time",t=void 0!==n.from||void 0!==n.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),t?l("div",{class:"mrd-table__filter-range"},l("input",{type:r,class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=n.from?n.from+"":"",onInput:r=>this.setPending("from",r.target.value)}),l("input",{type:r,class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=n.to?n.to+"":"",onInput:r=>this.setPending("to",r.target.value)})):l("input",{type:r,class:"mrd-table__filter-input",value:(null!==(d=n.value)&&void 0!==d?d:"")+"",onInput:r=>this.setPending("value",r.target.value)}))}return null}renderFilterPopup(){var r,t,e,a;if(!this.openFilterCol||!this.pendingFilter)return null;const i=this.columns.find((r=>this.colName(r)===this.openFilterCol));if(!i)return null;const o=null!==(a=null!==(t=null===(r=i.field)||void 0===r?void 0:r.label)&&void 0!==t?t:null===(e=i.relation)||void 0===e?void 0:e.label)&&void 0!==a?a:this.openFilterCol,s=this.sortField===this.openFilterCol;return l("div",{class:"mrd-table__filter-popup",style:{top:this.popupPos.top+"px",left:this.popupPos.left+"px"},onClick:r=>r.stopPropagation()},l("div",{class:"mrd-table__filter-popup-header"},l("span",{class:"mrd-table__filter-popup-title"},o),l("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_sorting",this.locale)),l("div",{class:"mrd-table__filter-sort-buttons"},l("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"asc")},"▲ ",b("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"desc")},"▼ ",b("filter_descending",this.locale)))),l("div",{class:"mrd-table__filter-divider"}),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_section",this.locale)),this.renderFilterEditor(i)),l("div",{class:"mrd-table__filter-popup-footer"},l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},b("filter_clear",this.locale)),l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},b("filter_apply",this.locale))))}renderFooter(r,t){const e=this.totalElements;if(0===e){const t=null!=r?r:0;return 0===t?null:l("div",{class:"mrd-table__footer"},t," ",b("table_of",this.locale)," ",t)}if(!this.loadedPages.has(0))return null;const a=null!=t?t:e;return l("div",{class:"mrd-table__footer"},Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,a),"–",Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),a)," ",b("table_of",this.locale)," ",a)}renderCell(r,t){var e,a,i,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(a=null===(e=r.field)||void 0===e?void 0:e.dataType)&&void 0!==a?a:"",n="FIELD"===r.type&&s.has(d);if("FIELD"===r.type&&("FILE"===d||"IMAGE"===d)){const e=null!==(o=null===(i=r.field)||void 0===i?void 0:i.name)&&void 0!==o?o:"",a=null==t?void 0:t[e],s=null==a?void 0:a.href,d=null==a?void 0:a.fileName;return l("td",{class:"mrd-table__cell"},s&&d?l("button",{class:"mrd-table__file-btn",title:d,onClick:r=>{r.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},l("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),b("download",this.locale)):"")}const c=u.render(r,t,this.locale);return l("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}render(){var r,t,e;if(!(null===(r=this.columns)||void 0===r?void 0:r.length))return null;if(0===this.totalElements)return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((r=>{var t,e,a,i;const o=this.colName(r),s=this.activeFilters.has(o);return l("th",{class:"mrd-table__header"+(s?" mrd-table__header--filtered":"")},l("span",{class:"mrd-table__header-label"},null!==(i=null!==(e=null===(t=r.field)||void 0===t?void 0:t.label)&&void 0!==e?e:null===(a=r.relation)||void 0===a?void 0:a.label)&&void 0!==i?i:""),this.filterMode&&l("button",{class:"mrd-table__header-filter-btn"+(s?" mrd-table__header-filter-btn--active":""),onClick:t=>this.handleFilterOpen(r,t)},"▾"))})))),l("tbody",null,null===(t=this.rows)||void 0===t?void 0:t.map(((r,t)=>l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))))),(!this.rows||0===this.rows.length)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale))),this.renderFooter(null===(e=this.rows)||void 0===e?void 0:e.length),this.renderFilterPopup());let i=this.totalElements;for(const[r,t]of this.loadedPages)t.length<this.pageSize&&(i=Math.min(i,r*this.pageSize+t.length));const o=Math.min(this.renderEnd,i-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(i-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,m=[];for(let r=this.renderStart;r<=o;r++){const t=this.getRow(r);m.push(null===t?l("tr",{class:"mrd-table__row mrd-table__row--loading"},l("td",{class:"mrd-table__cell--placeholder",colSpan:s},l("span",{class:"mrd-table__placeholder-bar"}))):l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>this.renderCell(r,t)))))}return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table__scroll",style:{height:this.tableHeight+"px"},onScroll:this.handleScroll},l("table",{class:"mrd-table__table",style:c},l("thead",null,l("tr",null,this.columns.map(((r,t)=>{var e,a,i,o;const s=this.colName(r),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?"mrd-table__header--sorted-"+this.sortDir:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:c,style:this.colWidths[t]?{width:this.colWidths[t]+"px"}:void 0,onClick:()=>this.handleSortClick(r)},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(a=null===(e=r.field)||void 0===e?void 0:e.label)&&void 0!==a?a:null===(i=r.relation)||void 0===i?void 0:i.label)&&void 0!==o?o:""),l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},d?"asc"===this.sortDir?"▲":"▼":"⇅"),this.filterMode&&l("button",{class:"mrd-table__header-filter-btn"+(n?" mrd-table__header-filter-btn--active":""),onClick:t=>{t.stopPropagation(),this.handleFilterOpen(r,t)}},"▾"))})))),l("tbody",null,d>0&&l("tr",{class:"mrd-table__spacer",style:{height:d+"px"}},l("td",{colSpan:s})),m,n>0&&l("tr",{class:"mrd-table__spacer",style:{height:n+"px"}},l("td",{colSpan:s}))))),0===i&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale)),i>0&&this.renderFooter(void 0,i),this.renderFilterPopup())}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.65rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient( 90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75% );background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-filter-btn.sc-mrd-table{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--mrd-space-1);padding:0 3px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.8rem;line-height:1;vertical-align:middle}.mrd-table__header-filter-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-200);color:var(--mrd-color-neutral-800)}.mrd-table__header-filter-btn--active.sc-mrd-table{color:var(--mrd-color-primary)}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}.mrd-table__file-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;max-width:100%;overflow:hidden}.mrd-table__file-btn.sc-mrd-table:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-table__file-icon.sc-mrd-table{flex-shrink:0;width:1rem;height:1rem}"}},[2,"mrd-table",{columns:[16],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],defaultSort:[1,"default-sort"],actions:[16],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],scrollTop:[32],init:[64],setPage:[64]},void 0,{totalElements:[{totalElementsChanged:0}]}]),y=g,x=function(){"undefined"!=typeof customElements&&["mrd-table"].forEach((r=>{"mrd-table"===r&&(customElements.get(i(r))||customElements.define(i(r),g))}))};export{y as MrdTable,x as defineCustomElement}