@mmlogic/components 0.1.30 → 0.3.0

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

@@ -8,24 +8,19 @@ export class MrdLayoutSection {
         this.items = [];
         /** Record data object; keys are field names, _links holds relation and related-view links. */
         this.data = {};
-        /** View metadata map (ClientDashboardMetadata.views) for RELATED_VIEW and VIEW items. */
+        /** Legacy: view metadata map (ClientDashboardMetadata.views). Not needed in new flat format. */
         this.views = {};
-        /** Top-level _links from ClientDashboardMetadata; used to resolve hrefs for VIEW items. */
+        /** Legacy: top-level _links from ClientDashboardMetadata. Not needed in new flat format. */
         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 = (e, name) => {
-            var _a;
             e.stopPropagation();
-            const filters = (_a = this.activeFiltersMap[name]) !== null && _a !== void 0 ? _a : [];
-            this.mrdLoadViewPage.emit({ name, page: e.detail.page, sort: e.detail.sort, filters });
+            this.mrdLoadViewPage.emit({ name, page: e.detail.page, sort: e.detail.sort, path: e.detail.path, qs: e.detail.qs });
         };
         this.handleSearchInput = (dataClass, query) => {
             this.searchQueryMap = Object.assign(Object.assign({}, this.searchQueryMap), { [dataClass]: query });
@@ -42,65 +37,33 @@ export class MrdLayoutSection {
     }
     componentDidLoad() {
         setTimeout(() => {
-            this.emitLoadViews();
+            this.initEmbeddedTables();
             this.emitLoadImages();
         }, 0);
     }
-    linksChanged(newVal) {
-        if (Object.keys(newVal !== null && newVal !== void 0 ? newVal : {}).length > 0) {
-            this.emitLoadViews();
-        }
-    }
     dataChanged(newVal) {
-        var _a;
-        if (newVal && Object.keys((_a = newVal === null || newVal === void 0 ? void 0 : newVal._links) !== null && _a !== void 0 ? _a : {}).length > 0) {
-            this.emitLoadViews();
+        if (newVal && Object.keys(newVal).length > 0) {
+            setTimeout(() => this.initEmbeddedTables(), 0);
         }
     }
-    resolveViewFilters(viewConfig) {
-        var _a;
-        return ((_a = viewConfig.filter) !== null && _a !== void 0 ? _a : []).map(f => {
-            var _a, _b, _c, _d;
-            const base = { field: f.name, dataType: 'TEXT' };
-            switch (f.operator) {
-                case 'FROM': return Object.assign(Object.assign({}, base), { from: (_a = f.value) !== null && _a !== void 0 ? _a : null });
-                case 'TO': return Object.assign(Object.assign({}, base), { to: (_b = f.value) !== null && _b !== void 0 ? _b : null });
-                case 'STARTS_WITH': return Object.assign(Object.assign({}, base), { operator: 'startsWith', value: (_c = f.value) !== null && _c !== void 0 ? _c : null });
-                case 'NOT_EMPTY': return Object.assign(Object.assign({}, base), { operator: 'isNotEmpty' });
-                case 'EMPTY': return Object.assign(Object.assign({}, base), { operator: 'isEmpty' });
-                default: return Object.assign(Object.assign({}, base), { operator: 'equals', value: (_d = f.value) !== null && _d !== void 0 ? _d : null });
-            }
-        });
-    }
-    emitLoadViews() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const dataLinks = ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) !== null && _b !== void 0 ? _b : {});
-        for (const item of this.flattenItems(this.items)) {
-            if (item.type === ClientLayoutItemType.RELATED_VIEW && item.relatedView) {
-                const rv = item.relatedView;
-                const viewConfig = this.views[rv.name];
-                if (!viewConfig)
-                    continue;
-                const href = (_c = dataLinks[rv.relatedClass]) === null || _c === void 0 ? void 0 : _c.href;
-                this.mrdLoadView.emit({ name: rv.name, href, viewConfig, sort: (_d = viewConfig.defaultSort) !== null && _d !== void 0 ? _d : '', filters: this.resolveViewFilters(viewConfig) });
-            }
-            else if (item.type === ClientLayoutItemType.VIEW) {
-                const viewName = (_f = (_e = item.view) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : item.name;
-                if (!viewName)
-                    continue;
-                const viewConfig = this.views[viewName];
-                if (!viewConfig)
-                    continue;
-                const href = (_g = this.links[viewName]) === null || _g === void 0 ? void 0 : _g.href;
-                this.mrdLoadView.emit({ name: viewName, href, viewConfig, sort: (_h = viewConfig.defaultSort) !== null && _h !== void 0 ? _h : '', filters: this.resolveViewFilters(viewConfig) });
+    async initEmbeddedTables() {
+        const tables = this.el.querySelectorAll('mrd-table[data-view]');
+        for (const table of Array.from(tables)) {
+            if (typeof table.init === 'function') {
+                await table.init();
             }
         }
     }
+    viewKeyFor(item) {
+        var _a, _b, _c, _d;
+        if (item.type === ClientLayoutItemType.RELATED_VIEW)
+            return (_b = (_a = item.relatedClass) !== null && _a !== void 0 ? _a : item.name) !== null && _b !== void 0 ? _b : '';
+        return (_d = (_c = item.dataClass) !== null && _c !== void 0 ? _c : item.name) !== null && _d !== void 0 ? _d : '';
+    }
     emitLoadImages() {
-        var _a;
         for (const item of this.flattenItems(this.items)) {
-            if (item.type === ClientLayoutItemType.FIELD && ((_a = item.field) === null || _a === void 0 ? void 0 : _a.dataType) === ClientLayoutItemFieldDataType.IMAGE) {
-                const fieldName = item.field.name;
+            if (item.type === ClientLayoutItemType.FIELD && item.dataType === ClientLayoutItemFieldDataType.IMAGE) {
+                const fieldName = item.name;
                 const raw = this.data[fieldName];
                 const href = raw === null || raw === void 0 ? void 0 : raw.href;
                 if (href)
@@ -126,19 +89,14 @@ export class MrdLayoutSection {
     }
     /**
      * Inject data into an embedded mrd-table for a RELATED_VIEW or VIEW item.
-     * Pass totalElements on page 0 to initialise the table; omit on subsequent pages.
-     * Pass pageLinks (_links from the page response) on page 0 to enable action hrefs in mrdViewAction.
+     * Pass totalElements to update the pagination total (safe to pass on every page).
      */
-    async setViewPage(name, page, rows, totalElements, pageLinks) {
-        if (pageLinks) {
-            this.viewLinksMap = Object.assign(Object.assign({}, this.viewLinksMap), { [name]: pageLinks });
-        }
+    async setViewPage(name, page, rows, totalElements) {
         const table = this.el.querySelector(`mrd-table[data-view="${name}"]`);
         if (!table)
             return;
         if (totalElements !== undefined) {
             table.totalElements = totalElements;
-            await table.init();
         }
         await table.setPage(page, rows);
     }
@@ -158,15 +116,15 @@ export class MrdLayoutSection {
         this.imagePreviewUrl = url;
     }
     resolveSearchKey() {
+        var _a;
         const items = this.flattenItems(this.items).filter(i => i.type === ClientLayoutItemType.SEARCH);
-        if (items.length === 1 && items[0].search)
-            return items[0].search.dataClass;
+        if (items.length === 1)
+            return (_a = items[0].dataClass) !== null && _a !== void 0 ? _a : null;
         return null;
     }
     renderSingleFieldValue(item, value) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const field = item.field;
-        const dt = field.dataType;
+        const dt = item.dataType;
         switch (dt) {
             case ClientLayoutItemFieldDataType.HYPERLINK: {
                 const v = value;
@@ -190,7 +148,7 @@ export class MrdLayoutSection {
                 const v = value;
                 const href = (_f = v === null || v === void 0 ? void 0 : v.href) !== null && _f !== void 0 ? _f : '';
                 const fileName = (_g = v === null || v === void 0 ? void 0 : v.fileName) !== null && _g !== void 0 ? _g : '';
-                const previewUrl = this.imagePreviews[field.name];
+                const previewUrl = this.imagePreviews[item.name];
                 if (previewUrl) {
                     return (h("button", { class: "mrd-layout-section__image-thumb-btn", onClick: () => { this.imagePreviewUrl = previewUrl; }, title: fileName || undefined }, h("img", { class: "mrd-layout-section__image-thumb", src: previewUrl, alt: fileName })));
                 }
@@ -199,7 +157,7 @@ export class MrdLayoutSection {
             case ClientLayoutItemFieldDataType.BOOLEAN:
                 return (h("span", { class: `mrd-layout-section__boolean mrd-layout-section__boolean--${value ? 'true' : 'false'}` }, value ? t('yes', this.locale) : t('no', this.locale)));
             case ClientLayoutItemFieldDataType.LIST: {
-                const listItem = ((_h = field.listItems) !== null && _h !== void 0 ? _h : []).find(li => li.key === String(value));
+                const listItem = ((_h = item.listItems) !== null && _h !== void 0 ? _h : []).find(li => li.key === String(value));
                 const label = (_j = listItem === null || listItem === void 0 ? void 0 : listItem.label) !== null && _j !== void 0 ? _j : String(value);
                 const color = listItem === null || listItem === void 0 ? void 0 : listItem.color;
                 const bg = listItem === null || listItem === void 0 ? void 0 : listItem.backgroundColor;
@@ -212,7 +170,7 @@ export class MrdLayoutSection {
                 return label;
             }
             default: {
-                const text = CellRenderer.renderValue(dt, value, (_k = field.listItems) !== null && _k !== void 0 ? _k : [], this.locale);
+                const text = CellRenderer.renderValue(dt, value, (_k = item.listItems) !== null && _k !== void 0 ? _k : [], this.locale);
                 return text || null;
             }
         }
@@ -220,8 +178,7 @@ export class MrdLayoutSection {
     renderFieldValue(item, rawValue) {
         if (rawValue == null || rawValue === '')
             return null;
-        const field = item.field;
-        if (field.multiple && Array.isArray(rawValue)) {
+        if (item.multiple && Array.isArray(rawValue)) {
             const rendered = rawValue.map(v => this.renderSingleFieldValue(item, v));
             if (rendered.every(r => typeof r === 'string' || r == null)) {
                 return rendered.filter(Boolean).join(', ') || null;
@@ -231,27 +188,26 @@ export class MrdLayoutSection {
         return this.renderSingleFieldValue(item, rawValue);
     }
     renderField(item) {
-        if (!item.field)
+        if (!item.name)
             return null;
-        const field = item.field;
-        const rawValue = this.data[field.name];
+        const rawValue = this.data[item.name];
         const renderedValue = this.renderFieldValue(item, rawValue);
-        if (field.header) {
-            return (h("h1", { class: "mrd-layout-section__field-header", key: field.name }, typeof renderedValue === 'string' ? renderedValue : rawValue != null ? String(rawValue) : item.label));
+        if (item.header) {
+            return (h("h1", { class: "mrd-layout-section__field-header", key: item.name }, typeof renderedValue === 'string' ? renderedValue : rawValue != null ? String(rawValue) : item.label));
         }
         if (renderedValue == null)
             return null;
-        const isBlock = field.dataType === ClientLayoutItemFieldDataType.TEXTBLOCK
-            || field.dataType === ClientLayoutItemFieldDataType.LONGTEXT
-            || field.dataType === ClientLayoutItemFieldDataType.JSON;
-        return (h("div", { class: `mrd-layout-section__field${isBlock ? ' mrd-layout-section__field--block' : ''}`, key: field.name }, h("span", { class: "mrd-layout-section__field-label" }, item.label), h("span", { class: "mrd-layout-section__field-value" }, renderedValue)));
+        const isBlock = item.dataType === ClientLayoutItemFieldDataType.TEXTBLOCK
+            || item.dataType === ClientLayoutItemFieldDataType.LONGTEXT
+            || item.dataType === ClientLayoutItemFieldDataType.JSON;
+        return (h("div", { class: `mrd-layout-section__field${isBlock ? ' mrd-layout-section__field--block' : ''}`, key: item.name }, h("span", { class: "mrd-layout-section__field-label" }, item.label), h("span", { class: "mrd-layout-section__field-value" }, renderedValue)));
     }
     renderRelation(item) {
         var _a, _b, _c;
-        if (!item.relation)
+        if (!item.name)
             return null;
         const links = ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) !== null && _b !== void 0 ? _b : {});
-        const link = links[item.relation.name];
+        const link = links[item.name];
         if (!link)
             return null;
         const makeBtn = (href, name) => (h("button", { key: href, class: "mrd-layout-section__relation-link", onClick: () => this.mrdNavigate.emit({ href, label: name }) }, name));
@@ -264,80 +220,48 @@ export class MrdLayoutSection {
         }
         if (!valueContent)
             return null;
-        return (h("div", { class: "mrd-layout-section__field", key: item.relation.name }, h("span", { class: "mrd-layout-section__field-label" }, item.label), h("span", { class: "mrd-layout-section__field-value" }, valueContent)));
+        return (h("div", { class: "mrd-layout-section__field", key: item.name }, h("span", { class: "mrd-layout-section__field-label" }, item.label), h("span", { class: "mrd-layout-section__field-value" }, valueContent)));
     }
     renderSearch(item) {
         var _a, _b, _c;
-        if (!item.search)
+        if (!item.dataClass)
             return null;
-        const dataClass = item.search.dataClass;
+        const dataClass = item.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("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;
-        const isRelated = item.type === ClientLayoutItemType.RELATED_VIEW;
-        // Support both nested (item.view / item.relatedView) and flat API format (item.name)
-        const name = isRelated
-            ? (_a = item.relatedView) === null || _a === void 0 ? void 0 : _a.name
-            : ((_c = (_b = item.view) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : item.name);
-        if (!name)
+        var _a, _b, _c, _d, _e, _f;
+        const key = this.viewKeyFor(item);
+        if (!key)
             return null;
-        const viewConfig = this.views[name];
-        if (!viewConfig)
+        if (!item.view)
             return null;
-        const showTitle = isRelated
-            ? (_d = item.relatedView) === null || _d === void 0 ? void 0 : _d.showTitle
-            : ((_g = (_f = (_e = item.view) === null || _e === void 0 ? void 0 : _e.showTitle) !== null && _f !== void 0 ? _f : item.showTitle) !== null && _g !== void 0 ? _g : false);
-        const activeName = (_h = this.activeViewMap[name]) !== null && _h !== void 0 ? _h : name;
-        const activeViewConfig = (_j = this.views[activeName]) !== null && _j !== void 0 ? _j : viewConfig;
-        // Build the full view list (original + alternatives) so the switcher can always go back.
-        const originalLabel = (_m = (_l = (_k = viewConfig.pluralLabel) !== null && _k !== void 0 ? _k : viewConfig.singularLabel) !== null && _l !== void 0 ? _l : item.label) !== null && _m !== void 0 ? _m : name;
-        const allViews = [{ name, label: originalLabel }, ...((_o = item.alternativeViews) !== null && _o !== void 0 ? _o : [])];
-        const activeEntry = allViews.find(v => v.name === activeName);
-        const viewLabel = (_r = (_q = (_p = activeEntry === null || activeEntry === void 0 ? void 0 : activeEntry.label) !== null && _p !== void 0 ? _p : activeViewConfig.pluralLabel) !== null && _q !== void 0 ? _q : activeViewConfig.singularLabel) !== null && _r !== void 0 ? _r : '';
-        const altViews = allViews.filter(v => v.name !== activeName);
-        const rawActions = (_s = item.actions) !== null && _s !== void 0 ? _s : ['NEW', 'EXPORT'];
-        const tableActions = rawActions.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;
-        }, []);
-        return (h("div", { class: "mrd-layout-section__related-view", key: `view-${name}` }, showTitle && item.label && h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), h("mrd-table", { "data-view": name, columns: activeViewConfig.values, locale: this.locale, defaultSort: (_t = activeViewConfig.defaultSort) !== null && _t !== void 0 ? _t : '', viewLabel: viewLabel, alternativeViews: altViews, actions: tableActions, onMrdLoadPage: (e) => this.handleViewLoadPage(e, name), onMrdSwitchView: (e) => {
-                var _a, _b, _c, _d, _e, _f, _g;
-                e.stopPropagation();
-                const newViewName = e.detail.name;
-                const newViewConfig = this.views[newViewName];
-                if (!newViewConfig)
-                    return;
-                this.activeViewMap = Object.assign(Object.assign({}, this.activeViewMap), { [name]: newViewName });
-                this.activeFiltersMap = Object.assign(Object.assign({}, this.activeFiltersMap), { [name]: [] });
-                const dataLinks = ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) !== null && _b !== void 0 ? _b : {});
-                const href = isRelated
-                    ? (_c = dataLinks[item.relatedView.relatedClass]) === null || _c === void 0 ? void 0 : _c.href
-                    : ((_e = (_d = this.links[newViewName]) === null || _d === void 0 ? void 0 : _d.href) !== null && _e !== void 0 ? _e : (_f = this.links[name]) === null || _f === void 0 ? void 0 : _f.href);
-                this.mrdLoadView.emit({ name, href, viewConfig: newViewConfig, sort: (_g = newViewConfig.defaultSort) !== null && _g !== void 0 ? _g : '', filters: this.resolveViewFilters(newViewConfig) });
-            }, onMrdFilter: (e) => {
+        const showTitle = (_a = item.showTitle) !== null && _a !== void 0 ? _a : false;
+        // Extract parentId from data._links.self.href for RELATED_VIEW path construction
+        const selfHref = (_e = (_d = (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b._links) === null || _c === void 0 ? void 0 : _c.self) === null || _d === void 0 ? void 0 : _d.href) !== null && _e !== void 0 ? _e : '';
+        const parentId = (_f = selfHref.split('/').filter(Boolean).pop()) !== null && _f !== void 0 ? _f : '';
+        return (h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), h("mrd-table", { "data-view": key, item: item, parentId: parentId, locale: this.locale, onMrdLoadPage: (e) => this.handleViewLoadPage(e, key), onMrdLoadAggregations: (e) => {
+                var _a;
                 e.stopPropagation();
-                this.activeFiltersMap = Object.assign(Object.assign({}, this.activeFiltersMap), { [name]: e.detail.filters });
-            }, onMrdLoadAggregations: (e) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
+                this.mrdLoadViewAggregations.emit(Object.assign({ name: key, dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key }, e.detail));
+            }, onMrdRowClick: (e) => {
+                var _a, _b, _c;
                 e.stopPropagation();
-                const dataLinks = ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links) !== null && _b !== void 0 ? _b : {});
-                const href = isRelated
-                    ? (_c = dataLinks[item.relatedView.relatedClass]) === null || _c === void 0 ? void 0 : _c.href
-                    : ((_f = (_e = this.links[(_d = this.activeViewMap[name]) !== null && _d !== void 0 ? _d : name]) === null || _e === void 0 ? void 0 : _e.href) !== null && _f !== void 0 ? _f : (_g = this.links[name]) === null || _g === void 0 ? void 0 : _g.href);
-                const filters = (_h = this.activeFiltersMap[name]) !== null && _h !== void 0 ? _h : [];
-                this.mrdLoadViewAggregations.emit(Object.assign({ name, href, filters }, e.detail));
+                const row = e.detail;
+                this.mrdNavigate.emit({ href: (_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href, label: (_c = row === null || row === void 0 ? void 0 : row.name) !== null && _c !== void 0 ? _c : '' });
             }, onMrdAction: (e) => {
-                var _a, _b, _c;
+                var _a;
                 e.stopPropagation();
-                const pl = (_a = this.viewLinksMap[name]) !== null && _a !== void 0 ? _a : {};
-                const href = e.detail.action === 'export' ? (_b = pl['excel']) === null || _b === void 0 ? void 0 : _b.href : (_c = pl['self']) === null || _c === void 0 ? void 0 : _c.href;
-                this.mrdViewAction.emit({ name, action: e.detail.action, href });
+                this.mrdViewAction.emit({
+                    name: key,
+                    action: e.detail.action,
+                    dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key,
+                    path: e.detail.path,
+                    qs: e.detail.qs,
+                    parentPath: e.detail.parentPath,
+                });
             } })));
     }
     renderItem(item) {
@@ -352,7 +276,7 @@ export class MrdLayoutSection {
             case ClientLayoutItemType.TEXT:
                 return h("div", { class: "mrd-layout-section__text", key: `text-${item.label}`, innerHTML: (_a = item.label) !== null && _a !== void 0 ? _a : '' });
             case ClientLayoutItemType.NAVIGATE:
-                return (h("button", { class: "mrd-layout-section__navigate", key: `nav-${item.label}`, onClick: () => { var _a; return this.mrdNavigate.emit({ label: (_a = item.label) !== null && _a !== void 0 ? _a : '', navigate: item.navigate }); } }, item.label));
+                return (h("button", { class: "mrd-layout-section__navigate", key: `nav-${item.label}`, onClick: () => { var _a, _b, _c; return this.mrdNavigate.emit({ label: (_a = item.label) !== null && _a !== void 0 ? _a : '', navigate: (_b = item.navigate) !== null && _b !== void 0 ? _b : { dataClass: (_c = item.dataClass) !== null && _c !== void 0 ? _c : '', icon: item.icon, navigationType: item.navigationType } }); } }, item.label));
             case ClientLayoutItemType.SEARCH:
                 return this.renderSearch(item);
             case ClientLayoutItemType.SECTION:
@@ -371,7 +295,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: '146605a70ca5c8122094703365ea1fa4c80b8c66' }, h("div", { key: 'b6486b739894efe6be1bac2c1d28ce85a914b5c1', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        return (h(Host, { key: 'a7b6514d19cf79261396d9aaf03f459600037566' }, h("div", { key: '331f0558ef3eddf5a9b4332f7ec45c58b52dd8c3', 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"; }
@@ -458,7 +382,7 @@ export class MrdLayoutSection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "View metadata map (ClientDashboardMetadata.views) for RELATED_VIEW and VIEW items."
+                    "text": "Legacy: view metadata map (ClientDashboardMetadata.views). Not needed in new flat format."
                 },
                 "getter": false,
                 "setter": false,
@@ -481,7 +405,7 @@ export class MrdLayoutSection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Top-level _links from ClientDashboardMetadata; used to resolve hrefs for VIEW items."
+                    "text": "Legacy: top-level _links from ClientDashboardMetadata. Not needed in new flat format."
                 },
                 "getter": false,
                 "setter": false,
@@ -514,8 +438,7 @@ export class MrdLayoutSection {
             "searchQueryMap": {},
             "searchResultsMap": {},
             "imagePreviewUrl": {},
-            "imagePreviews": {},
-            "activeViewMap": {}
+            "imagePreviews": {}
         };
     }
     static get events() {
@@ -571,34 +494,6 @@ export class MrdLayoutSection {
                     "resolved": "{ href: string; fileName: string; }",
                     "references": {}
                 }
-            }, {
-                "method": "mrdLoadView",
-                "name": "mrdLoadView",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fired once on load for each RELATED_VIEW and VIEW item; host fetches page 0 and calls setViewPage()."
-                },
-                "complexType": {
-                    "original": "{ name: string; href?: string; viewConfig: ClientViewMetadata; sort: string; filters: ColumnFilter[] }",
-                    "resolved": "{ name: string; href?: string | undefined; viewConfig: ClientViewMetadata; sort: string; filters: ColumnFilter[]; }",
-                    "references": {
-                        "ClientViewMetadata": {
-                            "location": "import",
-                            "path": "../../types/client-layout",
-                            "id": "src/types/client-layout.ts::ClientViewMetadata",
-                            "referenceLocation": "ClientViewMetadata"
-                        },
-                        "ColumnFilter": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::ColumnFilter",
-                            "referenceLocation": "ColumnFilter"
-                        }
-                    }
-                }
             }, {
                 "method": "mrdLoadViewPage",
                 "name": "mrdLoadViewPage",
@@ -610,16 +505,9 @@ export class MrdLayoutSection {
                     "text": "Re-emitted from an embedded mrd-table's mrdLoadPage; host fetches the next page and calls setViewPage()."
                 },
                 "complexType": {
-                    "original": "{ name: string; page: number; sort: string; filters: ColumnFilter[] }",
-                    "resolved": "{ name: string; page: number; sort: string; filters: ColumnFilter[]; }",
-                    "references": {
-                        "ColumnFilter": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::ColumnFilter",
-                            "referenceLocation": "ColumnFilter"
-                        }
-                    }
+                    "original": "{ name: string; page: number; sort: string; path: string; qs: string }",
+                    "resolved": "{ name: string; page: number; sort: string; path: string; qs: string; }",
+                    "references": {}
                 }
             }, {
                 "method": "mrdLoadImage",
@@ -644,11 +532,11 @@ export class MrdLayoutSection {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Re-emitted from an embedded mrd-table's mrdAction; includes the view name and resolved href."
+                    "text": "Re-emitted from an embedded mrd-table's mrdAction; host builds the target URL from dataClass."
                 },
                 "complexType": {
-                    "original": "{ name: string; action: string; href?: string }",
-                    "resolved": "{ name: string; action: string; href?: string | undefined; }",
+                    "original": "{ name: string; action: string; dataClass: string; path?: string; qs?: string; parentPath?: string | null }",
+                    "resolved": "{ name: string; action: string; dataClass: string; path?: string | undefined; qs?: string | undefined; parentPath?: string | null | undefined; }",
                     "references": {}
                 }
             }, {
@@ -662,16 +550,9 @@ export class MrdLayoutSection {
                     "text": "Re-emitted from an embedded mrd-table's mrdLoadAggregations; host calls setViewAggregations() with the result."
                 },
                 "complexType": {
-                    "original": "{ name: string; href?: string; filters: ColumnFilter[]; sum?: string[]; avg?: string[]; count?: string[] }",
-                    "resolved": "{ name: string; href?: string | undefined; filters: ColumnFilter[]; sum?: string[] | undefined; avg?: string[] | undefined; count?: string[] | undefined; }",
-                    "references": {
-                        "ColumnFilter": {
-                            "location": "import",
-                            "path": "../../utils/cell-renderer",
-                            "id": "src/utils/cell-renderer.ts::ColumnFilter",
-                            "referenceLocation": "ColumnFilter"
-                        }
-                    }
+                    "original": "{ name: string; dataClass: string; path: string; qs: string; sum?: string[]; avg?: string[]; count?: string[] }",
+                    "resolved": "{ name: string; dataClass: string; path: string; qs: string; sum?: string[] | undefined; avg?: string[] | undefined; count?: string[] | undefined; }",
+                    "references": {}
                 }
             }];
     }
@@ -710,7 +591,7 @@ export class MrdLayoutSection {
             },
             "setViewPage": {
                 "complexType": {
-                    "signature": "(name: string, page: number, rows: any[], totalElements?: number, pageLinks?: Record<string, { href: string; }>) => Promise<void>",
+                    "signature": "(name: string, page: number, rows: any[], totalElements?: number) => Promise<void>",
                     "parameters": [{
                             "name": "name",
                             "type": "string",
@@ -727,25 +608,17 @@ export class MrdLayoutSection {
                             "name": "totalElements",
                             "type": "number | undefined",
                             "docs": ""
-                        }, {
-                            "name": "pageLinks",
-                            "type": "Record<string, { href: string; }> | undefined",
-                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "Record": {
-                            "location": "global",
-                            "id": "global::Record"
                         }
                     },
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Inject data into an embedded mrd-table for a RELATED_VIEW or VIEW item.\nPass totalElements on page 0 to initialise the table; omit on subsequent pages.\nPass pageLinks (_links from the page response) on page 0 to enable action hrefs in mrdViewAction.",
+                    "text": "Inject data into an embedded mrd-table for a RELATED_VIEW or VIEW item.\nPass totalElements to update the pagination total (safe to pass on every page).",
                     "tags": []
                 }
             },
@@ -825,9 +698,6 @@ export class MrdLayoutSection {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "links",
-                "methodName": "linksChanged"
-            }, {
                 "propName": "data",
                 "methodName": "dataChanged"
             }];