@mmlogic/components 0.1.30 → 0.3.0

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

@@ -22,7 +22,10 @@ export class MrdTable {
         this.outsideClickHandler = null;
         this.keydownHandler = null;
         // ── Props ──────────────────────────────────────────────────────────────────
-        this.columns = [];
+        /** The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc. */
+        this.item = null;
+        /** Parent record id — required for RELATED_VIEW to build /{fromClass}/{parentId}/{dataClass}. */
+        this.parentId = '';
         /** Direct rows (non-paginated mode, used when totalElements === 0). */
         this.rows = [];
         this.locale = navigator.language;
@@ -34,16 +37,9 @@ export class MrdTable {
         this.rowHeight = 36;
         /** Height of the scroll container in px. */
         this.tableHeight = 500;
-        /** Initial sort applied on load, e.g. "timestamp,desc" or "name".
-         *  Parsed by init() into sortField + sortDir. */
-        this.defaultSort = '';
-        /** Toolbar action buttons rendered above the table. */
-        this.actions = [];
-        /** Display label of the current view — shown in the toolbar center as a view picker trigger. */
-        this.viewLabel = '';
-        /** Alternative views available for this table; renders a dropdown when non-empty. */
-        this.alternativeViews = [];
         // ── Internal state ─────────────────────────────────────────────────────────
+        /** Index into allViews[] for the currently displayed view. 0 = primary, 1+ = alternatives. */
+        this.activeViewIdx = 0;
         this.loadedPages = new Map();
         this.requestedPages = new Set();
         this.renderStart = 0;
@@ -86,13 +82,16 @@ export class MrdTable {
     totalElementsChanged(newVal) {
         this.renderEnd = Math.min(this.renderEnd, Math.max(0, newVal - 1));
     }
-    /** Apply defaultSort when the prop changes (e.g. after a view switch). */
-    defaultSortChanged(newVal) {
-        this.applyDefaultSort(newVal);
+    /** Reset to primary view when the item prop is replaced from outside. */
+    itemChanged(newVal) {
+        var _a, _b;
+        this.activeViewIdx = 0;
+        this.applyDefaultSort((_b = (_a = newVal === null || newVal === void 0 ? void 0 : newVal.view) === null || _a === void 0 ? void 0 : _a.defaultSort) !== null && _b !== void 0 ? _b : '');
     }
     // ── Lifecycle ──────────────────────────────────────────────────────────────
     componentWillLoad() {
-        this.applyDefaultSort(this.defaultSort);
+        var _a, _b, _c;
+        this.applyDefaultSort((_c = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.defaultSort) !== null && _c !== void 0 ? _c : '');
     }
     // ── Helpers ────────────────────────────────────────────────────────────────
     applyDefaultSort(defaultSort) {
@@ -124,14 +123,17 @@ export class MrdTable {
         this.colWidths = [];
         this.scrollTop = 0;
         this.renderStart = 0;
-        // No BUFFER on init — only request what fits the visible area (page 0).
-        // BUFFER is applied during scroll to pre-fetch the next page proactively.
-        this.renderEnd = Math.max(0, Math.min(this.visibleCount() - 1, this.totalElements - 1));
+        // Always fill the visible viewport on init — totalElements may be stale from a
+        // previous view. setPage() clamps renderEnd when the page is shorter than pageSize.
+        this.renderEnd = this.visibleCount() - 1;
         const scroller = this.el.querySelector('.mrd-table__scroll');
         if (scroller)
             scroller.scrollTop = 0;
         this.aggregations = null;
         this.emitLoadAggregations();
+        // Always request page 0 — totalElements may be unknown (0) on first load.
+        this.mrdLoadPage.emit({ page: 0, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(0) });
+        this.requestedPages = new Set([0]);
     }
     /**
      * Inject the rows for a given page (0-based).
@@ -184,26 +186,167 @@ export class MrdTable {
             return '';
         return this.sortDir === 'desc' ? `${this.sortField},desc` : this.sortField;
     }
-    colName(col) {
+    /** Stable ordered list: primary view first, then alternatives (from the item prop). */
+    get allViews() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!this.item)
+            return [];
+        const it = this.item;
+        return [
+            { label: (_e = (_d = (_c = (_a = it.label) !== null && _a !== void 0 ? _a : (_b = it.view) === null || _b === void 0 ? void 0 : _b.pluralLabel) !== null && _c !== void 0 ? _c : it.dataClass) !== null && _d !== void 0 ? _d : it.relatedClass) !== null && _e !== void 0 ? _e : '', dataClass: (_f = it.dataClass) !== null && _f !== void 0 ? _f : it.relatedClass, fromClass: it.fromClass, filterClass: it.filterClass, view: it.view },
+            ...((_g = it.alternativeViews) !== null && _g !== void 0 ? _g : []).map(av => {
+                var _a, _b, _c, _d;
+                return ({
+                    label: (_d = (_c = (_a = av.label) !== null && _a !== void 0 ? _a : (_b = av.view) === null || _b === void 0 ? void 0 : _b.pluralLabel) !== null && _c !== void 0 ? _c : av.dataClass) !== null && _d !== void 0 ? _d : '',
+                    dataClass: av.dataClass,
+                    fromClass: av.fromClass,
+                    filterClass: av.filterClass,
+                    view: av.view,
+                });
+            }),
+        ];
+    }
+    /** Relative excel export path for the current view.
+     *  VIEW:         /excel/{dataClass}
+     *  RELATED_VIEW: /excel/{fromClass}/{parentId}/{dataClass}  */
+    buildExcelPath() {
         var _a, _b, _c, _d;
-        return (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
+        const v = this.allViews[this.activeViewIdx];
+        if (!v)
+            return '';
+        if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW') {
+            return `/excel/${(_b = v.fromClass) !== null && _b !== void 0 ? _b : ''}/${this.parentId}/${(_c = v.dataClass) !== null && _c !== void 0 ? _c : ''}`;
+        }
+        return `/excel/${(_d = v.dataClass) !== null && _d !== void 0 ? _d : ''}`;
     }
-    colDataType(col) {
+    buildActionDetail(action) {
+        var _a, _b, _c;
+        if (action === 'export') {
+            return { action, path: this.buildExcelPath(), qs: this.buildQueryParams(0) };
+        }
+        if (action === 'create') {
+            const v = this.allViews[this.activeViewIdx];
+            const parentPath = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW'
+                ? `/${(_b = v === null || v === void 0 ? void 0 : v.fromClass) !== null && _b !== void 0 ? _b : ''}/${this.parentId}`
+                : null;
+            return { action, dataClass: (_c = v === null || v === void 0 ? void 0 : v.dataClass) !== null && _c !== void 0 ? _c : '', parentPath };
+        }
+        return { action };
+    }
+    /** Relative data path for the current view, without query string.
+     *  VIEW:         /{dataClass}
+     *  RELATED_VIEW: /{fromClass}/{parentId}/{dataClass}  */
+    buildDataPath() {
+        var _a, _b, _c, _d;
+        const v = this.allViews[this.activeViewIdx];
+        if (!v)
+            return '';
+        if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW') {
+            return `/${(_b = v.fromClass) !== null && _b !== void 0 ? _b : ''}/${this.parentId}/${(_c = v.dataClass) !== null && _c !== void 0 ? _c : ''}`;
+        }
+        return `/${(_d = v.dataClass) !== null && _d !== void 0 ? _d : ''}`;
+    }
+    /** Build query params for a page request from current sort, view filters, filterClass and active column filters. */
+    buildQueryParams(page) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const v = this.allViews[this.activeViewIdx];
+        const p = new URLSearchParams();
+        if (page > 0)
+            p.set('page', String(page));
+        const sort = this.sortParam();
+        if (sort)
+            p.set('sort', sort);
+        const filterClass = v === null || v === void 0 ? void 0 : v.filterClass;
+        if (filterClass)
+            p.set('type', filterClass);
+        for (const f of ((_b = (_a = v === null || v === void 0 ? void 0 : v.view) === null || _a === void 0 ? void 0 : _a.filter) !== null && _b !== void 0 ? _b : [])) {
+            if (!f.name)
+                continue;
+            if (f.operator === 'EMPTY') {
+                p.set(f.name, '');
+                continue;
+            }
+            if (f.operator === 'NOT_EMPTY') {
+                p.set(f.name + '_notempty', 'true');
+                continue;
+            }
+            if (f.operator === 'STARTS_WITH') {
+                p.set(f.name + '_startswith', String((_c = f.value) !== null && _c !== void 0 ? _c : ''));
+                continue;
+            }
+            if (f.operator === 'FROM') {
+                p.set(f.name + '_from', String((_d = f.value) !== null && _d !== void 0 ? _d : ''));
+                continue;
+            }
+            if (f.operator === 'TO') {
+                p.set(f.name + '_to', String((_e = f.value) !== null && _e !== void 0 ? _e : ''));
+                continue;
+            }
+            if (f.value != null) {
+                p.set(f.name, String(f.value));
+            }
+        }
+        for (const f of this.activeFilters.values()) {
+            if (f.operator === 'isEmpty') {
+                p.set(f.field, '');
+                continue;
+            }
+            if (f.operator === 'isNotEmpty') {
+                p.set(f.field + '_notempty', 'true');
+                continue;
+            }
+            if (f.operator === 'startsWith') {
+                p.set(f.field + '_startswith', String((_f = f.value) !== null && _f !== void 0 ? _f : ''));
+                continue;
+            }
+            if ((_g = f.values) === null || _g === void 0 ? void 0 : _g.length) {
+                p.set(f.field, f.values.join(','));
+                continue;
+            }
+            if (f.value != null)
+                p.set(f.field, String(f.value));
+            if (f.from != null)
+                p.set(f.field + '_from', String(f.from));
+            if (f.to != null)
+                p.set(f.field + '_to', String(f.to));
+        }
+        return p.toString();
+    }
+    get columns() {
+        var _a, _b, _c;
+        return ((_c = (_b = (_a = this.allViews[this.activeViewIdx]) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.values) !== null && _c !== void 0 ? _c : []);
+    }
+    get tableActions() {
         var _a, _b;
+        const raw = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.actions) !== null && _b !== void 0 ? _b : [];
+        return (raw !== null && raw !== void 0 ? raw : []).reduce((acc, a) => {
+            if (a === 'NEW')
+                acc.push({ action: 'create', label: t('table_new_record', this.locale), icon: 'assets/sprites.svg#icon-plus', variant: 'primary' });
+            if (a === 'EXPORT')
+                acc.push({ action: 'export', label: t('table_export_excel', this.locale), icon: 'assets/sprites.svg#icon-file-excel' });
+            return acc;
+        }, []);
+    }
+    colName(col) {
+        var _a;
+        return (_a = col.name) !== null && _a !== void 0 ? _a : '';
+    }
+    colDataType(col) {
+        var _a;
         if (col.type === 'RELATION')
             return 'RELATION';
-        return (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : 'TEXT';
+        return (_a = col.dataType) !== null && _a !== void 0 ? _a : 'TEXT';
     }
     // ── Aggregation helpers ────────────────────────────────────────────────────
     buildAggregationParams() {
         var _a;
         const groups = { sum: [], avg: [], count: [] };
         for (const col of this.columns) {
-            if (col.type !== 'FIELD' || !((_a = col.field) === null || _a === void 0 ? void 0 : _a.aggregate))
+            if (col.type !== 'FIELD' || !col.aggregate)
                 continue;
-            const fn = col.field.aggregate.toLowerCase();
+            const fn = col.aggregate.toLowerCase();
             if (fn in groups)
-                groups[fn].push(col.field.name);
+                groups[fn].push((_a = col.name) !== null && _a !== void 0 ? _a : '');
         }
         const params = {};
         if (groups.sum.length)
@@ -215,25 +358,25 @@ export class MrdTable {
         return Object.keys(params).length > 0 ? params : null;
     }
     emitLoadAggregations() {
-        const params = this.buildAggregationParams();
-        if (params)
-            this.mrdLoadAggregations.emit(params);
+        const aggParams = this.buildAggregationParams();
+        if (aggParams)
+            this.mrdLoadAggregations.emit(Object.assign(Object.assign({}, aggParams), { path: this.buildDataPath(), qs: this.buildQueryParams(0) }));
     }
     renderAggregationValue(col) {
         var _a, _b;
-        if (col.type !== 'FIELD' || !((_a = col.field) === null || _a === void 0 ? void 0 : _a.aggregate) || !this.aggregations)
+        if (col.type !== 'FIELD' || !col.aggregate || !this.aggregations)
             return '';
-        const fn = col.field.aggregate.toLowerCase();
-        const val = (_b = this.aggregations[fn]) === null || _b === void 0 ? void 0 : _b[col.field.name];
+        const fn = col.aggregate.toLowerCase();
+        const val = (_a = this.aggregations[fn]) === null || _a === void 0 ? void 0 : _a[(_b = col.name) !== null && _b !== void 0 ? _b : ''];
         if (val == null)
             return '';
-        const dt = col.field.dataType;
+        const dt = col.dataType;
         if (dt === 'INTEGER')
             return formatNumber(val, this.locale, { maximumFractionDigits: 0 });
         if (dt === 'PERCENTAGE')
             return formatPercentage(val, this.locale);
-        if (dt === 'CURRENCY' && col.field.currencyCode)
-            return formatCurrency(val, col.field.currencyCode, this.locale);
+        if (dt === 'CURRENCY' && col.currencyCode)
+            return formatCurrency(val, col.currencyCode, this.locale);
         return formatNumber(val, this.locale);
     }
     // ── Reset pagination ───────────────────────────────────────────────────────
@@ -282,7 +425,7 @@ export class MrdTable {
         for (let p = firstPage; p <= lastPage; p++) {
             if (!this.loadedPages.has(p) && !next.has(p)) {
                 next.add(p);
-                this.mrdLoadPage.emit({ page: p, sort: this.sortParam() });
+                this.mrdLoadPage.emit({ page: p, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(p) });
                 changed = true;
             }
         }
@@ -324,7 +467,7 @@ export class MrdTable {
             if (pageEnd < this.renderStart || pageStart > this.renderEnd)
                 continue;
             next.add(page);
-            this.mrdLoadPage.emit({ page, sort: this.sortParam() });
+            this.mrdLoadPage.emit({ page, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(page) });
             changed = true;
         }
         this.pendingPages.clear();
@@ -516,7 +659,6 @@ export class MrdTable {
         }
         this.activeFilters = next;
         this.closeFilterPopup();
-        this.mrdFilter.emit({ filters: Array.from(this.activeFilters.values()) });
         this.aggregations = null;
         this.emitLoadAggregations();
         if (this.totalElements > 0) {
@@ -531,7 +673,6 @@ export class MrdTable {
             next.delete(name);
         this.activeFilters = next;
         this.closeFilterPopup();
-        this.mrdFilter.emit({ filters: Array.from(this.activeFilters.values()) });
         this.aggregations = null;
         this.emitLoadAggregations();
         if (this.totalElements > 0) {
@@ -541,7 +682,6 @@ export class MrdTable {
     }
     clearAllFilters() {
         this.activeFilters = new Map();
-        this.mrdFilter.emit({ filters: [] });
         this.aggregations = null;
         this.emitLoadAggregations();
         if (this.totalElements > 0) {
@@ -550,35 +690,37 @@ export class MrdTable {
         }
     }
     // ── View switcher ──────────────────────────────────────────────────────────
-    handleViewSwitch(view) {
-        this.mrdSwitchView.emit({ name: view.name, class: view.class });
+    handleViewSwitch(targetIdx) {
+        var _a, _b;
+        const target = this.allViews[targetIdx];
+        if (!(target === null || target === void 0 ? void 0 : target.view))
+            return;
+        this.activeViewIdx = targetIdx;
+        this.applyDefaultSort((_b = (_a = target.view) === null || _a === void 0 ? void 0 : _a.defaultSort) !== null && _b !== void 0 ? _b : '');
+        this.activeFilters = new Map();
+        this.init();
     }
     // ── Render: toolbar ────────────────────────────────────────────────────────
     renderToolbar() {
-        var _a, _b;
         const filterCount = this.activeFilters.size;
-        const hasActions = ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) > 0;
-        const hasViewSwitcher = !!this.viewLabel && ((_b = this.alternativeViews) === null || _b === void 0 ? void 0 : _b.length) > 0;
+        const actions = this.tableActions;
+        const allViews = this.allViews;
+        const hasActions = actions.length > 0;
+        const hasViewSwitcher = allViews.length > 1;
         return (h("div", { class: "mrd-table__toolbar" }, h("div", { class: "mrd-table__toolbar-left" }, h("button", { class: `mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle${this.filterMode ? ' mrd-table__filter-toggle--active' : ''}`, onClick: () => this.handleFilterToggle() }, h("svg", { class: "mrd-table__action-icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { fill: "currentColor", d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" })), filterCount > 0 && h("span", { class: "mrd-table__filter-badge" }, filterCount), h("span", { class: "mrd-table__action-tooltip" }, this.filterMode ? t('table_filter_hide', this.locale) : t('table_filter', this.locale), filterCount > 0 ? ` (${filterCount} ${t('table_filter_active', this.locale)})` : '')), filterCount > 0 && (h("button", { class: "mrd-table__action mrd-table__action--secondary", onClick: () => this.clearAllFilters() }, h("svg", { class: "mrd-table__action-icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("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" })), h("span", { class: "mrd-table__action-tooltip" }, t('table_filter_clear_all', this.locale))))), hasViewSwitcher && (h("div", { class: "mrd-table__toolbar-center" }, h("select", { class: "mrd-table__view-select", onChange: (e) => {
-                const sel = e.target;
-                const view = this.alternativeViews.find(v => v.name === sel.value);
-                if (view) {
-                    sel.selectedIndex = 0;
-                    this.handleViewSwitch(view);
-                }
-            } }, h("option", { value: "" }, this.viewLabel), this.alternativeViews.map(v => {
-            var _a;
-            return (h("option", { value: v.name }, (_a = v.label) !== null && _a !== void 0 ? _a : v.name));
-        })))), hasActions && (h("div", { class: "mrd-table__toolbar-right" }, this.actions.map(a => {
+                const idx = parseInt(e.target.value, 10);
+                if (!isNaN(idx) && idx !== this.activeViewIdx)
+                    this.handleViewSwitch(idx);
+            } }, allViews.map((v, i) => (h("option", { value: String(i), selected: i === this.activeViewIdx }, v.label)))))), hasActions && (h("div", { class: "mrd-table__toolbar-right" }, actions.map(a => {
             var _a;
-            return (h("button", { class: `mrd-table__action mrd-table__action--${(_a = a.variant) !== null && _a !== void 0 ? _a : 'secondary'}`, disabled: a.disabled, onClick: () => this.mrdAction.emit({ action: a.action }) }, a.icon
+            return (h("button", { class: `mrd-table__action mrd-table__action--${(_a = a.variant) !== null && _a !== void 0 ? _a : 'secondary'}`, disabled: a.disabled, onClick: () => this.mrdAction.emit(this.buildActionDetail(a.action)) }, a.icon
                 ? h("svg", { class: "mrd-table__action-icon", "aria-hidden": "true" }, h("use", { href: a.icon }))
                 : a.label, h("span", { class: "mrd-table__action-tooltip" }, a.label)));
         })))));
     }
     // ── Render: filter popup ───────────────────────────────────────────────────
     renderFilterEditor(col) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g;
         const pf = (_a = this.pendingFilter) !== null && _a !== void 0 ? _a : {};
         const dataType = this.colDataType(col);
         if (NO_FILTER_TYPES.has(dataType)) {
@@ -594,19 +736,19 @@ export class MrdTable {
             ].map(opt => (h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: !noValueOp && pf.value === opt.value, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined, value: opt.value }); } }), t(opt.labelKey, this.locale)))), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: boolOp === 'isEmpty', onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: 'isEmpty', value: undefined }); } }), t('filter_is_empty', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: boolOp === 'isNotEmpty', onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: 'isNotEmpty', value: undefined }); } }), t('filter_is_not_empty', this.locale))));
         }
         if (dataType === 'LIST') {
-            const items = (_c = (_b = col.field) === null || _b === void 0 ? void 0 : _b.listItems) !== null && _c !== void 0 ? _c : [];
-            const selected = (_d = pf.values) !== null && _d !== void 0 ? _d : [];
+            const items = (_b = col.listItems) !== null && _b !== void 0 ? _b : [];
+            const selected = (_c = pf.values) !== null && _c !== void 0 ? _c : [];
             return (h("div", { class: "mrd-table__filter-list" }, h("div", { class: "mrd-table__filter-list-controls" }, h("button", { class: "mrd-table__filter-list-btn", onClick: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { values: items.map(i => i.key) }); } }, t('filter_select_all', this.locale)), h("button", { class: "mrd-table__filter-list-btn", onClick: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { values: [] }); } }, t('filter_select_none', this.locale))), items.map(item => (h("label", { class: "mrd-table__filter-checkbox-label" }, h("input", { type: "checkbox", checked: selected.includes(item.key), onChange: (e) => this.togglePendingValue(item.key, e.target.checked) }), item.label)))));
         }
         if (TEXT_TYPES.has(dataType) || dataType === 'RELATION') {
-            const op = (_e = pf.operator) !== null && _e !== void 0 ? _e : 'startsWith';
+            const op = (_d = pf.operator) !== null && _d !== void 0 ? _d : 'startsWith';
             const noInput = op === 'isEmpty' || op === 'isNotEmpty';
             return (h("div", { class: "mrd-table__filter-editor" }, h("select", { class: "mrd-table__filter-select", onChange: (e) => this.setPending('operator', e.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(o => h("option", { value: o.val, selected: op === o.val }, t(o.labelKey, this.locale)))), !noInput && (h("input", { type: "text", class: "mrd-table__filter-input", value: String((_f = pf.value) !== null && _f !== void 0 ? _f : ''), placeholder: t('filter_search_value', this.locale), onInput: (e) => this.setPending('value', e.target.value) }))));
+            ].map(o => h("option", { value: o.val, selected: op === o.val }, t(o.labelKey, this.locale)))), !noInput && (h("input", { type: "text", class: "mrd-table__filter-input", value: String((_e = pf.value) !== null && _e !== void 0 ? _e : ''), placeholder: t('filter_search_value', this.locale), onInput: (e) => this.setPending('value', e.target.value) }))));
         }
         if (NUMERIC_TYPES.has(dataType)) {
             const numOp = pf.operator;
@@ -634,7 +776,7 @@ export class MrdTable {
                     else {
                         this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined });
                     }
-                } }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: "date", class: "mrd-table__filter-input", value: String((_g = pf.value) !== null && _g !== void 0 ? _g : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range mrd-table__filter-range--stacked" }, h("label", { class: "mrd-table__filter-range-label" }, t('filter_from', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("label", { class: "mrd-table__filter-range-label" }, t('filter_to', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
+                } }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: "date", class: "mrd-table__filter-input", value: String((_f = pf.value) !== null && _f !== void 0 ? _f : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range mrd-table__filter-range--stacked" }, h("label", { class: "mrd-table__filter-range-label" }, t('filter_from', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("label", { class: "mrd-table__filter-range-label" }, t('filter_to', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
         }
         if (DATE_TYPES.has(dataType)) {
             const inputType = dataType === 'DATE' ? 'date' : 'time';
@@ -649,18 +791,18 @@ export class MrdTable {
                     else {
                         this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined });
                     }
-                } }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtdOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtdOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: inputType, class: "mrd-table__filter-input", value: String((_h = pf.value) !== null && _h !== void 0 ? _h : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range" }, h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_from', this.locale), value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_to', this.locale), value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
+                } }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtdOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtdOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: inputType, class: "mrd-table__filter-input", value: String((_g = pf.value) !== null && _g !== void 0 ? _g : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range" }, h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_from', this.locale), value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_to', this.locale), value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
         }
         return null;
     }
     renderFilterPopup() {
-        var _a, _b, _c, _d;
+        var _a;
         if (!this.openFilterCol || !this.pendingFilter)
             return null;
         const col = this.columns.find(c => this.colName(c) === this.openFilterCol);
         if (!col)
             return null;
-        const label = (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : this.openFilterCol;
+        const label = (_a = col.label) !== null && _a !== void 0 ? _a : this.openFilterCol;
         const sortActive = this.sortField === this.openFilterCol;
         return (h("div", { class: "mrd-table__filter-popup", style: { top: `${this.popupPos.top}px`, left: `${this.popupPos.left}px` }, onClick: (e) => e.stopPropagation() }, h("div", { class: "mrd-table__filter-popup-header" }, h("span", { class: "mrd-table__filter-popup-title" }, label), h("button", { class: "mrd-table__filter-close", onClick: () => this.closeFilterPopup() }, "\u2715")), h("div", { class: "mrd-table__filter-section" }, h("div", { class: "mrd-table__filter-section-label" }, t('filter_sorting', this.locale)), h("div", { class: "mrd-table__filter-sort-buttons" }, h("button", { class: `mrd-table__filter-sort-btn${sortActive && this.sortDir === 'asc' ? ' mrd-table__filter-sort-btn--active' : ''}`, onClick: () => this.applySort(col, 'asc') }, "\u25B2 ", t('filter_ascending', this.locale)), h("button", { class: `mrd-table__filter-sort-btn${sortActive && this.sortDir === 'desc' ? ' mrd-table__filter-sort-btn--active' : ''}`, onClick: () => this.applySort(col, 'desc') }, "\u25BC ", t('filter_descending', this.locale)))), h("div", { class: "mrd-table__filter-divider" }), h("div", { class: "mrd-table__filter-section" }, h("div", { class: "mrd-table__filter-section-label" }, t('filter_section', this.locale)), this.renderFilterEditor(col)), h("div", { class: "mrd-table__filter-popup-footer" }, h("button", { class: "mrd-table__filter-btn mrd-table__filter-btn--clear", onClick: () => this.clearFilter() }, t('filter_clear', this.locale)), h("button", { class: "mrd-table__filter-btn mrd-table__filter-btn--apply", onClick: () => this.applyFilter() }, t('filter_apply', this.locale)))));
     }
@@ -687,13 +829,13 @@ export class MrdTable {
     }
     // ── Render: cell ──────────────────────────────────────────────────────────
     renderCell(col, row) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c;
         const numericTypes = new Set(['INTEGER', 'DECIMAL', 'PERCENTAGE', 'CURRENCY']);
-        const dataType = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '';
+        const dataType = (_a = col.dataType) !== null && _a !== void 0 ? _a : '';
         const isNumeric = col.type === 'FIELD' && numericTypes.has(dataType);
         const isFile = col.type === 'FIELD' && (dataType === 'FILE' || dataType === 'IMAGE');
         if (isFile) {
-            const name = (_d = (_c = col.field) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
+            const name = (_b = col.name) !== null && _b !== void 0 ? _b : '';
             const fileVal = row === null || row === void 0 ? void 0 : row[name];
             const href = fileVal === null || fileVal === void 0 ? void 0 : fileVal.href;
             const fileName = fileVal === null || fileVal === void 0 ? void 0 : fileVal.fileName;
@@ -703,7 +845,7 @@ export class MrdTable {
                 } }, h("svg", { class: "mrd-table__file-icon", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { fill: "currentColor", d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z" })), t('download', this.locale))) : ''));
         }
         if (dataType === 'JSON') {
-            const name = (_f = (_e = col.field) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '';
+            const name = (_c = col.name) !== null && _c !== void 0 ? _c : '';
             const rawValue = name ? row === null || row === void 0 ? void 0 : row[name] : undefined;
             if (rawValue == null || rawValue === '')
                 return h("td", { class: "mrd-table__cell" });
@@ -727,12 +869,12 @@ export class MrdTable {
     renderTotalsRow() {
         if (!this.aggregations)
             return null;
-        if (!this.columns.some(c => { var _a; return c.type === 'FIELD' && ((_a = c.field) === null || _a === void 0 ? void 0 : _a.aggregate); }))
+        if (!this.columns.some(c => c.type === 'FIELD' && c.aggregate))
             return null;
         return (h("tfoot", null, h("tr", { class: "mrd-table__totals-row" }, this.columns.map(col => {
-            var _a, _b;
+            var _a;
             const val = this.renderAggregationValue(col);
-            const isNumeric = col.type === 'FIELD' && NUMERIC_TYPES.has((_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.dataType) !== null && _b !== void 0 ? _b : '');
+            const isNumeric = col.type === 'FIELD' && NUMERIC_TYPES.has((_a = col.dataType) !== null && _a !== void 0 ? _a : '');
             return (h("td", { class: `mrd-table__totals-cell${isNumeric ? ' mrd-table__totals-cell--numeric' : ''}` }, val));
         }))));
     }
@@ -744,7 +886,7 @@ export class MrdTable {
         // ── Non-paginated mode ──────────────────────────────────────────────────
         if (this.totalElements === 0) {
             return (h(Host, null, this.renderToolbar(), h("div", { class: "mrd-table" }, h("table", { class: "mrd-table__table" }, h("thead", null, h("tr", null, this.columns.map(col => {
-                var _a, _b, _c, _d;
+                var _a;
                 const name = this.colName(col);
                 const isFiltered = this.activeFilters.has(name);
                 const cls = [
@@ -752,7 +894,7 @@ export class MrdTable {
                     isFiltered ? 'mrd-table__header--filtered' : '',
                     this.filterMode ? 'mrd-table__header--sortable' : '',
                 ].filter(Boolean).join(' ');
-                return (h("th", { class: cls, onClick: this.filterMode ? (e) => this.handleFilterOpen(col, e) : undefined }, h("span", { class: "mrd-table__header-label" }, (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : ''), isFiltered && this.renderFilterIcon()));
+                return (h("th", { class: cls, onClick: this.filterMode ? (e) => this.handleFilterOpen(col, e) : undefined }, h("span", { class: "mrd-table__header-label" }, (_a = col.label) !== null && _a !== void 0 ? _a : ''), isFiltered && this.renderFilterIcon()));
             }))), h("tbody", null, (_b = this.rows) === null || _b === void 0 ? void 0 : _b.map((row, i) => (h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row)))))), this.renderTotalsRow()), (!this.rows || this.rows.length === 0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale)))), this.renderFooter((_c = this.rows) === null || _c === void 0 ? void 0 : _c.length), this.renderFilterPopup(), this.renderTextblockModal(), this.renderJsonModal()));
         }
         // ── Paginated / virtual-scroll mode ────────────────────────────────────
@@ -785,7 +927,7 @@ export class MrdTable {
             }
         }
         return (h(Host, null, this.renderToolbar(), h("div", { class: "mrd-table__scroll", style: { height: `${this.tableHeight}px` }, onScroll: this.handleScroll }, h("table", { class: "mrd-table__table", style: tableStyle }, h("thead", null, h("tr", null, this.columns.map((col, idx) => {
-            var _a, _b, _c, _d;
+            var _a;
             const name = this.colName(col);
             const isActive = this.sortField === name;
             const isFiltered = this.activeFilters.has(name);
@@ -796,7 +938,7 @@ export class MrdTable {
                 isActive ? `mrd-table__header--sorted-${this.sortDir}` : '',
                 isFiltered ? 'mrd-table__header--filtered' : '',
             ].filter(Boolean).join(' ');
-            return (h("th", { class: cls, style: this.colWidths[idx] ? { width: `${this.colWidths[idx]}px` } : undefined, onClick: isInteractive ? ((e) => this.filterMode ? this.handleFilterOpen(col, e) : this.handleSortClick(col)) : undefined }, h("span", { class: "mrd-table__header-label" }, (_d = (_b = (_a = col.field) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (_c = col.relation) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : ''), isInteractive && isActive && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, this.sortDir === 'asc' ? '▲' : '▼')), isInteractive && !isActive && !this.filterMode && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, "\u21C5")), isInteractive && isFiltered && this.renderFilterIcon()));
+            return (h("th", { class: cls, style: this.colWidths[idx] ? { width: `${this.colWidths[idx]}px` } : undefined, onClick: isInteractive ? ((e) => this.filterMode ? this.handleFilterOpen(col, e) : this.handleSortClick(col)) : undefined }, h("span", { class: "mrd-table__header-label" }, (_a = col.label) !== null && _a !== void 0 ? _a : ''), isInteractive && isActive && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, this.sortDir === 'asc' ? '▲' : '▼')), isInteractive && !isActive && !this.filterMode && (h("span", { class: "mrd-table__sort-icon", "aria-hidden": "true" }, "\u21C5")), isInteractive && isFiltered && this.renderFilterIcon()));
         }))), h("tbody", null, topSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${topSpacerHeight}px` } }, h("td", { colSpan: colCount }))), renderedRows, bottomSpacerHeight > 0 && (h("tr", { class: "mrd-table__spacer", style: { height: `${bottomSpacerHeight}px` } }, h("td", { colSpan: colCount })))), this.renderTotalsRow())), effectiveTotal === 0 && this.loadedPages.has(0) && (h("p", { class: "mrd-table__empty" }, t('no_results', this.locale))), effectiveTotal > 0 && this.renderFooter(undefined, effectiveTotal), this.renderFilterPopup(), this.renderTextblockModal()));
     }
     renderFilterIcon() {
@@ -826,18 +968,18 @@ export class MrdTable {
     }
     static get properties() {
         return {
-            "columns": {
+            "item": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "TableColumn[]",
-                    "resolved": "ClientLayoutItem[]",
+                    "original": "ClientLayoutItem | null",
+                    "resolved": "ClientLayoutItem | null",
                     "references": {
-                        "TableColumn": {
+                        "ClientLayoutItem": {
                             "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::TableColumn",
-                            "referenceLocation": "TableColumn"
+                            "path": "../../types/client-layout",
+                            "id": "src/types/client-layout.ts::ClientLayoutItem",
+                            "referenceLocation": "ClientLayoutItem"
                         }
                     }
                 },
@@ -845,11 +987,31 @@ export class MrdTable {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc."
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[]"
+                "defaultValue": "null"
+            },
+            "parentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Parent record id \u2014 required for RELATED_VIEW to build /{fromClass}/{parentId}/{dataClass}."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "parent-id",
+                "defaultValue": "''"
             },
             "rows": {
                 "type": "unknown",
@@ -973,101 +1135,12 @@ export class MrdTable {
                 "reflect": false,
                 "attribute": "table-height",
                 "defaultValue": "500"
-            },
-            "defaultSort": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Initial sort applied on load, e.g. \"timestamp,desc\" or \"name\".\nParsed by init() into sortField + sortDir."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "default-sort",
-                "defaultValue": "''"
-            },
-            "actions": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableAction[]",
-                    "resolved": "TableAction[]",
-                    "references": {
-                        "TableAction": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::TableAction",
-                            "referenceLocation": "TableAction"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Toolbar action buttons rendered above the table."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "viewLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Display label of the current view \u2014 shown in the toolbar center as a view picker trigger."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "view-label",
-                "defaultValue": "''"
-            },
-            "alternativeViews": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AlternativeView[]",
-                    "resolved": "AlternativeView[]",
-                    "references": {
-                        "AlternativeView": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::AlternativeView",
-                            "referenceLocation": "AlternativeView"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Alternative views available for this table; renders a dropdown when non-empty."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
             }
         };
     }
     static get states() {
         return {
+            "activeViewIdx": {},
             "loadedPages": {},
             "requestedPages": {},
             "renderStart": {},
@@ -1098,8 +1171,8 @@ export class MrdTable {
                     "text": "Fired when a page needs to be fetched. Host fetches and calls setPage().\n`sort` is the raw query-param value, e.g. \"name\" or \"name,desc\"."
                 },
                 "complexType": {
-                    "original": "{ page: number; sort: string }",
-                    "resolved": "{ page: number; sort: string; }",
+                    "original": "{ page: number; sort: string; path: string; qs: string }",
+                    "resolved": "{ page: number; sort: string; path: string; qs: string; }",
                     "references": {}
                 }
             }, {
@@ -1130,35 +1203,13 @@ export class MrdTable {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Fired when a toolbar action button is clicked. Detail contains the action identifier."
+                    "text": "Fired when a toolbar action button is clicked.\nFor 'export': includes `path` (relative excel path) and `qs` (current sort+filter params).\nFor 'create': includes `dataClass` (target type) and `parentPath` (e.g. /buyers/123 for RELATED_VIEW)."
                 },
                 "complexType": {
-                    "original": "{ action: string }",
-                    "resolved": "{ action: string; }",
+                    "original": "{ action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null }",
+                    "resolved": "{ action: string; path?: string | undefined; qs?: string | undefined; dataClass?: string | undefined; parentPath?: string | null | undefined; }",
                     "references": {}
                 }
-            }, {
-                "method": "mrdFilter",
-                "name": "mrdFilter",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when active filters change. Host translates filters to API query params."
-                },
-                "complexType": {
-                    "original": "{ filters: ColumnFilter[] }",
-                    "resolved": "{ filters: ColumnFilter[]; }",
-                    "references": {
-                        "ColumnFilter": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::ColumnFilter",
-                            "referenceLocation": "ColumnFilter"
-                        }
-                    }
-                }
             }, {
                 "method": "mrdDownload",
                 "name": "mrdDownload",
@@ -1174,21 +1225,6 @@ export class MrdTable {
                     "resolved": "{ href: string; fileName: string; }",
                     "references": {}
                 }
-            }, {
-                "method": "mrdSwitchView",
-                "name": "mrdSwitchView",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired when the user selects an alternative view from the view switcher dropdown."
-                },
-                "complexType": {
-                    "original": "{ name: string; class?: string }",
-                    "resolved": "{ name: string; class?: string | undefined; }",
-                    "references": {}
-                }
             }, {
                 "method": "mrdLoadAggregations",
                 "name": "mrdLoadAggregations",
@@ -1200,8 +1236,8 @@ export class MrdTable {
                     "text": "Fired when aggregation totals need to be (re-)fetched.\nDetail contains the fields grouped by aggregate function.\nHost calls the /aggregations endpoint and passes the result to setAggregations()."
                 },
                 "complexType": {
-                    "original": "{ sum?: string[]; avg?: string[]; count?: string[] }",
-                    "resolved": "{ sum?: string[] | undefined; avg?: string[] | undefined; count?: string[] | undefined; }",
+                    "original": "{ sum?: string[]; avg?: string[]; count?: string[]; path: string; qs: string }",
+                    "resolved": "{ sum?: string[] | undefined; avg?: string[] | undefined; count?: string[] | undefined; path: string; qs: string; }",
                     "references": {}
                 }
             }];
@@ -1293,8 +1329,8 @@ export class MrdTable {
                 "propName": "totalElements",
                 "methodName": "totalElementsChanged"
             }, {
-                "propName": "defaultSort",
-                "methodName": "defaultSortChanged"
+                "propName": "item",
+                "methodName": "itemChanged"
             }];
     }
 }