@mmlogic/components 0.1.28 → 0.1.29

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mrd-boolean-field_19.cjs",[[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}]}],[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]}]]]], options);
+  return index.bootstrapLazy([["mrd-boolean-field_19.cjs",[[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]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/mosterdcomponents.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mrd-boolean-field_19.cjs",[[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}]}],[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]}]]]], options);
+  return index.bootstrapLazy([["mrd-boolean-field_19.cjs",[[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]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1432,8 +1432,23 @@ const MrdLayoutSection = class {
             this.emitLoadViews();
         }
     }
+    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;
+        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 === index$1.ClientLayoutItemType.RELATED_VIEW && item.relatedView) {
@@ -1442,17 +1457,17 @@ const MrdLayoutSection = class {
                 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 });
+                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 === index$1.ClientLayoutItemType.VIEW) {
-                const viewName = (_e = (_d = item.view) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : item.name;
+                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 = (_f = this.links[viewName]) === null || _f === void 0 ? void 0 : _f.href;
-                this.mrdLoadView.emit({ name: viewName, href, viewConfig });
+                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) });
             }
         }
     }
@@ -1667,7 +1682,7 @@ const MrdLayoutSection = class {
             return acc;
         }, []);
         return (index.h("div", { class: "mrd-layout-section__related-view", key: `view-${name}` }, showTitle && item.label && index.h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), index.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;
+                var _a, _b, _c, _d, _e, _f, _g;
                 e.stopPropagation();
                 const newViewName = e.detail.name;
                 const newViewConfig = this.views[newViewName];
@@ -1679,7 +1694,7 @@ const MrdLayoutSection = class {
                 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 });
+                this.mrdLoadView.emit({ name, href, viewConfig: newViewConfig, sort: (_g = newViewConfig.defaultSort) !== null && _g !== void 0 ? _g : '', filters: this.resolveViewFilters(newViewConfig) });
             }, onMrdFilter: (e) => {
                 e.stopPropagation();
                 this.activeFiltersMap = Object.assign(Object.assign({}, this.activeFiltersMap), { [name]: e.detail.filters });
@@ -1731,7 +1746,7 @@ const MrdLayoutSection = class {
         return (index.h("div", { class: "mrd-layout-section__modal-backdrop", onClick: () => { this.imagePreviewUrl = null; } }, index.h("div", { class: "mrd-layout-section__modal", onClick: (e) => e.stopPropagation() }, index.h("button", { class: "mrd-layout-section__modal-close", onClick: () => { this.imagePreviewUrl = null; } }, "\u2715"), index.h("img", { class: "mrd-layout-section__modal-image", src: this.imagePreviewUrl, alt: "" }))));
     }
     render() {
-        return (index.h(index.Host, { key: '167da935ac968ff16904efc671394c0223b47844' }, index.h("div", { key: 'b3e91cab524e51e40a207581fb6eaf9c1e57eef3', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        return (index.h(index.Host, { key: 'bf92b312d32b17bac4cb43691175951ebdecca47' }, index.h("div", { key: '4c6ce4650395d15d15777ba5abecf3b8ea98f11d', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2277,6 +2292,27 @@ 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);
+    }
+    // ── Lifecycle ──────────────────────────────────────────────────────────────
+    componentWillLoad() {
+        this.applyDefaultSort(this.defaultSort);
+    }
+    // ── Helpers ────────────────────────────────────────────────────────────────
+    applyDefaultSort(defaultSort) {
+        var _a;
+        if (defaultSort) {
+            const parts = defaultSort.split(',');
+            this.sortField = parts[0].trim();
+            this.sortDir = ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc';
+        }
+        else {
+            this.sortField = '';
+            this.sortDir = 'asc';
+        }
+    }
     // ── Public API ─────────────────────────────────────────────────────────────
     /**
      * Initialise (or reset) the virtual scroll.
@@ -2284,7 +2320,6 @@ const MrdTable = class {
      * but before calling setPage(0, rows).
      */
     async init() {
-        var _a;
         if (this.debounceTimer !== null) {
             clearTimeout(this.debounceTimer);
             this.debounceTimer = null;
@@ -2293,15 +2328,6 @@ const MrdTable = class {
         this.loadedPages = new Map();
         this.requestedPages = new Set();
         this.colWidths = [];
-        if (this.defaultSort) {
-            const parts = this.defaultSort.split(',');
-            this.sortField = parts[0].trim();
-            this.sortDir = ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc';
-        }
-        else {
-            this.sortField = '';
-            this.sortDir = 'asc';
-        }
         this.scrollTop = 0;
         this.renderStart = 0;
         // No BUFFER on init — only request what fits the visible area (page 0).
@@ -2996,6 +3022,9 @@ const MrdTable = class {
     static get watchers() { return {
         "totalElements": [{
                 "totalElementsChanged": 0
+            }],
+        "defaultSort": [{
+                "defaultSortChanged": 0
             }]
     }; }
 };

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

@@ -57,8 +57,23 @@ export class MrdLayoutSection {
             this.emitLoadViews();
         }
     }
+    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;
+        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) {
@@ -67,17 +82,17 @@ export class MrdLayoutSection {
                 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 });
+                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 = (_e = (_d = item.view) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : item.name;
+                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 = (_f = this.links[viewName]) === null || _f === void 0 ? void 0 : _f.href;
-                this.mrdLoadView.emit({ name: viewName, href, viewConfig });
+                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) });
             }
         }
     }
@@ -292,7 +307,7 @@ export class MrdLayoutSection {
             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;
+                var _a, _b, _c, _d, _e, _f, _g;
                 e.stopPropagation();
                 const newViewName = e.detail.name;
                 const newViewConfig = this.views[newViewName];
@@ -304,7 +319,7 @@ export class MrdLayoutSection {
                 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 });
+                this.mrdLoadView.emit({ name, href, viewConfig: newViewConfig, sort: (_g = newViewConfig.defaultSort) !== null && _g !== void 0 ? _g : '', filters: this.resolveViewFilters(newViewConfig) });
             }, onMrdFilter: (e) => {
                 e.stopPropagation();
                 this.activeFiltersMap = Object.assign(Object.assign({}, this.activeFiltersMap), { [name]: e.detail.filters });
@@ -356,7 +371,7 @@ export class MrdLayoutSection {
         return (h("div", { class: "mrd-layout-section__modal-backdrop", onClick: () => { this.imagePreviewUrl = null; } }, h("div", { class: "mrd-layout-section__modal", onClick: (e) => e.stopPropagation() }, h("button", { class: "mrd-layout-section__modal-close", onClick: () => { this.imagePreviewUrl = null; } }, "\u2715"), h("img", { class: "mrd-layout-section__modal-image", src: this.imagePreviewUrl, alt: "" }))));
     }
     render() {
-        return (h(Host, { key: '167da935ac968ff16904efc671394c0223b47844' }, h("div", { key: 'b3e91cab524e51e40a207581fb6eaf9c1e57eef3', class: "mrd-layout-section" }, this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        return (h(Host, { key: 'bf92b312d32b17bac4cb43691175951ebdecca47' }, h("div", { key: '4c6ce4650395d15d15777ba5abecf3b8ea98f11d', 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"; }
@@ -567,14 +582,20 @@ export class MrdLayoutSection {
                     "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 }",
-                    "resolved": "{ name: string; href?: string | undefined; viewConfig: ClientViewMetadata; }",
+                    "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"
                         }
                     }
                 }

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

@@ -86,6 +86,27 @@ 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);
+    }
+    // ── Lifecycle ──────────────────────────────────────────────────────────────
+    componentWillLoad() {
+        this.applyDefaultSort(this.defaultSort);
+    }
+    // ── Helpers ────────────────────────────────────────────────────────────────
+    applyDefaultSort(defaultSort) {
+        var _a;
+        if (defaultSort) {
+            const parts = defaultSort.split(',');
+            this.sortField = parts[0].trim();
+            this.sortDir = ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc';
+        }
+        else {
+            this.sortField = '';
+            this.sortDir = 'asc';
+        }
+    }
     // ── Public API ─────────────────────────────────────────────────────────────
     /**
      * Initialise (or reset) the virtual scroll.
@@ -93,7 +114,6 @@ export class MrdTable {
      * but before calling setPage(0, rows).
      */
     async init() {
-        var _a;
         if (this.debounceTimer !== null) {
             clearTimeout(this.debounceTimer);
             this.debounceTimer = null;
@@ -102,15 +122,6 @@ export class MrdTable {
         this.loadedPages = new Map();
         this.requestedPages = new Set();
         this.colWidths = [];
-        if (this.defaultSort) {
-            const parts = this.defaultSort.split(',');
-            this.sortField = parts[0].trim();
-            this.sortDir = ((_a = parts[1]) === null || _a === void 0 ? void 0 : _a.trim()) === 'desc' ? 'desc' : 'asc';
-        }
-        else {
-            this.sortField = '';
-            this.sortDir = 'asc';
-        }
         this.scrollTop = 0;
         this.renderStart = 0;
         // No BUFFER on init — only request what fits the visible area (page 0).
@@ -1281,6 +1292,9 @@ export class MrdTable {
         return [{
                 "propName": "totalElements",
                 "methodName": "totalElementsChanged"
+            }, {
+                "propName": "defaultSort",
+                "methodName": "defaultSortChanged"
             }];
     }
 }

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

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