@mmlogic/components 0.1.18 → 0.1.19
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/{format-IFzg0q-6.js → format-DExY8_nu.js} +4 -0
- package/dist/cjs/mrd-boolean-field_16.cjs.entry.js +3 -3
- package/dist/cjs/mrd-table.cjs.entry.js +42 -10
- package/dist/collection/components/mrd-form/mrd-form.js +2 -2
- package/dist/collection/components/mrd-table/mrd-table.js +41 -9
- package/dist/collection/utils/i18n.js +4 -0
- package/dist/components/i18n.js +1 -1
- package/dist/components/mrd-form.js +1 -1
- package/dist/components/mrd-table.js +1 -1
- package/dist/esm/{format-Cc9kQ1j-.js → format-CcRjWvcb.js} +4 -0
- package/dist/esm/mrd-boolean-field_16.entry.js +3 -3
- package/dist/esm/mrd-table.entry.js +42 -10
- package/dist/mosterdcomponents/mosterdcomponents.esm.js +1 -1
- package/dist/mosterdcomponents/p-CcRjWvcb.js +1 -0
- package/dist/mosterdcomponents/p-bb91cc6f.entry.js +1 -0
- package/dist/mosterdcomponents/p-c5b058e7.entry.js +1 -0
- package/package.json +1 -1
- package/dist/mosterdcomponents/p-05b585bb.entry.js +0 -1
- package/dist/mosterdcomponents/p-Cc9kQ1j-.js +0 -1
- package/dist/mosterdcomponents/p-a3d8feb8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as l,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as o,b as s,c as d,d as n,f as c,e as m}from"./format.js";import{a as h}from"./client-layout.js";import{t as b}from"./i18n.js";class u{static render(t,r,e){var l,a,i,o;if(t.type===h.RELATION){const e=null!==(a=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:"",s=null===(i=null==r?void 0:r._links)||void 0===i?void 0:i[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>u.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var a,i;switch(t){case"INTEGER":return c(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(r),l);case"PERCENTAGE":return m(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?n(Number(t),e,l):c(Number(t),l)}case"DATE":return d(r,l);case"DATETIME":return s(r,l);case"TIME":return o(r,l);case"BOOLEAN":return r?"✓":"";case"FILE":case"IMAGE":return"object"==typeof r&&null!==r&&null!==(a=r.fileName)&&void 0!==a?a:"";case"LIST":{const t=e.find((t=>t.key===r+""));return null!==(i=null==t?void 0:t.label)&&void 0!==i?i:r+""}case"TEXTBLOCK":return(r+"").replace(/<[^>]*>/g,"").trim();default:return r+""}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),p=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadPage=e(this,"mrdLoadPage",7),this.mrdRowClick=e(this,"mrdRowClick",7),this.mrdAction=e(this,"mrdAction",7),this.mrdFilter=e(this,"mrdFilter",7),this.mrdDownload=e(this,"mrdDownload",7),this.mrdLoadAggregations=e(this,"mrdLoadAggregations",7),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.keydownHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.loadedPages=new Map,this.requestedPages=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.scrollTop=0,this.textblockModal=null,this.aggregations=null,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),a=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,a+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}async init(){var t;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const r=this.defaultSort.split(",");this.sortField=r[0].trim(),this.sortDir="desc"===(null===(t=r[1])||void 0===t?void 0:t.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?this.sortField+",desc":this.sortField:""}colName(t){var r,e,l,a;return null!==(a=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==a?a:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),a=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==a)return"";const i=t.field.dataType;return"INTEGER"===i?c(a,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===i?m(a,this.locale):"CURRENCY"===i&&t.field.currencyCode?n(a,t.field.currencyCode,this.locale):c(a,this.locale)}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-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)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize),a=new Set(this.requestedPages);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||a.has(t)||(a.add(t),this.mrdLoadPage.emit({page:t,sort:this.sortParam()}),i=!0);i&&(this.requestedPages=a)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),a=!0);a&&(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.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}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 a=this.colName(t),i=this.colDataType(t),o=this.activeFilters.get(a),s=_.has(i)||"RELATION"===i?"startsWith":void 0;if("DATETIME"===i&&o){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=o?Object.assign({},o):{field:a,dataType:i,operator:s};this.openFilterCol=a,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)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const a=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?[...a,t]:a.filter((r=>r!==t))})}filterHasValue(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}dateLocalToUTCStart(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")}dateLocalToUTCEndExclusive(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")}utcISOToLocalDate(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${(r.getMonth()+1+"").padStart(2,"0")}-${(r.getDate()+"").padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${(r.getMonth()+1+"").padStart(2,"0")}-${(r.getDate()+"").padStart(2,"0")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.field),this.activeFilters=e,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>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.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var t;const r=this.activeFilters.size,e=(null===(t=this.actions)||void 0===t?void 0:t.length)>0;return l("div",{class:"mrd-table__toolbar"},l("div",{class:"mrd-table__toolbar-left"},l("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),r>0&&l("span",{class:"mrd-table__filter-badge"},r),l("span",{class:"mrd-table__action-tooltip"},b(this.filterMode?"table_filter_hide":"table_filter",this.locale),r>0?` (${r} ${b("table_filter_active",this.locale)})`:"")),r>0&&l("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("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"})),l("span",{class:"mrd-table__action-tooltip"},b("table_filter_clear_all",this.locale)))),e&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return l("button",{class:"mrd-table__action mrd-table__action--"+(null!==(r=t.variant)&&void 0!==r?r:"secondary"),disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:t.icon})):t.label,l("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,e,a,i,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},m=this.colDataType(t);if(f.has(m))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===m)return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:c.value===t.value,onChange:()=>this.setPending("value",t.value)}),b(t.labelKey,this.locale)))));if("LIST"===m){const r=null!==(a=null===(e=t.field)||void 0===e?void 0:e.listItems)&&void 0!==a?a:[],o=null!==(i=c.values)&&void 0!==i?i:[];return l("div",{class:"mrd-table__filter-list"},l("div",{class:"mrd-table__filter-list-controls"},l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:r.map((t=>t.key))})}},b("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(m)||"RELATION"===m){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("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((r=>l("option",{value:r.val,selected:t===r.val},b(r.labelKey,this.locale))))),!r&&l("input",{type:"text",class:"mrd-table__filter-input",value:(null!==(s=c.value)&&void 0!==s?s:"")+"",placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(p.has(m)){const t=void 0!==c.from||void 0!==c.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:!t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),t?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("span",{class:"mrd-table__filter-range-sep"},"–"),l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?c.value+"":"",onInput:t=>this.setPending("value",t.target.value)}))}if("DATETIME"===m){const t=void 0!==c.from||void 0!==c.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),t?l("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},l("label",{class:"mrd-table__filter-range-label"},b("filter_from",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("label",{class:"mrd-table__filter-range-label"},b("filter_to",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:(null!==(d=c.value)&&void 0!==d?d:"")+"",onInput:t=>this.setPending("value",t.target.value)}))}if(v.has(m)){const t="DATE"===m?"date":"time",r=void 0!==c.from||void 0!==c.to;return l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:r,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),r?l("div",{class:"mrd-table__filter-range"},l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:(null!==(n=c.value)&&void 0!==n?n:"")+"",onInput:t=>this.setPending("value",t.target.value)}))}return null}renderFilterPopup(){var t,r,e,a;if(!this.openFilterCol||!this.pendingFilter)return null;const i=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!i)return null;const o=null!==(a=null!==(r=null===(t=i.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(e=i.relation)||void 0===e?void 0:e.label)&&void 0!==a?a:this.openFilterCol,s=this.sortField===this.openFilterCol;return l("div",{class:"mrd-table__filter-popup",style:{top:this.popupPos.top+"px",left:this.popupPos.left+"px"},onClick:t=>t.stopPropagation()},l("div",{class:"mrd-table__filter-popup-header"},l("span",{class:"mrd-table__filter-popup-title"},o),l("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_sorting",this.locale)),l("div",{class:"mrd-table__filter-sort-buttons"},l("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"asc")},"▲ ",b("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(i,"desc")},"▼ ",b("filter_descending",this.locale)))),l("div",{class:"mrd-table__filter-divider"}),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_section",this.locale)),this.renderFilterEditor(i)),l("div",{class:"mrd-table__filter-popup-footer"},l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},b("filter_clear",this.locale)),l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},b("filter_apply",this.locale))))}renderFooter(t,r){const e=this.totalElements;if(0===e){const r=null!=t?t:0;return 0===r?null:l("div",{class:"mrd-table__footer"},r," ",b("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const a=null!=r?r:e;return l("div",{class:"mrd-table__footer"},Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,a),"–",Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),a)," ",b("table_of",this.locale)," ",a)}renderCell(t,r){var e,a,i,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(a=null===(e=t.field)||void 0===e?void 0:e.dataType)&&void 0!==a?a:"",n="FIELD"===t.type&&s.has(d);if("FIELD"===t.type&&("FILE"===d||"IMAGE"===d)){const e=null!==(o=null===(i=t.field)||void 0===i?void 0:i.name)&&void 0!==o?o:"",a=null==r?void 0:r[e],s=null==a?void 0:a.href,d=null==a?void 0:a.fileName;return l("td",{class:"mrd-table__cell"},s&&d?l("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},l("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("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"})),b("download",this.locale)):"")}if("TEXTBLOCK"===d){const e=u.render(t,r,this.locale);if(e.length<=200)return l("td",{class:"mrd-table__cell"},e);const a=e.slice(0,200)+"…";return l("td",{class:"mrd-table__cell"},a,l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(e)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}const c=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,e;const a=this.renderAggregationValue(t),i="FIELD"===t.type&&p.has(null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"");return l("td",{class:"mrd-table__totals-cell"+(i?" mrd-table__totals-cell--numeric":"")},a)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((t=>{var r,e,a,i;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==e?e:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==i?i:""),s&&this.renderFilterIcon())})))),l("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>this.renderCell(r,t))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale))),this.renderFooter(null===(e=this.rows)||void 0===e?void 0:e.length),this.renderFilterPopup(),this.renderTextblockModal());let i=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(i=Math.min(i,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,i-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(i-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,m=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);m.push(null===r?l("tr",{class:"mrd-table__row mrd-table__row--loading"},l("td",{class:"mrd-table__cell--placeholder",colSpan:s},l("span",{class:"mrd-table__placeholder-bar"}))):l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return l(a,null,this.renderToolbar(),l("div",{class:"mrd-table__scroll",style:{height:this.tableHeight+"px"},onScroll:this.handleScroll},l("table",{class:"mrd-table__table",style:c},l("thead",null,l("tr",null,this.columns.map(((t,r)=>{var e,a,i,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?"mrd-table__header--sorted-"+this.sortDir:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:c,style:this.colWidths[r]?{width:this.colWidths[r]+"px"}:void 0,onClick:r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t)},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(a=null===(e=t.field)||void 0===e?void 0:e.label)&&void 0!==a?a:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==o?o:""),d&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),!d&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),n&&this.renderFilterIcon())})))),l("tbody",null,d>0&&l("tr",{class:"mrd-table__spacer",style:{height:d+"px"}},l("td",{colSpan:s})),m,n>0&&l("tr",{class:"mrd-table__spacer",style:{height:n+"px"}},l("td",{colSpan:s}))),this.renderTotalsRow())),0===i&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale)),i>0&&this.renderFooter(void 0,i),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return l("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},l("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},l("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":b("close",this.locale)},"✕"),l("p",{class:"mrd-table__modal-text"},this.textblockModal)))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.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.sc-mrd-table{overflow-x:auto}.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-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__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__row--loading.sc-mrd-table{background:transparent}.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__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}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.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__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: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__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.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__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.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,.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,.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-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.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}"}},[2,"mrd-table",{columns:[16],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],defaultSort:[1,"default-sort"],actions:[16],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],scrollTop:[32],textblockModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}]}]),y=g,x=function(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(i(t))||customElements.define(i(t),g))}))};export{y as MrdTable,x as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as l,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as o,b as s,c as d,d as n,f as c,e as m}from"./format.js";import{a as h}from"./client-layout.js";import{t as b}from"./i18n.js";class u{static render(t,r,e){var l,i,a,o;if(t.type===h.RELATION){const e=null!==(i=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:"",s=null===(a=null==r?void 0:r._links)||void 0===a?void 0:a[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>u.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,a;switch(t){case"INTEGER":return c(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return c(Number(r),l);case"PERCENTAGE":return m(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?n(Number(t),e,l):c(Number(t),l)}case"DATE":return d(r,l);case"DATETIME":return s(r,l);case"TIME":return o(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===r+""));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:r+""}case"TEXTBLOCK":return(r+"").replace(/<[^>]*>/g,"").trim();default:return r+""}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),p=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadPage=e(this,"mrdLoadPage",7),this.mrdRowClick=e(this,"mrdRowClick",7),this.mrdAction=e(this,"mrdAction",7),this.mrdFilter=e(this,"mrdFilter",7),this.mrdDownload=e(this,"mrdDownload",7),this.mrdLoadAggregations=e(this,"mrdLoadAggregations",7),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.keydownHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.loadedPages=new Map,this.requestedPages=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.scrollTop=0,this.textblockModal=null,this.aggregations=null,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),i=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,i+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}async init(){var t;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const r=this.defaultSort.split(",");this.sortField=r[0].trim(),this.sortDir="desc"===(null===(t=r[1])||void 0===t?void 0:t.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?this.sortField+",desc":this.sortField:""}colName(t){var r,e,l,i;return null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),i=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==i)return"";const a=t.field.dataType;return"INTEGER"===a?c(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?m(i,this.locale):"CURRENCY"===a&&t.field.currencyCode?n(i,t.field.currencyCode,this.locale):c(i,this.locale)}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-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)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(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.mrdLoadPage.emit({page:t,sort:this.sortParam()}),a=!0);a&&(this.requestedPages=i)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(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.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}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=_.has(a)||"RELATION"===a?"startsWith":void 0;if("DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=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)}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))})}filterHasValue(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}dateLocalToUTCStart(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")}dateLocalToUTCEndExclusive(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")}utcISOToLocalDate(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${(r.getMonth()+1+"").padStart(2,"0")}-${(r.getDate()+"").padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${(r.getMonth()+1+"").padStart(2,"0")}-${(r.getDate()+"").padStart(2,"0")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.field),this.activeFilters=e,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>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.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var t;const r=this.activeFilters.size,e=(null===(t=this.actions)||void 0===t?void 0:t.length)>0;return l("div",{class:"mrd-table__toolbar"},l("div",{class:"mrd-table__toolbar-left"},l("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),r>0&&l("span",{class:"mrd-table__filter-badge"},r),l("span",{class:"mrd-table__action-tooltip"},b(this.filterMode?"table_filter_hide":"table_filter",this.locale),r>0?` (${r} ${b("table_filter_active",this.locale)})`:"")),r>0&&l("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},l("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("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"})),l("span",{class:"mrd-table__action-tooltip"},b("table_filter_clear_all",this.locale)))),e&&l("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return l("button",{class:"mrd-table__action mrd-table__action--"+(null!==(r=t.variant)&&void 0!==r?r:"secondary"),disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?l("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},l("use",{href:t.icon})):t.label,l("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,e,i,a,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},m=this.colDataType(t);if(f.has(m))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:!r&&c.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:void 0,value:t.value})}}),b(t.labelKey,this.locale)))),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:"isEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isEmpty",value:void 0})}}),b("filter_is_empty",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"bf-"+this.openFilterCol,checked:"isNotEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isNotEmpty",value:void 0})}}),b("filter_is_not_empty",this.locale)))}if("LIST"===m){const r=null!==(i=null===(e=t.field)||void 0===e?void 0:e.listItems)&&void 0!==i?i:[],o=null!==(a=c.values)&&void 0!==a?a:[];return l("div",{class:"mrd-table__filter-list"},l("div",{class:"mrd-table__filter-list-controls"},l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:r.map((t=>t.key))})}},b("filter_select_all",this.locale)),l("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(m)||"RELATION"===m){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("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((r=>l("option",{value:r.val,selected:t===r.val},b(r.labelKey,this.locale))))),!r&&l("input",{type:"text",class:"mrd-table__filter-input",value:(null!==(s=c.value)&&void 0!==s?s:"")+"",placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(p.has(m)){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"nm-"+this.openFilterCol,checked:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range"},l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("span",{class:"mrd-table__filter-range-sep"},"–"),l("input",{type:"number",class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?c.value+"":"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===m){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!r},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===t},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},b("filter_is_not_empty",this.locale))),!r&&l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:e,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),e?l("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},l("label",{class:"mrd-table__filter-range-label"},b("filter_from",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("label",{class:"mrd-table__filter-range-label"},b("filter_to",this.locale)),l("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:(null!==(d=c.value)&&void 0!==d?d:"")+"",onInput:t=>this.setPending("value",t.target.value)})))}if(v.has(m)){const t="DATE"===m?"date":"time",r=c.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==c.from||void 0!==c.to);return l("div",{class:"mrd-table__filter-editor"},l("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},l("option",{value:"",selected:!e},b("filter_has_value",this.locale)),l("option",{value:"isEmpty",selected:"isEmpty"===r},b("filter_is_empty",this.locale)),l("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},b("filter_is_not_empty",this.locale))),!e&&l("div",{class:"mrd-table__filter-editor"},l("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:!i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),b("filter_exact",this.locale)),l("label",{class:"mrd-table__filter-radio-label"},l("input",{type:"radio",name:"dt-"+this.openFilterCol,checked:i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),b("filter_range",this.locale))),i?l("div",{class:"mrd-table__filter-range"},l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_from",this.locale),value:null!=c.from?c.from+"":"",onInput:t=>this.setPending("from",t.target.value)}),l("input",{type:t,class:"mrd-table__filter-input",placeholder:b("filter_to",this.locale),value:null!=c.to?c.to+"":"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:(null!==(n=c.value)&&void 0!==n?n:"")+"",onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t,r,e,i;if(!this.openFilterCol||!this.pendingFilter)return null;const a=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!a)return null;const o=null!==(i=null!==(r=null===(t=a.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(e=a.relation)||void 0===e?void 0:e.label)&&void 0!==i?i:this.openFilterCol,s=this.sortField===this.openFilterCol;return l("div",{class:"mrd-table__filter-popup",style:{top:this.popupPos.top+"px",left:this.popupPos.left+"px"},onClick:t=>t.stopPropagation()},l("div",{class:"mrd-table__filter-popup-header"},l("span",{class:"mrd-table__filter-popup-title"},o),l("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_sorting",this.locale)),l("div",{class:"mrd-table__filter-sort-buttons"},l("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"asc")},"▲ ",b("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"desc")},"▼ ",b("filter_descending",this.locale)))),l("div",{class:"mrd-table__filter-divider"}),l("div",{class:"mrd-table__filter-section"},l("div",{class:"mrd-table__filter-section-label"},b("filter_section",this.locale)),this.renderFilterEditor(a)),l("div",{class:"mrd-table__filter-popup-footer"},l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},b("filter_clear",this.locale)),l("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},b("filter_apply",this.locale))))}renderFooter(t,r){const e=this.totalElements;if(0===e){const r=null!=t?t:0;return 0===r?null:l("div",{class:"mrd-table__footer"},r," ",b("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const i=null!=r?r:e;return l("div",{class:"mrd-table__footer"},Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),"–",Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i)," ",b("table_of",this.locale)," ",i)}renderCell(t,r){var e,i,a,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(i=null===(e=t.field)||void 0===e?void 0:e.dataType)&&void 0!==i?i:"",n="FIELD"===t.type&&s.has(d);if("FIELD"===t.type&&("FILE"===d||"IMAGE"===d)){const e=null!==(o=null===(a=t.field)||void 0===a?void 0:a.name)&&void 0!==o?o:"",i=null==r?void 0:r[e],s=null==i?void 0:i.href,d=null==i?void 0:i.fileName;return l("td",{class:"mrd-table__cell"},s&&d?l("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},l("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},l("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"})),b("download",this.locale)):"")}if("TEXTBLOCK"===d){const e=u.render(t,r,this.locale);if(e.length<=200)return l("td",{class:"mrd-table__cell"},e);const i=e.slice(0,200)+"…";return l("td",{class:"mrd-table__cell"},i,l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(e)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}const c=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,e;const i=this.renderAggregationValue(t),a="FIELD"===t.type&&p.has(null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"");return l("td",{class:"mrd-table__totals-cell"+(a?" mrd-table__totals-cell--numeric":"")},i)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return l(i,null,this.renderToolbar(),l("div",{class:"mrd-table"},l("table",{class:"mrd-table__table"},l("thead",null,l("tr",null,this.columns.map((t=>{var r,e,i,a;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(a=null!==(e=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==e?e:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==a?a:""),s&&this.renderFilterIcon())})))),l("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>this.renderCell(r,t))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale))),this.renderFooter(null===(e=this.rows)||void 0===e?void 0:e.length),this.renderFilterPopup(),this.renderTextblockModal());let a=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(a=Math.min(a,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,a-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(a-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,m=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);m.push(null===r?l("tr",{class:"mrd-table__row mrd-table__row--loading"},l("td",{class:"mrd-table__cell--placeholder",colSpan:s},l("span",{class:"mrd-table__placeholder-bar"}))):l("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return l(i,null,this.renderToolbar(),l("div",{class:"mrd-table__scroll",style:{height:this.tableHeight+"px"},onScroll:this.handleScroll},l("table",{class:"mrd-table__table",style:c},l("thead",null,l("tr",null,this.columns.map(((t,r)=>{var e,i,a,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?"mrd-table__header--sorted-"+this.sortDir:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:c,style:this.colWidths[r]?{width:this.colWidths[r]+"px"}:void 0,onClick:r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t)},l("span",{class:"mrd-table__header-label"},null!==(o=null!==(i=null===(e=t.field)||void 0===e?void 0:e.label)&&void 0!==i?i:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==o?o:""),d&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),!d&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),n&&this.renderFilterIcon())})))),l("tbody",null,d>0&&l("tr",{class:"mrd-table__spacer",style:{height:d+"px"}},l("td",{colSpan:s})),m,n>0&&l("tr",{class:"mrd-table__spacer",style:{height:n+"px"}},l("td",{colSpan:s}))),this.renderTotalsRow())),0===a&&this.loadedPages.has(0)&&l("p",{class:"mrd-table__empty"},b("no_results",this.locale)),a>0&&this.renderFooter(void 0,a),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return l("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},l("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},l("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":b("close",this.locale)},"✕"),l("p",{class:"mrd-table__modal-text"},this.textblockModal)))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.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.sc-mrd-table{overflow-x:auto}.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-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__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__row--loading.sc-mrd-table{background:transparent}.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__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}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.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__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: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__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.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__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.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,.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,.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-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.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}"}},[2,"mrd-table",{columns:[16],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],defaultSort:[1,"default-sort"],actions:[16],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],scrollTop:[32],textblockModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}]}]),y=g,x=function(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(a(t))||customElements.define(a(t),g))}))};export{y as MrdTable,x as defineCustomElement}
|
|
@@ -42,6 +42,7 @@ const translations = {
|
|
|
42
42
|
filter_contains: 'Bevat',
|
|
43
43
|
filter_starts_with: 'Begint met',
|
|
44
44
|
filter_equals: 'Gelijk aan',
|
|
45
|
+
filter_has_value: 'Heeft waarde',
|
|
45
46
|
filter_is_empty: 'Is leeg',
|
|
46
47
|
filter_is_not_empty: 'Is niet leeg',
|
|
47
48
|
filter_exact: 'Exact',
|
|
@@ -100,6 +101,7 @@ const translations = {
|
|
|
100
101
|
filter_contains: 'Contains',
|
|
101
102
|
filter_starts_with: 'Starts with',
|
|
102
103
|
filter_equals: 'Equals',
|
|
104
|
+
filter_has_value: 'Has value',
|
|
103
105
|
filter_is_empty: 'Is empty',
|
|
104
106
|
filter_is_not_empty: 'Is not empty',
|
|
105
107
|
filter_exact: 'Exact',
|
|
@@ -158,6 +160,7 @@ const translations = {
|
|
|
158
160
|
filter_contains: 'يحتوي على',
|
|
159
161
|
filter_starts_with: 'يبدأ بـ',
|
|
160
162
|
filter_equals: 'يساوي',
|
|
163
|
+
filter_has_value: 'له قيمة',
|
|
161
164
|
filter_is_empty: 'فارغ',
|
|
162
165
|
filter_is_not_empty: 'ليس فارغاً',
|
|
163
166
|
filter_exact: 'دقيق',
|
|
@@ -216,6 +219,7 @@ const translations = {
|
|
|
216
219
|
filter_contains: 'Contient',
|
|
217
220
|
filter_starts_with: 'Commence par',
|
|
218
221
|
filter_equals: 'Égal à',
|
|
222
|
+
filter_has_value: 'A une valeur',
|
|
219
223
|
filter_is_empty: 'Est vide',
|
|
220
224
|
filter_is_not_empty: "N'est pas vide",
|
|
221
225
|
filter_exact: 'Exact',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-_tsCCkAi.js';
|
|
2
|
-
import { p as parseLocalizedNumber, t, d as formatNumber } from './format-
|
|
2
|
+
import { p as parseLocalizedNumber, t, d as formatNumber } from './format-CcRjWvcb.js';
|
|
3
3
|
import { ClientLayoutItemFieldDataType, ClientLayoutItemType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior } from './index.js';
|
|
4
4
|
|
|
5
5
|
const mrdBooleanFieldScss = () => `.sc-mrd-boolean-field-h{display:block}.mrd-boolean-field.sc-mrd-boolean-field{display:flex;align-items:center;width:100%}.mrd-boolean-field__toggle-label.sc-mrd-boolean-field{display:flex;align-items:center;gap:var(--mrd-space-3);cursor:pointer;user-select:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field{background-color:var(--mrd-color-primary)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{transform:translateX(20px)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:focus+.mrd-boolean-field__toggle.sc-mrd-boolean-field{box-shadow:var(--mrd-shadow-focus)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:disabled+.mrd-boolean-field__toggle.sc-mrd-boolean-field{opacity:0.5;cursor:not-allowed}.mrd-boolean-field__toggle.sc-mrd-boolean-field{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius-full);transition:background-color var(--mrd-transition);flex-shrink:0}.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--mrd-color-white);border-radius:50%;transition:transform var(--mrd-transition);box-shadow:var(--mrd-shadow-sm)}.mrd-boolean-field__text.sc-mrd-boolean-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-boolean-field__text--required.sc-mrd-boolean-field::after{content:' *';color:var(--mrd-color-danger)}`;
|
|
@@ -526,7 +526,7 @@ const MrdForm = class {
|
|
|
526
526
|
relatedClass: rel.relatedClass,
|
|
527
527
|
mostSignificantClass: rel.mostSignificantClass,
|
|
528
528
|
commonRelation: rel.commonRelation,
|
|
529
|
-
filter: rel.commonRelation,
|
|
529
|
+
filter: rel.commonRelation + '_href',
|
|
530
530
|
filterValue: newHref, // empty string when dependency was cleared → host should clear the list
|
|
531
531
|
});
|
|
532
532
|
}
|
|
@@ -651,7 +651,7 @@ const MrdForm = class {
|
|
|
651
651
|
relatedClass: rel.relatedClass,
|
|
652
652
|
mostSignificantClass: rel.mostSignificantClass,
|
|
653
653
|
commonRelation: rel.commonRelation,
|
|
654
|
-
filter: rel.commonRelation,
|
|
654
|
+
filter: rel.commonRelation + '_href',
|
|
655
655
|
filterValue,
|
|
656
656
|
});
|
|
657
657
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-_tsCCkAi.js';
|
|
2
|
-
import { f as formatTime, a as formatDateTime, b as formatDate, c as formatCurrency, d as formatNumber, e as formatPercentage, t } from './format-
|
|
2
|
+
import { f as formatTime, a as formatDateTime, b as formatDate, c as formatCurrency, d as formatNumber, e as formatPercentage, t } from './format-CcRjWvcb.js';
|
|
3
3
|
import { ClientLayoutItemType } from './index.js';
|
|
4
4
|
|
|
5
5
|
class CellRenderer {
|
|
@@ -411,7 +411,7 @@ const MrdTable = class {
|
|
|
411
411
|
// "YYYY-MM-DD" dates so the date inputs show what the user originally entered.
|
|
412
412
|
// If from and to cover the same local day it was an exact-date filter — restore
|
|
413
413
|
// to exact mode so the user sees the single-date input again.
|
|
414
|
-
if (dataType === 'DATETIME' && existing) {
|
|
414
|
+
if (dataType === 'DATETIME' && existing && existing.operator !== 'isEmpty' && existing.operator !== 'isNotEmpty') {
|
|
415
415
|
const display = Object.assign({}, existing);
|
|
416
416
|
if (typeof display.from === 'string' && display.from)
|
|
417
417
|
display.from = this.utcISOToLocalDate(display.from);
|
|
@@ -531,7 +531,7 @@ const MrdTable = class {
|
|
|
531
531
|
// Exact date → range covering the full local day (from = midnight, to = next midnight).
|
|
532
532
|
// "to" is always the exclusive end (midnight of the next local day).
|
|
533
533
|
let normalized = Object.assign({}, f);
|
|
534
|
-
if (f.dataType === 'DATETIME') {
|
|
534
|
+
if (f.dataType === 'DATETIME' && f.operator !== 'isEmpty' && f.operator !== 'isNotEmpty') {
|
|
535
535
|
if (typeof normalized.value === 'string' && normalized.value) {
|
|
536
536
|
normalized.from = this.dateLocalToUTCStart(normalized.value);
|
|
537
537
|
normalized.to = this.dateLocalToUTCEndExclusive(normalized.value);
|
|
@@ -607,11 +607,13 @@ const MrdTable = class {
|
|
|
607
607
|
return h("p", { class: "mrd-table__filter-no-support" }, t('filter_no_support', this.locale));
|
|
608
608
|
}
|
|
609
609
|
if (dataType === 'BOOLEAN') {
|
|
610
|
+
const boolOp = pf.operator;
|
|
611
|
+
const noValueOp = boolOp === 'isEmpty' || boolOp === 'isNotEmpty';
|
|
610
612
|
return (h("div", { class: "mrd-table__filter-radio-group" }, [
|
|
611
613
|
{ labelKey: 'filter_all', value: null },
|
|
612
614
|
{ labelKey: 'yes', value: true },
|
|
613
615
|
{ labelKey: 'no', value: false },
|
|
614
|
-
].map(opt => (h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: pf.value === opt.value, onChange: () => this.
|
|
616
|
+
].map(opt => (h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: !noValueOp && pf.value === opt.value, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined, value: opt.value }); } }), t(opt.labelKey, this.locale)))), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: boolOp === 'isEmpty', onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: 'isEmpty', value: undefined }); } }), t('filter_is_empty', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `bf-${this.openFilterCol}`, checked: boolOp === 'isNotEmpty', onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: 'isNotEmpty', value: undefined }); } }), t('filter_is_not_empty', this.locale))));
|
|
615
617
|
}
|
|
616
618
|
if (dataType === 'LIST') {
|
|
617
619
|
const items = (_c = (_b = col.field) === null || _b === void 0 ? void 0 : _b.listItems) !== null && _c !== void 0 ? _c : [];
|
|
@@ -629,17 +631,47 @@ const MrdTable = class {
|
|
|
629
631
|
].map(o => h("option", { value: o.val, selected: op === o.val }, t(o.labelKey, this.locale)))), !noInput && (h("input", { type: "text", class: "mrd-table__filter-input", value: String((_f = pf.value) !== null && _f !== void 0 ? _f : ''), placeholder: t('filter_search_value', this.locale), onInput: (e) => this.setPending('value', e.target.value) }))));
|
|
630
632
|
}
|
|
631
633
|
if (NUMERIC_TYPES.has(dataType)) {
|
|
632
|
-
const
|
|
633
|
-
|
|
634
|
+
const numOp = pf.operator;
|
|
635
|
+
const noInput = numOp === 'isEmpty' || numOp === 'isNotEmpty';
|
|
636
|
+
const rangeMode = !noInput && (pf.from !== undefined || pf.to !== undefined);
|
|
637
|
+
return (h("div", { class: "mrd-table__filter-editor" }, h("select", { class: "mrd-table__filter-select", onChange: (e) => {
|
|
638
|
+
const val = e.target.value;
|
|
639
|
+
if (val === 'isEmpty' || val === 'isNotEmpty') {
|
|
640
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: val, value: undefined, from: undefined, to: undefined });
|
|
641
|
+
}
|
|
642
|
+
else {
|
|
643
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined });
|
|
644
|
+
}
|
|
645
|
+
} }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: numOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: numOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `nm-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `nm-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: "number", class: "mrd-table__filter-input", value: pf.value != null ? String(pf.value) : '', onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range" }, h("input", { type: "number", class: "mrd-table__filter-input", placeholder: t('filter_from', this.locale), value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("span", { class: "mrd-table__filter-range-sep" }, "\u2013"), h("input", { type: "number", class: "mrd-table__filter-input", placeholder: t('filter_to', this.locale), value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
|
|
634
646
|
}
|
|
635
647
|
if (dataType === 'DATETIME') {
|
|
636
|
-
const
|
|
637
|
-
|
|
648
|
+
const dtOp = pf.operator;
|
|
649
|
+
const noInput = dtOp === 'isEmpty' || dtOp === 'isNotEmpty';
|
|
650
|
+
const rangeMode = !noInput && (pf.from !== undefined || pf.to !== undefined);
|
|
651
|
+
return (h("div", { class: "mrd-table__filter-editor" }, h("select", { class: "mrd-table__filter-select", onChange: (e) => {
|
|
652
|
+
const val = e.target.value;
|
|
653
|
+
if (val === 'isEmpty' || val === 'isNotEmpty') {
|
|
654
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: val, value: undefined, from: undefined, to: undefined });
|
|
655
|
+
}
|
|
656
|
+
else {
|
|
657
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined });
|
|
658
|
+
}
|
|
659
|
+
} }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: "date", class: "mrd-table__filter-input", value: String((_g = pf.value) !== null && _g !== void 0 ? _g : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range mrd-table__filter-range--stacked" }, h("label", { class: "mrd-table__filter-range-label" }, t('filter_from', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("label", { class: "mrd-table__filter-range-label" }, t('filter_to', this.locale)), h("input", { type: "date", class: "mrd-table__filter-input", value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
|
|
638
660
|
}
|
|
639
661
|
if (DATE_TYPES.has(dataType)) {
|
|
640
662
|
const inputType = dataType === 'DATE' ? 'date' : 'time';
|
|
641
|
-
const
|
|
642
|
-
|
|
663
|
+
const dtdOp = pf.operator;
|
|
664
|
+
const noInput = dtdOp === 'isEmpty' || dtdOp === 'isNotEmpty';
|
|
665
|
+
const rangeMode = !noInput && (pf.from !== undefined || pf.to !== undefined);
|
|
666
|
+
return (h("div", { class: "mrd-table__filter-editor" }, h("select", { class: "mrd-table__filter-select", onChange: (e) => {
|
|
667
|
+
const val = e.target.value;
|
|
668
|
+
if (val === 'isEmpty' || val === 'isNotEmpty') {
|
|
669
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: val, value: undefined, from: undefined, to: undefined });
|
|
670
|
+
}
|
|
671
|
+
else {
|
|
672
|
+
this.pendingFilter = Object.assign(Object.assign({}, pf), { operator: undefined });
|
|
673
|
+
}
|
|
674
|
+
} }, h("option", { value: "", selected: !noInput }, t('filter_has_value', this.locale)), h("option", { value: "isEmpty", selected: dtdOp === 'isEmpty' }, t('filter_is_empty', this.locale)), h("option", { value: "isNotEmpty", selected: dtdOp === 'isNotEmpty' }, t('filter_is_not_empty', this.locale))), !noInput && (h("div", { class: "mrd-table__filter-editor" }, h("div", { class: "mrd-table__filter-radio-group mrd-table__filter-radio-group--inline" }, h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: !rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { from: undefined, to: undefined }); } }), t('filter_exact', this.locale)), h("label", { class: "mrd-table__filter-radio-label" }, h("input", { type: "radio", name: `dt-${this.openFilterCol}`, checked: rangeMode, onChange: () => { this.pendingFilter = Object.assign(Object.assign({}, pf), { value: undefined, from: null, to: null }); } }), t('filter_range', this.locale))), !rangeMode ? (h("input", { type: inputType, class: "mrd-table__filter-input", value: String((_h = pf.value) !== null && _h !== void 0 ? _h : ''), onInput: (e) => this.setPending('value', e.target.value) })) : (h("div", { class: "mrd-table__filter-range" }, h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_from', this.locale), value: pf.from != null ? String(pf.from) : '', onInput: (e) => this.setPending('from', e.target.value) }), h("input", { type: inputType, class: "mrd-table__filter-input", placeholder: t('filter_to', this.locale), value: pf.to != null ? String(pf.to) : '', onInput: (e) => this.setPending('to', e.target.value) })))))));
|
|
643
675
|
}
|
|
644
676
|
return null;
|
|
645
677
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-
|
|
1
|
+
import{p as e,b as l}from"./p-_tsCCkAi.js";export{s as setNonce}from"./p-_tsCCkAi.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-bb91cc6f",[[2,"mrd-table",{columns:[16],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],defaultSort:[1,"default-sort"],actions:[16],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],scrollTop:[32],textblockModal:[32],aggregations:[32],init:[64],setPage:[64],setAggregations:[64]},null,{totalElements:[{totalElementsChanged:0}]}]]],["p-c5b058e7",[[2,"mrd-form",{layout:[16],locale:[1],values:[16],referenceHref:[1,"reference-href"],referenceClass:[1,"reference-class"],showCancel:[4,"show-cancel"],formValues:[32],errors:[32],submitted:[32],setFieldValue:[64]},null,{values:[{valuesChanged:0}]}],[2,"mrd-field",{item:[16],locale:[1],value:[16]}],[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}],[2,"mrd-currency-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],amountDisplay:[32],currency:[32],error:[32]}],[2,"mrd-date-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-datetime-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32],localValue:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-hyperlink-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],previewUrl:[32],fileName:[32],isDragging:[32],uploading:[32],error:[32]},null,{value:[{valueChanged:0}]}],[2,"mrd-list-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],multiple:[4],locale:[1],listItems:[16],error:[32],selected:[32]}],[2,"mrd-number-field",{name:[1],label:[1],value:[2],placeholder:[1],required:[4],disabled:[4],locale:[1],dataType:[1,"data-type"],decimalPrecision:[2,"decimal-precision"],displayValue:[32],error:[32]}],[2,"mrd-relation-field",{name:[1],label:[1],required:[4],disabled:[4],locale:[1],relatedClass:[1,"related-class"],mostSignificantClass:[1,"most-significant-class"],displayType:[1,"display-type"],editBehavior:[1,"edit-behavior"],commonRelation:[1,"common-relation"],multiple:[4],dropdownValues:[16],value:[1],searchQuery:[32],searchResults:[32],allRecords:[32],isLoading:[32],selectedItems:[32],showResults:[32],error:[32],highlightedIndex:[32],setAllRecords:[64],setSearchResults:[64],setLoading:[64]}],[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}],[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}],[2,"mrd-time-field",{name:[1],label:[1],value:[1],required:[4],disabled:[4],locale:[1],error:[32]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={nl:{required:"Dit veld is verplicht",select_placeholder:"Selecteer een optie",search_placeholder:"Zoeken...",upload_file:"Bestand uploaden",choose_file:"Bestand kiezen",clear:"Wissen",today:"Vandaag",invalid_email:"Voer een geldig e-mailadres in",invalid_url:"Voer een geldige URL in",invalid_number:"Voer een geldig getal in",drop_file_here:"Sleep bestand hierheen of",browse:"bladeren",file_too_large:"Bestand is te groot",search_results:"Zoekresultaten",no_results:"Geen resultaten gevonden",loading:"Laden...",submit:"Opslaan",cancel:"Annuleren",remove:"Verwijderen",add:"Toevoegen",yes:"Ja",no:"Nee",table_of:"van",download:"Downloaden",table_filter:"Filteren",table_filter_hide:"Filter verbergen",table_filter_active:"actief",table_filter_clear_all:"Alle filters wissen",table_new_record:"Nieuw record",table_export_excel:"Exporteer naar Excel",filter_sorting:"Sortering",filter_ascending:"Oplopend",filter_descending:"Aflopend",filter_section:"Filter",filter_apply:"Toepassen",filter_clear:"Wissen",filter_contains:"Bevat",filter_starts_with:"Begint met",filter_equals:"Gelijk aan",filter_has_value:"Heeft waarde",filter_is_empty:"Is leeg",filter_is_not_empty:"Is niet leeg",filter_exact:"Exact",filter_range:"Bereik",filter_from:"Van",filter_to:"Tot",filter_all:"Alle",filter_select_all:"Alles",filter_select_none:"Geen",filter_search_value:"Zoekwaarde...",filter_no_support:"Geen filtering beschikbaar voor dit veldtype.",textblock_show_more:"Meer tonen",close:"Sluiten"},en:{required:"This field is required",select_placeholder:"Select an option",search_placeholder:"Search...",upload_file:"Upload file",choose_file:"Choose file",clear:"Clear",today:"Today",invalid_email:"Please enter a valid email address",invalid_url:"Please enter a valid URL",invalid_number:"Please enter a valid number",drop_file_here:"Drop file here or",browse:"browse",file_too_large:"File is too large",search_results:"Search results",no_results:"No results found",loading:"Loading...",submit:"Save",cancel:"Cancel",remove:"Remove",add:"Add",yes:"Yes",no:"No",table_of:"of",download:"Download",table_filter:"Filter",table_filter_hide:"Hide filter",table_filter_active:"active",table_filter_clear_all:"Clear all filters",table_new_record:"New record",table_export_excel:"Export to Excel",filter_sorting:"Sorting",filter_ascending:"Ascending",filter_descending:"Descending",filter_section:"Filter",filter_apply:"Apply",filter_clear:"Clear",filter_contains:"Contains",filter_starts_with:"Starts with",filter_equals:"Equals",filter_has_value:"Has value",filter_is_empty:"Is empty",filter_is_not_empty:"Is not empty",filter_exact:"Exact",filter_range:"Range",filter_from:"From",filter_to:"To",filter_all:"All",filter_select_all:"All",filter_select_none:"None",filter_search_value:"Search value...",filter_no_support:"Filtering is not available for this field type.",textblock_show_more:"Show more",close:"Close"},ar:{required:"هذا الحقل مطلوب",select_placeholder:"اختر خياراً",search_placeholder:"بحث...",upload_file:"رفع ملف",choose_file:"اختر ملفاً",clear:"مسح",today:"اليوم",invalid_email:"يرجى إدخال عنوان بريد إلكتروني صحيح",invalid_url:"يرجى إدخال رابط صحيح",invalid_number:"يرجى إدخال رقم صحيح",drop_file_here:"اسحب الملف هنا أو",browse:"تصفح",file_too_large:"الملف كبير جداً",search_results:"نتائج البحث",no_results:"لم يتم العثور على نتائج",loading:"جار التحميل...",submit:"حفظ",cancel:"إلغاء",remove:"إزالة",add:"إضافة",yes:"نعم",no:"لا",table_of:"من أصل",download:"تنزيل",table_filter:"تصفية",table_filter_hide:"إخفاء التصفية",table_filter_active:"نشط",table_filter_clear_all:"مسح جميع الفلاتر",table_new_record:"سجل جديد",table_export_excel:"تصدير إلى Excel",filter_sorting:"الترتيب",filter_ascending:"تصاعدي",filter_descending:"تنازلي",filter_section:"تصفية",filter_apply:"تطبيق",filter_clear:"مسح",filter_contains:"يحتوي على",filter_starts_with:"يبدأ بـ",filter_equals:"يساوي",filter_has_value:"له قيمة",filter_is_empty:"فارغ",filter_is_not_empty:"ليس فارغاً",filter_exact:"دقيق",filter_range:"نطاق",filter_from:"من",filter_to:"إلى",filter_all:"الكل",filter_select_all:"الكل",filter_select_none:"لا شيء",filter_search_value:"قيمة البحث...",filter_no_support:"التصفية غير متاحة لهذا النوع من الحقول.",textblock_show_more:"عرض المزيد",close:"إغلاق"},fr:{required:"Ce champ est obligatoire",select_placeholder:"Sélectionner une option",search_placeholder:"Rechercher...",upload_file:"Télécharger un fichier",choose_file:"Choisir un fichier",clear:"Effacer",today:"Aujourd'hui",invalid_email:"Veuillez saisir une adresse e-mail valide",invalid_url:"Veuillez saisir une URL valide",invalid_number:"Veuillez saisir un nombre valide",drop_file_here:"Déposez le fichier ici ou",browse:"parcourir",file_too_large:"Le fichier est trop volumineux",search_results:"Résultats de recherche",no_results:"Aucun résultat trouvé",loading:"Chargement...",submit:"Enregistrer",cancel:"Annuler",remove:"Supprimer",add:"Ajouter",yes:"Oui",no:"Non",table_of:"sur",download:"Télécharger",table_filter:"Filtrer",table_filter_hide:"Masquer le filtre",table_filter_active:"actif",table_filter_clear_all:"Effacer tous les filtres",table_new_record:"Nouvel enregistrement",table_export_excel:"Exporter vers Excel",filter_sorting:"Tri",filter_ascending:"Croissant",filter_descending:"Décroissant",filter_section:"Filtre",filter_apply:"Appliquer",filter_clear:"Effacer",filter_contains:"Contient",filter_starts_with:"Commence par",filter_equals:"Égal à",filter_has_value:"A une valeur",filter_is_empty:"Est vide",filter_is_not_empty:"N'est pas vide",filter_exact:"Exact",filter_range:"Plage",filter_from:"De",filter_to:"À",filter_all:"Tous",filter_select_all:"Tous",filter_select_none:"Aucun",filter_search_value:"Valeur de recherche...",filter_no_support:"Le filtrage n'est pas disponible pour ce type de champ.",textblock_show_more:"Voir plus",close:"Fermer"}};function l(l,r){var t,i,a;const n=r.split("-")[0].toLowerCase();return null!==(a=null!==(i=(null!==(t=e[n])&&void 0!==t?t:e.en)[l])&&void 0!==i?i:e.en[l])&&void 0!==a?a:l}function r(e,l,r){return null==e||isNaN(e)?"":new Intl.NumberFormat(l,r).format(e)}function t(e,l,r){return null==e||isNaN(e)?"":new Intl.NumberFormat(r,{style:"currency",currency:l,minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}function i(e,l,r=2){return null==e||isNaN(e)?"":new Intl.NumberFormat(l,{style:"percent",minimumFractionDigits:r,maximumFractionDigits:r}).format(e)}function a(e,l){if(!e)return"";const r="string"==typeof e?new Date(e):e;return isNaN(r.getTime())?"":new Intl.DateTimeFormat(l,{year:"numeric",month:"2-digit",day:"2-digit"}).format(r)}function n(e,l){if(!e)return"";const r="string"==typeof e?new Date(e):e;return isNaN(r.getTime())?"":new Intl.DateTimeFormat(l,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(r)}function o(e,l){if(!e)return"";const[r,t]=e.split(":").map(Number),i=new Date;return i.setHours(r,t,0,0),new Intl.DateTimeFormat(l,{hour:"2-digit",minute:"2-digit"}).format(i)}function _(e,l){var r,t,i,a;if(!e||!e.trim())return null;const n=new Intl.NumberFormat(l).formatToParts(1234567.89),o=null!==(t=null===(r=n.find((e=>"group"===e.type)))||void 0===r?void 0:r.value)&&void 0!==t?t:",",_=null!==(a=null===(i=n.find((e=>"decimal"===e.type)))||void 0===i?void 0:i.value)&&void 0!==a?a:".",s=e.replace(new RegExp(`\\${o}`,"g"),"").replace(new RegExp(`\\${_}`),".").replace("%","").trim(),c=parseFloat(s);return isNaN(c)?null:c}export{n as a,a as b,t as c,r as d,i as e,o as f,_ as p,l as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as l,g as i}from"./p-_tsCCkAi.js";import{f as a,a as o,b as s,c as d,d as n,e as c,t as m}from"./p-CcRjWvcb.js";import{ClientLayoutItemType as h}from"./index.esm.js";class b{static render(t,r,e){var l,i,a,o;if(t.type===h.RELATION){const e=null!==(i=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:"",s=null===(a=null==r?void 0:r._links)||void 0===a?void 0:a[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>b.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,m;switch(t){case"INTEGER":return n(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return n(Number(r),l);case"PERCENTAGE":return c(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?d(Number(t),e,l):n(Number(t),l)}case"DATE":return s(r,l);case"DATETIME":return o(r,l);case"TIME":return a(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!==(m=null==t?void 0:t.label)&&void 0!==m?m:String(r)}case"TEXTBLOCK":return String(r).replace(/<[^>]*>/g,"").trim();default:return String(r)}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),u=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),p=new Set(["DATE","DATETIME","TIME"]),v=new Set(["FILE","IMAGE"]),f=class{constructor(e){t(this,e),this.mrdLoadPage=r(this,"mrdLoadPage"),this.mrdRowClick=r(this,"mrdRowClick"),this.mrdAction=r(this,"mrdAction"),this.mrdFilter=r(this,"mrdFilter"),this.mrdDownload=r(this,"mrdDownload"),this.mrdLoadAggregations=r(this,"mrdLoadAggregations"),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.keydownHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.loadedPages=new Map,this.requestedPages=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.scrollTop=0,this.textblockModal=null,this.aggregations=null,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),i=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,i+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}async init(){var t;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const r=this.defaultSort.split(",");this.sortField=r[0].trim(),this.sortDir="desc"===(null===(t=r[1])||void 0===t?void 0:t.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?`${this.sortField},desc`:this.sortField:""}colName(t){var r,e,l,i;return null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),i=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==i)return"";const a=t.field.dataType;return"INTEGER"===a?n(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?c(i,this.locale):"CURRENCY"===a&&t.field.currencyCode?d(i,t.field.currencyCode,this.locale):n(i,this.locale)}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-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)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(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.mrdLoadPage.emit({page:t,sort:this.sortParam()}),a=!0);a&&(this.requestedPages=i)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(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.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}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=_.has(a)||"RELATION"===a?"startsWith":void 0;if("DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=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)}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))})}filterHasValue(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}dateLocalToUTCStart(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")}dateLocalToUTCEndExclusive(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")}utcISOToLocalDate(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")}`}utcISOToLocalDateExclusiveEnd(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")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.field),this.activeFilters=e,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>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.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}renderToolbar(){var t;const r=this.activeFilters.size,l=(null===(t=this.actions)||void 0===t?void 0:t.length)>0;return e("div",{class:"mrd-table__toolbar"},e("div",{class:"mrd-table__toolbar-left"},e("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),r>0&&e("span",{class:"mrd-table__filter-badge"},r),e("span",{class:"mrd-table__action-tooltip"},m(this.filterMode?"table_filter_hide":"table_filter",this.locale),r>0?` (${r} ${m("table_filter_active",this.locale)})`:"")),r>0&&e("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("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"})),e("span",{class:"mrd-table__action-tooltip"},m("table_filter_clear_all",this.locale)))),l&&e("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return e("button",{class:`mrd-table__action mrd-table__action--${null!==(r=t.variant)&&void 0!==r?r:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?e("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},e("use",{href:t.icon})):t.label,e("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,l,i,a,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},h=this.colDataType(t);if(v.has(h))return e("p",{class:"mrd-table__filter-no-support"},m("filter_no_support",this.locale));if("BOOLEAN"===h){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t;return e("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:!r&&c.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:void 0,value:t.value})}}),m(t.labelKey,this.locale)))),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isEmpty",value:void 0})}}),m("filter_is_empty",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isNotEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isNotEmpty",value:void 0})}}),m("filter_is_not_empty",this.locale)))}if("LIST"===h){const r=null!==(i=null===(l=t.field)||void 0===l?void 0:l.listItems)&&void 0!==i?i:[],o=null!==(a=c.values)&&void 0!==a?a:[];return e("div",{class:"mrd-table__filter-list"},e("div",{class:"mrd-table__filter-list-controls"},e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:r.map((t=>t.key))})}},m("filter_select_all",this.locale)),e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},m("filter_select_none",this.locale))),r.map((t=>e("label",{class:"mrd-table__filter-checkbox-label"},e("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(h)||"RELATION"===h){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("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((r=>e("option",{value:r.val,selected:t===r.val},m(r.labelKey,this.locale))))),!r&&e("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(s=c.value)&&void 0!==s?s:""),placeholder:m("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(u.has(h)){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,l=!r&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!r},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===t},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},m("filter_is_not_empty",this.locale))),!r&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:!l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),l?e("div",{class:"mrd-table__filter-range"},e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("span",{class:"mrd-table__filter-range-sep"},"–"),e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?String(c.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===h){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,l=!r&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!r},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===t},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},m("filter_is_not_empty",this.locale))),!r&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),l?e("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},e("label",{class:"mrd-table__filter-range-label"},m("filter_from",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("label",{class:"mrd-table__filter-range-label"},m("filter_to",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(d=c.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}if(p.has(h)){const t="DATE"===h?"date":"time",r=c.operator,l="isEmpty"===r||"isNotEmpty"===r,i=!l&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!l},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===r},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},m("filter_is_not_empty",this.locale))),!l&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),i?e("div",{class:"mrd-table__filter-range"},e("input",{type:t,class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("input",{type:t,class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(n=c.value)&&void 0!==n?n:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t,r,l,i;if(!this.openFilterCol||!this.pendingFilter)return null;const a=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!a)return null;const o=null!==(i=null!==(r=null===(t=a.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(l=a.relation)||void 0===l?void 0:l.label)&&void 0!==i?i:this.openFilterCol,s=this.sortField===this.openFilterCol;return e("div",{class:"mrd-table__filter-popup",style:{top:`${this.popupPos.top}px`,left:`${this.popupPos.left}px`},onClick:t=>t.stopPropagation()},e("div",{class:"mrd-table__filter-popup-header"},e("span",{class:"mrd-table__filter-popup-title"},o),e("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_sorting",this.locale)),e("div",{class:"mrd-table__filter-sort-buttons"},e("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"asc")},"▲ ",m("filter_ascending",this.locale)),e("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"desc")},"▼ ",m("filter_descending",this.locale)))),e("div",{class:"mrd-table__filter-divider"}),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_section",this.locale)),this.renderFilterEditor(a)),e("div",{class:"mrd-table__filter-popup-footer"},e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},m("filter_clear",this.locale)),e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},m("filter_apply",this.locale))))}renderFooter(t,r){const l=this.totalElements;if(0===l){const r=null!=t?t:0;return 0===r?null:e("div",{class:"mrd-table__footer"},r," ",m("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const i=null!=r?r:l,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i);return e("div",{class:"mrd-table__footer"},a,"–",o," ",m("table_of",this.locale)," ",i)}renderCell(t,r){var l,i,a,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(i=null===(l=t.field)||void 0===l?void 0:l.dataType)&&void 0!==i?i:"",n="FIELD"===t.type&&s.has(d);if("FIELD"===t.type&&("FILE"===d||"IMAGE"===d)){const l=null!==(o=null===(a=t.field)||void 0===a?void 0:a.name)&&void 0!==o?o:"",i=null==r?void 0:r[l],s=null==i?void 0:i.href,d=null==i?void 0:i.fileName;return e("td",{class:"mrd-table__cell"},s&&d?e("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},e("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),m("download",this.locale)):"")}if("TEXTBLOCK"===d){const l=b.render(t,r,this.locale);if(l.length<=200)return e("td",{class:"mrd-table__cell"},l);const i=l.slice(0,200)+"…";return e("td",{class:"mrd-table__cell"},i,e("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(l)},"aria-label":m("textblock_show_more",this.locale)},"⋯"))}const c=b.render(t,r,this.locale);return e("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?e("tfoot",null,e("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,l;const i=this.renderAggregationValue(t),a="FIELD"===t.type&&u.has(null!==(l=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==l?l:"");return e("td",{class:"mrd-table__totals-cell"+(a?" mrd-table__totals-cell--numeric":"")},i)})))):null}render(){var t,r,i;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return e(l,null,this.renderToolbar(),e("div",{class:"mrd-table"},e("table",{class:"mrd-table__table"},e("thead",null,e("tr",null,this.columns.map((t=>{var r,l,i,a;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return e("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},e("span",{class:"mrd-table__header-label"},null!==(a=null!==(l=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==l?l:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==a?a:""),s&&this.renderFilterIcon())})))),e("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>e("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>this.renderCell(r,t))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale))),this.renderFooter(null===(i=this.rows)||void 0===i?void 0:i.length),this.renderFilterPopup(),this.renderTextblockModal());let a=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(a=Math.min(a,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,a-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(a-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,h=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);h.push(null===r?e("tr",{class:"mrd-table__row mrd-table__row--loading"},e("td",{class:"mrd-table__cell--placeholder",colSpan:s},e("span",{class:"mrd-table__placeholder-bar"}))):e("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return e(l,null,this.renderToolbar(),e("div",{class:"mrd-table__scroll",style:{height:`${this.tableHeight}px`},onScroll:this.handleScroll},e("table",{class:"mrd-table__table",style:c},e("thead",null,e("tr",null,this.columns.map(((t,r)=>{var l,i,a,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?`mrd-table__header--sorted-${this.sortDir}`:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return e("th",{class:c,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t)},e("span",{class:"mrd-table__header-label"},null!==(o=null!==(i=null===(l=t.field)||void 0===l?void 0:l.label)&&void 0!==i?i:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==o?o:""),d&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),!d&&!this.filterMode&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),n&&this.renderFilterIcon())})))),e("tbody",null,d>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${d}px`}},e("td",{colSpan:s})),h,n>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${n}px`}},e("td",{colSpan:s}))),this.renderTotalsRow())),0===a&&this.loadedPages.has(0)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale)),a>0&&this.renderFooter(void 0,a),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return e("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},e("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},e("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:e("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},e("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},e("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":m("close",this.locale)},"✕"),e("p",{class:"mrd-table__modal-text"},this.textblockModal)))}get el(){return i(this)}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}};f.style=".sc-mrd-table-h{display:block;width:100%}.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.sc-mrd-table{overflow-x:auto}.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-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__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__row--loading.sc-mrd-table{background:transparent}.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__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}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.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__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: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__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.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__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.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,.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,.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-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.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}";export{f as mrd_table}
|