@mmlogic/components 0.1.29 → 0.1.30

package/dist/cjs/mrd-boolean-field_19.cjs.entry.js

@@ -1366,7 +1366,7 @@ class CellRenderer {
     }
 }
 
-const mrdLayoutSectionScss = () => `.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;text-transform:uppercase;letter-spacing:0.05em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}`;
+const mrdLayoutSectionScss = () => `.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;text-transform:uppercase;letter-spacing:0.05em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}`;
 
 const MrdLayoutSection = class {
     constructor(hostRef) {
@@ -1648,7 +1648,7 @@ const MrdLayoutSection = class {
         const dataClass = item.search.dataClass;
         const query = (_a = this.searchQueryMap[dataClass]) !== null && _a !== void 0 ? _a : '';
         const results = (_b = this.searchResultsMap[dataClass]) !== null && _b !== void 0 ? _b : [];
-        return (index.h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, index.h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) }), results.length > 0 && (index.h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (index.h("li", { key: r.id, class: "mrd-layout-section__search-result" }, index.h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, index.h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && index.h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
+        return (index.h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, index.h("div", { class: "mrd-layout-section__search-wrap" }, index.h("svg", { class: "mrd-layout-section__search-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", "clip-rule": "evenodd" })), index.h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) })), results.length > 0 && (index.h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (index.h("li", { key: r.id, class: "mrd-layout-section__search-result" }, index.h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, index.h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && index.h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
     }
     renderRelatedView(item) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
@@ -1746,7 +1746,7 @@ const MrdLayoutSection = class {
         return (index.h("div", { class: "mrd-layout-section__modal-backdrop", onClick: () => { this.imagePreviewUrl = null; } }, index.h("div", { class: "mrd-layout-section__modal", onClick: (e) => e.stopPropagation() }, index.h("button", { class: "mrd-layout-section__modal-close", onClick: () => { this.imagePreviewUrl = null; } }, "\u2715"), index.h("img", { class: "mrd-layout-section__modal-image", src: this.imagePreviewUrl, alt: "" }))));
     }
     render() {
-        return (index.h(index.Host, { key: 'bf92b312d32b17bac4cb43691175951ebdecca47' }, index.h("div", { key: '4c6ce4650395d15d15777ba5abecf3b8ea98f11d', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        return (index.h(index.Host, { key: '146605a70ca5c8122094703365ea1fa4c80b8c66' }, index.h("div", { key: 'b6486b739894efe6be1bac2c1d28ce85a914b5c1', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2211,7 +2211,7 @@ const NUMERIC_TYPES = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
 const DATE_TYPES = new Set(['DATE', 'DATETIME', 'TIME']);
 const NO_FILTER_TYPES = new Set(['FILE', 'IMAGE']);
 /** Column types that cannot be sorted or filtered (not stored in PostgreSQL). */
-const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON']);
+const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON', 'FILE', 'IMAGE']);
 const MrdTable = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);

package/dist/collection/components/mrd-layout-section/mrd-layout-section.js

@@ -273,7 +273,7 @@ export class MrdLayoutSection {
         const dataClass = item.search.dataClass;
         const query = (_a = this.searchQueryMap[dataClass]) !== null && _a !== void 0 ? _a : '';
         const results = (_b = this.searchResultsMap[dataClass]) !== null && _b !== void 0 ? _b : [];
-        return (h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) }), results.length > 0 && (h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (h("li", { key: r.id, class: "mrd-layout-section__search-result" }, h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
+        return (h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, h("div", { class: "mrd-layout-section__search-wrap" }, h("svg", { class: "mrd-layout-section__search-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", "clip-rule": "evenodd" })), h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) })), results.length > 0 && (h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (h("li", { key: r.id, class: "mrd-layout-section__search-result" }, h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
     }
     renderRelatedView(item) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
@@ -371,7 +371,7 @@ export class MrdLayoutSection {
         return (h("div", { class: "mrd-layout-section__modal-backdrop", onClick: () => { this.imagePreviewUrl = null; } }, h("div", { class: "mrd-layout-section__modal", onClick: (e) => e.stopPropagation() }, h("button", { class: "mrd-layout-section__modal-close", onClick: () => { this.imagePreviewUrl = null; } }, "\u2715"), h("img", { class: "mrd-layout-section__modal-image", src: this.imagePreviewUrl, alt: "" }))));
     }
     render() {
-        return (h(Host, { key: 'bf92b312d32b17bac4cb43691175951ebdecca47' }, h("div", { key: '4c6ce4650395d15d15777ba5abecf3b8ea98f11d', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        return (h(Host, { key: '146605a70ca5c8122094703365ea1fa4c80b8c66' }, h("div", { key: 'b6486b739894efe6be1bac2c1d28ce85a914b5c1', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
     }
     static get is() { return "mrd-layout-section"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/mrd-layout-section/mrd-layout-section.scss

@@ -199,11 +199,26 @@
   margin: var(--mrd-space-2) 0;
 }
 
+.mrd-layout-section__search-wrap {
+  position: relative;
+}
+
+.mrd-layout-section__search-icon {
+  position: absolute;
+  left: var(--mrd-input-padding-x);
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1rem;
+  height: 1rem;
+  color: var(--mrd-color-neutral-400);
+  pointer-events: none;
+}
+
 .mrd-layout-section__search-input {
   display: block;
   width: 100%;
   height: var(--mrd-input-height);
-  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);
+  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));
   font-family: var(--mrd-font-family);
   font-size: var(--mrd-font-size-base);
   color: var(--mrd-input-color);

package/dist/collection/components/mrd-table/mrd-table.js

@@ -13,7 +13,7 @@ const NUMERIC_TYPES = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
 const DATE_TYPES = new Set(['DATE', 'DATETIME', 'TIME']);
 const NO_FILTER_TYPES = new Set(['FILE', 'IMAGE']);
 /** Column types that cannot be sorted or filtered (not stored in PostgreSQL). */
-const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON']);
+const NON_INTERACTIVE_TYPES = new Set(['LONGTEXT', 'JSON', 'FILE', 'IMAGE']);
 export class MrdTable {
     constructor() {
         // ── Non-state internals ────────────────────────────────────────────────────

package/dist/collection/dev/app.js

@@ -745,6 +745,17 @@ document.addEventListener('DOMContentLoaded', async () => {
     logEvent('mrdDownload', e.detail);
   });
 
+  ftSection.addEventListener('mrdSearch', (e) => {
+    logEvent('mrdSearch', e.detail);
+    const { query, dataClass } = e.detail;
+    const mock = [
+      { id: '/data/demo/1', label: 'Alice Johnson',    description: 'Senior Engineer' },
+      { id: '/data/demo/2', label: 'Bob van der Berg', description: 'Product Manager' },
+      { id: '/data/demo/3', label: 'Carol Martínez',   description: 'UX Designer' },
+    ].filter(r => r.label.toLowerCase().includes(query.toLowerCase()));
+    ftSection.setSearchResults(mock, dataClass);
+  });
+
   authRestoreSession();
   await authHandleCallback();
 

package/dist/collection/dev/example-data.js

@@ -544,6 +544,7 @@ window.EXAMPLE_FIELD_TYPES_ITEMS = [
       ],
     },
   },
+  { type: 'SEARCH', label: 'Zoeken', search: { dataClass: 'demo.entity', label: 'Zoek een record…' } },
   { type: 'RELATION', label: 'Relation (single)', relation: { name: 'fRelation', label: 'Relation', relatedClass: 'demo.entity', required: false } },
   { type: 'FIELD', label: 'File', field: { name: 'fFile', dataType: 'FILE', required: false } },
   { type: 'FIELD', label: 'Image', field: { name: 'fImage', dataType: 'IMAGE', required: false } },

package/dist/components/mrd-layout-section.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as l,b as s}from"./client-layout.js";import{C as n,d}from"./mrd-table2.js";import{t as c}from"./i18n.js";const u=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdSearch=o(this,"mrdSearch",7),this.mrdDownload=o(this,"mrdDownload",7),this.mrdLoadView=o(this,"mrdLoadView",7),this.mrdLoadViewPage=o(this,"mrdLoadViewPage",7),this.mrdLoadImage=o(this,"mrdLoadImage",7),this.mrdViewAction=o(this,"mrdViewAction",7),this.mrdLoadViewAggregations=o(this,"mrdLoadViewAggregations",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.activeViewMap={},this.viewLinksMap={},this.activeFiltersMap={},this.searchTimers={},this.handleViewLoadPage=(t,r)=>{var o;t.stopPropagation();const e=null!==(o=this.activeFiltersMap[r])&&void 0!==o?o:[];this.mrdLoadViewPage.emit({name:r,page:t.detail.page,sort:t.detail.sort,filters:e})},this.handleSearchInput=(t,r)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[t]:r}),this.searchTimers[t]&&clearTimeout(this.searchTimers[t]),r.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[t]:[]}):this.searchTimers[t]=setTimeout((()=>{this.mrdSearch.emit({query:r,dataClass:t})}),300)}}componentDidLoad(){setTimeout((()=>{this.emitLoadViews(),this.emitLoadImages()}),0)}linksChanged(t){Object.keys(null!=t?t:{}).length>0&&this.emitLoadViews()}dataChanged(t){var r;t&&Object.keys(null!==(r=null==t?void 0:t._links)&&void 0!==r?r:{}).length>0&&this.emitLoadViews()}resolveViewFilters(t){var r;return(null!==(r=t.filter)&&void 0!==r?r:[]).map((t=>{var r,o,e,i;const a={field:t.name,dataType:"TEXT"};switch(t.operator){case"FROM":return Object.assign(Object.assign({},a),{from:null!==(r=t.value)&&void 0!==r?r:null});case"TO":return Object.assign(Object.assign({},a),{to:null!==(o=t.value)&&void 0!==o?o:null});case"STARTS_WITH":return Object.assign(Object.assign({},a),{operator:"startsWith",value:null!==(e=t.value)&&void 0!==e?e:null});case"NOT_EMPTY":return Object.assign(Object.assign({},a),{operator:"isNotEmpty"});case"EMPTY":return Object.assign(Object.assign({},a),{operator:"isEmpty"});default:return Object.assign(Object.assign({},a),{operator:"equals",value:null!==(i=t.value)&&void 0!==i?i:null})}}))}emitLoadViews(){var t,r,o,e,i,a,s,n;const d=null!==(r=null===(t=this.data)||void 0===t?void 0:t._links)&&void 0!==r?r:{};for(const t of this.flattenItems(this.items))if(t.type===l.RELATED_VIEW&&t.relatedView){const r=t.relatedView,i=this.views[r.name];if(!i)continue;const a=null===(o=d[r.relatedClass])||void 0===o?void 0:o.href;this.mrdLoadView.emit({name:r.name,href:a,viewConfig:i,sort:null!==(e=i.defaultSort)&&void 0!==e?e:"",filters:this.resolveViewFilters(i)})}else if(t.type===l.VIEW){const r=null!==(a=null===(i=t.view)||void 0===i?void 0:i.name)&&void 0!==a?a:t.name;if(!r)continue;const o=this.views[r];if(!o)continue;const e=null===(s=this.links[r])||void 0===s?void 0:s.href;this.mrdLoadView.emit({name:r,href:e,viewConfig:o,sort:null!==(n=o.defaultSort)&&void 0!==n?n:"",filters:this.resolveViewFilters(o)})}}emitLoadImages(){var t;for(const r of this.flattenItems(this.items))if(r.type===l.FIELD&&(null===(t=r.field)||void 0===t?void 0:t.dataType)===s.IMAGE){const t=r.field.name,o=this.data[t],e=null==o?void 0:o.href;e&&this.mrdLoadImage.emit({fieldName:t,href:e})}}flattenItems(t){const r=[];for(const o of t)r.push(o),o.items&&r.push(...this.flattenItems(o.items));return r}async setSearchResults(t,r){const o=null!=r?r:this.resolveSearchKey();o&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[o]:t}))}async setViewPage(t,r,o,e,i){i&&(this.viewLinksMap=Object.assign(Object.assign({},this.viewLinksMap),{[t]:i}));const a=this.el.querySelector(`mrd-table[data-view="${t}"]`);a&&(void 0!==e&&(a.totalElements=e,await a.init()),await a.setPage(r,o))}async setViewAggregations(t,r){const o=this.el.querySelector(`mrd-table[data-view="${t}"]`);o&&await o.setAggregations(r)}async setImagePreview(t,r){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:r})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){const t=this.flattenItems(this.items).filter((t=>t.type===l.SEARCH));return 1===t.length&&t[0].search?t[0].search.dataClass:null}renderSingleFieldValue(t,r){var o,i,a,l,d,u,m,v,h,y;const f=t.field,p=f.dataType;switch(p){case s.HYPERLINK:{const t=null!==(o=null==r?void 0:r.href)&&void 0!==o?o:r+"",l=null!==(a=null!==(i=null==r?void 0:r.text)&&void 0!==i?i:null==r?void 0:r.label)&&void 0!==a?a:t;return e("a",{class:"mrd-layout-section__link",href:t,target:"_blank",rel:"noopener noreferrer"},l)}case s.TEXTBLOCK:return e("span",{innerHTML:r+""});case s.LONGTEXT:return e("pre",{class:"mrd-layout-section__pre"},r+"");case s.JSON:return e("pre",{class:"mrd-layout-section__pre",innerHTML:n.formatJson(r)});case s.FILE:{const t=null!==(l=null==r?void 0:r.fileName)&&void 0!==l?l:r+"",o=null!==(d=null==r?void 0:r.href)&&void 0!==d?d:"";return e("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&this.mrdDownload.emit({href:o,fileName:t})},e("svg",{class:"mrd-layout-section__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"})),c("download",this.locale))}case s.IMAGE:{const t=null!==(u=null==r?void 0:r.href)&&void 0!==u?u:"",o=null!==(m=null==r?void 0:r.fileName)&&void 0!==m?m:"",i=this.imagePreviews[f.name];return i?e("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>{this.imagePreviewUrl=i},title:o||void 0},e("img",{class:"mrd-layout-section__image-thumb",src:i,alt:o})):e("button",{class:"mrd-layout-section__download-link",onClick:()=>t&&this.mrdDownload.emit({href:t,fileName:o})},e("svg",{class:"mrd-layout-section__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"})),o||t)}case s.BOOLEAN:return e("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(r?"true":"false")},c(r?"yes":"no",this.locale));case s.LIST:{const t=(null!==(v=f.listItems)&&void 0!==v?v:[]).find((t=>t.key===r+"")),o=null!==(h=null==t?void 0:t.label)&&void 0!==h?h:r+"",i=null==t?void 0:t.color,a=null==t?void 0:t.backgroundColor;return i&&a?e("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:a}},o):i?e("span",{class:"mrd-layout-section__badge-dot-row"},e("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),o):o}default:return n.renderValue(p,r,null!==(y=f.listItems)&&void 0!==y?y:[],this.locale)||null}}renderFieldValue(t,r){if(null==r||""===r)return null;if(t.field.multiple&&Array.isArray(r)){const o=r.map((r=>this.renderSingleFieldValue(t,r)));return o.every((t=>"string"==typeof t||null==t))?o.filter(Boolean).join(", ")||null:e("span",null,o.map(((t,r)=>e("span",{key:r+""},t,r<o.length-1?", ":""))))}return this.renderSingleFieldValue(t,r)}renderField(t){if(!t.field)return null;const r=t.field,o=this.data[r.name],i=this.renderFieldValue(t,o);return r.header?e("h1",{class:"mrd-layout-section__field-header",key:r.name},"string"==typeof i?i:null!=o?o+"":t.label):null==i?null:e("div",{class:"mrd-layout-section__field"+(r.dataType===s.TEXTBLOCK||r.dataType===s.LONGTEXT||r.dataType===s.JSON?" mrd-layout-section__field--block":""),key:r.name},e("span",{class:"mrd-layout-section__field-label"},t.label),e("span",{class:"mrd-layout-section__field-value"},i))}renderRelation(t){var r,o,i;if(!t.relation)return null;const a=(null!==(o=null===(r=this.data)||void 0===r?void 0:r._links)&&void 0!==o?o:{})[t.relation.name];if(!a)return null;const l=(t,r)=>e("button",{key:t,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:t,label:r})},r);let s;return(null===(i=a.values)||void 0===i?void 0:i.length)?s=a.values.map((t=>l(t.href,t.name))):a.name&&(s=l(a.href,a.name)),s?e("div",{class:"mrd-layout-section__field",key:t.relation.name},e("span",{class:"mrd-layout-section__field-label"},t.label),e("span",{class:"mrd-layout-section__field-value"},s)):null}renderSearch(t){var r,o,i;if(!t.search)return null;const a=t.search.dataClass,l=null!==(r=this.searchQueryMap[a])&&void 0!==r?r:"",s=null!==(o=this.searchResultsMap[a])&&void 0!==o?o:[];return e("div",{class:"mrd-layout-section__search",key:"search-"+a},e("input",{class:"mrd-layout-section__search-input",type:"text",value:l,placeholder:null!==(i=t.label)&&void 0!==i?i:"",onInput:t=>this.handleSearchInput(a,t.target.value)}),s.length>0&&e("ul",{class:"mrd-layout-section__search-results"},s.map((t=>e("li",{key:t.id,class:"mrd-layout-section__search-result"},e("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:t.id,label:t.label})},e("span",{class:"mrd-layout-section__search-result-label"},t.label),t.description&&e("span",{class:"mrd-layout-section__search-result-desc"},t.description)))))))}renderRelatedView(t){var r,o,i,a,s,n,d,u,m,v,h,y,f,p,g,b,_,w;const k=t.type===l.RELATED_VIEW,x=k?null===(r=t.relatedView)||void 0===r?void 0:r.name:null!==(i=null===(o=t.view)||void 0===o?void 0:o.name)&&void 0!==i?i:t.name;if(!x)return null;const z=this.views[x];if(!z)return null;const j=k?null===(a=t.relatedView)||void 0===a?void 0:a.showTitle:null!==(d=null!==(n=null===(s=t.view)||void 0===s?void 0:s.showTitle)&&void 0!==n?n:t.showTitle)&&void 0!==d&&d,O=null!==(u=this.activeViewMap[x])&&void 0!==u?u:x,C=null!==(m=this.views[O])&&void 0!==m?m:z,V=null!==(y=null!==(h=null!==(v=z.pluralLabel)&&void 0!==v?v:z.singularLabel)&&void 0!==h?h:t.label)&&void 0!==y?y:x,L=[{name:x,label:V},...null!==(f=t.alternativeViews)&&void 0!==f?f:[]],T=L.find((t=>t.name===O)),M=null!==(b=null!==(g=null!==(p=null==T?void 0:T.label)&&void 0!==p?p:C.pluralLabel)&&void 0!==g?g:C.singularLabel)&&void 0!==b?b:"",P=L.filter((t=>t.name!==O)),E=(null!==(_=t.actions)&&void 0!==_?_:["NEW","EXPORT"]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:c("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:c("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[]);return e("div",{class:"mrd-layout-section__related-view",key:"view-"+x},j&&t.label&&e("h3",{class:"mrd-layout-section__related-view-title"},t.label),e("mrd-table",{"data-view":x,columns:C.values,locale:this.locale,defaultSort:null!==(w=C.defaultSort)&&void 0!==w?w:"",viewLabel:M,alternativeViews:P,actions:E,onMrdLoadPage:t=>this.handleViewLoadPage(t,x),onMrdSwitchView:r=>{var o,e,i,a,l,s,n;r.stopPropagation();const d=r.detail.name,c=this.views[d];if(!c)return;this.activeViewMap=Object.assign(Object.assign({},this.activeViewMap),{[x]:d}),this.activeFiltersMap=Object.assign(Object.assign({},this.activeFiltersMap),{[x]:[]});const u=null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{},m=k?null===(i=u[t.relatedView.relatedClass])||void 0===i?void 0:i.href:null!==(l=null===(a=this.links[d])||void 0===a?void 0:a.href)&&void 0!==l?l:null===(s=this.links[x])||void 0===s?void 0:s.href;this.mrdLoadView.emit({name:x,href:m,viewConfig:c,sort:null!==(n=c.defaultSort)&&void 0!==n?n:"",filters:this.resolveViewFilters(c)})},onMrdFilter:t=>{t.stopPropagation(),this.activeFiltersMap=Object.assign(Object.assign({},this.activeFiltersMap),{[x]:t.detail.filters})},onMrdLoadAggregations:r=>{var o,e,i,a,l,s,n,d;r.stopPropagation();const c=null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{},u=k?null===(i=c[t.relatedView.relatedClass])||void 0===i?void 0:i.href:null!==(s=null===(l=this.links[null!==(a=this.activeViewMap[x])&&void 0!==a?a:x])||void 0===l?void 0:l.href)&&void 0!==s?s:null===(n=this.links[x])||void 0===n?void 0:n.href,m=null!==(d=this.activeFiltersMap[x])&&void 0!==d?d:[];this.mrdLoadViewAggregations.emit(Object.assign({name:x,href:u,filters:m},r.detail))},onMrdAction:t=>{var r,o,e;t.stopPropagation();const i=null!==(r=this.viewLinksMap[x])&&void 0!==r?r:{},a="export"===t.detail.action?null===(o=i.excel)||void 0===o?void 0:o.href:null===(e=i.self)||void 0===e?void 0:e.href;this.mrdViewAction.emit({name:x,action:t.detail.action,href:a})}}))}renderItem(t){var r,o;switch(t.type){case l.FIELD:return this.renderField(t);case l.RELATION:return this.renderRelation(t);case l.HEADER:return e("h2",{class:"mrd-layout-section__header",key:"header-"+t.label},t.label);case l.TEXT:return e("div",{class:"mrd-layout-section__text",key:"text-"+t.label,innerHTML:null!==(r=t.label)&&void 0!==r?r:""});case l.NAVIGATE:return e("button",{class:"mrd-layout-section__navigate",key:"nav-"+t.label,onClick:()=>{var r;return this.mrdNavigate.emit({label:null!==(r=t.label)&&void 0!==r?r:"",navigate:t.navigate})}},t.label);case l.SEARCH:return this.renderSearch(t);case l.SECTION:case l.GROUP:return e("div",{class:"mrd-layout-section__group",key:"group-"+t.label},t.label&&e("h3",{class:"mrd-layout-section__group-title"},t.label),(null!==(o=t.items)&&void 0!==o?o:[]).map((t=>this.renderItem(t))));case l.RELATED_VIEW:case l.VIEW:return this.renderRelatedView(t);default:return null}}renderImageModal(){return this.imagePreviewUrl?e("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},e("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},e("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),e("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}render(){return e(i,{key:"bf92b312d32b17bac4cb43691175951ebdecca47"},e("div",{key:"4c6ce4650395d15d15777ba5abecf3b8ea98f11d",class:"mrd-layout-section"},this.items.map((t=>this.renderItem(t)))),this.renderImageModal())}get el(){return this}static get watchers(){return{links:[{linksChanged:0}],data:[{dataChanged:0}]}}static get style(){return".mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;text-transform:uppercase;letter-spacing:0.05em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],activeViewMap:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{links:[{linksChanged:0}],data:[{dataChanged:0}]}]),m=u,v=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-table"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(a(t))||customElements.define(a(t),u);break;case"mrd-table":customElements.get(a(t))||d()}}))};export{m as MrdLayoutSection,v as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as l,b as s}from"./client-layout.js";import{C as n,d}from"./mrd-table2.js";import{t as c}from"./i18n.js";const u=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdSearch=o(this,"mrdSearch",7),this.mrdDownload=o(this,"mrdDownload",7),this.mrdLoadView=o(this,"mrdLoadView",7),this.mrdLoadViewPage=o(this,"mrdLoadViewPage",7),this.mrdLoadImage=o(this,"mrdLoadImage",7),this.mrdViewAction=o(this,"mrdViewAction",7),this.mrdLoadViewAggregations=o(this,"mrdLoadViewAggregations",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.activeViewMap={},this.viewLinksMap={},this.activeFiltersMap={},this.searchTimers={},this.handleViewLoadPage=(t,r)=>{var o;t.stopPropagation();const e=null!==(o=this.activeFiltersMap[r])&&void 0!==o?o:[];this.mrdLoadViewPage.emit({name:r,page:t.detail.page,sort:t.detail.sort,filters:e})},this.handleSearchInput=(t,r)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[t]:r}),this.searchTimers[t]&&clearTimeout(this.searchTimers[t]),r.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[t]:[]}):this.searchTimers[t]=setTimeout((()=>{this.mrdSearch.emit({query:r,dataClass:t})}),300)}}componentDidLoad(){setTimeout((()=>{this.emitLoadViews(),this.emitLoadImages()}),0)}linksChanged(t){Object.keys(null!=t?t:{}).length>0&&this.emitLoadViews()}dataChanged(t){var r;t&&Object.keys(null!==(r=null==t?void 0:t._links)&&void 0!==r?r:{}).length>0&&this.emitLoadViews()}resolveViewFilters(t){var r;return(null!==(r=t.filter)&&void 0!==r?r:[]).map((t=>{var r,o,e,i;const a={field:t.name,dataType:"TEXT"};switch(t.operator){case"FROM":return Object.assign(Object.assign({},a),{from:null!==(r=t.value)&&void 0!==r?r:null});case"TO":return Object.assign(Object.assign({},a),{to:null!==(o=t.value)&&void 0!==o?o:null});case"STARTS_WITH":return Object.assign(Object.assign({},a),{operator:"startsWith",value:null!==(e=t.value)&&void 0!==e?e:null});case"NOT_EMPTY":return Object.assign(Object.assign({},a),{operator:"isNotEmpty"});case"EMPTY":return Object.assign(Object.assign({},a),{operator:"isEmpty"});default:return Object.assign(Object.assign({},a),{operator:"equals",value:null!==(i=t.value)&&void 0!==i?i:null})}}))}emitLoadViews(){var t,r,o,e,i,a,s,n;const d=null!==(r=null===(t=this.data)||void 0===t?void 0:t._links)&&void 0!==r?r:{};for(const t of this.flattenItems(this.items))if(t.type===l.RELATED_VIEW&&t.relatedView){const r=t.relatedView,i=this.views[r.name];if(!i)continue;const a=null===(o=d[r.relatedClass])||void 0===o?void 0:o.href;this.mrdLoadView.emit({name:r.name,href:a,viewConfig:i,sort:null!==(e=i.defaultSort)&&void 0!==e?e:"",filters:this.resolveViewFilters(i)})}else if(t.type===l.VIEW){const r=null!==(a=null===(i=t.view)||void 0===i?void 0:i.name)&&void 0!==a?a:t.name;if(!r)continue;const o=this.views[r];if(!o)continue;const e=null===(s=this.links[r])||void 0===s?void 0:s.href;this.mrdLoadView.emit({name:r,href:e,viewConfig:o,sort:null!==(n=o.defaultSort)&&void 0!==n?n:"",filters:this.resolveViewFilters(o)})}}emitLoadImages(){var t;for(const r of this.flattenItems(this.items))if(r.type===l.FIELD&&(null===(t=r.field)||void 0===t?void 0:t.dataType)===s.IMAGE){const t=r.field.name,o=this.data[t],e=null==o?void 0:o.href;e&&this.mrdLoadImage.emit({fieldName:t,href:e})}}flattenItems(t){const r=[];for(const o of t)r.push(o),o.items&&r.push(...this.flattenItems(o.items));return r}async setSearchResults(t,r){const o=null!=r?r:this.resolveSearchKey();o&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[o]:t}))}async setViewPage(t,r,o,e,i){i&&(this.viewLinksMap=Object.assign(Object.assign({},this.viewLinksMap),{[t]:i}));const a=this.el.querySelector(`mrd-table[data-view="${t}"]`);a&&(void 0!==e&&(a.totalElements=e,await a.init()),await a.setPage(r,o))}async setViewAggregations(t,r){const o=this.el.querySelector(`mrd-table[data-view="${t}"]`);o&&await o.setAggregations(r)}async setImagePreview(t,r){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:r})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){const t=this.flattenItems(this.items).filter((t=>t.type===l.SEARCH));return 1===t.length&&t[0].search?t[0].search.dataClass:null}renderSingleFieldValue(t,r){var o,i,a,l,d,u,m,v,h,y;const f=t.field,p=f.dataType;switch(p){case s.HYPERLINK:{const t=null!==(o=null==r?void 0:r.href)&&void 0!==o?o:r+"",l=null!==(a=null!==(i=null==r?void 0:r.text)&&void 0!==i?i:null==r?void 0:r.label)&&void 0!==a?a:t;return e("a",{class:"mrd-layout-section__link",href:t,target:"_blank",rel:"noopener noreferrer"},l)}case s.TEXTBLOCK:return e("span",{innerHTML:r+""});case s.LONGTEXT:return e("pre",{class:"mrd-layout-section__pre"},r+"");case s.JSON:return e("pre",{class:"mrd-layout-section__pre",innerHTML:n.formatJson(r)});case s.FILE:{const t=null!==(l=null==r?void 0:r.fileName)&&void 0!==l?l:r+"",o=null!==(d=null==r?void 0:r.href)&&void 0!==d?d:"";return e("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&this.mrdDownload.emit({href:o,fileName:t})},e("svg",{class:"mrd-layout-section__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"})),c("download",this.locale))}case s.IMAGE:{const t=null!==(u=null==r?void 0:r.href)&&void 0!==u?u:"",o=null!==(m=null==r?void 0:r.fileName)&&void 0!==m?m:"",i=this.imagePreviews[f.name];return i?e("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>{this.imagePreviewUrl=i},title:o||void 0},e("img",{class:"mrd-layout-section__image-thumb",src:i,alt:o})):e("button",{class:"mrd-layout-section__download-link",onClick:()=>t&&this.mrdDownload.emit({href:t,fileName:o})},e("svg",{class:"mrd-layout-section__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"})),o||t)}case s.BOOLEAN:return e("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(r?"true":"false")},c(r?"yes":"no",this.locale));case s.LIST:{const t=(null!==(v=f.listItems)&&void 0!==v?v:[]).find((t=>t.key===r+"")),o=null!==(h=null==t?void 0:t.label)&&void 0!==h?h:r+"",i=null==t?void 0:t.color,a=null==t?void 0:t.backgroundColor;return i&&a?e("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:a}},o):i?e("span",{class:"mrd-layout-section__badge-dot-row"},e("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),o):o}default:return n.renderValue(p,r,null!==(y=f.listItems)&&void 0!==y?y:[],this.locale)||null}}renderFieldValue(t,r){if(null==r||""===r)return null;if(t.field.multiple&&Array.isArray(r)){const o=r.map((r=>this.renderSingleFieldValue(t,r)));return o.every((t=>"string"==typeof t||null==t))?o.filter(Boolean).join(", ")||null:e("span",null,o.map(((t,r)=>e("span",{key:r+""},t,r<o.length-1?", ":""))))}return this.renderSingleFieldValue(t,r)}renderField(t){if(!t.field)return null;const r=t.field,o=this.data[r.name],i=this.renderFieldValue(t,o);return r.header?e("h1",{class:"mrd-layout-section__field-header",key:r.name},"string"==typeof i?i:null!=o?o+"":t.label):null==i?null:e("div",{class:"mrd-layout-section__field"+(r.dataType===s.TEXTBLOCK||r.dataType===s.LONGTEXT||r.dataType===s.JSON?" mrd-layout-section__field--block":""),key:r.name},e("span",{class:"mrd-layout-section__field-label"},t.label),e("span",{class:"mrd-layout-section__field-value"},i))}renderRelation(t){var r,o,i;if(!t.relation)return null;const a=(null!==(o=null===(r=this.data)||void 0===r?void 0:r._links)&&void 0!==o?o:{})[t.relation.name];if(!a)return null;const l=(t,r)=>e("button",{key:t,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:t,label:r})},r);let s;return(null===(i=a.values)||void 0===i?void 0:i.length)?s=a.values.map((t=>l(t.href,t.name))):a.name&&(s=l(a.href,a.name)),s?e("div",{class:"mrd-layout-section__field",key:t.relation.name},e("span",{class:"mrd-layout-section__field-label"},t.label),e("span",{class:"mrd-layout-section__field-value"},s)):null}renderSearch(t){var r,o,i;if(!t.search)return null;const a=t.search.dataClass,l=null!==(r=this.searchQueryMap[a])&&void 0!==r?r:"",s=null!==(o=this.searchResultsMap[a])&&void 0!==o?o:[];return e("div",{class:"mrd-layout-section__search",key:"search-"+a},e("div",{class:"mrd-layout-section__search-wrap"},e("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},e("path",{"fill-rule":"evenodd",d:"M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z","clip-rule":"evenodd"})),e("input",{class:"mrd-layout-section__search-input",type:"text",value:l,placeholder:null!==(i=t.label)&&void 0!==i?i:"",onInput:t=>this.handleSearchInput(a,t.target.value)})),s.length>0&&e("ul",{class:"mrd-layout-section__search-results"},s.map((t=>e("li",{key:t.id,class:"mrd-layout-section__search-result"},e("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:t.id,label:t.label})},e("span",{class:"mrd-layout-section__search-result-label"},t.label),t.description&&e("span",{class:"mrd-layout-section__search-result-desc"},t.description)))))))}renderRelatedView(t){var r,o,i,a,s,n,d,u,m,v,h,y,f,p,g,_,b,w;const x=t.type===l.RELATED_VIEW,k=x?null===(r=t.relatedView)||void 0===r?void 0:r.name:null!==(i=null===(o=t.view)||void 0===o?void 0:o.name)&&void 0!==i?i:t.name;if(!k)return null;const z=this.views[k];if(!z)return null;const j=x?null===(a=t.relatedView)||void 0===a?void 0:a.showTitle:null!==(d=null!==(n=null===(s=t.view)||void 0===s?void 0:s.showTitle)&&void 0!==n?n:t.showTitle)&&void 0!==d&&d,O=null!==(u=this.activeViewMap[k])&&void 0!==u?u:k,C=null!==(m=this.views[O])&&void 0!==m?m:z,V=null!==(y=null!==(h=null!==(v=z.pluralLabel)&&void 0!==v?v:z.singularLabel)&&void 0!==h?h:t.label)&&void 0!==y?y:k,L=[{name:k,label:V},...null!==(f=t.alternativeViews)&&void 0!==f?f:[]],M=L.find((t=>t.name===O)),T=null!==(_=null!==(g=null!==(p=null==M?void 0:M.label)&&void 0!==p?p:C.pluralLabel)&&void 0!==g?g:C.singularLabel)&&void 0!==_?_:"",P=L.filter((t=>t.name!==O)),E=(null!==(b=t.actions)&&void 0!==b?b:["NEW","EXPORT"]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:c("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:c("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[]);return e("div",{class:"mrd-layout-section__related-view",key:"view-"+k},j&&t.label&&e("h3",{class:"mrd-layout-section__related-view-title"},t.label),e("mrd-table",{"data-view":k,columns:C.values,locale:this.locale,defaultSort:null!==(w=C.defaultSort)&&void 0!==w?w:"",viewLabel:T,alternativeViews:P,actions:E,onMrdLoadPage:t=>this.handleViewLoadPage(t,k),onMrdSwitchView:r=>{var o,e,i,a,l,s,n;r.stopPropagation();const d=r.detail.name,c=this.views[d];if(!c)return;this.activeViewMap=Object.assign(Object.assign({},this.activeViewMap),{[k]:d}),this.activeFiltersMap=Object.assign(Object.assign({},this.activeFiltersMap),{[k]:[]});const u=null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{},m=x?null===(i=u[t.relatedView.relatedClass])||void 0===i?void 0:i.href:null!==(l=null===(a=this.links[d])||void 0===a?void 0:a.href)&&void 0!==l?l:null===(s=this.links[k])||void 0===s?void 0:s.href;this.mrdLoadView.emit({name:k,href:m,viewConfig:c,sort:null!==(n=c.defaultSort)&&void 0!==n?n:"",filters:this.resolveViewFilters(c)})},onMrdFilter:t=>{t.stopPropagation(),this.activeFiltersMap=Object.assign(Object.assign({},this.activeFiltersMap),{[k]:t.detail.filters})},onMrdLoadAggregations:r=>{var o,e,i,a,l,s,n,d;r.stopPropagation();const c=null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{},u=x?null===(i=c[t.relatedView.relatedClass])||void 0===i?void 0:i.href:null!==(s=null===(l=this.links[null!==(a=this.activeViewMap[k])&&void 0!==a?a:k])||void 0===l?void 0:l.href)&&void 0!==s?s:null===(n=this.links[k])||void 0===n?void 0:n.href,m=null!==(d=this.activeFiltersMap[k])&&void 0!==d?d:[];this.mrdLoadViewAggregations.emit(Object.assign({name:k,href:u,filters:m},r.detail))},onMrdAction:t=>{var r,o,e;t.stopPropagation();const i=null!==(r=this.viewLinksMap[k])&&void 0!==r?r:{},a="export"===t.detail.action?null===(o=i.excel)||void 0===o?void 0:o.href:null===(e=i.self)||void 0===e?void 0:e.href;this.mrdViewAction.emit({name:k,action:t.detail.action,href:a})}}))}renderItem(t){var r,o;switch(t.type){case l.FIELD:return this.renderField(t);case l.RELATION:return this.renderRelation(t);case l.HEADER:return e("h2",{class:"mrd-layout-section__header",key:"header-"+t.label},t.label);case l.TEXT:return e("div",{class:"mrd-layout-section__text",key:"text-"+t.label,innerHTML:null!==(r=t.label)&&void 0!==r?r:""});case l.NAVIGATE:return e("button",{class:"mrd-layout-section__navigate",key:"nav-"+t.label,onClick:()=>{var r;return this.mrdNavigate.emit({label:null!==(r=t.label)&&void 0!==r?r:"",navigate:t.navigate})}},t.label);case l.SEARCH:return this.renderSearch(t);case l.SECTION:case l.GROUP:return e("div",{class:"mrd-layout-section__group",key:"group-"+t.label},t.label&&e("h3",{class:"mrd-layout-section__group-title"},t.label),(null!==(o=t.items)&&void 0!==o?o:[]).map((t=>this.renderItem(t))));case l.RELATED_VIEW:case l.VIEW:return this.renderRelatedView(t);default:return null}}renderImageModal(){return this.imagePreviewUrl?e("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},e("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},e("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),e("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}render(){return e(i,{key:"146605a70ca5c8122094703365ea1fa4c80b8c66"},e("div",{key:"b6486b739894efe6be1bac2c1d28ce85a914b5c1",class:"mrd-layout-section"},this.items.map((t=>this.renderItem(t)))),this.renderImageModal())}get el(){return this}static get watchers(){return{links:[{linksChanged:0}],data:[{dataChanged:0}]}}static get style(){return".mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;text-transform:uppercase;letter-spacing:0.05em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],activeViewMap:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{links:[{linksChanged:0}],data:[{dataChanged:0}]}]),m=u,v=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-table"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(a(t))||customElements.define(a(t),u);break;case"mrd-table":customElements.get(a(t))||d()}}))};export{m as MrdLayoutSection,v as defineCustomElement}

package/dist/components/mrd-table2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as l,Host as i,transformTag as a}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(t,r,e){var l,i,a,o;if(t.type===h.RELATION){const e=null!==(i=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:"",s=null===(a=null==r?void 0:r._links)||void 0===a?void 0:a[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>u.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,a;switch(t){case"INTEGER":return c(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(r),l);case"PERCENTAGE":return m(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?n(Number(t),e,l):c(Number(t),l)}case"DATE":return d(r,l);case"DATETIME":return s(r,l);case"TIME":return o(r,l);case"BOOLEAN":return r?"✓":"";case"FILE":case"IMAGE":return"object"==typeof r&&null!==r&&null!==(i=r.fileName)&&void 0!==i?i:"";case"LIST":{const t=e.find((t=>t.key===String(r)));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}case"LONGTEXT":return String(r).replace(/[\r\n]+/g," ").trim();case"JSON":return("object"==typeof r?JSON.stringify(r):String(r)).replace(/[\r\n]+/g," ").trim();default:return String(r)}}static formatJson(t,r=!1){try{const e="string"==typeof t?JSON.parse(t):t;return(r?JSON.stringify(e):JSON.stringify(e,null,2)).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,(t=>{let r="color:#2aa198";return/^"/.test(t)?r=/:$/.test(t)?"color:#881391":"color:#268bd2":/true|false/.test(t)?r="color:#b58900":/null/.test(t)&&(r="color:#dc322f"),`<span style="${r}">${t}</span>`}))}catch(r){return String(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=new Set(["LONGTEXT","JSON"]),y=t(class extends r{constructor(t){super(),!1!==t&&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.mrdSwitchView=e(this,"mrdSwitchView",7),this.mrdLoadAggregations=e(this,"mrdLoadAggregations",7),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.viewLabel="",this.alternativeViews=[],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.jsonModal=null,this.aggregations=null,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),i=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,i+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}defaultSortChanged(t){this.applyDefaultSort(t)}componentWillLoad(){this.applyDefaultSort(this.defaultSort)}applyDefaultSort(t){var r;if(t){const e=t.split(",");this.sortField=e[0].trim(),this.sortDir="desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc"}async init(){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 t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}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 t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?`${this.sortField},desc`:this.sortField:""}colName(t){var r,e,l,i;return null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),i=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==i)return"";const a=t.field.dataType;return"INTEGER"===a?c(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?m(i,this.locale):"CURRENCY"===a&&t.field.currencyCode?n(i,t.field.currencyCode,this.locale):c(i,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 t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize),i=new Set(this.requestedPages);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||i.has(t)||(i.add(t),this.mrdLoadPage.emit({page:t,sort:this.sortParam()}),a=!0);a&&(this.requestedPages=i)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),i=!0);i&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const t=new Set(this.requestedPages);let r=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||t.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(t.add(e),this.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(t,r){r.stopPropagation();const e=r.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 i=this.colName(t),a=this.colDataType(t),o=this.activeFilters.get(i),s=_.has(a)||"RELATION"===a?"startsWith":void 0;if("DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=o?Object.assign({},o):{field:i,dataType:a,operator:s};this.openFilterCol=i,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=t=>{const r=this.el.querySelector(".mrd-table__filter-popup");r&&!r.contains(t.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(t){this.textblockModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=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:r?[...i,t]:i.filter((r=>r!==t))})}filterHasValue(t){return"isEmpty"===t.operator||"isNotEmpty"===t.operator||void 0!==t.values&&t.values.length>0||null!=t.value&&""!==t.value||"boolean"==typeof t.value||null!=t.from&&""!==t.from||null!=t.to&&""!==t.to}dateLocalToUTCStart(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}dateLocalToUTCEndExclusive(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}utcISOToLocalDate(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.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 t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,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))}handleViewSwitch(t){this.mrdSwitchView.emit({name:t.name,class:t.class})}renderToolbar(){var t,r;const e=this.activeFilters.size,i=(null===(t=this.actions)||void 0===t?void 0:t.length)>0,a=!!this.viewLabel&&(null===(r=this.alternativeViews)||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"})),e>0&&l("span",{class:"mrd-table__filter-badge"},e),l("span",{class:"mrd-table__action-tooltip"},b(this.filterMode?"table_filter_hide":"table_filter",this.locale),e>0?` (${e} ${b("table_filter_active",this.locale)})`:"")),e>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)))),a&&l("div",{class:"mrd-table__toolbar-center"},l("select",{class:"mrd-table__view-select",onChange:t=>{const r=t.target,e=this.alternativeViews.find((t=>t.name===r.value));e&&(r.selectedIndex=0,this.handleViewSwitch(e))}},l("option",{value:""},this.viewLabel),this.alternativeViews.map((t=>{var r;return l("option",{value:t.name},null!==(r=t.label)&&void 0!==r?r:t.name)})))),i&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return l("button",{class:`mrd-table__action mrd-table__action--${null!==(r=t.variant)&&void 0!==r?r:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:t.icon})):t.label,l("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,e,i,a,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},m=this.colDataType(t);if(f.has(m))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:!r&&c.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:void 0,value:t.value})}}),b(t.labelKey,this.locale)))),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isEmpty",value:void 0})}}),b("filter_is_empty",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isNotEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isNotEmpty",value:void 0})}}),b("filter_is_not_empty",this.locale)))}if("LIST"===m){const r=null!==(i=null===(e=t.field)||void 0===e?void 0:e.listItems)&&void 0!==i?i:[],o=null!==(a=c.values)&&void 0!==a?a:[];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({},c),{values:r.map((t=>t.key))})}},b("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(m)||"RELATION"===m){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("operator",t.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((r=>l("option",{value:r.val,selected:t===r.val},b(r.labelKey,this.locale))))),!r&&l("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(s=c.value)&&void 0!==s?s:""),placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(p.has(m)){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&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:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.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!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?String(c.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&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:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},l("label",{class:"mrd-table__filter-range-label"},b("filter_from",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),l("label",{class:"mrd-table__filter-range-label"},b("filter_to",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(d=c.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}if(v.has(m)){const t="DATE"===m?"date":"time",r=c.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!e},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===r},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},b("filter_is_not_empty",this.locale))),!e&&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:!i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),i?l("div",{class:"mrd-table__filter-range"},l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(n=c.value)&&void 0!==n?n:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t,r,e,i;if(!this.openFilterCol||!this.pendingFilter)return null;const a=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!a)return null;const o=null!==(i=null!==(r=null===(t=a.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(e=a.relation)||void 0===e?void 0:e.label)&&void 0!==i?i: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:t=>t.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(a,"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(a,"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(a)),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(t,r){const e=this.totalElements;if(0===e){const r=null!=t?t:0;return 0===r?null:l("div",{class:"mrd-table__footer"},r," ",b("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const i=null!=r?r:e,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i);return l("div",{class:"mrd-table__footer"},a,"–",o," ",b("table_of",this.locale)," ",i)}renderCell(t,r){var e,i,a,o,s,d;const n=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),c=null!==(i=null===(e=t.field)||void 0===e?void 0:e.dataType)&&void 0!==i?i:"",m="FIELD"===t.type&&n.has(c);if("FIELD"===t.type&&("FILE"===c||"IMAGE"===c)){const e=null!==(o=null===(a=t.field)||void 0===a?void 0:a.name)&&void 0!==o?o:"",i=null==r?void 0:r[e],s=null==i?void 0:i.href,d=null==i?void 0:i.fileName;return l("td",{class:"mrd-table__cell"},s&&d?l("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.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)):"")}if("JSON"===c){const e=null!==(d=null===(s=t.field)||void 0===s?void 0:s.name)&&void 0!==d?d:"",i=e?null==r?void 0:r[e]:void 0;if(null==i||""===i)return l("td",{class:"mrd-table__cell"});const a=u.formatJson(i,!0),o=u.formatJson(i,!1);return l("td",{class:"mrd-table__cell"},l("span",{class:"mrd-table__json-preview",innerHTML:a}),l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openJsonModal(o)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}if("TEXTBLOCK"===c){const e=u.render(t,r,this.locale);if(e.length<=200)return l("td",{class:"mrd-table__cell"},e);const i=e.slice(0,200)+"…";return l("td",{class:"mrd-table__cell"},i,l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(e)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}const h=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(m?" mrd-table__cell--numeric":"")},h)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,e;const i=this.renderAggregationValue(t),a="FIELD"===t.type&&p.has(null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"");return l("td",{class:"mrd-table__totals-cell"+(a?" mrd-table__totals-cell--numeric":"")},i)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return l(i,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((t=>{var r,e,i,a;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(a=null!==(e=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==e?e:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==a?a:""),s&&this.renderFilterIcon())})))),l("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>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))))))),this.renderTotalsRow()),(!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(),this.renderTextblockModal(),this.renderJsonModal());let a=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(a=Math.min(a,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,a-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(a-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,m=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);m.push(null===r?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:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return l(i,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(((t,r)=>{var e,i,a,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=!g.has(this.colDataType(t)),m=["mrd-table__header",c?"mrd-table__header--sortable":"",d?`mrd-table__header--sorted-${this.sortDir}`:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:m,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:c?r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t):void 0},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(i=null===(e=t.field)||void 0===e?void 0:e.label)&&void 0!==i?i:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==o?o:""),c&&d&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),c&&!d&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),c&&n&&this.renderFilterIcon())})))),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}))),this.renderTotalsRow())),0===a&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale)),a>0&&this.renderFooter(void 0,a),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return l("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},l("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},l("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":b("close",this.locale)},"✕"),l("p",{class:"mrd-table__modal-text"},this.textblockModal)))}renderJsonModal(){return null===this.jsonModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeJsonModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeJsonModal(),"aria-label":b("close",this.locale)},"✕"),l("pre",{class:"mrd-table__modal-json",innerHTML:this.jsonModal})))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],defaultSort:[{defaultSortChanged: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.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__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-select.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0;max-width:220px}.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}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}"}},[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],viewLabel:[1,"view-label"],alternativeViews:[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],jsonModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],defaultSort:[{defaultSortChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(a(t))||customElements.define(a(t),y))}))}export{u as C,y as M,w as d}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as l,Host as i,transformTag as a}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(t,r,e){var l,i,a,o;if(t.type===h.RELATION){const e=null!==(i=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:"",s=null===(a=null==r?void 0:r._links)||void 0===a?void 0:a[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>u.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,a;switch(t){case"INTEGER":return c(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(r),l);case"PERCENTAGE":return m(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?n(Number(t),e,l):c(Number(t),l)}case"DATE":return d(r,l);case"DATETIME":return s(r,l);case"TIME":return o(r,l);case"BOOLEAN":return r?"✓":"";case"FILE":case"IMAGE":return"object"==typeof r&&null!==r&&null!==(i=r.fileName)&&void 0!==i?i:"";case"LIST":{const t=e.find((t=>t.key===String(r)));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}case"LONGTEXT":return String(r).replace(/[\r\n]+/g," ").trim();case"JSON":return("object"==typeof r?JSON.stringify(r):String(r)).replace(/[\r\n]+/g," ").trim();default:return String(r)}}static formatJson(t,r=!1){try{const e="string"==typeof t?JSON.parse(t):t;return(r?JSON.stringify(e):JSON.stringify(e,null,2)).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,(t=>{let r="color:#2aa198";return/^"/.test(t)?r=/:$/.test(t)?"color:#881391":"color:#268bd2":/true|false/.test(t)?r="color:#b58900":/null/.test(t)&&(r="color:#dc322f"),`<span style="${r}">${t}</span>`}))}catch(r){return String(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=new Set(["LONGTEXT","JSON","FILE","IMAGE"]),y=t(class extends r{constructor(t){super(),!1!==t&&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.mrdSwitchView=e(this,"mrdSwitchView",7),this.mrdLoadAggregations=e(this,"mrdLoadAggregations",7),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.viewLabel="",this.alternativeViews=[],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.jsonModal=null,this.aggregations=null,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),i=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,i+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}defaultSortChanged(t){this.applyDefaultSort(t)}componentWillLoad(){this.applyDefaultSort(this.defaultSort)}applyDefaultSort(t){var r;if(t){const e=t.split(",");this.sortField=e[0].trim(),this.sortDir="desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc"}async init(){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 t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}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 t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?`${this.sortField},desc`:this.sortField:""}colName(t){var r,e,l,i;return null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),i=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==i)return"";const a=t.field.dataType;return"INTEGER"===a?c(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?m(i,this.locale):"CURRENCY"===a&&t.field.currencyCode?n(i,t.field.currencyCode,this.locale):c(i,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 t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize),i=new Set(this.requestedPages);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||i.has(t)||(i.add(t),this.mrdLoadPage.emit({page:t,sort:this.sortParam()}),a=!0);a&&(this.requestedPages=i)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),i=!0);i&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const t=new Set(this.requestedPages);let r=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||t.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(t.add(e),this.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(t,r){r.stopPropagation();const e=r.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 i=this.colName(t),a=this.colDataType(t),o=this.activeFilters.get(i),s=_.has(a)||"RELATION"===a?"startsWith":void 0;if("DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=o?Object.assign({},o):{field:i,dataType:a,operator:s};this.openFilterCol=i,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=t=>{const r=this.el.querySelector(".mrd-table__filter-popup");r&&!r.contains(t.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(t){this.textblockModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=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:r?[...i,t]:i.filter((r=>r!==t))})}filterHasValue(t){return"isEmpty"===t.operator||"isNotEmpty"===t.operator||void 0!==t.values&&t.values.length>0||null!=t.value&&""!==t.value||"boolean"==typeof t.value||null!=t.from&&""!==t.from||null!=t.to&&""!==t.to}dateLocalToUTCStart(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}dateLocalToUTCEndExclusive(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}utcISOToLocalDate(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.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 t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,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))}handleViewSwitch(t){this.mrdSwitchView.emit({name:t.name,class:t.class})}renderToolbar(){var t,r;const e=this.activeFilters.size,i=(null===(t=this.actions)||void 0===t?void 0:t.length)>0,a=!!this.viewLabel&&(null===(r=this.alternativeViews)||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"})),e>0&&l("span",{class:"mrd-table__filter-badge"},e),l("span",{class:"mrd-table__action-tooltip"},b(this.filterMode?"table_filter_hide":"table_filter",this.locale),e>0?` (${e} ${b("table_filter_active",this.locale)})`:"")),e>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)))),a&&l("div",{class:"mrd-table__toolbar-center"},l("select",{class:"mrd-table__view-select",onChange:t=>{const r=t.target,e=this.alternativeViews.find((t=>t.name===r.value));e&&(r.selectedIndex=0,this.handleViewSwitch(e))}},l("option",{value:""},this.viewLabel),this.alternativeViews.map((t=>{var r;return l("option",{value:t.name},null!==(r=t.label)&&void 0!==r?r:t.name)})))),i&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return l("button",{class:`mrd-table__action mrd-table__action--${null!==(r=t.variant)&&void 0!==r?r:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:t.icon})):t.label,l("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,e,i,a,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},m=this.colDataType(t);if(f.has(m))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:!r&&c.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:void 0,value:t.value})}}),b(t.labelKey,this.locale)))),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isEmpty",value:void 0})}}),b("filter_is_empty",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isNotEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isNotEmpty",value:void 0})}}),b("filter_is_not_empty",this.locale)))}if("LIST"===m){const r=null!==(i=null===(e=t.field)||void 0===e?void 0:e.listItems)&&void 0!==i?i:[],o=null!==(a=c.values)&&void 0!==a?a:[];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({},c),{values:r.map((t=>t.key))})}},b("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(m)||"RELATION"===m){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("operator",t.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((r=>l("option",{value:r.val,selected:t===r.val},b(r.labelKey,this.locale))))),!r&&l("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(s=c.value)&&void 0!==s?s:""),placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(p.has(m)){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&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:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.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!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?String(c.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&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:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},l("label",{class:"mrd-table__filter-range-label"},b("filter_from",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),l("label",{class:"mrd-table__filter-range-label"},b("filter_to",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(d=c.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}if(v.has(m)){const t="DATE"===m?"date":"time",r=c.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!e},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===r},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},b("filter_is_not_empty",this.locale))),!e&&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:!i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{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:i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),i?l("div",{class:"mrd-table__filter-range"},l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(n=c.value)&&void 0!==n?n:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t,r,e,i;if(!this.openFilterCol||!this.pendingFilter)return null;const a=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!a)return null;const o=null!==(i=null!==(r=null===(t=a.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(e=a.relation)||void 0===e?void 0:e.label)&&void 0!==i?i: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:t=>t.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(a,"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(a,"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(a)),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(t,r){const e=this.totalElements;if(0===e){const r=null!=t?t:0;return 0===r?null:l("div",{class:"mrd-table__footer"},r," ",b("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const i=null!=r?r:e,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i);return l("div",{class:"mrd-table__footer"},a,"–",o," ",b("table_of",this.locale)," ",i)}renderCell(t,r){var e,i,a,o,s,d;const n=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),c=null!==(i=null===(e=t.field)||void 0===e?void 0:e.dataType)&&void 0!==i?i:"",m="FIELD"===t.type&&n.has(c);if("FIELD"===t.type&&("FILE"===c||"IMAGE"===c)){const e=null!==(o=null===(a=t.field)||void 0===a?void 0:a.name)&&void 0!==o?o:"",i=null==r?void 0:r[e],s=null==i?void 0:i.href,d=null==i?void 0:i.fileName;return l("td",{class:"mrd-table__cell"},s&&d?l("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.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)):"")}if("JSON"===c){const e=null!==(d=null===(s=t.field)||void 0===s?void 0:s.name)&&void 0!==d?d:"",i=e?null==r?void 0:r[e]:void 0;if(null==i||""===i)return l("td",{class:"mrd-table__cell"});const a=u.formatJson(i,!0),o=u.formatJson(i,!1);return l("td",{class:"mrd-table__cell"},l("span",{class:"mrd-table__json-preview",innerHTML:a}),l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openJsonModal(o)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}if("TEXTBLOCK"===c){const e=u.render(t,r,this.locale);if(e.length<=200)return l("td",{class:"mrd-table__cell"},e);const i=e.slice(0,200)+"…";return l("td",{class:"mrd-table__cell"},i,l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(e)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}const h=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(m?" mrd-table__cell--numeric":"")},h)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,e;const i=this.renderAggregationValue(t),a="FIELD"===t.type&&p.has(null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"");return l("td",{class:"mrd-table__totals-cell"+(a?" mrd-table__totals-cell--numeric":"")},i)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return l(i,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((t=>{var r,e,i,a;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(a=null!==(e=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==e?e:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==a?a:""),s&&this.renderFilterIcon())})))),l("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>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))))))),this.renderTotalsRow()),(!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(),this.renderTextblockModal(),this.renderJsonModal());let a=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(a=Math.min(a,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,a-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(a-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,m=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);m.push(null===r?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:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return l(i,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(((t,r)=>{var e,i,a,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=!g.has(this.colDataType(t)),m=["mrd-table__header",c?"mrd-table__header--sortable":"",d?`mrd-table__header--sorted-${this.sortDir}`:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:m,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:c?r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t):void 0},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(i=null===(e=t.field)||void 0===e?void 0:e.label)&&void 0!==i?i:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==o?o:""),c&&d&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),c&&!d&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),c&&n&&this.renderFilterIcon())})))),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}))),this.renderTotalsRow())),0===a&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale)),a>0&&this.renderFooter(void 0,a),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return l("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},l("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},l("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":b("close",this.locale)},"✕"),l("p",{class:"mrd-table__modal-text"},this.textblockModal)))}renderJsonModal(){return null===this.jsonModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeJsonModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeJsonModal(),"aria-label":b("close",this.locale)},"✕"),l("pre",{class:"mrd-table__modal-json",innerHTML:this.jsonModal})))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],defaultSort:[{defaultSortChanged: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.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__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-select.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0;max-width:220px}.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}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}"}},[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],viewLabel:[1,"view-label"],alternativeViews:[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],jsonModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],defaultSort:[{defaultSortChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(a(t))||customElements.define(a(t),y))}))}export{u as C,y as M,w as d}