@mmlogic/components 0.2.0 → 0.3.0

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

@@ -1364,7 +1364,6 @@ const MrdLayoutSection = class {
         this.mrdNavigate = createEvent(this, "mrdNavigate");
         this.mrdSearch = createEvent(this, "mrdSearch");
         this.mrdDownload = createEvent(this, "mrdDownload");
-        this.mrdLoadView = createEvent(this, "mrdLoadView");
         this.mrdLoadViewPage = createEvent(this, "mrdLoadViewPage");
         this.mrdLoadImage = createEvent(this, "mrdLoadImage");
         this.mrdViewAction = createEvent(this, "mrdViewAction");
@@ -1373,24 +1372,19 @@ const MrdLayoutSection = class {
         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 });
@@ -1407,59 +1401,29 @@ const MrdLayoutSection = class {
     }
     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;
-        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.name) {
-                const viewConfig = this.views[item.name];
-                if (!viewConfig)
-                    continue;
-                const href = (_d = dataLinks[(_c = item.relatedClass) !== null && _c !== void 0 ? _c : '']) === null || _d === void 0 ? void 0 : _d.href;
-                this.mrdLoadView.emit({ name: item.name, href, viewConfig, sort: (_e = viewConfig.defaultSort) !== null && _e !== void 0 ? _e : '', filters: this.resolveViewFilters(viewConfig) });
-            }
-            else if (item.type === ClientLayoutItemType.VIEW) {
-                const viewName = item.name;
-                if (!viewName)
-                    continue;
-                const viewConfig = this.views[viewName];
-                if (!viewConfig)
-                    continue;
-                const href = (_f = this.links[viewName]) === null || _f === void 0 ? void 0 : _f.href;
-                this.mrdLoadView.emit({ name: viewName, href, viewConfig, sort: (_g = viewConfig.defaultSort) !== null && _g !== void 0 ? _g : '', 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() {
         for (const item of this.flattenItems(this.items)) {
             if (item.type === ClientLayoutItemType.FIELD && item.dataType === ClientLayoutItemFieldDataType.IMAGE) {
@@ -1489,19 +1453,14 @@ const MrdLayoutSection = class {
     }
     /**
      * 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);
     }
@@ -1637,63 +1596,36 @@ const MrdLayoutSection = class {
         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;
-        const isRelated = item.type === ClientLayoutItemType.RELATED_VIEW;
-        const name = 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 = (_a = item.showTitle) !== null && _a !== void 0 ? _a : false;
-        const activeName = (_b = this.activeViewMap[name]) !== null && _b !== void 0 ? _b : name;
-        const activeViewConfig = (_c = this.views[activeName]) !== null && _c !== void 0 ? _c : viewConfig;
-        // Build the full view list (original + alternatives) so the switcher can always go back.
-        const originalLabel = (_f = (_e = (_d = viewConfig.pluralLabel) !== null && _d !== void 0 ? _d : viewConfig.singularLabel) !== null && _e !== void 0 ? _e : item.label) !== null && _f !== void 0 ? _f : name;
-        const allViews = [{ name, label: originalLabel }, ...((_g = item.alternativeViews) !== null && _g !== void 0 ? _g : [])];
-        const activeEntry = allViews.find(v => v.name === activeName);
-        const viewLabel = (_k = (_j = (_h = activeEntry === null || activeEntry === void 0 ? void 0 : activeEntry.label) !== null && _h !== void 0 ? _h : activeViewConfig.pluralLabel) !== null && _j !== void 0 ? _j : activeViewConfig.singularLabel) !== null && _k !== void 0 ? _k : '';
-        const altViews = allViews.filter(v => v.name !== activeName);
-        const rawActions = (_l = item.actions) !== null && _l !== void 0 ? _l : ['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: (_m = activeViewConfig.defaultSort) !== null && _m !== void 0 ? _m : '', viewLabel: viewLabel, alternativeViews: altViews, actions: tableActions, onMrdLoadPage: (e) => this.handleViewLoadPage(e, name), onMrdSwitchView: (e) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
-                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
-                    ? (_d = dataLinks[(_c = item.relatedClass) !== null && _c !== void 0 ? _c : '']) === null || _d === void 0 ? void 0 : _d.href
-                    : ((_f = (_e = this.links[newViewName]) === 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);
-                this.mrdLoadView.emit({ name, href, viewConfig: newViewConfig, sort: (_h = newViewConfig.defaultSort) !== null && _h !== void 0 ? _h : '', filters: this.resolveViewFilters(newViewConfig) });
-            }, onMrdFilter: (e) => {
+        // 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, _j;
+                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
-                    ? (_d = dataLinks[(_c = item.relatedClass) !== null && _c !== void 0 ? _c : '']) === null || _d === void 0 ? void 0 : _d.href
-                    : ((_g = (_f = this.links[(_e = this.activeViewMap[name]) !== null && _e !== void 0 ? _e : name]) === null || _f === void 0 ? void 0 : _f.href) !== null && _g !== void 0 ? _g : (_h = this.links[name]) === null || _h === void 0 ? void 0 : _h.href);
-                const filters = (_j = this.activeFiltersMap[name]) !== null && _j !== void 0 ? _j : [];
-                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) {
@@ -1727,13 +1659,10 @@ const MrdLayoutSection = class {
         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: '7a91a541e056965dc79d74a50827e8c270c33a0d' }, h("div", { key: 'bcf4a2e81e704d136fb437cd2cb22acb4a05a8b3', 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()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "links": [{
-                "linksChanged": 0
-            }],
         "data": [{
                 "dataChanged": 0
             }]
@@ -2199,9 +2128,7 @@ const MrdTable = class {
         this.mrdLoadPage = createEvent(this, "mrdLoadPage");
         this.mrdRowClick = createEvent(this, "mrdRowClick");
         this.mrdAction = createEvent(this, "mrdAction");
-        this.mrdFilter = createEvent(this, "mrdFilter");
         this.mrdDownload = createEvent(this, "mrdDownload");
-        this.mrdSwitchView = createEvent(this, "mrdSwitchView");
         this.mrdLoadAggregations = createEvent(this, "mrdLoadAggregations");
         // ── Non-state internals ────────────────────────────────────────────────────
         this.pendingPages = new Set();
@@ -2209,7 +2136,10 @@ const MrdTable = class {
         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;
@@ -2221,16 +2151,9 @@ const MrdTable = class {
         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;
@@ -2273,13 +2196,16 @@ const MrdTable = class {
     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) {
@@ -2311,14 +2237,17 @@ const MrdTable = class {
         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).
@@ -2371,6 +2300,147 @@ const MrdTable = class {
             return '';
         return this.sortDir === 'desc' ? `${this.sortField},desc` : this.sortField;
     }
+    /** 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;
+        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 : ''}`;
+    }
+    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 : '';
@@ -2402,9 +2472,9 @@ const MrdTable = class {
         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;
@@ -2469,7 +2539,7 @@ const MrdTable = class {
         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;
             }
         }
@@ -2511,7 +2581,7 @@ const MrdTable = class {
             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();
@@ -2703,7 +2773,6 @@ const MrdTable = class {
         }
         this.activeFilters = next;
         this.closeFilterPopup();
-        this.mrdFilter.emit({ filters: Array.from(this.activeFilters.values()) });
         this.aggregations = null;
         this.emitLoadAggregations();
         if (this.totalElements > 0) {
@@ -2718,7 +2787,6 @@ const MrdTable = class {
             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) {
@@ -2728,7 +2796,6 @@ const MrdTable = class {
     }
     clearAllFilters() {
         this.activeFilters = new Map();
-        this.mrdFilter.emit({ filters: [] });
         this.aggregations = null;
         this.emitLoadAggregations();
         if (this.totalElements > 0) {
@@ -2737,28 +2804,30 @@ const MrdTable = class {
         }
     }
     // ── 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)));
         })))));
@@ -3004,8 +3073,8 @@ const MrdTable = class {
         "totalElements": [{
                 "totalElementsChanged": 0
             }],
-        "defaultSort": [{
-                "defaultSortChanged": 0
+        "item": [{
+                "itemChanged": 0
             }]
     }; }
 };

package/dist/mosterdcomponents/mosterdcomponents.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-61ef0232",[[2,"mrd-form",{layout:[16],locale:[1],values:[16],referenceHref:[1,"reference-href"],referenceClass:[1,"reference-class"],showCancel:[4,"show-cancel"],formValues:[32],errors:[32],submitted:[32],setFieldValue:[64]},null,{values:[{valuesChanged:0}]}],[2,"mrd-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]},null,{links:[{linksChanged:0}],data:[{dataChanged:0}]}],[2,"mrd-field",{item:[16],locale:[1],value:[16]}],[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]},null,{totalElements:[{totalElementsChanged:0}],defaultSort:[{defaultSortChanged:0}]}],[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}],[2,"mrd-currency-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],amountDisplay:[32],currency:[32],error:[32]}],[2,"mrd-date-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-datetime-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32],localValue:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-hyperlink-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],previewUrl:[32],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-list-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],multiple:[4],locale:[1],listItems:[16],error:[32],selected:[32]}],[2,"mrd-longtext-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-number-field",{name:[1],label:[1],value:[2],placeholder:[1],required:[4],disabled:[4],locale:[1],dataType:[1,"data-type"],decimalPrecision:[2,"decimal-precision"],displayValue:[32],error:[32]}],[2,"mrd-relation-field",{name:[1],label:[1],required:[4],disabled:[4],locale:[1],relatedClass:[1,"related-class"],mostSignificantClass:[1,"most-significant-class"],displayType:[1,"display-type"],editBehavior:[1,"edit-behavior"],commonRelation:[1,"common-relation"],multiple:[4],dropdownValues:[16],value:[1],searchQuery:[32],searchResults:[32],allRecords:[32],isLoading:[32],selectedItems:[32],showResults:[32],error:[32],highlightedIndex:[32],setAllRecords:[64],setSearchResults:[64],setLoading:[64]},null,{allRecords:[{allRecordsChanged:0}]}],[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}],[2,"mrd-time-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}]]]],e))));
+import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-f6d0f02b",[[2,"mrd-form",{layout:[16],locale:[1],values:[16],referenceHref:[1,"reference-href"],referenceClass:[1,"reference-class"],showCancel:[4,"show-cancel"],formValues:[32],errors:[32],submitted:[32],setFieldValue:[64]},null,{values:[{valuesChanged:0}]}],[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setImagePreview:[64],openImagePreview:[64]},null,{data:[{dataChanged:0}]}],[2,"mrd-field",{item:[16],locale:[1],value:[16]}],[2,"mrd-table",{item:[16],parentId:[1,"parent-id"],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],activeViewIdx:[32],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]},null,{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}],[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}],[2,"mrd-currency-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],amountDisplay:[32],currency:[32],error:[32]}],[2,"mrd-date-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-datetime-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32],localValue:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-hyperlink-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],previewUrl:[32],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-list-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],multiple:[4],locale:[1],listItems:[16],error:[32],selected:[32]}],[2,"mrd-longtext-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-number-field",{name:[1],label:[1],value:[2],placeholder:[1],required:[4],disabled:[4],locale:[1],dataType:[1,"data-type"],decimalPrecision:[2,"decimal-precision"],displayValue:[32],error:[32]}],[2,"mrd-relation-field",{name:[1],label:[1],required:[4],disabled:[4],locale:[1],relatedClass:[1,"related-class"],mostSignificantClass:[1,"most-significant-class"],displayType:[1,"display-type"],editBehavior:[1,"edit-behavior"],commonRelation:[1,"common-relation"],multiple:[4],dropdownValues:[16],value:[1],searchQuery:[32],searchResults:[32],allRecords:[32],isLoading:[32],selectedItems:[32],showResults:[32],error:[32],highlightedIndex:[32],setAllRecords:[64],setSearchResults:[64],setLoading:[64]},null,{allRecords:[{allRecordsChanged:0}]}],[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}],[2,"mrd-time-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}]]]],e))));