@mmlogic/components 0.5.0 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/cell-renderer-CmaO0CZT.js +862 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mosterdcomponents.cjs.js +1 -1
- package/dist/cjs/mrd-boolean-field_23.cjs.entry.js +2506 -832
- package/dist/cjs/mrd-merge-view.cjs.entry.js +273 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/documents/mrd-document-view/mrd-document-view.css +27 -24
- package/dist/collection/components/documents/mrd-document-view/mrd-document-view.js +16 -9
- package/dist/collection/components/fields/mrd-textarea-field/mrd-textarea-field.js +9 -5
- package/dist/collection/components/merge/mrd-merge-view/merge-diff.js +99 -0
- package/dist/collection/components/merge/mrd-merge-view/merge-parts.js +44 -0
- package/dist/collection/components/merge/mrd-merge-view/mrd-merge-view.css +244 -0
- package/dist/collection/components/merge/mrd-merge-view/mrd-merge-view.js +397 -0
- package/dist/collection/components/table/mrd-table/mrd-table.js +2 -4
- package/dist/collection/components/table/mrd-table/table-parts.js +2 -5
- package/dist/collection/dev/api.js +24 -0
- package/dist/collection/dev/app.js +84 -4
- package/dist/collection/dev/example-data.js +2 -1
- package/dist/collection/utils/cell-renderer.js +6 -1
- package/dist/collection/utils/i18n.js +104 -0
- package/dist/components/cell-renderer.js +1 -0
- package/dist/components/format.js +1 -1
- package/dist/components/i18n.js +1 -1
- package/dist/components/mrd-document-view2.js +1 -1
- package/dist/components/mrd-layout-section.js +1 -1
- package/dist/components/mrd-merge-view.d.ts +11 -0
- package/dist/components/mrd-merge-view.js +1 -0
- package/dist/components/mrd-table2.js +1 -1
- package/dist/components/mrd-textarea-field2.js +2 -1
- package/dist/esm/cell-renderer-D63AUZxa.js +854 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mosterdcomponents.js +1 -1
- package/dist/esm/mrd-boolean-field_23.entry.js +2437 -763
- package/dist/esm/mrd-merge-view.entry.js +271 -0
- package/dist/mosterdcomponents/mosterdcomponents.esm.js +1 -1
- package/dist/mosterdcomponents/p-2e16a7d0.entry.js +1 -0
- package/dist/mosterdcomponents/p-CnqDM0Gb.js +1 -0
- package/dist/mosterdcomponents/p-b5f38707.entry.js +3 -0
- package/dist/types/components/documents/mrd-document-view/mrd-document-view.d.ts +9 -5
- package/dist/types/components/fields/mrd-textarea-field/mrd-textarea-field.d.ts +1 -0
- package/dist/types/components/merge/mrd-merge-view/merge-diff.d.ts +43 -0
- package/dist/types/components/merge/mrd-merge-view/merge-parts.d.ts +37 -0
- package/dist/types/components/merge/mrd-merge-view/mrd-merge-view.d.ts +68 -0
- package/dist/types/components.d.ts +167 -12
- package/dist/types/types/client-layout.d.ts +2 -3
- package/package.json +2 -1
- package/dist/mosterdcomponents/p-b56f9802.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,proxyCustomElement as r,HTMLElement as o,createEvent as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as n,b as s,r as l,A as d,e as c}from"./client-layout.js";import{C as m,d as u}from"./mrd-table2.js";import{t as h}from"./i18n.js";import{f as v}from"./format.js";import{d as y}from"./mrd-document-container2.js";import{d as p}from"./mrd-document-list2.js";import{d as f}from"./mrd-document-view2.js";function _(t){const r=[];for(const o of t)r.push(o),o.items&&r.push(..._(o.items));return r}function g(r,o,e,a){return t("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&r.on.download({href:o,fileName:e})},t("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),a)}function b(r,o,e){var a,i,n,l,d,c,u,v,y,p,f;const _=o.dataType;switch(_){case s.HYPERLINK:{const r=null!==(a=null==e?void 0:e.href)&&void 0!==a?a:e+"",o=null!==(l=null!==(n=null!==(i=null==e?void 0:e.name)&&void 0!==i?i:null==e?void 0:e.text)&&void 0!==n?n:null==e?void 0:e.label)&&void 0!==l?l:r;return t("a",{class:"mrd-layout-section__link",href:r,target:"_blank",rel:"noopener noreferrer"},o)}case s.TEXTBLOCK:return t("div",{class:"mrd-layout-section__prose",innerHTML:e+""});case s.LONGTEXT:return t("pre",{class:"mrd-layout-section__pre"},e+"");case s.JSON:return t("pre",{class:"mrd-layout-section__pre",innerHTML:m.formatJson(e)});case s.FILE:{const t=null!==(d=null==e?void 0:e.fileName)&&void 0!==d?d:e+"",o=null!==(c=null==e?void 0:e.href)&&void 0!==c?c:"";return g(r,o,t,h("download",r.locale))}case s.IMAGE:{const a=null!==(u=null==e?void 0:e.href)&&void 0!==u?u:"",i=null!==(v=null==e?void 0:e.fileName)&&void 0!==v?v:"",n=r.imagePreviews[o.name];return n?t("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>r.on.openImage(n),title:i||void 0},t("img",{class:"mrd-layout-section__image-thumb",src:n,alt:i})):g(r,a,i,i||a)}case s.BOOLEAN:return t("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(e?"true":"false")},h(e?"yes":"no",r.locale));case s.LIST:{const r=(null!==(y=o.listItems)&&void 0!==y?y:[]).find((t=>t.key===e+"")),a=null!==(p=null==r?void 0:r.label)&&void 0!==p?p:e+"",i=null==r?void 0:r.color,n=null==r?void 0:r.backgroundColor;return i&&n?t("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:n}},a):i?t("span",{class:"mrd-layout-section__badge-dot-row"},t("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),a):a}case s.SECRET:return e?t("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return m.renderValue(_,e,null!==(f=o.listItems)&&void 0!==f?f:[],r.locale)||null}}const w=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=e(this,"mrdNavigate",7),this.mrdSearch=e(this,"mrdSearch",7),this.mrdDownload=e(this,"mrdDownload",7),this.mrdLoadViewPage=e(this,"mrdLoadViewPage",7),this.mrdLoadImage=e(this,"mrdLoadImage",7),this.mrdAttachments=e(this,"mrdAttachments",7),this.mrdViewAction=e(this,"mrdViewAction",7),this.mrdLoadViewAggregations=e(this,"mrdLoadViewAggregations",7),this.mrdLoadViewDistinct=e(this,"mrdLoadViewDistinct",7),this.mrdUpdateObject=e(this,"mrdUpdateObject",7),this.mrdViewUpload=e(this,"mrdViewUpload",7),this.mrdCreateObject=e(this,"mrdCreateObject",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.archetypes=[],this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.historyClickOutside=null,this.searchTimers={},this.handleViewLoadPage=(t,r)=>{t.stopPropagation(),this.mrdLoadViewPage.emit({name:r,page:t.detail.page,sort:t.detail.sort,path:t.detail.path,qs:t.detail.qs})},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.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=t=>{this.el.contains(t.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(t){t&&Object.keys(t).length>0&&setTimeout((()=>this.initEmbeddedTables()),0)}async initEmbeddedTables(){const t=this.el.querySelectorAll("mrd-table[data-view]");for(const r of Array.from(t))"function"==typeof r.init&&await r.init()}emitLoadImages(){for(const t of _(this.items))if(t.type===n.FIELD&&t.dataType===s.IMAGE){const r=t.name,o=this.data[r],e=null==o?void 0:o.href;e&&this.mrdLoadImage.emit({fieldName:r,href:e})}}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,a,i){if(i){const r=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);return void((null==r?void 0:r.setDocuments)&&await r.setDocuments(i,o))}const n=this.el.querySelector(`mrd-table[data-view="${t}"]`);n&&(void 0!==e&&(n.totalElements=e),await n.setPage(r,o,a))}async setViewAggregations(t,r){const o=this.el.querySelector(`mrd-table[data-view="${t}"]`);o&&await o.setAggregations(r)}async setViewDistinct(t,r,o){const e=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==e?void 0:e.setDistinct)&&await e.setDistinct(r,o)}async setViewFileReference(t,r){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setFileReference)&&await o.setFileReference(r)}async setViewCreatedObject(t,r){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setCreatedHref)&&await o.setCreatedHref(r)}async setImagePreview(t,r){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:r})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){var t;const r=_(this.items).filter((t=>t.type===n.SEARCH));return 1===r.length&&null!==(t=r[0].dataClass)&&void 0!==t?t:null}fieldCtx(){return{locale:this.locale,data:this.data,imagePreviews:this.imagePreviews,openHistoryField:this.openHistoryField,on:{download:t=>this.mrdDownload.emit(t),openImage:t=>{this.imagePreviewUrl=t},toggleHistory:t=>{this.openHistoryField=t}}}}renderField(r){return function(r,o){var e,a;if(!o.name)return null;const i=r.data[o.name],n=(null!==(e=o.historyEnabled)&&void 0!==e?e:null===(a=o.field)||void 0===a?void 0:a.historyEnabled)&&null!==i&&"object"==typeof i&&"current"in i?i.current:i,l=function(r,o,e){if(null==e||""===e)return null;if(o.multiple&&Array.isArray(e)){const a=e.map((t=>b(r,o,t)));return a.every((t=>"string"==typeof t||null==t))?a.filter(Boolean).join(", ")||null:t("span",null,a.map(((r,o)=>t("span",{key:o+""},r,o<a.length-1?", ":""))))}return b(r,o,e)}(r,o,n);return o.header?t("h1",{class:"mrd-layout-section__field-header",key:o.name},"string"==typeof l?l:null!=n?n+"":o.label):null==l?null:t("div",{class:"mrd-layout-section__field"+(o.dataType===s.TEXTBLOCK||o.dataType===s.LONGTEXT||o.dataType===s.JSON?" mrd-layout-section__field--block":""),key:o.name},t("span",{class:"mrd-layout-section__field-label"},o.label),t("span",{class:"mrd-layout-section__field-value"},l,function(r,o,e){var a,i,n;if(!(null!==(a=o.historyEnabled)&&void 0!==a?a:null===(i=o.field)||void 0===i?void 0:i.historyEnabled)||!o.name)return null;const s=null!==(n=null==e?void 0:e.history)&&void 0!==n?n:[];if(!s.length)return null;const l=[...s].sort(((t,r)=>r.until.localeCompare(t.until))),d=r.openHistoryField===o.name;return t("span",{class:"mrd-layout-section__history-wrap"},t("button",{type:"button",class:"mrd-layout-section__history-btn",title:h("history_badge_tooltip",r.locale),"aria-label":h("history_badge_tooltip",r.locale),onClick:t=>{t.stopPropagation(),r.on.toggleHistory(d?null:o.name)}},t("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),d&&t("div",{class:"mrd-layout-section__history-popover",role:"listbox"},l.map(((o,e)=>t("div",{key:e+"",class:"mrd-layout-section__history-entry"},o.value," (",h("history_until",r.locale)," ",v(o.until,r.locale),")")))))}(r,o,i)))}(this.fieldCtx(),r)}renderRelation(r){var o,e,a;if(!r.name)return null;const i=(null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{})[r.name];if(!i)return null;const n=(r,o)=>t("button",{key:r,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:r,label:o})},o);let s;return(null===(a=i.values)||void 0===a?void 0:a.length)?s=i.values.map((t=>n(t.href,t.name))):i.name&&(s=n(i.href,i.name)),s?t("div",{class:"mrd-layout-section__field",key:r.name},t("span",{class:"mrd-layout-section__field-label"},r.label),t("span",{class:"mrd-layout-section__field-value"},s)):null}renderSearch(r){var o,e,a;if(!r.dataClass)return null;const i=r.dataClass,n=null!==(o=this.searchQueryMap[i])&&void 0!==o?o:"",s=null!==(e=this.searchResultsMap[i])&&void 0!==e?e:[];return t("div",{class:"mrd-layout-section__search",key:"search-"+i},t("div",{class:"mrd-layout-section__search-wrap"},t("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("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"})),t("input",{class:"mrd-layout-section__search-input",type:"text",value:n,placeholder:null!==(a=r.label)&&void 0!==a?a:"",onInput:t=>this.handleSearchInput(i,t.target.value)})),s.length>0&&t("ul",{class:"mrd-layout-section__search-results"},s.map((r=>t("li",{key:r.id,class:"mrd-layout-section__search-result"},t("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:r.id,label:r.label})},t("span",{class:"mrd-layout-section__search-result-label"},r.label),r.description&&t("span",{class:"mrd-layout-section__search-result-desc"},r.description)))))))}renderRelatedView(r){var o,e,a,i,s,c,m,u;const h=function(t){var r,o,e,a;return t.type===n.RELATED_VIEW?null!==(o=null!==(r=t.relatedClass)&&void 0!==r?r:t.name)&&void 0!==o?o:"":null!==(a=null!==(e=t.dataClass)&&void 0!==e?e:t.name)&&void 0!==a?a:""}(r);if(!h)return null;if(!r.view)return null;const v=null!==(o=r.showTitle)&&void 0!==o&&o,y=null!==(s=null===(i=null===(a=null===(e=this.data)||void 0===e?void 0:e._links)||void 0===a?void 0:a.self)||void 0===i?void 0:i.href)&&void 0!==s?s:"",p=null!==(c=y.split("/").filter(Boolean).pop())&&void 0!==c?c:"",f=l(null!==(m=r.archetypes)&&void 0!==m?m:null===(u=r.view)||void 0===u?void 0:u.archetypes,d),_=function(t,r,o){if(t.type!==n.RELATED_VIEW||!t.fromClass||!o)return"";const e=r.split("/").filter(Boolean);if(e.length<2)return"";const[a,i]=e;return`/${a}/${i}/${t.fromClass}/${o}`}(r,y,p);return t("div",{class:"mrd-layout-section__related-view",key:"view-"+h},v&&r.label&&t("h3",{class:"mrd-layout-section__related-view-title"},r.label),f?this.renderDocumentContainer(r,h,p,f,_):this.renderTable(r,h,p))}renderDocumentContainer(r,o,e,a,i){return t("mrd-document-container",{item:r,archetype:a,parentId:e,containerHref:i,viewKey:o,locale:this.locale,onMrdLoadDistinct:t=>{t.stopPropagation(),this.mrdLoadViewDistinct.emit(Object.assign({name:o},t.detail))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:o},t.detail))},onMrdLoadAggregations:t=>{var e;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdAction:t=>{var e;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdUpload:t=>{t.stopPropagation(),this.mrdViewUpload.emit(Object.assign({name:o},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:o},t.detail))}})}renderTable(r,o,e){return t("mrd-table",{"data-view":o,item:r,parentId:e,locale:this.locale,onMrdLoadPage:t=>this.handleViewLoadPage(t,o),onMrdLoadAggregations:t=>{var e;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdRowClick:t=>{var o,e,a,i;t.stopPropagation();const{row:n,listContext:s}=t.detail;this.mrdNavigate.emit({href:null===(e=null===(o=null==n?void 0:n._links)||void 0===o?void 0:o.self)||void 0===e?void 0:e.href,label:null!==(a=null==n?void 0:n.name)&&void 0!==a?a:"",navigateBehaviour:null!==(i=r.navigateBehaviour)&&void 0!==i?i:c.PAGE,listContext:s})},onMrdAction:t=>{var e;t.stopPropagation(),this.mrdViewAction.emit({name:o,action:t.detail.action,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o,path:t.detail.path,qs:t.detail.qs,parentPath:t.detail.parentPath,basicType:t.detail.basicType})}})}renderItem(r){var o,e;switch(r.type){case n.FIELD:return this.renderField(r);case n.RELATION:return this.renderRelation(r);case n.HEADER:return t("h2",{class:"mrd-layout-section__header",key:"header-"+r.label},r.label);case n.TEXT:return t("div",{class:"mrd-layout-section__text",key:"text-"+r.label,innerHTML:null!==(o=r.label)&&void 0!==o?o:""});case n.NAVIGATE:return t("button",{class:"mrd-layout-section__navigate",key:"nav-"+r.label,onClick:()=>{var t,o,e;return this.mrdNavigate.emit({label:null!==(t=r.label)&&void 0!==t?t:"",navigate:null!==(o=r.navigate)&&void 0!==o?o:{dataClass:null!==(e=r.dataClass)&&void 0!==e?e:"",icon:r.icon,navigationType:r.navigationType}})}},r.label);case n.SEARCH:return this.renderSearch(r);case n.SECTION:case n.GROUP:return t("div",{class:"mrd-layout-section__group",key:"group-"+r.label},r.label&&t("h3",{class:"mrd-layout-section__group-title"},r.label),(null!==(e=r.items)&&void 0!==e?e:[]).map((t=>this.renderItem(t))));case n.RELATED_VIEW:case n.VIEW:return this.renderRelatedView(r);default:return null}}renderImageModal(){return this.imagePreviewUrl?t("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},t("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),t("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}renderDocumentObject(r){const o=this.items.filter((t=>t.type===n.VIEW||t.type===n.RELATED_VIEW||t.type===n.SEARCH));return[t("mrd-document-view",{archetype:r,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...o.map((t=>this.renderItem(t)))]}render(){const r=l(this.archetypes,d);return t(a,{key:"8585dae577d38e3c9517039b48aa9e798190937c"},t("div",{key:"020b942996b1346bdc3bc89938e4b020823cfcea",class:"mrd-layout-section"},r?this.renderDocumentObject(r):this.items.map((t=>this.renderItem(t)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-layout-section-h{display:block;width:100%}.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--block.sc-mrd-layout-section{grid-template-columns:1fr}.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;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.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__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__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.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(15 * 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-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);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:var(--mrd-color-white);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],archetypes:[16],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],openHistoryField:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setViewDistinct:[64],setViewFileReference:[64],setViewCreatedObject:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{data:[{dataChanged:0}]}]),x=w,k=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-document-container","mrd-document-list","mrd-document-view","mrd-table"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(i(t))||customElements.define(i(t),w);break;case"mrd-document-container":customElements.get(i(t))||y();break;case"mrd-document-list":customElements.get(i(t))||p();break;case"mrd-document-view":customElements.get(i(t))||f();break;case"mrd-table":customElements.get(i(t))||u()}}))};export{x as MrdLayoutSection,k as defineCustomElement}
|
|
1
|
+
import{h as t,proxyCustomElement as r,HTMLElement as o,createEvent as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as n,b as s,r as l,A as d,e as c}from"./client-layout.js";import{C as m}from"./cell-renderer.js";import{t as u}from"./i18n.js";import{f as h}from"./format.js";import{d as v}from"./mrd-document-container2.js";import{d as y}from"./mrd-document-list2.js";import{d as p}from"./mrd-document-view2.js";import{d as f}from"./mrd-table2.js";function _(t){const r=[];for(const o of t)r.push(o),o.items&&r.push(..._(o.items));return r}function g(r,o,e,a){return t("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&r.on.download({href:o,fileName:e})},t("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),a)}function b(r,o,e){var a,i,n,l,d,c,h,v,y,p,f;const _=o.dataType;switch(_){case s.HYPERLINK:{const r=null!==(a=null==e?void 0:e.href)&&void 0!==a?a:e+"",o=null!==(l=null!==(n=null!==(i=null==e?void 0:e.name)&&void 0!==i?i:null==e?void 0:e.text)&&void 0!==n?n:null==e?void 0:e.label)&&void 0!==l?l:r;return t("a",{class:"mrd-layout-section__link",href:r,target:"_blank",rel:"noopener noreferrer"},o)}case s.TEXTBLOCK:return t("div",{class:"mrd-layout-section__prose",innerHTML:e+""});case s.LONGTEXT:return t("pre",{class:"mrd-layout-section__pre"},e+"");case s.JSON:return t("pre",{class:"mrd-layout-section__pre",innerHTML:m.formatJson(e)});case s.FILE:{const t=null!==(d=null==e?void 0:e.fileName)&&void 0!==d?d:e+"",o=null!==(c=null==e?void 0:e.href)&&void 0!==c?c:"";return g(r,o,t,u("download",r.locale))}case s.IMAGE:{const a=null!==(h=null==e?void 0:e.href)&&void 0!==h?h:"",i=null!==(v=null==e?void 0:e.fileName)&&void 0!==v?v:"",n=r.imagePreviews[o.name];return n?t("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>r.on.openImage(n),title:i||void 0},t("img",{class:"mrd-layout-section__image-thumb",src:n,alt:i})):g(r,a,i,i||a)}case s.BOOLEAN:return t("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(e?"true":"false")},u(e?"yes":"no",r.locale));case s.LIST:{const r=(null!==(y=o.listItems)&&void 0!==y?y:[]).find((t=>t.key===e+"")),a=null!==(p=null==r?void 0:r.label)&&void 0!==p?p:e+"",i=null==r?void 0:r.color,n=null==r?void 0:r.backgroundColor;return i&&n?t("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:n}},a):i?t("span",{class:"mrd-layout-section__badge-dot-row"},t("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),a):a}case s.SECRET:return e?t("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return m.renderValue(_,e,null!==(f=o.listItems)&&void 0!==f?f:[],r.locale)||null}}const w=r(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=e(this,"mrdNavigate",7),this.mrdSearch=e(this,"mrdSearch",7),this.mrdDownload=e(this,"mrdDownload",7),this.mrdLoadViewPage=e(this,"mrdLoadViewPage",7),this.mrdLoadImage=e(this,"mrdLoadImage",7),this.mrdAttachments=e(this,"mrdAttachments",7),this.mrdViewAction=e(this,"mrdViewAction",7),this.mrdLoadViewAggregations=e(this,"mrdLoadViewAggregations",7),this.mrdLoadViewDistinct=e(this,"mrdLoadViewDistinct",7),this.mrdUpdateObject=e(this,"mrdUpdateObject",7),this.mrdViewUpload=e(this,"mrdViewUpload",7),this.mrdCreateObject=e(this,"mrdCreateObject",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.archetypes=[],this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.historyClickOutside=null,this.searchTimers={},this.handleViewLoadPage=(t,r)=>{t.stopPropagation(),this.mrdLoadViewPage.emit({name:r,page:t.detail.page,sort:t.detail.sort,path:t.detail.path,qs:t.detail.qs})},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.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=t=>{this.el.contains(t.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(t){t&&Object.keys(t).length>0&&setTimeout((()=>this.initEmbeddedTables()),0)}async initEmbeddedTables(){const t=this.el.querySelectorAll("mrd-table[data-view]");for(const r of Array.from(t))"function"==typeof r.init&&await r.init()}emitLoadImages(){for(const t of _(this.items))if(t.type===n.FIELD&&t.dataType===s.IMAGE){const r=t.name,o=this.data[r],e=null==o?void 0:o.href;e&&this.mrdLoadImage.emit({fieldName:r,href:e})}}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,a,i){if(i){const r=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);return void((null==r?void 0:r.setDocuments)&&await r.setDocuments(i,o))}const n=this.el.querySelector(`mrd-table[data-view="${t}"]`);n&&(void 0!==e&&(n.totalElements=e),await n.setPage(r,o,a))}async setViewAggregations(t,r){const o=this.el.querySelector(`mrd-table[data-view="${t}"]`);o&&await o.setAggregations(r)}async setViewDistinct(t,r,o){const e=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==e?void 0:e.setDistinct)&&await e.setDistinct(r,o)}async setViewFileReference(t,r){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setFileReference)&&await o.setFileReference(r)}async setViewCreatedObject(t,r){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setCreatedHref)&&await o.setCreatedHref(r)}async setImagePreview(t,r){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:r})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){var t;const r=_(this.items).filter((t=>t.type===n.SEARCH));return 1===r.length&&null!==(t=r[0].dataClass)&&void 0!==t?t:null}fieldCtx(){return{locale:this.locale,data:this.data,imagePreviews:this.imagePreviews,openHistoryField:this.openHistoryField,on:{download:t=>this.mrdDownload.emit(t),openImage:t=>{this.imagePreviewUrl=t},toggleHistory:t=>{this.openHistoryField=t}}}}renderField(r){return function(r,o){var e,a;if(!o.name)return null;const i=r.data[o.name],n=(null!==(e=o.historyEnabled)&&void 0!==e?e:null===(a=o.field)||void 0===a?void 0:a.historyEnabled)&&null!==i&&"object"==typeof i&&"current"in i?i.current:i,l=function(r,o,e){if(null==e||""===e)return null;if(o.multiple&&Array.isArray(e)){const a=e.map((t=>b(r,o,t)));return a.every((t=>"string"==typeof t||null==t))?a.filter(Boolean).join(", ")||null:t("span",null,a.map(((r,o)=>t("span",{key:o+""},r,o<a.length-1?", ":""))))}return b(r,o,e)}(r,o,n);return o.header?t("h1",{class:"mrd-layout-section__field-header",key:o.name},"string"==typeof l?l:null!=n?n+"":o.label):null==l?null:t("div",{class:"mrd-layout-section__field"+(o.dataType===s.TEXTBLOCK||o.dataType===s.LONGTEXT||o.dataType===s.JSON?" mrd-layout-section__field--block":""),key:o.name},t("span",{class:"mrd-layout-section__field-label"},o.label),t("span",{class:"mrd-layout-section__field-value"},l,function(r,o,e){var a,i,n;if(!(null!==(a=o.historyEnabled)&&void 0!==a?a:null===(i=o.field)||void 0===i?void 0:i.historyEnabled)||!o.name)return null;const s=null!==(n=null==e?void 0:e.history)&&void 0!==n?n:[];if(!s.length)return null;const l=[...s].sort(((t,r)=>r.until.localeCompare(t.until))),d=r.openHistoryField===o.name;return t("span",{class:"mrd-layout-section__history-wrap"},t("button",{type:"button",class:"mrd-layout-section__history-btn",title:u("history_badge_tooltip",r.locale),"aria-label":u("history_badge_tooltip",r.locale),onClick:t=>{t.stopPropagation(),r.on.toggleHistory(d?null:o.name)}},t("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),d&&t("div",{class:"mrd-layout-section__history-popover",role:"listbox"},l.map(((o,e)=>t("div",{key:e+"",class:"mrd-layout-section__history-entry"},o.value," (",u("history_until",r.locale)," ",h(o.until,r.locale),")")))))}(r,o,i)))}(this.fieldCtx(),r)}renderRelation(r){var o,e,a;if(!r.name)return null;const i=(null!==(e=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==e?e:{})[r.name];if(!i)return null;const n=(r,o)=>t("button",{key:r,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:r,label:o})},o);let s;return(null===(a=i.values)||void 0===a?void 0:a.length)?s=i.values.map((t=>n(t.href,t.name))):i.name&&(s=n(i.href,i.name)),s?t("div",{class:"mrd-layout-section__field",key:r.name},t("span",{class:"mrd-layout-section__field-label"},r.label),t("span",{class:"mrd-layout-section__field-value"},s)):null}renderSearch(r){var o,e,a;if(!r.dataClass)return null;const i=r.dataClass,n=null!==(o=this.searchQueryMap[i])&&void 0!==o?o:"",s=null!==(e=this.searchResultsMap[i])&&void 0!==e?e:[];return t("div",{class:"mrd-layout-section__search",key:"search-"+i},t("div",{class:"mrd-layout-section__search-wrap"},t("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("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"})),t("input",{class:"mrd-layout-section__search-input",type:"text",value:n,placeholder:null!==(a=r.label)&&void 0!==a?a:"",onInput:t=>this.handleSearchInput(i,t.target.value)})),s.length>0&&t("ul",{class:"mrd-layout-section__search-results"},s.map((r=>t("li",{key:r.id,class:"mrd-layout-section__search-result"},t("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:r.id,label:r.label})},t("span",{class:"mrd-layout-section__search-result-label"},r.label),r.description&&t("span",{class:"mrd-layout-section__search-result-desc"},r.description)))))))}renderRelatedView(r){var o,e,a,i,s,c,m,u;const h=function(t){var r,o,e,a;return t.type===n.RELATED_VIEW?null!==(o=null!==(r=t.relatedClass)&&void 0!==r?r:t.name)&&void 0!==o?o:"":null!==(a=null!==(e=t.dataClass)&&void 0!==e?e:t.name)&&void 0!==a?a:""}(r);if(!h)return null;if(!r.view)return null;const v=null!==(o=r.showTitle)&&void 0!==o&&o,y=null!==(s=null===(i=null===(a=null===(e=this.data)||void 0===e?void 0:e._links)||void 0===a?void 0:a.self)||void 0===i?void 0:i.href)&&void 0!==s?s:"",p=null!==(c=y.split("/").filter(Boolean).pop())&&void 0!==c?c:"",f=l(null!==(m=r.archetypes)&&void 0!==m?m:null===(u=r.view)||void 0===u?void 0:u.archetypes,d),_=function(t,r,o){if(t.type!==n.RELATED_VIEW||!t.fromClass||!o)return"";const e=r.split("/").filter(Boolean);if(e.length<2)return"";const[a,i]=e;return`/${a}/${i}/${t.fromClass}/${o}`}(r,y,p);return t("div",{class:"mrd-layout-section__related-view",key:"view-"+h},v&&r.label&&t("h3",{class:"mrd-layout-section__related-view-title"},r.label),f?this.renderDocumentContainer(r,h,p,f,_):this.renderTable(r,h,p))}renderDocumentContainer(r,o,e,a,i){return t("mrd-document-container",{item:r,archetype:a,parentId:e,containerHref:i,viewKey:o,locale:this.locale,onMrdLoadDistinct:t=>{t.stopPropagation(),this.mrdLoadViewDistinct.emit(Object.assign({name:o},t.detail))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:o},t.detail))},onMrdLoadAggregations:t=>{var e;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdAction:t=>{var e;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdUpload:t=>{t.stopPropagation(),this.mrdViewUpload.emit(Object.assign({name:o},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:o},t.detail))}})}renderTable(r,o,e){return t("mrd-table",{"data-view":o,item:r,parentId:e,locale:this.locale,onMrdLoadPage:t=>this.handleViewLoadPage(t,o),onMrdLoadAggregations:t=>{var e;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:o,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o},t.detail))},onMrdRowClick:t=>{var o,e,a,i;t.stopPropagation();const{row:n,listContext:s}=t.detail;this.mrdNavigate.emit({href:null===(e=null===(o=null==n?void 0:n._links)||void 0===o?void 0:o.self)||void 0===e?void 0:e.href,label:null!==(a=null==n?void 0:n.name)&&void 0!==a?a:"",navigateBehaviour:null!==(i=r.navigateBehaviour)&&void 0!==i?i:c.PAGE,listContext:s})},onMrdAction:t=>{var e;t.stopPropagation(),this.mrdViewAction.emit({name:o,action:t.detail.action,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:o,path:t.detail.path,qs:t.detail.qs,parentPath:t.detail.parentPath,basicType:t.detail.basicType})}})}renderItem(r){var o,e;switch(r.type){case n.FIELD:return this.renderField(r);case n.RELATION:return this.renderRelation(r);case n.HEADER:return t("h2",{class:"mrd-layout-section__header",key:"header-"+r.label},r.label);case n.TEXT:return t("div",{class:"mrd-layout-section__text",key:"text-"+r.label,innerHTML:null!==(o=r.label)&&void 0!==o?o:""});case n.NAVIGATE:return t("button",{class:"mrd-layout-section__navigate",key:"nav-"+r.label,onClick:()=>{var t,o,e;return this.mrdNavigate.emit({label:null!==(t=r.label)&&void 0!==t?t:"",navigate:null!==(o=r.navigate)&&void 0!==o?o:{dataClass:null!==(e=r.dataClass)&&void 0!==e?e:"",icon:r.icon,navigationType:r.navigationType}})}},r.label);case n.SEARCH:return this.renderSearch(r);case n.SECTION:case n.GROUP:return t("div",{class:"mrd-layout-section__group",key:"group-"+r.label},r.label&&t("h3",{class:"mrd-layout-section__group-title"},r.label),(null!==(e=r.items)&&void 0!==e?e:[]).map((t=>this.renderItem(t))));case n.RELATED_VIEW:case n.VIEW:return this.renderRelatedView(r);default:return null}}renderImageModal(){return this.imagePreviewUrl?t("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},t("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),t("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}renderDocumentObject(r){const o=this.items.filter((t=>t.type===n.VIEW||t.type===n.RELATED_VIEW||t.type===n.SEARCH));return[t("mrd-document-view",{archetype:r,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...o.map((t=>this.renderItem(t)))]}render(){const r=l(this.archetypes,d);return t(a,{key:"8585dae577d38e3c9517039b48aa9e798190937c"},t("div",{key:"020b942996b1346bdc3bc89938e4b020823cfcea",class:"mrd-layout-section"},r?this.renderDocumentObject(r):this.items.map((t=>this.renderItem(t)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-layout-section-h{display:block;width:100%}.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--block.sc-mrd-layout-section{grid-template-columns:1fr}.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;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.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__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__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.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(15 * 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-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);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:var(--mrd-color-white);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],archetypes:[16],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],openHistoryField:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setViewDistinct:[64],setViewFileReference:[64],setViewCreatedObject:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{data:[{dataChanged:0}]}]),x=w,k=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-document-container","mrd-document-list","mrd-document-view","mrd-table"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(i(t))||customElements.define(i(t),w);break;case"mrd-document-container":customElements.get(i(t))||v();break;case"mrd-document-list":customElements.get(i(t))||y();break;case"mrd-document-view":customElements.get(i(t))||p();break;case"mrd-table":customElements.get(i(t))||f()}}))};export{x as MrdLayoutSection,k as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface MrdMergeView extends Components.MrdMergeView, HTMLElement {}
|
|
4
|
+
export const MrdMergeView: {
|
|
5
|
+
prototype: MrdMergeView;
|
|
6
|
+
new (): MrdMergeView;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as r,proxyCustomElement as e,HTMLElement as i,createEvent as o,Host as t,transformTag as d}from"@stencil/core/internal/client";import{a as s}from"./client-layout.js";import{C as a}from"./cell-renderer.js";import{t as m}from"./i18n.js";import{f as n}from"./format.js";function l(r){return r.type===s.FIELD||r.type===s.RELATION&&!r.multiple}function c(r,e){var i,o,t,d,a;const m=null!==(i=r.name)&&void 0!==i?i:"";return r.type===s.RELATION?null!==(d=null===(t=null===(o=null==e?void 0:e._links)||void 0===o?void 0:o[m])||void 0===t?void 0:t.href)&&void 0!==d?d:null:null!==(a=null==e?void 0:e[m])&&void 0!==a?a:null}function v(r,e){return r.historyEnabled&&null!=e&&"object"==typeof e&&!Array.isArray(e)&&"current"in e?e.current:e}function g(r){return void 0===r||""===r?null:r}function u(r,e){const i=g(r),o=g(e);return i===o||null!==i&&null!==o&&JSON.stringify(i)===JSON.stringify(o)}function h(r){return null===g(r)}function _(r,e,i){const o=[],t=[];for(const d of r.filter(l)){const r=c(d,e),s=c(d,i),a=v(d,r),m=v(d,s);u(a,m)||(h(a)&&!h(m)?t.push({item:d,aValue:r,bValue:s}):o.push({item:d,aValue:r,bValue:s}))}return{conflicts:o,autoFilled:t}}function w(r){var e,i,o,t,d;return null!==(d=null!==(i=null!==(e=null==r?void 0:r.name)&&void 0!==e?e:null==r?void 0:r.label)&&void 0!==i?i:null===(t=null===(o=null==r?void 0:r._links)||void 0===o?void 0:o.self)||void 0===t?void 0:t.href)&&void 0!==d?d:""}function p(r,e){var i,o;return r.historyEnabled&&r.name&&null!==(o=null===(i=null==e?void 0:e[r.name])||void 0===i?void 0:i.history)&&void 0!==o?o:[]}const b=({locale:e,history:i,isOpen:o,onToggle:t})=>{if(0===i.length)return null;const d=[...i].sort(((r,e)=>e.until.localeCompare(r.until)));return r("span",{class:"mrd-merge-view__history-wrap"},r("button",{type:"button",class:"mrd-merge-view__history-btn",title:m("history_badge_tooltip",e),"aria-label":m("history_badge_tooltip",e),onClick:r=>{r.stopPropagation(),t()}},r("svg",{class:"mrd-merge-view__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},r("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),o&&r("div",{class:"mrd-merge-view__history-popover",role:"listbox"},d.map(((i,o)=>r("div",{key:o+"",class:"mrd-merge-view__history-entry"},i.value," (",m("history_until",e)," ",n(i.until,e),")")))))},f=({locale:e,searchQuery:i,searchResults:o,isLoading:t,onSearchInput:d,onSelect:s})=>r("div",{class:"mrd-merge-view__search-step"},r("p",{class:"mrd-merge-view__hint"},m("merge_search_hint",e)),r("div",{class:"mrd-merge-view__search-wrapper"},r("input",{class:"mrd-merge-view__search",type:"text",value:i,placeholder:m("search_placeholder",e),onInput:r=>d(r.target.value)}),t&&r("span",{class:"mrd-merge-view__spinner","aria-label":m("loading",e)})),i.trim().length>=2&&!t&&r("div",{class:"mrd-merge-view__results"},0===o.length?r("div",{class:"mrd-merge-view__no-results"},m("no_results",e)):o.map((i=>{var o,t,d;return r("div",{key:null!==(d=null===(t=null===(o=null==i?void 0:i._links)||void 0===o?void 0:o.self)||void 0===t?void 0:t.href)&&void 0!==d?d:w(i),class:"mrd-merge-view__result-item"},r("span",{class:"mrd-merge-view__result-label"},w(i)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:()=>s(i)},m("merge_select",e)))})))),y=({locale:e,currentLabel:i,candidateLabel:o,conflicts:t,autoFilled:d,recordA:s,recordB:n,resolutions:l,openHistoryKey:c,onResolve:v,onToggleHistory:g,onChangeCandidate:u,onContinue:h})=>r("div",{class:"mrd-merge-view__compare-step"},r("h3",{class:"mrd-merge-view__heading"},m("merge_compare_heading",e)),0===t.length?r("p",{class:"mrd-merge-view__no-conflicts"},m("merge_no_conflicts",e)):r("table",{class:"mrd-merge-view__table"},r("thead",null,r("tr",null,r("th",{class:"mrd-merge-view__header"}),r("th",{class:"mrd-merge-view__header"},m("merge_column_a",e),r("span",{class:"mrd-merge-view__header-name"},i)),r("th",{class:"mrd-merge-view__header"},m("merge_column_b",e),r("span",{class:"mrd-merge-view__header-name"},o)))),r("tbody",null,t.map((({item:i})=>{var o,t,d;const m=null!==(o=i.name)&&void 0!==o?o:"",u=null!==(t=l[m])&&void 0!==t?t:"A",h=p(i,s),_=p(i,n),w=m+":A",f=m+":B";return r("tr",{key:m,class:"mrd-merge-view__row"},r("td",{class:"mrd-merge-view__cell mrd-merge-view__cell--label"},null!==(d=i.label)&&void 0!==d?d:m),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:"merge-"+m,checked:"A"===u,onChange:()=>v(m,"A")}),r("span",null,a.render(i,s,e)||"—")),r(b,{locale:e,history:h,isOpen:c===w,onToggle:()=>g(c===w?null:w)})),r("td",{class:"mrd-merge-view__cell"},r("label",{class:"mrd-merge-view__option"},r("input",{type:"radio",name:"merge-"+m,checked:"B"===u,onChange:()=>v(m,"B")}),r("span",null,a.render(i,n,e)||"—")),r(b,{locale:e,history:_,isOpen:c===f,onToggle:()=>g(c===f?null:f)})))})))),d.length>0&&r("div",{class:"mrd-merge-view__auto-note"},r("p",null,m("merge_auto_heading",e)),r("ul",null,d.map((({item:e})=>{var i;return r("li",{key:e.name},null!==(i=e.label)&&void 0!==i?i:e.name)})))),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:u},m("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--primary",onClick:h},m("merge_continue",e)))),k=({locale:e,candidateLabel:i,conflicts:o,autoFilled:t,resolutions:d,recordB:s,openHistoryKey:n,onToggleHistory:l,onBack:c,onConfirm:v})=>{const g=[...t,...o.filter((({item:r})=>{var e;return"B"===d[null!==(e=r.name)&&void 0!==e?e:""]}))];return r("div",{class:"mrd-merge-view__confirm-step"},r("h3",{class:"mrd-merge-view__heading"},m("merge_confirm_heading",e)),0===g.length?r("p",{class:"mrd-merge-view__no-conflicts"},m("merge_no_conflicts",e)):r("ul",{class:"mrd-merge-view__summary-list"},g.map((({item:i})=>{var o;const t=i.name+":confirm";return r("li",{key:i.name},null!==(o=i.label)&&void 0!==o?o:i.name,": ",a.render(i,s,e)||"—",r(b,{locale:e,history:p(i,s),isOpen:n===t,onToggle:()=>l(n===t?null:t)}))}))),r("p",{class:"mrd-merge-view__warning"},m("merge_confirm_warning",e)," (",i,")"),r("div",{class:"mrd-merge-view__actions"},r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--secondary",onClick:c},m("merge_back",e)),r("button",{type:"button",class:"mrd-merge-view__btn mrd-merge-view__btn--danger",onClick:v},m("merge_confirm_button",e))))},x=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdSearch=o(this,"mrdSearch",7),this.mrdMerge=o(this,"mrdMerge",7),this.locale=navigator.language,this.basicType="",this.mostSignificantClass="",this.fields=[],this.currentHref="",this.currentRecord={},this.currentLabel="",this.step="search",this.searchQuery="",this.searchResults=[],this.isLoading=!1,this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.historyClickOutside=null,this.searchDebounce=null,this.handleSearchInput=r=>{this.searchQuery=r,this.searchDebounce&&clearTimeout(this.searchDebounce),r.trim().length>=2?(this.isLoading=!0,this.searchDebounce=setTimeout((()=>{this.mrdSearch.emit({query:r,basicType:this.basicType,mostSignificantClass:this.mostSignificantClass||void 0})}),300)):(this.searchResults=[],this.isLoading=!1)},this.handleSelect=r=>{this.candidate=r;const{conflicts:e}=_(this.fields,this.currentRecord,r),i={};e.forEach((({item:r})=>{var e;i[null!==(e=r.name)&&void 0!==e?e:""]="A"})),this.resolutions=i,this.openHistoryKey=null,this.step="compare"},this.handleChangeCandidate=()=>{this.candidate=null,this.resolutions={},this.openHistoryKey=null,this.step="search"},this.handleResolve=(r,e)=>{this.resolutions=Object.assign(Object.assign({},this.resolutions),{[r]:e})},this.handleToggleHistory=r=>{this.openHistoryKey=r},this.handleContinue=()=>{this.step="confirm"},this.handleBack=()=>{this.step="compare"},this.handleConfirm=()=>{var r,e,i,o;if(!this.candidate)return;const t=function(r,e){var i,o,t;const d={};for(const{item:e,bValue:o}of r.autoFilled)d[null!==(i=e.name)&&void 0!==i?i:""]=o;for(const{item:i,bValue:s}of r.conflicts)"B"===e[null!==(o=i.name)&&void 0!==o?o:""]&&(d[null!==(t=i.name)&&void 0!==t?t:""]=s);return d}(_(this.fields,this.currentRecord,this.candidate),this.resolutions),d=null!==(o=null===(i=null===(e=null===(r=this.candidate)||void 0===r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:"";this.mrdMerge.emit({winnerHref:this.currentHref,loserHref:d,patch:t})}}connectedCallback(){this.historyClickOutside=r=>{this.el.contains(r.target)||(this.openHistoryKey=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}async setSearchResults(r){this.searchResults=(null!=r?r:[]).filter((r=>{var e,i,o;return(null!==(o=null===(i=null===(e=null==r?void 0:r._links)||void 0===e?void 0:e.self)||void 0===i?void 0:i.href)&&void 0!==o?o:null)!==this.currentHref})),this.isLoading=!1}async setLoading(r){this.isLoading=r}render(){var e,i;let o;if("search"===this.step)o=r(f,{key:"4b79504f62f85274c9cd9681b6819c2318f4246a",locale:this.locale,searchQuery:this.searchQuery,searchResults:this.searchResults,isLoading:this.isLoading,onSearchInput:this.handleSearchInput,onSelect:this.handleSelect});else{const t=_(this.fields,this.currentRecord,this.candidate),d=w(this.candidate);o="compare"===this.step?r(y,{locale:this.locale,currentLabel:this.currentLabel,candidateLabel:d,conflicts:t.conflicts,autoFilled:t.autoFilled,recordA:this.currentRecord,recordB:null!==(e=this.candidate)&&void 0!==e?e:{},resolutions:this.resolutions,openHistoryKey:this.openHistoryKey,onResolve:this.handleResolve,onToggleHistory:this.handleToggleHistory,onChangeCandidate:this.handleChangeCandidate,onContinue:this.handleContinue}):r(k,{locale:this.locale,candidateLabel:d,conflicts:t.conflicts,autoFilled:t.autoFilled,resolutions:this.resolutions,recordB:null!==(i=this.candidate)&&void 0!==i?i:{},openHistoryKey:this.openHistoryKey,onToggleHistory:this.handleToggleHistory,onBack:this.handleBack,onConfirm:this.handleConfirm})}return r(t,{key:"f3fc046fa728646e2ff686d2eae30024da3121e1"},r("div",{key:"55bef786973d22dce49be021cfb78588b119139c",class:"mrd-merge-view"},o))}get el(){return this}static get style(){return".sc-mrd-merge-view-h{display:block;width:100%}.mrd-merge-view.sc-mrd-merge-view{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-merge-view__hint.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);color:var(--mrd-color-neutral-600)}.mrd-merge-view__heading.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold)}.mrd-merge-view__search-wrapper.sc-mrd-merge-view{position:relative;display:flex;align-items:center}.mrd-merge-view__search.sc-mrd-merge-view{width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);background:var(--mrd-input-bg);color:var(--mrd-input-color);font-size:var(--mrd-font-size-sm)}.mrd-merge-view__search.sc-mrd-merge-view:focus{outline:none;border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__spinner.sc-mrd-merge-view{position:absolute;right:var(--mrd-space-3);width:1rem;height:1rem;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:var(--mrd-border-radius-full);animation:mrd-merge-view-spin var(--mrd-transition-slow) linear infinite}.mrd-merge-view__results.sc-mrd-merge-view{margin-top:var(--mrd-space-2);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden}.mrd-merge-view__no-results.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);color:var(--mrd-color-neutral-500)}.mrd-merge-view__result-item.sc-mrd-merge-view{display:flex;align-items:center;justify-content:space-between;gap:var(--mrd-space-3);padding:var(--mrd-space-2) var(--mrd-space-4)}.mrd-merge-view__result-item.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-merge-view__result-label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__no-conflicts.sc-mrd-merge-view{color:var(--mrd-color-neutral-600)}.mrd-merge-view__table.sc-mrd-merge-view{width:100%;border-collapse:collapse;margin-bottom:var(--mrd-space-4)}.mrd-merge-view__header.sc-mrd-merge-view{text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:2px solid var(--mrd-border-color);font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-600)}.mrd-merge-view__header-name.sc-mrd-merge-view{display:block;text-transform:none;letter-spacing:normal;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-900);margin-top:var(--mrd-space-1)}.mrd-merge-view__row.sc-mrd-merge-view:nth-child(even){background:var(--mrd-color-neutral-50)}.mrd-merge-view__cell.sc-mrd-merge-view{padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);vertical-align:top}.mrd-merge-view__cell--label.sc-mrd-merge-view{font-weight:var(--mrd-font-weight-medium);white-space:nowrap}.mrd-merge-view__option.sc-mrd-merge-view{display:flex;align-items:flex-start;gap:var(--mrd-space-2);cursor:pointer}.mrd-merge-view__option.sc-mrd-merge-view input[type=radio].sc-mrd-merge-view{margin-top:0.2em}.mrd-merge-view__history-wrap.sc-mrd-merge-view{position:relative;display:inline-flex;align-items:center;margin-left:var(--mrd-space-1)}.mrd-merge-view__history-btn.sc-mrd-merge-view{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-merge-view__history-btn.sc-mrd-merge-view:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-merge-view__history-btn.sc-mrd-merge-view:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-merge-view__history-icon.sc-mrd-merge-view{width:0.875rem;height:0.875rem}.mrd-merge-view__history-popover.sc-mrd-merge-view{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:18rem;max-width:18rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-merge-view__history-entry.sc-mrd-merge-view{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-merge-view__history-entry.sc-mrd-merge-view:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-merge-view__auto-note.sc-mrd-merge-view{margin-bottom:var(--mrd-space-4);padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-neutral-50);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);color:var(--mrd-color-neutral-700)}.mrd-merge-view__auto-note.sc-mrd-merge-view p.sc-mrd-merge-view{margin:0 0 var(--mrd-space-1);font-weight:var(--mrd-font-weight-medium)}.mrd-merge-view__auto-note.sc-mrd-merge-view ul.sc-mrd-merge-view{margin:0;padding-left:var(--mrd-space-5)}.mrd-merge-view__summary-list.sc-mrd-merge-view{margin:0 0 var(--mrd-space-4);padding-left:var(--mrd-space-5)}.mrd-merge-view__warning.sc-mrd-merge-view{padding:var(--mrd-space-3) var(--mrd-space-4);background:var(--mrd-color-danger-light);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);color:var(--mrd-color-danger-dark);margin-bottom:var(--mrd-space-4)}.mrd-merge-view__actions.sc-mrd-merge-view{display:flex;gap:var(--mrd-space-3)}.mrd-merge-view__btn.sc-mrd-merge-view{height:var(--mrd-input-height-sm);padding:0 var(--mrd-space-4);border-radius:var(--mrd-border-radius);border:var(--mrd-border-width) solid transparent;font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-merge-view__btn--primary.sc-mrd-merge-view{background:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-merge-view__btn--primary.sc-mrd-merge-view:hover{background:var(--mrd-color-primary-hover)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view{background:var(--mrd-color-white);border-color:var(--mrd-border-color);color:var(--mrd-color-neutral-700)}.mrd-merge-view__btn--secondary.sc-mrd-merge-view:hover{background:var(--mrd-color-neutral-50)}.mrd-merge-view__btn--danger.sc-mrd-merge-view{background:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-merge-view__btn--danger.sc-mrd-merge-view:hover{background:var(--mrd-color-danger-dark)}@keyframes mrd-merge-view-spin{to{transform:rotate(360deg)}}"}},[2,"mrd-merge-view",{locale:[1],basicType:[1,"basic-type"],mostSignificantClass:[1,"most-significant-class"],fields:[16],currentHref:[1,"current-href"],currentRecord:[16],currentLabel:[1,"current-label"],step:[32],searchQuery:[32],searchResults:[32],isLoading:[32],candidate:[32],resolutions:[32],openHistoryKey:[32],setSearchResults:[64],setLoading:[64]}]),C=x,z=function(){"undefined"!=typeof customElements&&["mrd-merge-view"].forEach((r=>{"mrd-merge-view"===r&&(customElements.get(d(r))||customElements.define(d(r),x))}))};export{C as MrdMergeView,z as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,proxyCustomElement as r,HTMLElement as e,createEvent as l,writeTask as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{t as s}from"./i18n.js";import{a as n,b as d}from"./query-params.js";import{b as c,c as m,f as b,d as h,a as u,e as p}from"./format.js";import{a as _}from"./client-layout.js";const v=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),f=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),g=new Set(["DATE","DATETIME","TIME"]),y=new Set(["FILE","IMAGE"]),w=new Set(["LONGTEXT","JSON","FILE","IMAGE"]);function k(t,r){var e,l,i;const a=new URLSearchParams(t);a.delete("page"),a.delete("sort");const o=function(t){var r;const e={sum:[],avg:[],count:[]};for(const l of t){if("FIELD"!==l.type||!l.aggregate)continue;const t=l.aggregate.toLowerCase();t in e&&e[t].push(null!==(r=l.name)&&void 0!==r?r:"")}const l={};return e.sum.length&&(l.sum=e.sum),e.avg.length&&(l.avg=e.avg),e.count.length&&(l.count=e.count),Object.keys(l).length>0?l:null}(r);return(null===(e=null==o?void 0:o.sum)||void 0===e?void 0:e.length)&&a.set("sum",o.sum.join(",")),(null===(l=null==o?void 0:o.avg)||void 0===l?void 0:l.length)&&a.set("avg",o.avg.join(",")),(null===(i=null==o?void 0:o.count)||void 0===i?void 0:i.length)&&a.set("count",o.count.join(",")),a.toString()}function x(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}function E(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}class C{static render(t,r,e){var l,i,a,o;if(t.type===_.RELATION){const e=null!==(l=t.name)&&void 0!==l?l:"",o=null===(i=null==r?void 0:r._links)||void 0===i?void 0:i[e];return o?Array.isArray(o)?o.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(a=o.name)&&void 0!==a?a:"":""}if(t.type!==_.FIELD)return"";const s=null!==(o=t.name)&&void 0!==o?o:"",n=t.dataType,d=t.listItems,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>C.renderValue(null!=n?n:"TEXT",t,null!=d?d:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,a;switch(t){case"INTEGER":return u(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return u(Number(r),l);case"PERCENTAGE":return p(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?h(Number(t),e,l):u(Number(t),l)}case"DATE":return b(r,l);case"DATETIME":return m(r,l);case"TIME":return c(r,l);case"BOOLEAN":return r?"✓":"";case"FILE":case"IMAGE":return"object"==typeof r&&null!==r&&null!==(i=r.fileName)&&void 0!==i?i:"";case"LIST":{const t=e.find((t=>t.key===String(r)));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}case"LONGTEXT":return String(r).replace(/[\r\n]+/g," ").trim();case"JSON":return("object"==typeof r?JSON.stringify(r):String(r)).replace(/[\r\n]+/g," ").trim();case"SECRET":return r?"••••••••":"";default:return String(r)}}static formatJson(t,r=!1){try{const e="string"==typeof t?JSON.parse(t):t;return(r?JSON.stringify(e):JSON.stringify(e,null,2)).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,(t=>{let r="color:#2aa198";return/^"/.test(t)?r=/:$/.test(t)?"color:#881391":"color:#268bd2":/true|false/.test(t)?r="color:#b58900":/null/.test(t)&&(r="color:#dc322f"),`<span style="${r}">${t}</span>`}))}catch(r){return String(t)}}}const z=()=>t("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},t("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},t("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}))),T=({col:r,row:e,locale:l,onDownload:i,onOpenTextblock:a,onOpenJson:o})=>{var n,d,c;const m=null!==(n=r.dataType)&&void 0!==n?n:"",b="FIELD"===r.type&&f.has(m);if("FIELD"===r.type&&("FILE"===m||"IMAGE"===m)){const a=null!==(d=r.name)&&void 0!==d?d:"",o=null==e?void 0:e[a],n=null==o?void 0:o.href,c=null==o?void 0:o.fileName;return t("td",{class:"mrd-table__cell"},n&&c?t("button",{class:"mrd-table__file-btn",title:c,onClick:t=>{t.stopPropagation(),i({href:n,fileName:c})}},t("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),s("download",l)):"")}if("JSON"===m){const i=null!==(c=r.name)&&void 0!==c?c:"",a=i?null==e?void 0:e[i]:void 0;if(null==a||""===a)return t("td",{class:"mrd-table__cell"});const n=C.formatJson(a,!0),d=C.formatJson(a,!1);return t("td",{class:"mrd-table__cell"},t("span",{class:"mrd-table__json-preview",innerHTML:n}),t("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),o(d)},"aria-label":s("textblock_show_more",l)},"⋯"))}if("TEXTBLOCK"===m){const i=C.render(r,e,l);if(i.length<=200)return t("td",{class:"mrd-table__cell"},i);const o=i.slice(0,200)+"…";return t("td",{class:"mrd-table__cell"},o,t("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),a(i)},"aria-label":s("textblock_show_more",l)},"⋯"))}const h=C.render(r,e,l);return t("td",{class:"mrd-table__cell"+(b?" mrd-table__cell--numeric":"")},h)},S=({columns:r,aggregations:e,locale:l})=>e&&r.some((t=>"FIELD"===t.type&&t.aggregate))?t("tfoot",null,t("tr",{class:"mrd-table__totals-row"},r.map((r=>{var i;const a=function(t,r,e){var l;if("FIELD"!==t.type||!t.aggregate||!r)return"";const i=r[t.aggregate.toLowerCase()],a="object"==typeof i&&null!==i?i[null!==(l=t.name)&&void 0!==l?l:""]:void 0;if(null==a)return"";const o=t.dataType;return"INTEGER"===o?u(a,e,{maximumFractionDigits:0}):"PERCENTAGE"===o?p(a,e):"CURRENCY"===o&&t.currencyCode?h(a,t.currencyCode,e):u(a,e)}(r,e,l),o="FIELD"===r.type&&f.has(null!==(i=r.dataType)&&void 0!==i?i:"");return t("td",{class:"mrd-table__totals-cell"+(o?" mrd-table__totals-cell--numeric":"")},a)})))):null,O=({text:r,locale:e,onClose:l})=>null===r?null:t("div",{class:"mrd-table__modal-backdrop",onClick:l,role:"dialog","aria-modal":"true"},t("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-table__modal-close",onClick:l,"aria-label":s("close",e)},"✕"),t("p",{class:"mrd-table__modal-text"},r))),M=({html:r,locale:e,onClose:l})=>null===r?null:t("div",{class:"mrd-table__modal-backdrop",onClick:l,role:"dialog","aria-modal":"true"},t("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-table__modal-close",onClick:l,"aria-label":s("close",e)},"✕"),t("pre",{class:"mrd-table__modal-json",innerHTML:r}))),N=({locale:r,filterMode:e,filterCount:l,actions:i,views:a,activeViewIdx:o,viewPopoverOpen:n,createPickerOpen:d,createTypes:c,cb:m})=>{var b;const h=i.length>0,u=a.length>1;return t("div",{class:"mrd-table__toolbar"},t("div",{class:"mrd-table__toolbar-left"},t("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(e?" mrd-table__filter-toggle--active":""),onClick:m.onFilterToggle},t("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),l>0&&t("span",{class:"mrd-table__filter-badge"},l),t("span",{class:"mrd-table__action-tooltip"},s(e?"table_filter_hide":"table_filter",r),l>0?` (${l} ${s("table_filter_active",r)})`:"")),l>0&&t("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:m.onClearAllFilters},t("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),t("span",{class:"mrd-table__action-tooltip"},s("table_filter_clear_all",r)))),u&&t("div",{class:"mrd-table__toolbar-center"},t("div",{class:"mrd-table__view-switcher"},t("button",{class:"mrd-table__view-arrow","aria-label":"Previous view",onClick:()=>m.onViewSwitch((o-1+a.length)%a.length)},"◀"),t("div",{class:"mrd-table__view-title-wrap"},t("button",{class:"mrd-table__view-title",onClick:t=>m.onToggleViewPopover(t)},null===(b=a[o])||void 0===b?void 0:b.label),n&&t("div",{class:"mrd-table__view-popover",onClick:t=>t.stopPropagation()},a.map(((r,e)=>t("button",{key:String(e),class:"mrd-table__view-popover-item"+(e===o?" mrd-table__view-popover-item--active":""),onClick:()=>{e!==o&&m.onViewSwitch(e),m.onCloseViewPopover()}},r.label))))),t("button",{class:"mrd-table__view-arrow","aria-label":"Next view",onClick:()=>m.onViewSwitch((o+1)%a.length)},"▶"))),h&&t("div",{class:"mrd-table__toolbar-right"},i.map((r=>{var e,l;const i="create"===r.action?c:null;return(null==i?void 0:i.length)?t("div",{class:"mrd-table__create-picker-wrap",key:`action-${r.action}`},t("button",{class:`mrd-table__action mrd-table__action--${null!==(e=r.variant)&&void 0!==e?e:"secondary"}`,onClick:m.onToggleCreatePicker},r.icon?t("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},t("use",{href:r.icon})):r.label,t("span",{class:"mrd-table__action-tooltip"},r.label)),d&&t("div",{class:"mrd-table__create-picker"},i.map((r=>t("button",{key:r.type,class:"mrd-table__create-picker-item",onClick:()=>m.onCreate(r.type)},r.label))))):t("button",{key:`action-${r.action}`,class:`mrd-table__action mrd-table__action--${null!==(l=r.variant)&&void 0!==l?l:"secondary"}`,disabled:r.disabled,onClick:()=>m.onAction(r.action)},r.icon?t("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},t("use",{href:r.icon})):r.label,t("span",{class:"mrd-table__action-tooltip"},r.label))}))))},j=({col:r,dataType:e,openFilterCol:l,pendingFilter:i,locale:a,cb:o})=>{var n,d,c,m,b,h;const u=i;if(y.has(e))return t("p",{class:"mrd-table__filter-no-support"},s("filter_no_support",a));if("BOOLEAN"===e){const r=u.operator,e="isEmpty"===r||"isNotEmpty"===r;return t("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((r=>t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:!e&&u.value===r.value,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{operator:void 0,value:r.value}))}),s(r.labelKey,a)))),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:"isEmpty"===r,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{operator:"isEmpty",value:void 0}))}),s("filter_is_empty",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:"isNotEmpty"===r,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{operator:"isNotEmpty",value:void 0}))}),s("filter_is_not_empty",a)))}if("LIST"===e){const e=null!==(n=r.listItems)&&void 0!==n?n:[],l=null!==(d=u.values)&&void 0!==d?d:[];return t("div",{class:"mrd-table__filter-list"},t("div",{class:"mrd-table__filter-list-controls"},t("button",{class:"mrd-table__filter-list-btn",onClick:()=>o.onReplacePending(Object.assign(Object.assign({},u),{values:e.map((t=>t.key))}))},s("filter_select_all",a)),t("button",{class:"mrd-table__filter-list-btn",onClick:()=>o.onReplacePending(Object.assign(Object.assign({},u),{values:[]}))},s("filter_select_none",a))),e.map((r=>t("label",{class:"mrd-table__filter-checkbox-label"},t("input",{type:"checkbox",checked:l.includes(r.key),onChange:t=>o.onToggleValue(r.key,t.target.checked)}),r.label))))}if(v.has(e)||"RELATION"===e){const r=null!==(c=u.operator)&&void 0!==c?c:"startsWith",e="isEmpty"===r||"isNotEmpty"===r;return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>o.onSetPending("operator",t.target.value)},[{val:"startsWith",labelKey:"filter_starts_with"},{val:"equals",labelKey:"filter_equals"},{val:"isEmpty",labelKey:"filter_is_empty"},{val:"isNotEmpty",labelKey:"filter_is_not_empty"}].map((e=>t("option",{value:e.val,selected:r===e.val},s(e.labelKey,a))))),!e&&t("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(m=u.value)&&void 0!==m?m:""),placeholder:s("filter_search_value",a),onInput:t=>o.onSetPending("value",t.target.value)}))}if(f.has(e)){const r=u.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==u.from||void 0!==u.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},u),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!e},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===r},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},s("filter_is_not_empty",a))),!e&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`nm-${l}`,checked:!i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`nm-${l}`,checked:i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{value:void 0,from:null,to:null}))}),s("filter_range",a))),i?t("div",{class:"mrd-table__filter-range"},t("input",{type:"number",class:"mrd-table__filter-input",placeholder:s("filter_from",a),value:null!=u.from?String(u.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("span",{class:"mrd-table__filter-range-sep"},"–"),t("input",{type:"number",class:"mrd-table__filter-input",placeholder:s("filter_to",a),value:null!=u.to?String(u.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:"number",class:"mrd-table__filter-input",value:null!=u.value?String(u.value):"",onInput:t=>o.onSetPending("value",t.target.value)})))}if("DATETIME"===e){const r=u.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==u.from||void 0!==u.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},u),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!e},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===r},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},s("filter_is_not_empty",a))),!e&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:!i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{value:void 0,from:null,to:null}))}),s("filter_range",a))),i?t("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},t("label",{class:"mrd-table__filter-range-label"},s("filter_from",a)),t("input",{type:"date",class:"mrd-table__filter-input",value:null!=u.from?String(u.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("label",{class:"mrd-table__filter-range-label"},s("filter_to",a)),t("input",{type:"date",class:"mrd-table__filter-input",value:null!=u.to?String(u.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(b=u.value)&&void 0!==b?b:""),onInput:t=>o.onSetPending("value",t.target.value)})))}if(g.has(e)){const r="DATE"===e?"date":"time",i=u.operator,n="isEmpty"===i||"isNotEmpty"===i,d=!n&&(void 0!==u.from||void 0!==u.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},u),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!n},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===i},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===i},s("filter_is_not_empty",a))),!n&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:!d,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:d,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},u),{value:void 0,from:null,to:null}))}),s("filter_range",a))),d?t("div",{class:"mrd-table__filter-range"},t("input",{type:r,class:"mrd-table__filter-input",placeholder:s("filter_from",a),value:null!=u.from?String(u.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("input",{type:r,class:"mrd-table__filter-input",placeholder:s("filter_to",a),value:null!=u.to?String(u.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:r,class:"mrd-table__filter-input",value:String(null!==(h=u.value)&&void 0!==h?h:""),onInput:t=>o.onSetPending("value",t.target.value)})))}return null},I=r=>{var e;const{col:l,openFilterCol:i,popupPos:a,sortField:o,sortDir:n,locale:d,cb:c}=r,m=null!==(e=l.label)&&void 0!==e?e:i,b=o===i;return t("div",{class:"mrd-table__filter-popup",style:{top:`${a.top}px`,left:`${a.left}px`},onClick:t=>t.stopPropagation()},t("div",{class:"mrd-table__filter-popup-header"},t("span",{class:"mrd-table__filter-popup-title"},m),t("button",{class:"mrd-table__filter-close",onClick:c.onClose},"✕")),t("div",{class:"mrd-table__filter-section"},t("div",{class:"mrd-table__filter-section-label"},s("filter_sorting",d)),t("div",{class:"mrd-table__filter-sort-buttons"},t("button",{class:"mrd-table__filter-sort-btn"+(b&&"asc"===n?" mrd-table__filter-sort-btn--active":""),onClick:()=>c.onApplySort("asc")},"▲ ",s("filter_ascending",d)),t("button",{class:"mrd-table__filter-sort-btn"+(b&&"desc"===n?" mrd-table__filter-sort-btn--active":""),onClick:()=>c.onApplySort("desc")},"▼ ",s("filter_descending",d)))),t("div",{class:"mrd-table__filter-divider"}),t("div",{class:"mrd-table__filter-section"},t("div",{class:"mrd-table__filter-section-label"},s("filter_section",d)),t(j,Object.assign({},r))),t("div",{class:"mrd-table__filter-popup-footer"},t("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:c.onClear},s("filter_clear",d)),t("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:c.onApply},s("filter_apply",d))))};function P(t,r){return Math.ceil(t/r)}function L(t,r,e){return{firstPage:Math.floor(t/e),lastPage:Math.floor(r/e)}}const A=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadPage=l(this,"mrdLoadPage",7),this.mrdPageError=l(this,"mrdPageError",7),this.mrdRowClick=l(this,"mrdRowClick",7),this.mrdAction=l(this,"mrdAction",7),this.mrdDownload=l(this,"mrdDownload",7),this.mrdLoadAggregations=l(this,"mrdLoadAggregations",7),this.pendingPages=new Set,this.debounceTimer=null,this.requestedAt=new Map,this.retryAttempts=new Map,this.staleCheckTimer=null,this.outsideClickHandler=null,this.keydownHandler=null,this.createPickerClickHandler=null,this.viewPopoverClickHandler=null,this.colWidthMeasureScheduled=!1,this.item=null,this.parentId="",this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.requestTimeoutMs=15e3,this.activeViewIdx=0,this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.renderStart=0,this.renderEnd=0,this.colWidths=[],this.sortField="",this.sortDir="asc",this.filterMode=!1,this.activeFilters=new Map,this.openFilterCol=null,this.pendingFilter=null,this.popupPos={top:0,left:0},this.createPickerOpen=!1,this.viewPopoverOpen=!1,this.scrollTop=0,this.textblockModal=null,this.jsonModal=null,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!1,this.minKnownTotal=0,this.handleScroll=t=>{const r=t.currentTarget,{renderStart:e,renderEnd:l}=function(t,r,e,l){const i=Math.floor(t/r),a=Math.min(i+P(e,r),l-1);return{renderStart:Math.max(0,i-10),renderEnd:Math.min(l-1,a+10)}}(r.scrollTop,this.rowHeight,this.tableHeight,this.baseTotal);this.scrollTop=r.scrollTop,this.renderStart=e,this.renderEnd=l,this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}itemChanged(t){var r,e;this.activeViewIdx=0,this.applyDefaultSort(null!==(e=null===(r=null==t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentWillLoad(){var t,r,e;this.applyDefaultSort(null!==(e=null===(r=null===(t=this.item)||void 0===t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentDidLoad(){this.staleCheckTimer=setInterval((()=>this.checkStalePages()),2e3)}applyDefaultSort(t){const{field:r,dir:e}=function(t){var r;if(!t)return{field:"",dir:"asc"};const e=t.split(",");return{field:e[0].trim(),dir:"desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}}(t);this.sortField=r,this.sortDir=e}async init(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.requestedAt.clear(),this.retryAttempts.clear(),this.colWidths=[],this.colWidthMeasureScheduled=!1,this.scrollTop=0,this.renderStart=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,this.minKnownTotal=0,this.emitLoadPage(0),this.requestedPages=new Set([0])}async setPage(t,r,e){const l=void 0!==e?!e:r.length<this.pageSize;l?(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1),this.minKnownTotal=t*this.pageSize+r.length):this.minKnownTotal=Math.max(this.minKnownTotal,(t+1)*this.pageSize+1);const i=new Map(this.loadedPages);if(i.set(t,r),this.loadedPages=i,this.requestedAt.delete(t),this.retryAttempts.delete(t),this.failedPages.has(t)){const r=new Set(this.failedPages);r.delete(t),this.failedPages=r}if(0===t&&this.aggregationsPending){this.aggregationsPending=!1;const t=this.columns.some((t=>"FIELD"===t.type&&t.aggregate));l&&!t||this.emitLoadAggregations()}}async setAggregations(t){var r;const e=null!==(r=t.total)&&void 0!==r?r:"number"==typeof t.count?t.count:void 0;null!=e&&(this.aggregationsTotal=e),this.aggregations=t}disconnectedCallback(){null!==this.staleCheckTimer&&(clearInterval(this.staleCheckTimer),this.staleCheckTimer=null),this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null),this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}componentDidRender(){0===this.colWidths.length&&!this.colWidthMeasureScheduled&&this.loadedPages.size>0&&this.totalElements>0&&(this.colWidthMeasureScheduled=!0,i((()=>{if(this.colWidthMeasureScheduled=!1,0!==this.colWidths.length)return;const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))})))}visibleCount(){return P(this.tableHeight,this.rowHeight)}sortParam(){return(t=this.sortField)?"desc"===this.sortDir?`${t},desc`:t:"";var t}get allViews(){var t,r,e,l,i,a,o;if(!this.item)return[];const s=this.item;return[{label:null!==(i=null!==(l=null!==(e=null!==(t=s.label)&&void 0!==t?t:null===(r=s.view)||void 0===r?void 0:r.pluralLabel)&&void 0!==e?e:s.dataClass)&&void 0!==l?l:s.relatedClass)&&void 0!==i?i:"",dataClass:null!==(a=s.dataClass)&&void 0!==a?a:s.relatedClass,fromClass:s.fromClass,filterClass:s.filterClass,view:s.view},...(null!==(o=s.alternativeViews)&&void 0!==o?o:[]).map((t=>{var r,e,l,i;return{label:null!==(i=null!==(l=null!==(r=t.label)&&void 0!==r?r:null===(e=t.view)||void 0===e?void 0:e.pluralLabel)&&void 0!==l?l:t.dataClass)&&void 0!==i?i:"",dataClass:t.dataClass,fromClass:t.fromClass,filterClass:t.filterClass,view:t.view}}))]}buildExcelPath(){var t;const r=this.allViews[this.activeViewIdx];return r?"/excel"+d({isRelatedView:"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type),fromClass:r.fromClass,parentId:this.parentId,dataClass:r.dataClass}):""}buildActionDetail(t,r){var e,l,i;if("export"===t)return{action:t,path:this.buildExcelPath(),qs:this.buildQueryParams(0)};if("create"===t){const a=this.allViews[this.activeViewIdx],o="RELATED_VIEW"===(null===(e=this.item)||void 0===e?void 0:e.type)?`/${null!==(l=null==a?void 0:a.fromClass)&&void 0!==l?l:""}/${this.parentId}`:null;return Object.assign({action:t,dataClass:null!==(i=null==a?void 0:a.dataClass)&&void 0!==i?i:"",parentPath:o},r?{basicType:r}:{})}return{action:t}}buildDataPath(){var t;const r=this.allViews[this.activeViewIdx];return r?d({isRelatedView:"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type),fromClass:r.fromClass,parentId:this.parentId,dataClass:r.dataClass}):""}buildQueryParams(t){var r;const e=this.allViews[this.activeViewIdx];return function(t){var r,e;const l=new URLSearchParams;t.page>0&&l.set("page",String(t.page)),t.sort&&l.set("sort",t.sort),t.filterClass&&l.set("type",t.filterClass),n(l,t.viewFilters);for(const i of t.activeFilters)"isEmpty"!==i.operator?"isNotEmpty"!==i.operator?"startsWith"!==i.operator?(null===(e=i.values)||void 0===e?void 0:e.length)?l.set(i.field,i.values.join(",")):(null!=i.value&&l.set(i.field,String(i.value)),null!=i.from&&l.set(i.field+"_from",String(i.from)),null!=i.to&&l.set(i.field+"_to",String(i.to))):l.set(i.field+"_startswith",String(null!==(r=i.value)&&void 0!==r?r:"")):l.set(i.field+"_notempty","true"):l.set(i.field,"");return l.toString()}({page:t,sort:this.sortParam(),filterClass:null==e?void 0:e.filterClass,viewFilters:null===(r=null==e?void 0:e.view)||void 0===r?void 0:r.filter,activeFilters:this.activeFilters.values()})}get columns(){var t,r,e;return null!==(e=null===(r=null===(t=this.allViews[this.activeViewIdx])||void 0===t?void 0:t.view)||void 0===r?void 0:r.values)&&void 0!==e?e:[]}get tableActions(){var t,r;const e=null!==(r=null===(t=this.item)||void 0===t?void 0:t.actions)&&void 0!==r?r:[];return(null!=e?e:[]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:s("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:s("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[])}toggleCreatePicker(){this.createPickerOpen?this.closeCreatePicker():(this.createPickerOpen=!0,this.createPickerClickHandler&&document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=t=>{const r=this.el.querySelector(".mrd-table__create-picker-wrap");r&&!r.contains(t.target)&&this.closeCreatePicker()},document.addEventListener("click",this.createPickerClickHandler))}closeCreatePicker(){this.createPickerOpen=!1,this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null)}colName(t){var r;return null!==(r=t.name)&&void 0!==r?r:""}colDataType(t){var r;return"RELATION"===t.type?"RELATION":null!==(r=t.dataType)&&void 0!==r?r:"TEXT"}isTotalKnown(){return null!=this.aggregationsTotal||function(t,r){for(const e of t.values())if(e.length<r)return!0;return!1}(this.loadedPages,this.pageSize)}get baseTotal(){return null!=this.aggregationsTotal?this.aggregationsTotal:this.totalElements>0?this.totalElements:this.minKnownTotal}emitLoadAggregations(){const t=this.buildQueryParams(0);this.mrdLoadAggregations.emit({path:this.buildDataPath(),qs:t,aggQs:k(t,this.columns)})}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.requestedAt.clear(),this.retryAttempts.clear(),this.colWidths=[],this.colWidthMeasureScheduled=!1,this.scrollTop=0,this.renderStart=0,this.minKnownTotal=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitLoadPage(t){this.mrdLoadPage.emit({page:t,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(t)}),this.requestedAt.set(t,Date.now())}emitPagesForWindow(t,r){const{firstPage:e,lastPage:l}=L(t,r,this.pageSize),i=new Set(this.requestedPages);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||i.has(t)||(i.add(t),this.emitLoadPage(t),a=!0);a&&(this.requestedPages=i)}getRow(t){return function(t,r,e){var l;const i=t.get(Math.floor(r/e));return null!==(l=null==i?void 0:i[r%e])&&void 0!==l?l:null}(this.loadedPages,t,this.pageSize)}requestPagesForWindow(t,r){const{firstPage:e,lastPage:l}=L(t,r,this.pageSize);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),i=!0);i&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const t=new Set(this.requestedPages);let r=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||t.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(t.add(e),this.emitLoadPage(e),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}checkStalePages(){var t;if(0===this.requestedAt.size)return;const r=function(t,r,e){const l=[];for(const[i,a]of t)r-a>=e&&l.push(i);return l}(this.requestedAt,Date.now(),this.requestTimeoutMs).filter((t=>!this.loadedPages.has(t)));if(0===r.length)return;let e=null;for(const l of r){const r=null!==(t=this.retryAttempts.get(l))&&void 0!==t?t:0;r<3?(this.retryAttempts.set(l,r+1),this.emitLoadPage(l)):(this.requestedAt.delete(l),this.retryAttempts.delete(l),e||(e=new Set(this.failedPages)),e.add(l),this.mrdPageError.emit({page:l}))}e&&(this.failedPages=e)}retryPage(t){const r=new Set(this.failedPages);r.delete(t),this.failedPages=r,this.retryAttempts.delete(t),this.emitLoadPage(t);const e=new Set(this.requestedPages);e.add(t),this.requestedPages=e}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(t,r){r.stopPropagation();const e=r.currentTarget.getBoundingClientRect();let l=e.left;l+280>window.innerWidth-8&&(l=e.right-280),this.popupPos={top:e.bottom+4,left:Math.max(8,l)};const i=this.colName(t),a=this.colDataType(t),o=this.activeFilters.get(i),s=v.has(a)||"RELATION"===a?"startsWith":void 0;this.pendingFilter="DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator?function(t){const r=Object.assign({},t);return"string"==typeof r.from&&r.from&&(r.from=function(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}(r.from)),"string"==typeof r.to&&r.to&&(r.to=function(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`)}(r.to)),r.from&&r.to&&r.from===r.to?Object.assign(Object.assign({},r),{value:r.from,from:void 0,to:void 0}):r}(o):o?Object.assign({},o):{field:i,dataType:a,operator:s},this.openFilterCol=i,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=t=>{const r=this.el.querySelector(".mrd-table__filter-popup");r&&!r.contains(t.target)&&this.closeFilterPopup()},document.addEventListener("click",this.outsideClickHandler)}closeFilterPopup(){this.openFilterCol=null,this.pendingFilter=null,this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}openTextblockModal(t){this.textblockModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:r?[...i,t]:i.filter((r=>r!==t))})}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();const r=function(t){const r=Object.assign({},t);return"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=x(r.value),r.to=E(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=x(r.from)),"string"==typeof r.to&&r.to&&(r.to=E(r.to)))),r}(t),e=new Map(this.activeFilters);!function(t){return"isEmpty"===t.operator||"isNotEmpty"===t.operator||void 0!==t.values&&t.values.length>0||null!=t.value&&""!==t.value||"boolean"==typeof t.value||null!=t.from&&""!==t.from||null!=t.to&&""!==t.to}(r)?e.delete(r.field):e.set(r.field,r),this.activeFilters=e,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}handleViewSwitch(t){var r,e;const l=this.allViews[t];(null==l?void 0:l.view)&&(this.activeViewIdx=t,this.applyDefaultSort(null!==(e=null===(r=l.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:""),this.activeFilters=new Map,this.init())}toggleViewPopover(t){t.stopPropagation(),this.viewPopoverOpen?this.closeViewPopover():(this.viewPopoverOpen=!0,this.viewPopoverClickHandler=()=>this.closeViewPopover(),document.addEventListener("click",this.viewPopoverClickHandler))}closeViewPopover(){this.viewPopoverOpen=!1,this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}renderToolbar(){var r;return t(N,{locale:this.locale,filterMode:this.filterMode,filterCount:this.activeFilters.size,actions:this.tableActions,views:this.allViews,activeViewIdx:this.activeViewIdx,viewPopoverOpen:this.viewPopoverOpen,createPickerOpen:this.createPickerOpen,createTypes:null===(r=this.item)||void 0===r?void 0:r.createTypes,cb:{onFilterToggle:()=>this.handleFilterToggle(),onClearAllFilters:()=>this.clearAllFilters(),onViewSwitch:t=>this.handleViewSwitch(t),onToggleViewPopover:t=>this.toggleViewPopover(t),onCloseViewPopover:()=>this.closeViewPopover(),onToggleCreatePicker:()=>this.toggleCreatePicker(),onCreate:t=>{this.mrdAction.emit(this.buildActionDetail("create",t)),this.closeCreatePicker()},onAction:t=>this.mrdAction.emit(this.buildActionDetail(t))}})}renderFilterPopup(){if(!this.openFilterCol||!this.pendingFilter)return null;const r=this.columns.find((t=>this.colName(t)===this.openFilterCol));return r?t(I,{col:r,dataType:this.colDataType(r),openFilterCol:this.openFilterCol,pendingFilter:this.pendingFilter,popupPos:this.popupPos,sortField:this.sortField,sortDir:this.sortDir,locale:this.locale,cb:{onSetPending:(t,r)=>this.setPending(t,r),onReplacePending:t=>this.pendingFilter=t,onToggleValue:(t,r)=>this.togglePendingValue(t,r),onApplySort:t=>this.applySort(r,t),onApply:()=>this.applyFilter(),onClear:()=>this.clearFilter(),onClose:()=>this.closeFilterPopup()}}):null}renderFooter(r,e,l=!0){if(0===this.totalElements&&0===this.loadedPages.size){const e=null!=r?r:0;return 0===e?null:t("div",{class:"mrd-table__footer"},e," ",s("table_of",this.locale)," ",e)}if(!this.loadedPages.has(0))return null;const i=null!=e?e:this.baseTotal,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i),n=l?String(i):"…";return t("div",{class:"mrd-table__footer"},a,"–",o," ",s("table_of",this.locale)," ",n)}renderCell(r,e){return t(T,{col:r,row:e,locale:this.locale,onDownload:t=>this.mrdDownload.emit(t),onOpenTextblock:t=>this.openTextblockModal(t),onOpenJson:t=>this.openJsonModal(t)})}renderTotalsRow(){return t(S,{columns:this.columns,aggregations:this.aggregations,locale:this.locale})}render(){var r,e,l;if(!(null===(r=this.columns)||void 0===r?void 0:r.length))return null;if(0===this.totalElements&&0===this.loadedPages.size)return t(a,null,this.renderToolbar(),t("div",{class:"mrd-table"},t("table",{class:"mrd-table__table"},t("thead",null,t("tr",null,this.columns.map((r=>{var e;const l=this.colName(r),i=this.activeFilters.has(l),a=["mrd-table__header",i?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return t("th",{class:a,onClick:this.filterMode?t=>this.handleFilterOpen(r,t):void 0},t("span",{class:"mrd-table__header-label"},null!==(e=r.label)&&void 0!==e?e:""),i&&t(z,null))})))),t("tbody",null,null===(e=this.rows)||void 0===e?void 0:e.map(((r,e)=>t("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:e%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit({row:r})},this.columns.map((t=>this.renderCell(t,r))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&t("p",{class:"mrd-table__empty"},s("no_results",this.locale))),this.renderFooter(null===(l=this.rows)||void 0===l?void 0:l.length),this.renderFilterPopup(),this.renderTextblockModal(),this.renderJsonModal());const i=function(t,r,e){let l=e;for(const[e,i]of t)i.length<r&&(l=Math.min(l,e*r+i.length));return l}(this.loadedPages,this.pageSize,this.baseTotal),o=Math.min(this.renderEnd,i-1),n=this.columns.length,d=this.renderStart*this.rowHeight,c=Math.max(0,(i-1-o)*this.rowHeight),m=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,b=[];for(let r=this.renderStart;r<=o;r++){const e=this.getRow(r);if(null===e){const e=Math.floor(r/this.pageSize);this.failedPages.has(e)?b.push(t("tr",{class:"mrd-table__row mrd-table__row--failed"},t("td",{class:"mrd-table__cell--failed",colSpan:n},t("button",{type:"button",class:"mrd-table__retry-button",onClick:()=>this.retryPage(e)},s("load_failed_retry",this.locale))))):b.push(t("tr",{class:"mrd-table__row mrd-table__row--loading"},t("td",{class:"mrd-table__cell--placeholder",colSpan:n},t("span",{class:"mrd-table__placeholder-bar"}))))}else b.push(t("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit({row:e,listContext:{index:r,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(0)}})},this.columns.map((t=>this.renderCell(t,e)))))}return t(a,null,this.renderToolbar(),t("div",{class:"mrd-table__scroll",style:{height:`${this.tableHeight}px`},onScroll:this.handleScroll},t("table",{class:"mrd-table__table",style:m},t("thead",null,t("tr",null,this.columns.map(((r,e)=>{var l;const i=this.colName(r),a=this.sortField===i,o=this.activeFilters.has(i),s=!w.has(this.colDataType(r)),n=["mrd-table__header",s?"mrd-table__header--sortable":"",a?`mrd-table__header--sorted-${this.sortDir}`:"",o?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return t("th",{class:n,style:this.colWidths[e]?{width:`${this.colWidths[e]}px`}:void 0,onClick:s?t=>this.filterMode?this.handleFilterOpen(r,t):this.handleSortClick(r):void 0},t("span",{class:"mrd-table__header-label"},null!==(l=r.label)&&void 0!==l?l:""),s&&a&&t("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),s&&!a&&!this.filterMode&&t("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),s&&o&&t(z,null))})))),t("tbody",null,d>0&&t("tr",{class:"mrd-table__spacer",style:{height:`${d}px`}},t("td",{colSpan:n})),b,c>0&&t("tr",{class:"mrd-table__spacer",style:{height:`${c}px`}},t("td",{colSpan:n}))),this.renderTotalsRow())),0===i&&this.loadedPages.has(0)&&t("p",{class:"mrd-table__empty"},s("no_results",this.locale)),i>0&&this.renderFooter(void 0,i,this.isTotalKnown()),this.renderFilterPopup(),this.renderTextblockModal(),this.renderJsonModal())}renderTextblockModal(){return t(O,{text:this.textblockModal,locale:this.locale,onClose:()=>this.closeTextblockModal()})}renderJsonModal(){return t(M,{html:this.jsonModal,locale:this.locale,onClose:()=>this.closeJsonModal()})}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.85rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-1);color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__row--failed.sc-mrd-table{background:transparent}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__cell--failed.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient(90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75%);background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}.mrd-table__retry-button.sc-mrd-table{border:none;background:none;padding:0;color:var(--mrd-color-danger);font-size:inherit;cursor:pointer;text-decoration:underline}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-switcher.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-arrow.sc-mrd-table{background:none;border:none;cursor:pointer;padding:0 var(--mrd-space-1);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-xs);line-height:1}.mrd-table__view-arrow.sc-mrd-table:hover{color:var(--mrd-color-neutral-800)}.mrd-table__view-title-wrap.sc-mrd-table{position:relative}.mrd-table__view-title.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0 var(--mrd-space-1);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-table__view-title.sc-mrd-table:hover{color:var(--mrd-color-primary)}.mrd-table__view-popover.sc-mrd-table{position:absolute;top:calc(100% + var(--mrd-space-1));left:50%;transform:translateX(-50%);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-radius-md);box-shadow:var(--mrd-shadow-md);z-index:100;min-width:160px;padding:var(--mrd-space-1) 0}.mrd-table__view-popover-item.sc-mrd-table{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--mrd-space-2) var(--mrd-space-3);font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-700);white-space:nowrap}.mrd-table__view-popover-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50)}.mrd-table__view-popover-item--active.sc-mrd-table{font-weight:600;color:var(--mrd-color-primary)}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__create-picker-wrap.sc-mrd-table{position:relative}.mrd-table__create-picker.sc-mrd-table{position:absolute;right:0;top:calc(100% + 4px);background:var(--mrd-color-white, #fff);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:10;min-width:10rem;padding:var(--mrd-space-1) 0}.mrd-table__create-picker-item.sc-mrd-table{display:block;width:100%;text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-800)}.mrd-table__create-picker-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-900)}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__totals-row.sc-mrd-table{border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell.sc-mrd-table{position:sticky;bottom:0;z-index:2;padding:var(--mrd-space-2) var(--mrd-space-4);background:var(--mrd-color-white);font-weight:var(--mrd-font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell--numeric.sc-mrd-table{text-align:right}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}.mrd-table__file-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;max-width:100%;overflow:hidden}.mrd-table__file-btn.sc-mrd-table:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-table__file-icon.sc-mrd-table{flex-shrink:0;width:1rem;height:1rem}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[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"],requestTimeoutMs:[2,"request-timeout-ms"],activeViewIdx:[32],loadedPages:[32],requestedPages:[32],failedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],createPickerOpen:[32],viewPopoverOpen:[32],scrollTop:[32],textblockModal:[32],jsonModal:[32],aggregations:[32],aggregationsTotal:[32],minKnownTotal:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}]);function D(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(o(t))||customElements.define(o(t),A))}))}export{C,A as M,D as d}
|
|
1
|
+
import{h as t,proxyCustomElement as r,HTMLElement as e,createEvent as l,writeTask as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{t as s}from"./i18n.js";import{a as d,b as n}from"./query-params.js";import{C as c}from"./cell-renderer.js";import{a as m,b as h,c as b}from"./format.js";const u=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),p=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),_=new Set(["DATE","DATETIME","TIME"]),v=new Set(["FILE","IMAGE"]),f=new Set(["LONGTEXT","JSON","FILE","IMAGE"]);function g(t,r){var e,l,i;const a=new URLSearchParams(t);a.delete("page"),a.delete("sort");const o=function(t){var r;const e={sum:[],avg:[],count:[]};for(const l of t){if("FIELD"!==l.type||!l.aggregate)continue;const t=l.aggregate.toLowerCase();t in e&&e[t].push(null!==(r=l.name)&&void 0!==r?r:"")}const l={};return e.sum.length&&(l.sum=e.sum),e.avg.length&&(l.avg=e.avg),e.count.length&&(l.count=e.count),Object.keys(l).length>0?l:null}(r);return(null===(e=null==o?void 0:o.sum)||void 0===e?void 0:e.length)&&a.set("sum",o.sum.join(",")),(null===(l=null==o?void 0:o.avg)||void 0===l?void 0:l.length)&&a.set("avg",o.avg.join(",")),(null===(i=null==o?void 0:o.count)||void 0===i?void 0:i.length)&&a.set("count",o.count.join(",")),a.toString()}function w(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}function y(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}const k=()=>t("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},t("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},t("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}))),x=({col:r,row:e,locale:l,onDownload:i,onOpenTextblock:a,onOpenJson:o})=>{var d,n,m;const h=null!==(d=r.dataType)&&void 0!==d?d:"",b="FIELD"===r.type&&p.has(h);if("FIELD"===r.type&&("FILE"===h||"IMAGE"===h)){const a=null!==(n=r.name)&&void 0!==n?n:"",o=null==e?void 0:e[a],d=null==o?void 0:o.href,c=null==o?void 0:o.fileName;return t("td",{class:"mrd-table__cell"},d&&c?t("button",{class:"mrd-table__file-btn",title:c,onClick:t=>{t.stopPropagation(),i({href:d,fileName:c})}},t("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),s("download",l)):"")}if("JSON"===h){const i=null!==(m=r.name)&&void 0!==m?m:"",a=i?null==e?void 0:e[i]:void 0;if(null==a||""===a)return t("td",{class:"mrd-table__cell"});const d=c.formatJson(a,!0),n=c.formatJson(a,!1);return t("td",{class:"mrd-table__cell"},t("span",{class:"mrd-table__json-preview",innerHTML:d}),t("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),o(n)},"aria-label":s("textblock_show_more",l)},"⋯"))}if("TEXTBLOCK"===h){const i=c.render(r,e,l);if(i.length<=200)return t("td",{class:"mrd-table__cell"},i);const o=i.slice(0,200)+"…";return t("td",{class:"mrd-table__cell"},o,t("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),a(i)},"aria-label":s("textblock_show_more",l)},"⋯"))}const u=c.render(r,e,l);return t("td",{class:"mrd-table__cell"+(b?" mrd-table__cell--numeric":"")},u)},E=({columns:r,aggregations:e,locale:l})=>e&&r.some((t=>"FIELD"===t.type&&t.aggregate))?t("tfoot",null,t("tr",{class:"mrd-table__totals-row"},r.map((r=>{var i;const a=function(t,r,e){var l,i;if("FIELD"!==t.type||!t.aggregate||!r)return"";const a=null===(l=r[t.aggregate.toLowerCase()])||void 0===l?void 0:l[null!==(i=t.name)&&void 0!==i?i:""];if(null==a)return"";const o=t.dataType;return"INTEGER"===o?m(a,e,{maximumFractionDigits:0}):"PERCENTAGE"===o?h(a,e):"CURRENCY"===o&&t.currencyCode?b(a,t.currencyCode,e):m(a,e)}(r,e,l),o="FIELD"===r.type&&p.has(null!==(i=r.dataType)&&void 0!==i?i:"");return t("td",{class:"mrd-table__totals-cell"+(o?" mrd-table__totals-cell--numeric":"")},a)})))):null,C=({text:r,locale:e,onClose:l})=>null===r?null:t("div",{class:"mrd-table__modal-backdrop",onClick:l,role:"dialog","aria-modal":"true"},t("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-table__modal-close",onClick:l,"aria-label":s("close",e)},"✕"),t("p",{class:"mrd-table__modal-text"},r))),z=({html:r,locale:e,onClose:l})=>null===r?null:t("div",{class:"mrd-table__modal-backdrop",onClick:l,role:"dialog","aria-modal":"true"},t("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-table__modal-close",onClick:l,"aria-label":s("close",e)},"✕"),t("pre",{class:"mrd-table__modal-json",innerHTML:r}))),T=({locale:r,filterMode:e,filterCount:l,actions:i,views:a,activeViewIdx:o,viewPopoverOpen:d,createPickerOpen:n,createTypes:c,cb:m})=>{var h;const b=i.length>0,u=a.length>1;return t("div",{class:"mrd-table__toolbar"},t("div",{class:"mrd-table__toolbar-left"},t("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(e?" mrd-table__filter-toggle--active":""),onClick:m.onFilterToggle},t("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),l>0&&t("span",{class:"mrd-table__filter-badge"},l),t("span",{class:"mrd-table__action-tooltip"},s(e?"table_filter_hide":"table_filter",r),l>0?` (${l} ${s("table_filter_active",r)})`:"")),l>0&&t("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:m.onClearAllFilters},t("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("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"})),t("span",{class:"mrd-table__action-tooltip"},s("table_filter_clear_all",r)))),u&&t("div",{class:"mrd-table__toolbar-center"},t("div",{class:"mrd-table__view-switcher"},t("button",{class:"mrd-table__view-arrow","aria-label":"Previous view",onClick:()=>m.onViewSwitch((o-1+a.length)%a.length)},"◀"),t("div",{class:"mrd-table__view-title-wrap"},t("button",{class:"mrd-table__view-title",onClick:t=>m.onToggleViewPopover(t)},null===(h=a[o])||void 0===h?void 0:h.label),d&&t("div",{class:"mrd-table__view-popover",onClick:t=>t.stopPropagation()},a.map(((r,e)=>t("button",{key:String(e),class:"mrd-table__view-popover-item"+(e===o?" mrd-table__view-popover-item--active":""),onClick:()=>{e!==o&&m.onViewSwitch(e),m.onCloseViewPopover()}},r.label))))),t("button",{class:"mrd-table__view-arrow","aria-label":"Next view",onClick:()=>m.onViewSwitch((o+1)%a.length)},"▶"))),b&&t("div",{class:"mrd-table__toolbar-right"},i.map((r=>{var e,l;const i="create"===r.action?c:null;return(null==i?void 0:i.length)?t("div",{class:"mrd-table__create-picker-wrap",key:`action-${r.action}`},t("button",{class:`mrd-table__action mrd-table__action--${null!==(e=r.variant)&&void 0!==e?e:"secondary"}`,onClick:m.onToggleCreatePicker},r.icon?t("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},t("use",{href:r.icon})):r.label,t("span",{class:"mrd-table__action-tooltip"},r.label)),n&&t("div",{class:"mrd-table__create-picker"},i.map((r=>t("button",{key:r.type,class:"mrd-table__create-picker-item",onClick:()=>m.onCreate(r.type)},r.label))))):t("button",{key:`action-${r.action}`,class:`mrd-table__action mrd-table__action--${null!==(l=r.variant)&&void 0!==l?l:"secondary"}`,disabled:r.disabled,onClick:()=>m.onAction(r.action)},r.icon?t("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},t("use",{href:r.icon})):r.label,t("span",{class:"mrd-table__action-tooltip"},r.label))}))))},M=({col:r,dataType:e,openFilterCol:l,pendingFilter:i,locale:a,cb:o})=>{var d,n,c,m,h,b;const f=i;if(v.has(e))return t("p",{class:"mrd-table__filter-no-support"},s("filter_no_support",a));if("BOOLEAN"===e){const r=f.operator,e="isEmpty"===r||"isNotEmpty"===r;return t("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((r=>t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:!e&&f.value===r.value,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{operator:void 0,value:r.value}))}),s(r.labelKey,a)))),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:"isEmpty"===r,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{operator:"isEmpty",value:void 0}))}),s("filter_is_empty",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`bf-${l}`,checked:"isNotEmpty"===r,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{operator:"isNotEmpty",value:void 0}))}),s("filter_is_not_empty",a)))}if("LIST"===e){const e=null!==(d=r.listItems)&&void 0!==d?d:[],l=null!==(n=f.values)&&void 0!==n?n:[];return t("div",{class:"mrd-table__filter-list"},t("div",{class:"mrd-table__filter-list-controls"},t("button",{class:"mrd-table__filter-list-btn",onClick:()=>o.onReplacePending(Object.assign(Object.assign({},f),{values:e.map((t=>t.key))}))},s("filter_select_all",a)),t("button",{class:"mrd-table__filter-list-btn",onClick:()=>o.onReplacePending(Object.assign(Object.assign({},f),{values:[]}))},s("filter_select_none",a))),e.map((r=>t("label",{class:"mrd-table__filter-checkbox-label"},t("input",{type:"checkbox",checked:l.includes(r.key),onChange:t=>o.onToggleValue(r.key,t.target.checked)}),r.label))))}if(u.has(e)||"RELATION"===e){const r=null!==(c=f.operator)&&void 0!==c?c:"startsWith",e="isEmpty"===r||"isNotEmpty"===r;return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>o.onSetPending("operator",t.target.value)},[{val:"startsWith",labelKey:"filter_starts_with"},{val:"equals",labelKey:"filter_equals"},{val:"isEmpty",labelKey:"filter_is_empty"},{val:"isNotEmpty",labelKey:"filter_is_not_empty"}].map((e=>t("option",{value:e.val,selected:r===e.val},s(e.labelKey,a))))),!e&&t("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(m=f.value)&&void 0!==m?m:""),placeholder:s("filter_search_value",a),onInput:t=>o.onSetPending("value",t.target.value)}))}if(p.has(e)){const r=f.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==f.from||void 0!==f.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},f),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!e},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===r},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},s("filter_is_not_empty",a))),!e&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`nm-${l}`,checked:!i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`nm-${l}`,checked:i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{value:void 0,from:null,to:null}))}),s("filter_range",a))),i?t("div",{class:"mrd-table__filter-range"},t("input",{type:"number",class:"mrd-table__filter-input",placeholder:s("filter_from",a),value:null!=f.from?String(f.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("span",{class:"mrd-table__filter-range-sep"},"–"),t("input",{type:"number",class:"mrd-table__filter-input",placeholder:s("filter_to",a),value:null!=f.to?String(f.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:"number",class:"mrd-table__filter-input",value:null!=f.value?String(f.value):"",onInput:t=>o.onSetPending("value",t.target.value)})))}if("DATETIME"===e){const r=f.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==f.from||void 0!==f.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},f),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!e},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===r},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},s("filter_is_not_empty",a))),!e&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:!i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:i,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{value:void 0,from:null,to:null}))}),s("filter_range",a))),i?t("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},t("label",{class:"mrd-table__filter-range-label"},s("filter_from",a)),t("input",{type:"date",class:"mrd-table__filter-input",value:null!=f.from?String(f.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("label",{class:"mrd-table__filter-range-label"},s("filter_to",a)),t("input",{type:"date",class:"mrd-table__filter-input",value:null!=f.to?String(f.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(h=f.value)&&void 0!==h?h:""),onInput:t=>o.onSetPending("value",t.target.value)})))}if(_.has(e)){const r="DATE"===e?"date":"time",i=f.operator,d="isEmpty"===i||"isNotEmpty"===i,n=!d&&(void 0!==f.from||void 0!==f.to);return t("div",{class:"mrd-table__filter-editor"},t("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;o.onReplacePending(Object.assign(Object.assign({},f),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0}))}},t("option",{value:"",selected:!d},s("filter_has_value",a)),t("option",{value:"isEmpty",selected:"isEmpty"===i},s("filter_is_empty",a)),t("option",{value:"isNotEmpty",selected:"isNotEmpty"===i},s("filter_is_not_empty",a))),!d&&t("div",{class:"mrd-table__filter-editor"},t("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:!n,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{from:void 0,to:void 0}))}),s("filter_exact",a)),t("label",{class:"mrd-table__filter-radio-label"},t("input",{type:"radio",name:`dt-${l}`,checked:n,onChange:()=>o.onReplacePending(Object.assign(Object.assign({},f),{value:void 0,from:null,to:null}))}),s("filter_range",a))),n?t("div",{class:"mrd-table__filter-range"},t("input",{type:r,class:"mrd-table__filter-input",placeholder:s("filter_from",a),value:null!=f.from?String(f.from):"",onInput:t=>o.onSetPending("from",t.target.value)}),t("input",{type:r,class:"mrd-table__filter-input",placeholder:s("filter_to",a),value:null!=f.to?String(f.to):"",onInput:t=>o.onSetPending("to",t.target.value)})):t("input",{type:r,class:"mrd-table__filter-input",value:String(null!==(b=f.value)&&void 0!==b?b:""),onInput:t=>o.onSetPending("value",t.target.value)})))}return null},O=r=>{var e;const{col:l,openFilterCol:i,popupPos:a,sortField:o,sortDir:d,locale:n,cb:c}=r,m=null!==(e=l.label)&&void 0!==e?e:i,h=o===i;return t("div",{class:"mrd-table__filter-popup",style:{top:`${a.top}px`,left:`${a.left}px`},onClick:t=>t.stopPropagation()},t("div",{class:"mrd-table__filter-popup-header"},t("span",{class:"mrd-table__filter-popup-title"},m),t("button",{class:"mrd-table__filter-close",onClick:c.onClose},"✕")),t("div",{class:"mrd-table__filter-section"},t("div",{class:"mrd-table__filter-section-label"},s("filter_sorting",n)),t("div",{class:"mrd-table__filter-sort-buttons"},t("button",{class:"mrd-table__filter-sort-btn"+(h&&"asc"===d?" mrd-table__filter-sort-btn--active":""),onClick:()=>c.onApplySort("asc")},"▲ ",s("filter_ascending",n)),t("button",{class:"mrd-table__filter-sort-btn"+(h&&"desc"===d?" mrd-table__filter-sort-btn--active":""),onClick:()=>c.onApplySort("desc")},"▼ ",s("filter_descending",n)))),t("div",{class:"mrd-table__filter-divider"}),t("div",{class:"mrd-table__filter-section"},t("div",{class:"mrd-table__filter-section-label"},s("filter_section",n)),t(M,Object.assign({},r))),t("div",{class:"mrd-table__filter-popup-footer"},t("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:c.onClear},s("filter_clear",n)),t("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:c.onApply},s("filter_apply",n))))};function S(t,r){return Math.ceil(t/r)}function j(t,r,e){return{firstPage:Math.floor(t/e),lastPage:Math.floor(r/e)}}const P=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadPage=l(this,"mrdLoadPage",7),this.mrdPageError=l(this,"mrdPageError",7),this.mrdRowClick=l(this,"mrdRowClick",7),this.mrdAction=l(this,"mrdAction",7),this.mrdDownload=l(this,"mrdDownload",7),this.mrdLoadAggregations=l(this,"mrdLoadAggregations",7),this.pendingPages=new Set,this.debounceTimer=null,this.requestedAt=new Map,this.retryAttempts=new Map,this.staleCheckTimer=null,this.outsideClickHandler=null,this.keydownHandler=null,this.createPickerClickHandler=null,this.viewPopoverClickHandler=null,this.colWidthMeasureScheduled=!1,this.item=null,this.parentId="",this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.requestTimeoutMs=15e3,this.activeViewIdx=0,this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.renderStart=0,this.renderEnd=0,this.colWidths=[],this.sortField="",this.sortDir="asc",this.filterMode=!1,this.activeFilters=new Map,this.openFilterCol=null,this.pendingFilter=null,this.popupPos={top:0,left:0},this.createPickerOpen=!1,this.viewPopoverOpen=!1,this.scrollTop=0,this.textblockModal=null,this.jsonModal=null,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!1,this.minKnownTotal=0,this.handleScroll=t=>{const r=t.currentTarget,{renderStart:e,renderEnd:l}=function(t,r,e,l){const i=Math.floor(t/r),a=Math.min(i+S(e,r),l-1);return{renderStart:Math.max(0,i-10),renderEnd:Math.min(l-1,a+10)}}(r.scrollTop,this.rowHeight,this.tableHeight,this.baseTotal);this.scrollTop=r.scrollTop,this.renderStart=e,this.renderEnd=l,this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}itemChanged(t){var r,e;this.activeViewIdx=0,this.applyDefaultSort(null!==(e=null===(r=null==t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentWillLoad(){var t,r,e;this.applyDefaultSort(null!==(e=null===(r=null===(t=this.item)||void 0===t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentDidLoad(){this.staleCheckTimer=setInterval((()=>this.checkStalePages()),2e3)}applyDefaultSort(t){const{field:r,dir:e}=function(t){var r;if(!t)return{field:"",dir:"asc"};const e=t.split(",");return{field:e[0].trim(),dir:"desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}}(t);this.sortField=r,this.sortDir=e}async init(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.requestedAt.clear(),this.retryAttempts.clear(),this.colWidths=[],this.colWidthMeasureScheduled=!1,this.scrollTop=0,this.renderStart=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,this.minKnownTotal=0,this.emitLoadPage(0),this.requestedPages=new Set([0])}async setPage(t,r,e){const l=void 0!==e?!e:r.length<this.pageSize;l?(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1),this.minKnownTotal=t*this.pageSize+r.length):this.minKnownTotal=Math.max(this.minKnownTotal,(t+1)*this.pageSize+1);const i=new Map(this.loadedPages);if(i.set(t,r),this.loadedPages=i,this.requestedAt.delete(t),this.retryAttempts.delete(t),this.failedPages.has(t)){const r=new Set(this.failedPages);r.delete(t),this.failedPages=r}if(0===t&&this.aggregationsPending){this.aggregationsPending=!1;const t=this.columns.some((t=>"FIELD"===t.type&&t.aggregate));l&&!t||this.emitLoadAggregations()}}async setAggregations(t){null!=t.total&&(this.aggregationsTotal=t.total),this.aggregations=t}disconnectedCallback(){null!==this.staleCheckTimer&&(clearInterval(this.staleCheckTimer),this.staleCheckTimer=null),this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null),this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}componentDidRender(){0===this.colWidths.length&&!this.colWidthMeasureScheduled&&this.loadedPages.size>0&&this.totalElements>0&&(this.colWidthMeasureScheduled=!0,i((()=>{if(this.colWidthMeasureScheduled=!1,0!==this.colWidths.length)return;const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))})))}visibleCount(){return S(this.tableHeight,this.rowHeight)}sortParam(){return(t=this.sortField)?"desc"===this.sortDir?`${t},desc`:t:"";var t}get allViews(){var t,r,e,l,i,a,o;if(!this.item)return[];const s=this.item;return[{label:null!==(i=null!==(l=null!==(e=null!==(t=s.label)&&void 0!==t?t:null===(r=s.view)||void 0===r?void 0:r.pluralLabel)&&void 0!==e?e:s.dataClass)&&void 0!==l?l:s.relatedClass)&&void 0!==i?i:"",dataClass:null!==(a=s.dataClass)&&void 0!==a?a:s.relatedClass,fromClass:s.fromClass,filterClass:s.filterClass,view:s.view},...(null!==(o=s.alternativeViews)&&void 0!==o?o:[]).map((t=>{var r,e,l,i;return{label:null!==(i=null!==(l=null!==(r=t.label)&&void 0!==r?r:null===(e=t.view)||void 0===e?void 0:e.pluralLabel)&&void 0!==l?l:t.dataClass)&&void 0!==i?i:"",dataClass:t.dataClass,fromClass:t.fromClass,filterClass:t.filterClass,view:t.view}}))]}buildExcelPath(){var t;const r=this.allViews[this.activeViewIdx];return r?"/excel"+n({isRelatedView:"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type),fromClass:r.fromClass,parentId:this.parentId,dataClass:r.dataClass}):""}buildActionDetail(t,r){var e,l,i;if("export"===t)return{action:t,path:this.buildExcelPath(),qs:this.buildQueryParams(0)};if("create"===t){const a=this.allViews[this.activeViewIdx],o="RELATED_VIEW"===(null===(e=this.item)||void 0===e?void 0:e.type)?`/${null!==(l=null==a?void 0:a.fromClass)&&void 0!==l?l:""}/${this.parentId}`:null;return Object.assign({action:t,dataClass:null!==(i=null==a?void 0:a.dataClass)&&void 0!==i?i:"",parentPath:o},r?{basicType:r}:{})}return{action:t}}buildDataPath(){var t;const r=this.allViews[this.activeViewIdx];return r?n({isRelatedView:"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type),fromClass:r.fromClass,parentId:this.parentId,dataClass:r.dataClass}):""}buildQueryParams(t){var r;const e=this.allViews[this.activeViewIdx];return function(t){var r,e;const l=new URLSearchParams;t.page>0&&l.set("page",String(t.page)),t.sort&&l.set("sort",t.sort),t.filterClass&&l.set("type",t.filterClass),d(l,t.viewFilters);for(const i of t.activeFilters)"isEmpty"!==i.operator?"isNotEmpty"!==i.operator?"startsWith"!==i.operator?(null===(e=i.values)||void 0===e?void 0:e.length)?l.set(i.field,i.values.join(",")):(null!=i.value&&l.set(i.field,String(i.value)),null!=i.from&&l.set(i.field+"_from",String(i.from)),null!=i.to&&l.set(i.field+"_to",String(i.to))):l.set(i.field+"_startswith",String(null!==(r=i.value)&&void 0!==r?r:"")):l.set(i.field+"_notempty","true"):l.set(i.field,"");return l.toString()}({page:t,sort:this.sortParam(),filterClass:null==e?void 0:e.filterClass,viewFilters:null===(r=null==e?void 0:e.view)||void 0===r?void 0:r.filter,activeFilters:this.activeFilters.values()})}get columns(){var t,r,e;return null!==(e=null===(r=null===(t=this.allViews[this.activeViewIdx])||void 0===t?void 0:t.view)||void 0===r?void 0:r.values)&&void 0!==e?e:[]}get tableActions(){var t,r;const e=null!==(r=null===(t=this.item)||void 0===t?void 0:t.actions)&&void 0!==r?r:[];return(null!=e?e:[]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:s("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:s("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[])}toggleCreatePicker(){this.createPickerOpen?this.closeCreatePicker():(this.createPickerOpen=!0,this.createPickerClickHandler&&document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=t=>{const r=this.el.querySelector(".mrd-table__create-picker-wrap");r&&!r.contains(t.target)&&this.closeCreatePicker()},document.addEventListener("click",this.createPickerClickHandler))}closeCreatePicker(){this.createPickerOpen=!1,this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null)}colName(t){var r;return null!==(r=t.name)&&void 0!==r?r:""}colDataType(t){var r;return"RELATION"===t.type?"RELATION":null!==(r=t.dataType)&&void 0!==r?r:"TEXT"}isTotalKnown(){return null!=this.aggregationsTotal||function(t,r){for(const e of t.values())if(e.length<r)return!0;return!1}(this.loadedPages,this.pageSize)}get baseTotal(){return null!=this.aggregationsTotal?this.aggregationsTotal:this.totalElements>0?this.totalElements:this.minKnownTotal}emitLoadAggregations(){const t=this.buildQueryParams(0);this.mrdLoadAggregations.emit({path:this.buildDataPath(),qs:t,aggQs:g(t,this.columns)})}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.failedPages=new Set,this.requestedAt.clear(),this.retryAttempts.clear(),this.colWidths=[],this.colWidthMeasureScheduled=!1,this.scrollTop=0,this.renderStart=0,this.minKnownTotal=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitLoadPage(t){this.mrdLoadPage.emit({page:t,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(t)}),this.requestedAt.set(t,Date.now())}emitPagesForWindow(t,r){const{firstPage:e,lastPage:l}=j(t,r,this.pageSize),i=new Set(this.requestedPages);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||i.has(t)||(i.add(t),this.emitLoadPage(t),a=!0);a&&(this.requestedPages=i)}getRow(t){return function(t,r,e){var l;const i=t.get(Math.floor(r/e));return null!==(l=null==i?void 0:i[r%e])&&void 0!==l?l:null}(this.loadedPages,t,this.pageSize)}requestPagesForWindow(t,r){const{firstPage:e,lastPage:l}=j(t,r,this.pageSize);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),i=!0);i&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const t=new Set(this.requestedPages);let r=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||t.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(t.add(e),this.emitLoadPage(e),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}checkStalePages(){var t;if(0===this.requestedAt.size)return;const r=function(t,r,e){const l=[];for(const[i,a]of t)r-a>=e&&l.push(i);return l}(this.requestedAt,Date.now(),this.requestTimeoutMs).filter((t=>!this.loadedPages.has(t)));if(0===r.length)return;let e=null;for(const l of r){const r=null!==(t=this.retryAttempts.get(l))&&void 0!==t?t:0;r<3?(this.retryAttempts.set(l,r+1),this.emitLoadPage(l)):(this.requestedAt.delete(l),this.retryAttempts.delete(l),e||(e=new Set(this.failedPages)),e.add(l),this.mrdPageError.emit({page:l}))}e&&(this.failedPages=e)}retryPage(t){const r=new Set(this.failedPages);r.delete(t),this.failedPages=r,this.retryAttempts.delete(t),this.emitLoadPage(t);const e=new Set(this.requestedPages);e.add(t),this.requestedPages=e}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(t,r){r.stopPropagation();const e=r.currentTarget.getBoundingClientRect();let l=e.left;l+280>window.innerWidth-8&&(l=e.right-280),this.popupPos={top:e.bottom+4,left:Math.max(8,l)};const i=this.colName(t),a=this.colDataType(t),o=this.activeFilters.get(i),s=u.has(a)||"RELATION"===a?"startsWith":void 0;this.pendingFilter="DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator?function(t){const r=Object.assign({},t);return"string"==typeof r.from&&r.from&&(r.from=function(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}(r.from)),"string"==typeof r.to&&r.to&&(r.to=function(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`)}(r.to)),r.from&&r.to&&r.from===r.to?Object.assign(Object.assign({},r),{value:r.from,from:void 0,to:void 0}):r}(o):o?Object.assign({},o):{field:i,dataType:a,operator:s},this.openFilterCol=i,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=t=>{const r=this.el.querySelector(".mrd-table__filter-popup");r&&!r.contains(t.target)&&this.closeFilterPopup()},document.addEventListener("click",this.outsideClickHandler)}closeFilterPopup(){this.openFilterCol=null,this.pendingFilter=null,this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}openTextblockModal(t){this.textblockModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:r?[...i,t]:i.filter((r=>r!==t))})}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();const r=function(t){const r=Object.assign({},t);return"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=w(r.value),r.to=y(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=w(r.from)),"string"==typeof r.to&&r.to&&(r.to=y(r.to)))),r}(t),e=new Map(this.activeFilters);!function(t){return"isEmpty"===t.operator||"isNotEmpty"===t.operator||void 0!==t.values&&t.values.length>0||null!=t.value&&""!==t.value||"boolean"==typeof t.value||null!=t.from&&""!==t.from||null!=t.to&&""!==t.to}(r)?e.delete(r.field):e.set(r.field,r),this.activeFilters=e,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}handleViewSwitch(t){var r,e;const l=this.allViews[t];(null==l?void 0:l.view)&&(this.activeViewIdx=t,this.applyDefaultSort(null!==(e=null===(r=l.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:""),this.activeFilters=new Map,this.init())}toggleViewPopover(t){t.stopPropagation(),this.viewPopoverOpen?this.closeViewPopover():(this.viewPopoverOpen=!0,this.viewPopoverClickHandler=()=>this.closeViewPopover(),document.addEventListener("click",this.viewPopoverClickHandler))}closeViewPopover(){this.viewPopoverOpen=!1,this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}renderToolbar(){var r;return t(T,{locale:this.locale,filterMode:this.filterMode,filterCount:this.activeFilters.size,actions:this.tableActions,views:this.allViews,activeViewIdx:this.activeViewIdx,viewPopoverOpen:this.viewPopoverOpen,createPickerOpen:this.createPickerOpen,createTypes:null===(r=this.item)||void 0===r?void 0:r.createTypes,cb:{onFilterToggle:()=>this.handleFilterToggle(),onClearAllFilters:()=>this.clearAllFilters(),onViewSwitch:t=>this.handleViewSwitch(t),onToggleViewPopover:t=>this.toggleViewPopover(t),onCloseViewPopover:()=>this.closeViewPopover(),onToggleCreatePicker:()=>this.toggleCreatePicker(),onCreate:t=>{this.mrdAction.emit(this.buildActionDetail("create",t)),this.closeCreatePicker()},onAction:t=>this.mrdAction.emit(this.buildActionDetail(t))}})}renderFilterPopup(){if(!this.openFilterCol||!this.pendingFilter)return null;const r=this.columns.find((t=>this.colName(t)===this.openFilterCol));return r?t(O,{col:r,dataType:this.colDataType(r),openFilterCol:this.openFilterCol,pendingFilter:this.pendingFilter,popupPos:this.popupPos,sortField:this.sortField,sortDir:this.sortDir,locale:this.locale,cb:{onSetPending:(t,r)=>this.setPending(t,r),onReplacePending:t=>this.pendingFilter=t,onToggleValue:(t,r)=>this.togglePendingValue(t,r),onApplySort:t=>this.applySort(r,t),onApply:()=>this.applyFilter(),onClear:()=>this.clearFilter(),onClose:()=>this.closeFilterPopup()}}):null}renderFooter(r,e,l=!0){if(0===this.totalElements&&0===this.loadedPages.size){const e=null!=r?r:0;return 0===e?null:t("div",{class:"mrd-table__footer"},e," ",s("table_of",this.locale)," ",e)}if(!this.loadedPages.has(0))return null;const i=null!=e?e:this.baseTotal,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i),d=l?String(i):"…";return t("div",{class:"mrd-table__footer"},a,"–",o," ",s("table_of",this.locale)," ",d)}renderCell(r,e){return t(x,{col:r,row:e,locale:this.locale,onDownload:t=>this.mrdDownload.emit(t),onOpenTextblock:t=>this.openTextblockModal(t),onOpenJson:t=>this.openJsonModal(t)})}renderTotalsRow(){return t(E,{columns:this.columns,aggregations:this.aggregations,locale:this.locale})}render(){var r,e,l;if(!(null===(r=this.columns)||void 0===r?void 0:r.length))return null;if(0===this.totalElements&&0===this.loadedPages.size)return t(a,null,this.renderToolbar(),t("div",{class:"mrd-table"},t("table",{class:"mrd-table__table"},t("thead",null,t("tr",null,this.columns.map((r=>{var e;const l=this.colName(r),i=this.activeFilters.has(l),a=["mrd-table__header",i?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return t("th",{class:a,onClick:this.filterMode?t=>this.handleFilterOpen(r,t):void 0},t("span",{class:"mrd-table__header-label"},null!==(e=r.label)&&void 0!==e?e:""),i&&t(k,null))})))),t("tbody",null,null===(e=this.rows)||void 0===e?void 0:e.map(((r,e)=>t("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:e%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit({row:r})},this.columns.map((t=>this.renderCell(t,r))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&t("p",{class:"mrd-table__empty"},s("no_results",this.locale))),this.renderFooter(null===(l=this.rows)||void 0===l?void 0:l.length),this.renderFilterPopup(),this.renderTextblockModal(),this.renderJsonModal());const i=function(t,r,e){let l=e;for(const[e,i]of t)i.length<r&&(l=Math.min(l,e*r+i.length));return l}(this.loadedPages,this.pageSize,this.baseTotal),o=Math.min(this.renderEnd,i-1),d=this.columns.length,n=this.renderStart*this.rowHeight,c=Math.max(0,(i-1-o)*this.rowHeight),m=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,h=[];for(let r=this.renderStart;r<=o;r++){const e=this.getRow(r);if(null===e){const e=Math.floor(r/this.pageSize);this.failedPages.has(e)?h.push(t("tr",{class:"mrd-table__row mrd-table__row--failed"},t("td",{class:"mrd-table__cell--failed",colSpan:d},t("button",{type:"button",class:"mrd-table__retry-button",onClick:()=>this.retryPage(e)},s("load_failed_retry",this.locale))))):h.push(t("tr",{class:"mrd-table__row mrd-table__row--loading"},t("td",{class:"mrd-table__cell--placeholder",colSpan:d},t("span",{class:"mrd-table__placeholder-bar"}))))}else h.push(t("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit({row:e,listContext:{index:r,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(0)}})},this.columns.map((t=>this.renderCell(t,e)))))}return t(a,null,this.renderToolbar(),t("div",{class:"mrd-table__scroll",style:{height:`${this.tableHeight}px`},onScroll:this.handleScroll},t("table",{class:"mrd-table__table",style:m},t("thead",null,t("tr",null,this.columns.map(((r,e)=>{var l;const i=this.colName(r),a=this.sortField===i,o=this.activeFilters.has(i),s=!f.has(this.colDataType(r)),d=["mrd-table__header",s?"mrd-table__header--sortable":"",a?`mrd-table__header--sorted-${this.sortDir}`:"",o?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return t("th",{class:d,style:this.colWidths[e]?{width:`${this.colWidths[e]}px`}:void 0,onClick:s?t=>this.filterMode?this.handleFilterOpen(r,t):this.handleSortClick(r):void 0},t("span",{class:"mrd-table__header-label"},null!==(l=r.label)&&void 0!==l?l:""),s&&a&&t("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),s&&!a&&!this.filterMode&&t("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),s&&o&&t(k,null))})))),t("tbody",null,n>0&&t("tr",{class:"mrd-table__spacer",style:{height:`${n}px`}},t("td",{colSpan:d})),h,c>0&&t("tr",{class:"mrd-table__spacer",style:{height:`${c}px`}},t("td",{colSpan:d}))),this.renderTotalsRow())),0===i&&this.loadedPages.has(0)&&t("p",{class:"mrd-table__empty"},s("no_results",this.locale)),i>0&&this.renderFooter(void 0,i,this.isTotalKnown()),this.renderFilterPopup(),this.renderTextblockModal(),this.renderJsonModal())}renderTextblockModal(){return t(C,{text:this.textblockModal,locale:this.locale,onClose:()=>this.closeTextblockModal()})}renderJsonModal(){return t(z,{html:this.jsonModal,locale:this.locale,onClose:()=>this.closeJsonModal()})}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.85rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-1);color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__row--failed.sc-mrd-table{background:transparent}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__cell--failed.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient(90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75%);background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}.mrd-table__retry-button.sc-mrd-table{border:none;background:none;padding:0;color:var(--mrd-color-danger);font-size:inherit;cursor:pointer;text-decoration:underline}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-switcher.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-arrow.sc-mrd-table{background:none;border:none;cursor:pointer;padding:0 var(--mrd-space-1);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-xs);line-height:1}.mrd-table__view-arrow.sc-mrd-table:hover{color:var(--mrd-color-neutral-800)}.mrd-table__view-title-wrap.sc-mrd-table{position:relative}.mrd-table__view-title.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0 var(--mrd-space-1);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-table__view-title.sc-mrd-table:hover{color:var(--mrd-color-primary)}.mrd-table__view-popover.sc-mrd-table{position:absolute;top:calc(100% + var(--mrd-space-1));left:50%;transform:translateX(-50%);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-radius-md);box-shadow:var(--mrd-shadow-md);z-index:100;min-width:160px;padding:var(--mrd-space-1) 0}.mrd-table__view-popover-item.sc-mrd-table{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--mrd-space-2) var(--mrd-space-3);font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-700);white-space:nowrap}.mrd-table__view-popover-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50)}.mrd-table__view-popover-item--active.sc-mrd-table{font-weight:600;color:var(--mrd-color-primary)}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__create-picker-wrap.sc-mrd-table{position:relative}.mrd-table__create-picker.sc-mrd-table{position:absolute;right:0;top:calc(100% + 4px);background:var(--mrd-color-white, #fff);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:10;min-width:10rem;padding:var(--mrd-space-1) 0}.mrd-table__create-picker-item.sc-mrd-table{display:block;width:100%;text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-800)}.mrd-table__create-picker-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-900)}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__totals-row.sc-mrd-table{border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell.sc-mrd-table{position:sticky;bottom:0;z-index:2;padding:var(--mrd-space-2) var(--mrd-space-4);background:var(--mrd-color-white);font-weight:var(--mrd-font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell--numeric.sc-mrd-table{text-align:right}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}.mrd-table__file-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;max-width:100%;overflow:hidden}.mrd-table__file-btn.sc-mrd-table:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-table__file-icon.sc-mrd-table{flex-shrink:0;width:1rem;height:1rem}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[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"],requestTimeoutMs:[2,"request-timeout-ms"],activeViewIdx:[32],loadedPages:[32],requestedPages:[32],failedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],createPickerOpen:[32],viewPopoverOpen:[32],scrollTop:[32],textblockModal:[32],jsonModal:[32],aggregations:[32],aggregationsTotal:[32],minKnownTotal:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}]);function I(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(o(t))||customElements.define(o(t),P))}))}export{P as M,I as d}
|