@mmlogic/components 0.1.16 → 0.1.18

package/dist/esm/mrd-boolean-field_16.entry.js

@@ -185,25 +185,57 @@ const MrdDatetimeField = class {
         this.disabled = false;
         this.locale = navigator.language;
         this.error = '';
+        this.localValue = '';
         this.handleChange = (e) => {
-            const val = e.target.value;
-            if (this.required && !validateRequired(val)) {
+            const localVal = e.target.value;
+            this.localValue = localVal;
+            if (this.required && !validateRequired(localVal)) {
                 this.error = t('required', this.locale);
             }
             else {
                 this.error = '';
             }
-            this.mrdChange.emit({ name: this.name, value: val });
+            this.mrdChange.emit({ name: this.name, value: this.localToUtc(localVal) });
         };
         this.handleBlur = (e) => {
-            const val = e.target.value;
-            this.mrdBlur.emit({ name: this.name, value: val });
+            const localVal = e.target.value;
+            this.mrdBlur.emit({ name: this.name, value: this.localToUtc(localVal) });
         };
     }
+    componentWillLoad() {
+        this.localValue = this.utcToLocal(this.value);
+    }
+    valueChanged(newVal) {
+        this.localValue = this.utcToLocal(newVal);
+    }
+    // UTC ISO string → "YYYY-MM-DDTHH:mm" in local timezone (for datetime-local input)
+    utcToLocal(utcStr) {
+        if (!utcStr)
+            return '';
+        const d = new Date(utcStr);
+        if (isNaN(d.getTime()))
+            return '';
+        const pad = (n) => String(n).padStart(2, '0');
+        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    }
+    // "YYYY-MM-DDTHH:mm" local time → UTC ISO string (for API)
+    localToUtc(localStr) {
+        if (!localStr)
+            return '';
+        const d = new Date(localStr);
+        if (isNaN(d.getTime()))
+            return '';
+        return d.toISOString().replace(/\.\d{3}Z$/, 'Z');
+    }
     render() {
         const hasError = !!this.error;
-        return (h(Host, { key: '79331514eedaf208598a440423da6c154d0d516c' }, h("div", { key: 'a02a65bdef03a4243b700a68e32722a30781fa45', class: "mrd-datetime-field" }, this.label && (h("label", { key: 'adcf653253f64e8686b33211da4a5e8597b0786a', class: `mrd-datetime-field__label${this.required ? ' mrd-datetime-field__label--required' : ''}` }, this.label)), h("input", { key: '49a9fba058d2857c476d8ff038766f8b19b21a41', class: `mrd-datetime-field__input${hasError ? ' mrd-datetime-field__input--error' : ''}`, type: "datetime-local", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: '6d0d822b7cce825121b4abc77425442eb2556d76', class: "mrd-datetime-field__error" }, this.error))));
+        return (h(Host, { key: '6052b08238484bee345ae4bb9b3025c7f2474c35' }, h("div", { key: 'f9073be4496e35a7d40405ae4e6a27a5c1607626', class: "mrd-datetime-field" }, this.label && (h("label", { key: '5933c3b2dfcae9bfad378441210ada6b625657a2', class: `mrd-datetime-field__label${this.required ? ' mrd-datetime-field__label--required' : ''}` }, this.label)), h("input", { key: '7a947b104c38960d2326a4877e4ca52db9fd9d84', class: `mrd-datetime-field__input${hasError ? ' mrd-datetime-field__input--error' : ''}`, type: "datetime-local", name: this.name, value: this.localValue, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'cea3dba7e14e18a3a08394ef3027b661f1808969', class: "mrd-datetime-field__error" }, this.error))));
     }
+    static get watchers() { return {
+        "value": [{
+                "valueChanged": 0
+            }]
+    }; }
 };
 MrdDatetimeField.style = mrdDatetimeFieldScss();
 

package/dist/esm/mrd-table.entry.js

@@ -66,7 +66,7 @@ class CellRenderer {
     }
 }
 
-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.85rem;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__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-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__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-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.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}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}`;
+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.85rem;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__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-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__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-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.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__totals-row.sc-mrd-table{border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell.sc-mrd-table{position:sticky;bottom:0;z-index:2;padding:var(--mrd-space-2) var(--mrd-space-4);background:var(--mrd-color-white);font-weight:var(--mrd-font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell--numeric.sc-mrd-table{text-align:right}.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}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}`;
 
 const BUFFER = 10;
 /** Wacht deze tijd (ms) na het laatste scroll-event voordat pagina's worden
@@ -86,6 +86,7 @@ const MrdTable = class {
         this.mrdAction = createEvent(this, "mrdAction");
         this.mrdFilter = createEvent(this, "mrdFilter");
         this.mrdDownload = createEvent(this, "mrdDownload");
+        this.mrdLoadAggregations = createEvent(this, "mrdLoadAggregations");
         // ── Non-state internals ────────────────────────────────────────────────────
         this.pendingPages = new Set();
         this.debounceTimer = null;
@@ -131,6 +132,8 @@ const MrdTable = class {
         this.scrollTop = 0;
         /** Full text shown in the TEXTBLOCK expand modal (null = closed). */
         this.textblockModal = null;
+        /** Aggregation totals received from the host via setAggregations(). Null = not yet loaded. */
+        this.aggregations = null;
         this.handleScroll = (e) => {
             const scroller = e.currentTarget;
             const scrollTop = scroller.scrollTop;
@@ -181,6 +184,8 @@ const MrdTable = class {
         const scroller = this.el.querySelector('.mrd-table__scroll');
         if (scroller)
             scroller.scrollTop = 0;
+        this.aggregations = null;
+        this.emitLoadAggregations();
     }
     /**
      * Inject the rows for a given page (0-based).
@@ -201,6 +206,10 @@ const MrdTable = class {
         next.set(pageNumber, rows);
         this.loadedPages = next;
     }
+    /** Inject aggregation totals returned by the /aggregations endpoint. */
+    async setAggregations(data) {
+        this.aggregations = data;
+    }
     // ── Lifecycle ──────────────────────────────────────────────────────────────
     disconnectedCallback() {
         if (this.outsideClickHandler) {
@@ -239,6 +248,49 @@ const MrdTable = class {
             return 'RELATION';
         return (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : 'TEXT';
     }
+    // ── Aggregation helpers ────────────────────────────────────────────────────
+    buildAggregationParams() {
+        var _a;
+        const groups = { sum: [], avg: [], count: [] };
+        for (const col of this.columns) {
+            if (col.type !== 'FIELD' || !((_a = col.field) === null || _a === void 0 ? void 0 : _a.aggregate))
+                continue;
+            const fn = col.field.aggregate.toLowerCase();
+            if (fn in groups)
+                groups[fn].push(col.field.name);
+        }
+        const params = {};
+        if (groups.sum.length)
+            params.sum = groups.sum;
+        if (groups.avg.length)
+            params.avg = groups.avg;
+        if (groups.count.length)
+            params.count = groups.count;
+        return Object.keys(params).length > 0 ? params : null;
+    }
+    emitLoadAggregations() {
+        const params = this.buildAggregationParams();
+        if (params)
+            this.mrdLoadAggregations.emit(params);
+    }
+    renderAggregationValue(col) {
+        var _a, _b;
+        if (col.type !== 'FIELD' || !((_a = col.field) === null || _a === void 0 ? void 0 : _a.aggregate) || !this.aggregations)
+            return '';
+        const fn = col.field.aggregate.toLowerCase();
+        const val = (_b = this.aggregations[fn]) === null || _b === void 0 ? void 0 : _b[col.field.name];
+        if (val == null)
+            return '';
+        const dt = col.field.dataType;
+        if (dt === 'INTEGER')
+            return formatNumber(val, this.locale, { maximumFractionDigits: 0 });
+        if (dt === 'PERCENTAGE')
+            return formatPercentage(val, this.locale);
+        if (dt === 'CURRENCY' && col.field.currencyCode)
+            return formatCurrency(val, col.field.currencyCode, this.locale);
+        return formatNumber(val, this.locale);
+    }
+    // ── Reset pagination ───────────────────────────────────────────────────────
     /** Reset pagination state and scroll to top (used after sort or filter change). */
     resetPages() {
         if (this.debounceTimer !== null) {
@@ -502,6 +554,8 @@ const MrdTable = class {
         this.activeFilters = next;
         this.closeFilterPopup();
         this.mrdFilter.emit({ filters: Array.from(this.activeFilters.values()) });
+        this.aggregations = null;
+        this.emitLoadAggregations();
         if (this.totalElements > 0) {
             this.resetPages();
             this.emitPagesForWindow(this.renderStart, this.renderEnd);
@@ -515,6 +569,8 @@ const MrdTable = class {
         this.activeFilters = next;
         this.closeFilterPopup();
         this.mrdFilter.emit({ filters: Array.from(this.activeFilters.values()) });
+        this.aggregations = null;
+        this.emitLoadAggregations();
         if (this.totalElements > 0) {
             this.resetPages();
             this.emitPagesForWindow(this.renderStart, this.renderEnd);
@@ -523,6 +579,8 @@ const MrdTable = class {
     clearAllFilters() {
         this.activeFilters = new Map();
         this.mrdFilter.emit({ filters: [] });
+        this.aggregations = null;
+        this.emitLoadAggregations();
         if (this.totalElements > 0) {
             this.resetPages();
             this.emitPagesForWindow(this.renderStart, this.renderEnd);
@@ -646,6 +704,19 @@ const MrdTable = class {
         const value = CellRenderer.render(col, row, this.locale);
         return (h("td", { class: `mrd-table__cell${isNumeric ? ' mrd-table__cell--numeric' : ''}` }, value));
     }
+    // ── Render: totals row ────────────────────────────────────────────────────
+    renderTotalsRow() {
+        if (!this.aggregations)
+            return null;
+        if (!this.columns.some(c => { var _a; return c.type === 'FIELD' && ((_a = c.field) === null || _a === void 0 ? void 0 : _a.aggregate); }))
+            return null;
+        return (h("tfoot", null, h("tr", { class: "mrd-table__totals-row" }, this.columns.map(col => {
+            var _a, _b;
+            const val = this.renderAggregationValue(col);
+            const isNumeric = col.type === 'FIELD' && NUMERIC_TYPES.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
+            return (h("td", { class: `mrd-table__totals-cell${isNumeric ? ' mrd-table__totals-cell--numeric' : ''}` }, val));
+        }))));
+    }
     // ── Render ─────────────────────────────────────────────────────────────────
     render() {
         var _a, _b, _c;
@@ -663,7 +734,7 @@ const MrdTable = class {
                     this.filterMode ? 'mrd-table__header--sortable' : '',
                 ].filter(Boolean).join(' ');
                 return (h("th", { class: cls, onClick: this.filterMode ? (e) => this.handleFilterOpen(col, e) : undefined }, 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 : ''), isFiltered && this.renderFilterIcon()));
-            }))), 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(), this.renderTextblockModal()));
+            }))), 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.renderTotalsRow()), (!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(), this.renderTextblockModal()));
         }
         // ── Paginated / virtual-scroll mode ────────────────────────────────────
         // Derive the authoritative row count from loaded pages:
@@ -706,7 +777,7 @@ const MrdTable = class {
                 isFiltered ? 'mrd-table__header--filtered' : '',
             ].filter(Boolean).join(' ');
             return (h("th", { class: cls, style: this.colWidths[idx] ? { width: `${this.colWidths[idx]}px` } : undefined, onClick: (e) => this.filterMode ? this.handleFilterOpen(col, e) : this.handleSortClick(col) }, 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 : ''), isActive && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, this.sortDir === 'asc' ? '▲' : '▼')), !isActive && !this.filterMode && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, "\u21C5")), isFiltered && this.renderFilterIcon()));
-        }))), h("tbody", null, topSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${topSpacerHeight}px` } }, h("td", { colSpan: colCount }))), renderedRows, bottomSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${bottomSpacerHeight}px` } }, h("td", { colSpan: colCount })))))), effectiveTotal === 0 && this.loadedPages.has(0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale))), effectiveTotal > 0 && this.renderFooter(undefined, effectiveTotal), this.renderFilterPopup(), this.renderTextblockModal()));
+        }))), h("tbody", null, topSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${topSpacerHeight}px` } }, h("td", { colSpan: colCount }))), renderedRows, bottomSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${bottomSpacerHeight}px` } }, h("td", { colSpan: colCount })))), this.renderTotalsRow())), effectiveTotal === 0 && this.loadedPages.has(0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale))), effectiveTotal > 0 && this.renderFooter(undefined, effectiveTotal), this.renderFilterPopup(), this.renderTextblockModal()));
     }
     renderFilterIcon() {
         return (h("span", { class: "mrd-table__filter-icon", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "currentColor" }, h("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }))));

package/dist/mosterdcomponents/mosterdcomponents.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-829b9b6f",[[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],textblockModal:[32],init:[64],setPage:[64]},null,{totalElements:[{totalElementsChanged:0}]}]]],["p-1e0d88fd",[[2,"mrd-form",{layout:[16],locale:[1],values:[16],referenceHref:[1,"reference-href"],referenceClass:[1,"reference-class"],showCancel:[4,"show-cancel"],formValues:[32],errors:[32],submitted:[32],setFieldValue:[64]},null,{values:[{valuesChanged:0}]}],[2,"mrd-field",{item:[16],locale:[1],value:[16]}],[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}],[2,"mrd-currency-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],amountDisplay:[32],currency:[32],error:[32]}],[2,"mrd-date-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-datetime-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-hyperlink-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],previewUrl:[32],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-list-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],multiple:[4],locale:[1],listItems:[16],error:[32],selected:[32]}],[2,"mrd-number-field",{name:[1],label:[1],value:[2],placeholder:[1],required:[4],disabled:[4],locale:[1],dataType:[1,"data-type"],decimalPrecision:[2,"decimal-precision"],displayValue:[32],error:[32]}],[2,"mrd-relation-field",{name:[1],label:[1],required:[4],disabled:[4],locale:[1],relatedClass:[1,"related-class"],mostSignificantClass:[1,"most-significant-class"],displayType:[1,"display-type"],editBehavior:[1,"edit-behavior"],commonRelation:[1,"common-relation"],multiple:[4],dropdownValues:[16],value:[1],searchQuery:[32],searchResults:[32],allRecords:[32],isLoading:[32],selectedItems:[32],showResults:[32],error:[32],highlightedIndex:[32],setAllRecords:[64],setSearchResults:[64],setLoading:[64]}],[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}],[2,"mrd-time-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}]]]],e))));
+import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-05b585bb",[[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],textblockModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},null,{totalElements:[{totalElementsChanged:0}]}]]],["p-a3d8feb8",[[2,"mrd-form",{layout:[16],locale:[1],values:[16],referenceHref:[1,"reference-href"],referenceClass:[1,"reference-class"],showCancel:[4,"show-cancel"],formValues:[32],errors:[32],submitted:[32],setFieldValue:[64]},null,{values:[{valuesChanged:0}]}],[2,"mrd-field",{item:[16],locale:[1],value:[16]}],[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}],[2,"mrd-currency-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],amountDisplay:[32],currency:[32],error:[32]}],[2,"mrd-date-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-datetime-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32],localValue:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-hyperlink-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],previewUrl:[32],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-list-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],multiple:[4],locale:[1],listItems:[16],error:[32],selected:[32]}],[2,"mrd-number-field",{name:[1],label:[1],value:[2],placeholder:[1],required:[4],disabled:[4],locale:[1],dataType:[1,"data-type"],decimalPrecision:[2,"decimal-precision"],displayValue:[32],error:[32]}],[2,"mrd-relation-field",{name:[1],label:[1],required:[4],disabled:[4],locale:[1],relatedClass:[1,"related-class"],mostSignificantClass:[1,"most-significant-class"],displayType:[1,"display-type"],editBehavior:[1,"edit-behavior"],commonRelation:[1,"common-relation"],multiple:[4],dropdownValues:[16],value:[1],searchQuery:[32],searchResults:[32],allRecords:[32],isLoading:[32],selectedItems:[32],showResults:[32],error:[32],highlightedIndex:[32],setAllRecords:[64],setSearchResults:[64],setLoading:[64]}],[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}],[2,"mrd-time-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}]]]],e))));

package/dist/mosterdcomponents/p-05b585bb.entry.js

@@ -0,0 +1 @@
+import{r,c as t,h as e,H as l,g as a}from"./p-_tsCCkAi.js";import{f as i,a as o,b as s,c as d,d as n,e as c,t as m}from"./p-Cc9kQ1j-.js";import{ClientLayoutItemType as h}from"./index.esm.js";class b{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=>b.renderValue(null!=d?d:"TEXT",r,null!=n?n:[],e))).filter((r=>""!==r)).join(", ")}static renderValue(r,t,e,l){var a,m;switch(r){case"INTEGER":return n(Number(t),l,{maximumFractionDigits:0});case"DECIMAL":return n(Number(t),l);case"PERCENTAGE":return c(Number(t),l);case"CURRENCY":{const{amount:r,currency:e}="object"==typeof t&&null!==t?t:{amount:t,currency:""};return e?d(Number(r),e,l):n(Number(r),l)}case"DATE":return s(t,l);case"DATETIME":return o(t,l);case"TIME":return i(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===String(t)));return null!==(m=null==r?void 0:r.label)&&void 0!==m?m:String(t)}case"TEXTBLOCK":return String(t).replace(/<[^>]*>/g,"").trim();default:return String(t)}}}const u=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),_=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),p=new Set(["DATE","DATETIME","TIME"]),v=new Set(["FILE","IMAGE"]),f=class{constructor(e){r(this,e),this.mrdLoadPage=t(this,"mrdLoadPage"),this.mrdRowClick=t(this,"mrdRowClick"),this.mrdAction=t(this,"mrdAction"),this.mrdFilter=t(this,"mrdFilter"),this.mrdDownload=t(this,"mrdDownload"),this.mrdLoadAggregations=t(this,"mrdLoadAggregations"),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.keydownHandler=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.textblockModal=null,this.aggregations=null,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),this.aggregations=null,this.emitLoadAggregations()}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}async setAggregations(r){this.aggregations=r}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=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"}buildAggregationParams(){var r;const t={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(r=e.field)||void 0===r?void 0:r.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in t&&t[l].push(e.field.name)}const e={};return t.sum.length&&(e.sum=t.sum),t.avg.length&&(e.avg=t.avg),t.count.length&&(e.count=t.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const r=this.buildAggregationParams();r&&this.mrdLoadAggregations.emit(r)}renderAggregationValue(r){var t,e;if("FIELD"!==r.type||!(null===(t=r.field)||void 0===t?void 0:t.aggregate)||!this.aggregations)return"";const l=r.field.aggregate.toLowerCase(),a=null===(e=this.aggregations[l])||void 0===e?void 0:e[r.field.name];if(null==a)return"";const i=r.field.dataType;return"INTEGER"===i?n(a,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===i?c(a,this.locale):"CURRENCY"===i&&r.field.currencyCode?d(a,r.field.currencyCode,this.locale):n(a,this.locale)}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=u.has(i)||"RELATION"===i?"startsWith":void 0;if("DATETIME"===i&&o){const r=Object.assign({},o);"string"==typeof r.from&&r.from&&(r.from=this.utcISOToLocalDate(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.utcISOToLocalDateExclusiveEnd(r.to)),this.pendingFilter=r.from&&r.to&&r.from===r.to?Object.assign(Object.assign({},r),{value:r.from,from:void 0,to:void 0}):r}else 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)}openTextblockModal(r){this.textblockModal=r,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=r=>{"Escape"===r.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=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}dateLocalToUTCStart(r){if(!r)return r;const[t,e,l]=r.split("-").map(Number);return new Date(t,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}dateLocalToUTCEndExclusive(r){if(!r)return r;const[t,e,l]=r.split("-").map(Number);return new Date(t,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}utcISOToLocalDate(r){if(!r)return r;const t=new Date(r);return isNaN(t.getTime())?r:`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(r){if(!r)return r;const t=new Date(r);return isNaN(t.getTime())?r:(t.setDate(t.getDate()-1),`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`)}applyFilter(){const r=this.pendingFilter;if(!(null==r?void 0:r.field))return void this.closeFilterPopup();let t=Object.assign({},r);"DATETIME"===r.dataType&&("string"==typeof t.value&&t.value?(t.from=this.dateLocalToUTCStart(t.value),t.to=this.dateLocalToUTCEndExclusive(t.value),t.value=void 0):("string"==typeof t.from&&t.from&&(t.from=this.dateLocalToUTCStart(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.dateLocalToUTCEndExclusive(t.to))));const e=new Map(this.activeFilters);this.filterHasValue(t)?e.set(t.field,t):e.delete(t.field),this.activeFilters=e,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),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.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var r;const t=this.activeFilters.size,l=(null===(r=this.actions)||void 0===r?void 0:r.length)>0;return e("div",{class:"mrd-table__toolbar"},e("div",{class:"mrd-table__toolbar-left"},e("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),t>0&&e("span",{class:"mrd-table__filter-badge"},t),e("span",{class:"mrd-table__action-tooltip"},m(this.filterMode?"table_filter_hide":"table_filter",this.locale),t>0?` (${t} ${m("table_filter_active",this.locale)})`:"")),t>0&&e("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("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"})),e("span",{class:"mrd-table__action-tooltip"},m("table_filter_clear_all",this.locale)))),l&&e("div",{class:"mrd-table__toolbar-right"},this.actions.map((r=>{var t;return e("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?e("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},e("use",{href:r.icon})):r.label,e("span",{class:"mrd-table__action-tooltip"},r.label))}))))}renderFilterEditor(r){var t,l,a,i,o,s,d,n;const c=null!==(t=this.pendingFilter)&&void 0!==t?t:{},h=this.colDataType(r);if(v.has(h))return e("p",{class:"mrd-table__filter-no-support"},m("filter_no_support",this.locale));if("BOOLEAN"===h)return e("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((r=>e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:c.value===r.value,onChange:()=>this.setPending("value",r.value)}),m(r.labelKey,this.locale)))));if("LIST"===h){const t=null!==(a=null===(l=r.field)||void 0===l?void 0:l.listItems)&&void 0!==a?a:[],o=null!==(i=c.values)&&void 0!==i?i:[];return e("div",{class:"mrd-table__filter-list"},e("div",{class:"mrd-table__filter-list-controls"},e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:t.map((r=>r.key))})}},m("filter_select_all",this.locale)),e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},m("filter_select_none",this.locale))),t.map((r=>e("label",{class:"mrd-table__filter-checkbox-label"},e("input",{type:"checkbox",checked:o.includes(r.key),onChange:t=>this.togglePendingValue(r.key,t.target.checked)}),r.label))))}if(u.has(h)||"RELATION"===h){const r=null!==(o=c.operator)&&void 0!==o?o:"startsWith",t="isEmpty"===r||"isNotEmpty"===r;return e("div",{class:"mrd-table__filter-editor"},e("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=>e("option",{value:t.val,selected:r===t.val},m(t.labelKey,this.locale))))),!t&&e("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(s=c.value)&&void 0!==s?s:""),placeholder:m("filter_search_value",this.locale),onInput:r=>this.setPending("value",r.target.value)}))}if(_.has(h)){const r=void 0!==c.from||void 0!==c.to;return e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:!r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),r?e("div",{class:"mrd-table__filter-range"},e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:r=>this.setPending("from",r.target.value)}),e("span",{class:"mrd-table__filter-range-sep"},"–"),e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:r=>this.setPending("to",r.target.value)})):e("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?String(c.value):"",onInput:r=>this.setPending("value",r.target.value)}))}if("DATETIME"===h){const r=void 0!==c.from||void 0!==c.to;return e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),r?e("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},e("label",{class:"mrd-table__filter-range-label"},m("filter_from",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?String(c.from):"",onInput:r=>this.setPending("from",r.target.value)}),e("label",{class:"mrd-table__filter-range-label"},m("filter_to",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?String(c.to):"",onInput:r=>this.setPending("to",r.target.value)})):e("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(d=c.value)&&void 0!==d?d:""),onInput:r=>this.setPending("value",r.target.value)}))}if(p.has(h)){const r="DATE"===h?"date":"time",t=void 0!==c.from||void 0!==c.to;return e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),t?e("div",{class:"mrd-table__filter-range"},e("input",{type:r,class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:r=>this.setPending("from",r.target.value)}),e("input",{type:r,class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:r=>this.setPending("to",r.target.value)})):e("input",{type:r,class:"mrd-table__filter-input",value:String(null!==(n=c.value)&&void 0!==n?n:""),onInput:r=>this.setPending("value",r.target.value)}))}return null}renderFilterPopup(){var r,t,l,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===(l=i.relation)||void 0===l?void 0:l.label)&&void 0!==a?a:this.openFilterCol,s=this.sortField===this.openFilterCol;return e("div",{class:"mrd-table__filter-popup",style:{top:`${this.popupPos.top}px`,left:`${this.popupPos.left}px`},onClick:r=>r.stopPropagation()},e("div",{class:"mrd-table__filter-popup-header"},e("span",{class:"mrd-table__filter-popup-title"},o),e("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_sorting",this.locale)),e("div",{class:"mrd-table__filter-sort-buttons"},e("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"asc")},"▲ ",m("filter_ascending",this.locale)),e("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"desc")},"▼ ",m("filter_descending",this.locale)))),e("div",{class:"mrd-table__filter-divider"}),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_section",this.locale)),this.renderFilterEditor(i)),e("div",{class:"mrd-table__filter-popup-footer"},e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},m("filter_clear",this.locale)),e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},m("filter_apply",this.locale))))}renderFooter(r,t){const l=this.totalElements;if(0===l){const t=null!=r?r:0;return 0===t?null:e("div",{class:"mrd-table__footer"},t," ",m("table_of",this.locale)," ",t)}if(!this.loadedPages.has(0))return null;const a=null!=t?t:l,i=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,a),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),a);return e("div",{class:"mrd-table__footer"},i,"–",o," ",m("table_of",this.locale)," ",a)}renderCell(r,t){var l,a,i,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(a=null===(l=r.field)||void 0===l?void 0:l.dataType)&&void 0!==a?a:"",n="FIELD"===r.type&&s.has(d);if("FIELD"===r.type&&("FILE"===d||"IMAGE"===d)){const l=null!==(o=null===(i=r.field)||void 0===i?void 0:i.name)&&void 0!==o?o:"",a=null==t?void 0:t[l],s=null==a?void 0:a.href,d=null==a?void 0:a.fileName;return e("td",{class:"mrd-table__cell"},s&&d?e("button",{class:"mrd-table__file-btn",title:d,onClick:r=>{r.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},e("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("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"})),m("download",this.locale)):"")}if("TEXTBLOCK"===d){const l=b.render(r,t,this.locale);if(l.length<=200)return e("td",{class:"mrd-table__cell"},l);const a=l.slice(0,200)+"…";return e("td",{class:"mrd-table__cell"},a,e("button",{class:"mrd-table__textblock-btn",onClick:r=>{r.stopPropagation(),this.openTextblockModal(l)},"aria-label":m("textblock_show_more",this.locale)},"⋯"))}const c=b.render(r,t,this.locale);return e("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}renderTotalsRow(){return this.aggregations&&this.columns.some((r=>{var t;return"FIELD"===r.type&&(null===(t=r.field)||void 0===t?void 0:t.aggregate)}))?e("tfoot",null,e("tr",{class:"mrd-table__totals-row"},this.columns.map((r=>{var t,l;const a=this.renderAggregationValue(r),i="FIELD"===r.type&&_.has(null!==(l=null===(t=r.field)||void 0===t?void 0:t.dataType)&&void 0!==l?l:"");return e("td",{class:"mrd-table__totals-cell"+(i?" mrd-table__totals-cell--numeric":"")},a)})))):null}render(){var r,t,a;if(!(null===(r=this.columns)||void 0===r?void 0:r.length))return null;if(0===this.totalElements)return e(l,null,this.renderToolbar(),e("div",{class:"mrd-table"},e("table",{class:"mrd-table__table"},e("thead",null,e("tr",null,this.columns.map((r=>{var t,l,a,i;const o=this.colName(r),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return e("th",{class:d,onClick:this.filterMode?t=>this.handleFilterOpen(r,t):void 0},e("span",{class:"mrd-table__header-label"},null!==(i=null!==(l=null===(t=r.field)||void 0===t?void 0:t.label)&&void 0!==l?l:null===(a=r.relation)||void 0===a?void 0:a.label)&&void 0!==i?i:""),s&&this.renderFilterIcon())})))),e("tbody",null,null===(t=this.rows)||void 0===t?void 0:t.map(((r,t)=>e("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.renderTotalsRow()),(!this.rows||0===this.rows.length)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale))),this.renderFooter(null===(a=this.rows)||void 0===a?void 0:a.length),this.renderFilterPopup(),this.renderTextblockModal());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,h=[];for(let r=this.renderStart;r<=o;r++){const t=this.getRow(r);h.push(null===t?e("tr",{class:"mrd-table__row mrd-table__row--loading"},e("td",{class:"mrd-table__cell--placeholder",colSpan:s},e("span",{class:"mrd-table__placeholder-bar"}))):e("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 e(l,null,this.renderToolbar(),e("div",{class:"mrd-table__scroll",style:{height:`${this.tableHeight}px`},onScroll:this.handleScroll},e("table",{class:"mrd-table__table",style:c},e("thead",null,e("tr",null,this.columns.map(((r,t)=>{var l,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 e("th",{class:c,style:this.colWidths[t]?{width:`${this.colWidths[t]}px`}:void 0,onClick:t=>this.filterMode?this.handleFilterOpen(r,t):this.handleSortClick(r)},e("span",{class:"mrd-table__header-label"},null!==(o=null!==(a=null===(l=r.field)||void 0===l?void 0:l.label)&&void 0!==a?a:null===(i=r.relation)||void 0===i?void 0:i.label)&&void 0!==o?o:""),d&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),!d&&!this.filterMode&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),n&&this.renderFilterIcon())})))),e("tbody",null,d>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${d}px`}},e("td",{colSpan:s})),h,n>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${n}px`}},e("td",{colSpan:s}))),this.renderTotalsRow())),0===i&&this.loadedPages.has(0)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale)),i>0&&this.renderFooter(void 0,i),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return e("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},e("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},e("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:e("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},e("div",{class:"mrd-table__modal",onClick:r=>r.stopPropagation()},e("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":m("close",this.locale)},"✕"),e("p",{class:"mrd-table__modal-text"},this.textblockModal)))}get el(){return a(this)}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}};f.style=".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.85rem;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__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-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__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-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.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__totals-row.sc-mrd-table{border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell.sc-mrd-table{position:sticky;bottom:0;z-index:2;padding:var(--mrd-space-2) var(--mrd-space-4);background:var(--mrd-color-white);font-weight:var(--mrd-font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell--numeric.sc-mrd-table{text-align:right}.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}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}";export{f as mrd_table}