@mmlogic/components 0.3.8 → 0.3.10

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

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as o,createEvent as t,h as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as s,b as l}from"./client-layout.js";import{C as n,d}from"./mrd-table2.js";import{t as c}from"./i18n.js";import{a as m}from"./format.js";const u=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdNavigate=t(this,"mrdNavigate",7),this.mrdSearch=t(this,"mrdSearch",7),this.mrdDownload=t(this,"mrdDownload",7),this.mrdLoadViewPage=t(this,"mrdLoadViewPage",7),this.mrdLoadImage=t(this,"mrdLoadImage",7),this.mrdViewAction=t(this,"mrdViewAction",7),this.mrdLoadViewAggregations=t(this,"mrdLoadViewAggregations",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.historyClickOutside=null,this.searchTimers={},this.handleViewLoadPage=(r,o)=>{r.stopPropagation(),this.mrdLoadViewPage.emit({name:o,page:r.detail.page,sort:r.detail.sort,path:r.detail.path,qs:r.detail.qs})},this.handleSearchInput=(r,o)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[r]:o}),this.searchTimers[r]&&clearTimeout(this.searchTimers[r]),o.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[r]:[]}):this.searchTimers[r]=setTimeout((()=>{this.mrdSearch.emit({query:o,dataClass:r})}),300)}}componentDidLoad(){setTimeout((()=>{this.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=r=>{this.el.contains(r.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(r){r&&Object.keys(r).length>0&&setTimeout((()=>this.initEmbeddedTables()),0)}async initEmbeddedTables(){const r=this.el.querySelectorAll("mrd-table[data-view]");for(const o of Array.from(r))"function"==typeof o.init&&await o.init()}viewKeyFor(r){var o,t,e,a;return r.type===s.RELATED_VIEW?null!==(t=null!==(o=r.relatedClass)&&void 0!==o?o:r.name)&&void 0!==t?t:"":null!==(a=null!==(e=r.dataClass)&&void 0!==e?e:r.name)&&void 0!==a?a:""}emitLoadImages(){for(const r of this.flattenItems(this.items))if(r.type===s.FIELD&&r.dataType===l.IMAGE){const o=r.name,t=this.data[o],e=null==t?void 0:t.href;e&&this.mrdLoadImage.emit({fieldName:o,href:e})}}flattenItems(r){const o=[];for(const t of r)o.push(t),t.items&&o.push(...this.flattenItems(t.items));return o}async setSearchResults(r,o){const t=null!=o?o:this.resolveSearchKey();t&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[t]:r}))}async setViewPage(r,o,t,e,a){const i=this.el.querySelector(`mrd-table[data-view="${r}"]`);i&&(void 0!==e&&(i.totalElements=e),await i.setPage(o,t,a))}async setViewAggregations(r,o){const t=this.el.querySelector(`mrd-table[data-view="${r}"]`);t&&await t.setAggregations(o)}async setImagePreview(r,o){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[r]:o})}async openImagePreview(r){this.imagePreviewUrl=r}resolveSearchKey(){var r;const o=this.flattenItems(this.items).filter((r=>r.type===s.SEARCH));return 1===o.length&&null!==(r=o[0].dataClass)&&void 0!==r?r:null}renderSingleFieldValue(r,o){var t,a,i,s,d,m,u,v,h,y,p;const f=r.dataType;switch(f){case l.HYPERLINK:{const r=null!==(t=null==o?void 0:o.href)&&void 0!==t?t:o+"",l=null!==(s=null!==(i=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:null==o?void 0:o.text)&&void 0!==i?i:null==o?void 0:o.label)&&void 0!==s?s:r;return e("a",{class:"mrd-layout-section__link",href:r,target:"_blank",rel:"noopener noreferrer"},l)}case l.TEXTBLOCK:return e("div",{class:"mrd-layout-section__prose",innerHTML:o+""});case l.LONGTEXT:return e("pre",{class:"mrd-layout-section__pre"},o+"");case l.JSON:return e("pre",{class:"mrd-layout-section__pre",innerHTML:n.formatJson(o)});case l.FILE:{const r=null!==(d=null==o?void 0:o.fileName)&&void 0!==d?d:o+"",t=null!==(m=null==o?void 0:o.href)&&void 0!==m?m:"";return e("button",{class:"mrd-layout-section__download-link",onClick:()=>t&&this.mrdDownload.emit({href:t,fileName:r})},e("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),c("download",this.locale))}case l.IMAGE:{const t=null!==(u=null==o?void 0:o.href)&&void 0!==u?u:"",a=null!==(v=null==o?void 0:o.fileName)&&void 0!==v?v:"",i=this.imagePreviews[r.name];return i?e("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>{this.imagePreviewUrl=i},title:a||void 0},e("img",{class:"mrd-layout-section__image-thumb",src:i,alt:a})):e("button",{class:"mrd-layout-section__download-link",onClick:()=>t&&this.mrdDownload.emit({href:t,fileName:a})},e("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),a||t)}case l.BOOLEAN:return e("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(o?"true":"false")},c(o?"yes":"no",this.locale));case l.LIST:{const t=(null!==(h=r.listItems)&&void 0!==h?h:[]).find((r=>r.key===o+"")),a=null!==(y=null==t?void 0:t.label)&&void 0!==y?y:o+"",i=null==t?void 0:t.color,s=null==t?void 0:t.backgroundColor;return i&&s?e("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:s}},a):i?e("span",{class:"mrd-layout-section__badge-dot-row"},e("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),a):a}case l.SECRET:return o?e("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return n.renderValue(f,o,null!==(p=r.listItems)&&void 0!==p?p:[],this.locale)||null}}renderFieldValue(r,o){if(null==o||""===o)return null;if(r.multiple&&Array.isArray(o)){const t=o.map((o=>this.renderSingleFieldValue(r,o)));return t.every((r=>"string"==typeof r||null==r))?t.filter(Boolean).join(", ")||null:e("span",null,t.map(((r,o)=>e("span",{key:o+""},r,o<t.length-1?", ":""))))}return this.renderSingleFieldValue(r,o)}renderHistoryBadge(r,o){var t,a,i;if(!(null!==(t=r.historyEnabled)&&void 0!==t?t:null===(a=r.field)||void 0===a?void 0:a.historyEnabled)||!r.name)return null;const s=null!==(i=null==o?void 0:o.history)&&void 0!==i?i:[];if(!s.length)return null;const l=[...s].sort(((r,o)=>o.until.localeCompare(r.until))),n=this.openHistoryField===r.name,{locale:d}=this;return e("span",{class:"mrd-layout-section__history-wrap"},e("button",{type:"button",class:"mrd-layout-section__history-btn",title:c("history_badge_tooltip",d),"aria-label":c("history_badge_tooltip",d),onClick:o=>{o.stopPropagation(),this.openHistoryField=n?null:r.name}},e("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},e("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),n&&e("div",{class:"mrd-layout-section__history-popover",role:"listbox"},l.map(((r,o)=>e("div",{key:o+"",class:"mrd-layout-section__history-entry"},r.value," (",c("history_until",d)," ",m(r.until,d),")")))))}renderField(r){var o,t;if(!r.name)return null;const a=this.data[r.name],i=(null!==(o=r.historyEnabled)&&void 0!==o?o:null===(t=r.field)||void 0===t?void 0:t.historyEnabled)&&null!==a&&"object"==typeof a&&"current"in a?a.current:a,s=this.renderFieldValue(r,i);return r.header?e("h1",{class:"mrd-layout-section__field-header",key:r.name},"string"==typeof s?s:null!=i?i+"":r.label):null==s?null:e("div",{class:"mrd-layout-section__field"+(r.dataType===l.TEXTBLOCK||r.dataType===l.LONGTEXT||r.dataType===l.JSON?" mrd-layout-section__field--block":""),key:r.name},e("span",{class:"mrd-layout-section__field-label"},r.label),e("span",{class:"mrd-layout-section__field-value"},s,this.renderHistoryBadge(r,a)))}renderRelation(r){var o,t,a;if(!r.name)return null;const i=(null!==(t=null===(o=this.data)||void 0===o?void 0:o._links)&&void 0!==t?t:{})[r.name];if(!i)return null;const s=(r,o)=>e("button",{key:r,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:r,label:o})},o);let l;return(null===(a=i.values)||void 0===a?void 0:a.length)?l=i.values.map((r=>s(r.href,r.name))):i.name&&(l=s(i.href,i.name)),l?e("div",{class:"mrd-layout-section__field",key:r.name},e("span",{class:"mrd-layout-section__field-label"},r.label),e("span",{class:"mrd-layout-section__field-value"},l)):null}renderSearch(r){var o,t,a;if(!r.dataClass)return null;const i=r.dataClass,s=null!==(o=this.searchQueryMap[i])&&void 0!==o?o:"",l=null!==(t=this.searchResultsMap[i])&&void 0!==t?t:[];return e("div",{class:"mrd-layout-section__search",key:"search-"+i},e("div",{class:"mrd-layout-section__search-wrap"},e("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},e("path",{"fill-rule":"evenodd",d:"M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z","clip-rule":"evenodd"})),e("input",{class:"mrd-layout-section__search-input",type:"text",value:s,placeholder:null!==(a=r.label)&&void 0!==a?a:"",onInput:r=>this.handleSearchInput(i,r.target.value)})),l.length>0&&e("ul",{class:"mrd-layout-section__search-results"},l.map((r=>e("li",{key:r.id,class:"mrd-layout-section__search-result"},e("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:r.id,label:r.label})},e("span",{class:"mrd-layout-section__search-result-label"},r.label),r.description&&e("span",{class:"mrd-layout-section__search-result-desc"},r.description)))))))}renderRelatedView(r){var o,t,a,i,s,l;const n=this.viewKeyFor(r);if(!n)return null;if(!r.view)return null;const d=null!==(o=r.showTitle)&&void 0!==o&&o,c=null!==(l=(null!==(s=null===(i=null===(a=null===(t=this.data)||void 0===t?void 0:t._links)||void 0===a?void 0:a.self)||void 0===i?void 0:i.href)&&void 0!==s?s:"").split("/").filter(Boolean).pop())&&void 0!==l?l:"";return e("div",{class:"mrd-layout-section__related-view",key:"view-"+n},d&&r.label&&e("h3",{class:"mrd-layout-section__related-view-title"},r.label),e("mrd-table",{"data-view":n,item:r,parentId:c,locale:this.locale,onMrdLoadPage:r=>this.handleViewLoadPage(r,n),onMrdLoadAggregations:o=>{var t;o.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:n,dataClass:null!==(t=r.dataClass)&&void 0!==t?t:n},o.detail))},onMrdRowClick:r=>{var o,t,e;r.stopPropagation();const a=r.detail;this.mrdNavigate.emit({href:null===(t=null===(o=null==a?void 0:a._links)||void 0===o?void 0:o.self)||void 0===t?void 0:t.href,label:null!==(e=null==a?void 0:a.name)&&void 0!==e?e:""})},onMrdAction:o=>{var t;o.stopPropagation(),this.mrdViewAction.emit({name:n,action:o.detail.action,dataClass:null!==(t=r.dataClass)&&void 0!==t?t:n,path:o.detail.path,qs:o.detail.qs,parentPath:o.detail.parentPath,basicType:o.detail.basicType})}}))}renderItem(r){var o,t;switch(r.type){case s.FIELD:return this.renderField(r);case s.RELATION:return this.renderRelation(r);case s.HEADER:return e("h2",{class:"mrd-layout-section__header",key:"header-"+r.label},r.label);case s.TEXT:return e("div",{class:"mrd-layout-section__text",key:"text-"+r.label,innerHTML:null!==(o=r.label)&&void 0!==o?o:""});case s.NAVIGATE:return e("button",{class:"mrd-layout-section__navigate",key:"nav-"+r.label,onClick:()=>{var o,t,e;return this.mrdNavigate.emit({label:null!==(o=r.label)&&void 0!==o?o:"",navigate:null!==(t=r.navigate)&&void 0!==t?t:{dataClass:null!==(e=r.dataClass)&&void 0!==e?e:"",icon:r.icon,navigationType:r.navigationType}})}},r.label);case s.SEARCH:return this.renderSearch(r);case s.SECTION:case s.GROUP:return e("div",{class:"mrd-layout-section__group",key:"group-"+r.label},r.label&&e("h3",{class:"mrd-layout-section__group-title"},r.label),(null!==(t=r.items)&&void 0!==t?t:[]).map((r=>this.renderItem(r))));case s.RELATED_VIEW:case s.VIEW:return this.renderRelatedView(r);default:return null}}renderImageModal(){return this.imagePreviewUrl?e("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},e("div",{class:"mrd-layout-section__modal",onClick:r=>r.stopPropagation()},e("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),e("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}render(){return e(a,{key:"39d21b05016b901ff73a90dc0c6ef04cc30b4d42"},e("div",{key:"546d956676d66438930665e97c2ed618fb8d1d4c",class:"mrd-layout-section"},this.items.map((r=>this.renderItem(r)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;text-transform:uppercase;letter-spacing:0.05em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],openHistoryField:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{data:[{dataChanged:0}]}]),v=u,h=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-table"].forEach((r=>{switch(r){case"mrd-layout-section":customElements.get(i(r))||customElements.define(i(r),u);break;case"mrd-table":customElements.get(i(r))||d()}}))};export{v as MrdLayoutSection,h as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as t,createEvent as o,h as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{a as s,b as n,r as l,A as d}from"./client-layout.js";import{C as c,d as m}from"./mrd-table2.js";import{t as u}from"./i18n.js";import{f as h}from"./format.js";import{d as v}from"./mrd-document-container2.js";import{d as y}from"./mrd-document-list2.js";import{d as p}from"./mrd-document-view2.js";const f=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdSearch=o(this,"mrdSearch",7),this.mrdDownload=o(this,"mrdDownload",7),this.mrdLoadViewPage=o(this,"mrdLoadViewPage",7),this.mrdLoadImage=o(this,"mrdLoadImage",7),this.mrdViewAction=o(this,"mrdViewAction",7),this.mrdLoadViewAggregations=o(this,"mrdLoadViewAggregations",7),this.mrdLoadViewDistinct=o(this,"mrdLoadViewDistinct",7),this.mrdUpdateObject=o(this,"mrdUpdateObject",7),this.mrdViewUpload=o(this,"mrdViewUpload",7),this.mrdCreateObject=o(this,"mrdCreateObject",7),this.items=[],this.data={},this.views={},this.links={},this.locale=navigator.language,this.archetypes=[],this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.historyClickOutside=null,this.searchTimers={},this.handleViewLoadPage=(r,t)=>{r.stopPropagation(),this.mrdLoadViewPage.emit({name:t,page:r.detail.page,sort:r.detail.sort,path:r.detail.path,qs:r.detail.qs})},this.handleSearchInput=(r,t)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[r]:t}),this.searchTimers[r]&&clearTimeout(this.searchTimers[r]),t.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[r]:[]}):this.searchTimers[r]=setTimeout((()=>{this.mrdSearch.emit({query:t,dataClass:r})}),300)}}componentDidLoad(){setTimeout((()=>{this.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=r=>{this.el.contains(r.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(r){r&&Object.keys(r).length>0&&setTimeout((()=>this.initEmbeddedTables()),0)}async initEmbeddedTables(){const r=this.el.querySelectorAll("mrd-table[data-view]");for(const t of Array.from(r))"function"==typeof t.init&&await t.init()}viewKeyFor(r){var t,o,e,a;return r.type===s.RELATED_VIEW?null!==(o=null!==(t=r.relatedClass)&&void 0!==t?t:r.name)&&void 0!==o?o:"":null!==(a=null!==(e=r.dataClass)&&void 0!==e?e:r.name)&&void 0!==a?a:""}emitLoadImages(){for(const r of this.flattenItems(this.items))if(r.type===s.FIELD&&r.dataType===n.IMAGE){const t=r.name,o=this.data[t],e=null==o?void 0:o.href;e&&this.mrdLoadImage.emit({fieldName:t,href:e})}}flattenItems(r){const t=[];for(const o of r)t.push(o),o.items&&t.push(...this.flattenItems(o.items));return t}async setSearchResults(r,t){const o=null!=t?t:this.resolveSearchKey();o&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[o]:r}))}async setViewPage(r,t,o,e,a,i){if(i){const t=this.el.querySelector(`mrd-document-list[data-doclist="${r}"]`);return void((null==t?void 0:t.setDocuments)&&await t.setDocuments(i,o))}const s=this.el.querySelector(`mrd-table[data-view="${r}"]`);s&&(void 0!==e&&(s.totalElements=e),await s.setPage(t,o,a))}async setViewAggregations(r,t){const o=this.el.querySelector(`mrd-table[data-view="${r}"]`);o&&await o.setAggregations(t)}async setViewDistinct(r,t,o){const e=this.el.querySelector(`mrd-document-list[data-doclist="${r}"]`);(null==e?void 0:e.setDistinct)&&await e.setDistinct(t,o)}async setViewFileReference(r,t){const o=this.el.querySelector(`mrd-document-list[data-doclist="${r}"]`);(null==o?void 0:o.setFileReference)&&await o.setFileReference(t)}async setViewCreatedObject(r,t){const o=this.el.querySelector(`mrd-document-list[data-doclist="${r}"]`);(null==o?void 0:o.setCreatedHref)&&await o.setCreatedHref(t)}async setImagePreview(r,t){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[r]:t})}async openImagePreview(r){this.imagePreviewUrl=r}resolveSearchKey(){var r;const t=this.flattenItems(this.items).filter((r=>r.type===s.SEARCH));return 1===t.length&&null!==(r=t[0].dataClass)&&void 0!==r?r:null}renderSingleFieldValue(r,t){var o,a,i,s,l,d,m,h,v,y,p;const f=r.dataType;switch(f){case n.HYPERLINK:{const r=null!==(o=null==t?void 0:t.href)&&void 0!==o?o:t+"",n=null!==(s=null!==(i=null!==(a=null==t?void 0:t.name)&&void 0!==a?a:null==t?void 0:t.text)&&void 0!==i?i:null==t?void 0:t.label)&&void 0!==s?s:r;return e("a",{class:"mrd-layout-section__link",href:r,target:"_blank",rel:"noopener noreferrer"},n)}case n.TEXTBLOCK:return e("div",{class:"mrd-layout-section__prose",innerHTML:t+""});case n.LONGTEXT:return e("pre",{class:"mrd-layout-section__pre"},t+"");case n.JSON:return e("pre",{class:"mrd-layout-section__pre",innerHTML:c.formatJson(t)});case n.FILE:{const r=null!==(l=null==t?void 0:t.fileName)&&void 0!==l?l:t+"",o=null!==(d=null==t?void 0:t.href)&&void 0!==d?d:"";return e("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&this.mrdDownload.emit({href:o,fileName:r})},e("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),u("download",this.locale))}case n.IMAGE:{const o=null!==(m=null==t?void 0:t.href)&&void 0!==m?m:"",a=null!==(h=null==t?void 0:t.fileName)&&void 0!==h?h:"",i=this.imagePreviews[r.name];return i?e("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>{this.imagePreviewUrl=i},title:a||void 0},e("img",{class:"mrd-layout-section__image-thumb",src:i,alt:a})):e("button",{class:"mrd-layout-section__download-link",onClick:()=>o&&this.mrdDownload.emit({href:o,fileName:a})},e("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),a||o)}case n.BOOLEAN:return e("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(t?"true":"false")},u(t?"yes":"no",this.locale));case n.LIST:{const o=(null!==(v=r.listItems)&&void 0!==v?v:[]).find((r=>r.key===t+"")),a=null!==(y=null==o?void 0:o.label)&&void 0!==y?y:t+"",i=null==o?void 0:o.color,s=null==o?void 0:o.backgroundColor;return i&&s?e("span",{class:"mrd-layout-section__badge",style:{color:i,backgroundColor:s}},a):i?e("span",{class:"mrd-layout-section__badge-dot-row"},e("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:i}}),a):a}case n.SECRET:return t?e("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return c.renderValue(f,t,null!==(p=r.listItems)&&void 0!==p?p:[],this.locale)||null}}renderFieldValue(r,t){if(null==t||""===t)return null;if(r.multiple&&Array.isArray(t)){const o=t.map((t=>this.renderSingleFieldValue(r,t)));return o.every((r=>"string"==typeof r||null==r))?o.filter(Boolean).join(", ")||null:e("span",null,o.map(((r,t)=>e("span",{key:t+""},r,t<o.length-1?", ":""))))}return this.renderSingleFieldValue(r,t)}renderHistoryBadge(r,t){var o,a,i;if(!(null!==(o=r.historyEnabled)&&void 0!==o?o:null===(a=r.field)||void 0===a?void 0:a.historyEnabled)||!r.name)return null;const s=null!==(i=null==t?void 0:t.history)&&void 0!==i?i:[];if(!s.length)return null;const n=[...s].sort(((r,t)=>t.until.localeCompare(r.until))),l=this.openHistoryField===r.name,{locale:d}=this;return e("span",{class:"mrd-layout-section__history-wrap"},e("button",{type:"button",class:"mrd-layout-section__history-btn",title:u("history_badge_tooltip",d),"aria-label":u("history_badge_tooltip",d),onClick:t=>{t.stopPropagation(),this.openHistoryField=l?null:r.name}},e("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},e("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),l&&e("div",{class:"mrd-layout-section__history-popover",role:"listbox"},n.map(((r,t)=>e("div",{key:t+"",class:"mrd-layout-section__history-entry"},r.value," (",u("history_until",d)," ",h(r.until,d),")")))))}renderField(r){var t,o;if(!r.name)return null;const a=this.data[r.name],i=(null!==(t=r.historyEnabled)&&void 0!==t?t:null===(o=r.field)||void 0===o?void 0:o.historyEnabled)&&null!==a&&"object"==typeof a&&"current"in a?a.current:a,s=this.renderFieldValue(r,i);return r.header?e("h1",{class:"mrd-layout-section__field-header",key:r.name},"string"==typeof s?s:null!=i?i+"":r.label):null==s?null:e("div",{class:"mrd-layout-section__field"+(r.dataType===n.TEXTBLOCK||r.dataType===n.LONGTEXT||r.dataType===n.JSON?" mrd-layout-section__field--block":""),key:r.name},e("span",{class:"mrd-layout-section__field-label"},r.label),e("span",{class:"mrd-layout-section__field-value"},s,this.renderHistoryBadge(r,a)))}renderRelation(r){var t,o,a;if(!r.name)return null;const i=(null!==(o=null===(t=this.data)||void 0===t?void 0:t._links)&&void 0!==o?o:{})[r.name];if(!i)return null;const s=(r,t)=>e("button",{key:r,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:r,label:t})},t);let n;return(null===(a=i.values)||void 0===a?void 0:a.length)?n=i.values.map((r=>s(r.href,r.name))):i.name&&(n=s(i.href,i.name)),n?e("div",{class:"mrd-layout-section__field",key:r.name},e("span",{class:"mrd-layout-section__field-label"},r.label),e("span",{class:"mrd-layout-section__field-value"},n)):null}renderSearch(r){var t,o,a;if(!r.dataClass)return null;const i=r.dataClass,s=null!==(t=this.searchQueryMap[i])&&void 0!==t?t:"",n=null!==(o=this.searchResultsMap[i])&&void 0!==o?o:[];return e("div",{class:"mrd-layout-section__search",key:"search-"+i},e("div",{class:"mrd-layout-section__search-wrap"},e("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},e("path",{"fill-rule":"evenodd",d:"M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z","clip-rule":"evenodd"})),e("input",{class:"mrd-layout-section__search-input",type:"text",value:s,placeholder:null!==(a=r.label)&&void 0!==a?a:"",onInput:r=>this.handleSearchInput(i,r.target.value)})),n.length>0&&e("ul",{class:"mrd-layout-section__search-results"},n.map((r=>e("li",{key:r.id,class:"mrd-layout-section__search-result"},e("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:r.id,label:r.label})},e("span",{class:"mrd-layout-section__search-result-label"},r.label),r.description&&e("span",{class:"mrd-layout-section__search-result-desc"},r.description)))))))}renderRelatedView(r){var t,o,a,i,s,n,c,m;const u=this.viewKeyFor(r);if(!u)return null;if(!r.view)return null;const h=null!==(t=r.showTitle)&&void 0!==t&&t,v=null!==(n=(null!==(s=null===(i=null===(a=null===(o=this.data)||void 0===o?void 0:o._links)||void 0===a?void 0:a.self)||void 0===i?void 0:i.href)&&void 0!==s?s:"").split("/").filter(Boolean).pop())&&void 0!==n?n:"",y=l(null!==(c=r.archetypes)&&void 0!==c?c:null===(m=r.view)||void 0===m?void 0:m.archetypes,d);return e("div",{class:"mrd-layout-section__related-view",key:"view-"+u},h&&r.label&&e("h3",{class:"mrd-layout-section__related-view-title"},r.label),y?this.renderDocumentContainer(r,u,v,y):this.renderTable(r,u,v))}renderDocumentContainer(r,t,o,a){return e("mrd-document-container",{item:r,archetype:a,parentId:o,viewKey:t,locale:this.locale,onMrdLoadDistinct:r=>{r.stopPropagation(),this.mrdLoadViewDistinct.emit(Object.assign({name:t},r.detail))},onMrdLoadPage:r=>{r.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:t},r.detail))},onMrdLoadAggregations:o=>{var e;o.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:t,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:t},o.detail))},onMrdNavigate:r=>{r.stopPropagation(),this.mrdNavigate.emit(r.detail)},onMrdAction:o=>{var e;o.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:t,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:t},o.detail))},onMrdUpdateObject:r=>{r.stopPropagation(),this.mrdUpdateObject.emit(r.detail)},onMrdUpload:r=>{r.stopPropagation(),this.mrdViewUpload.emit(Object.assign({name:t},r.detail))},onMrdCreateObject:r=>{r.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:t},r.detail))}})}renderTable(r,t,o){return e("mrd-table",{"data-view":t,item:r,parentId:o,locale:this.locale,onMrdLoadPage:r=>this.handleViewLoadPage(r,t),onMrdLoadAggregations:o=>{var e;o.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:t,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:t},o.detail))},onMrdRowClick:r=>{var t,o,e;r.stopPropagation();const a=r.detail;this.mrdNavigate.emit({href:null===(o=null===(t=null==a?void 0:a._links)||void 0===t?void 0:t.self)||void 0===o?void 0:o.href,label:null!==(e=null==a?void 0:a.name)&&void 0!==e?e:""})},onMrdAction:o=>{var e;o.stopPropagation(),this.mrdViewAction.emit({name:t,action:o.detail.action,dataClass:null!==(e=r.dataClass)&&void 0!==e?e:t,path:o.detail.path,qs:o.detail.qs,parentPath:o.detail.parentPath,basicType:o.detail.basicType})}})}renderItem(r){var t,o;switch(r.type){case s.FIELD:return this.renderField(r);case s.RELATION:return this.renderRelation(r);case s.HEADER:return e("h2",{class:"mrd-layout-section__header",key:"header-"+r.label},r.label);case s.TEXT:return e("div",{class:"mrd-layout-section__text",key:"text-"+r.label,innerHTML:null!==(t=r.label)&&void 0!==t?t:""});case s.NAVIGATE:return e("button",{class:"mrd-layout-section__navigate",key:"nav-"+r.label,onClick:()=>{var t,o,e;return this.mrdNavigate.emit({label:null!==(t=r.label)&&void 0!==t?t:"",navigate:null!==(o=r.navigate)&&void 0!==o?o:{dataClass:null!==(e=r.dataClass)&&void 0!==e?e:"",icon:r.icon,navigationType:r.navigationType}})}},r.label);case s.SEARCH:return this.renderSearch(r);case s.SECTION:case s.GROUP:return e("div",{class:"mrd-layout-section__group",key:"group-"+r.label},r.label&&e("h3",{class:"mrd-layout-section__group-title"},r.label),(null!==(o=r.items)&&void 0!==o?o:[]).map((r=>this.renderItem(r))));case s.RELATED_VIEW:case s.VIEW:return this.renderRelatedView(r);default:return null}}renderImageModal(){return this.imagePreviewUrl?e("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},e("div",{class:"mrd-layout-section__modal",onClick:r=>r.stopPropagation()},e("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),e("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}renderDocumentObject(r){const t=this.items.filter((r=>r.type===s.VIEW||r.type===s.RELATED_VIEW||r.type===s.SEARCH));return[e("mrd-document-view",{archetype:r,data:this.data,locale:this.locale,onMrdNavigate:r=>{r.stopPropagation(),this.mrdNavigate.emit(r.detail)},onMrdDownload:r=>{r.stopPropagation(),this.mrdDownload.emit(r.detail)}}),...t.map((r=>this.renderItem(r)))]}render(){const r=l(this.archetypes,d);return e(a,{key:"6e737354daec0137b6ebe304efcce9990f02739f"},e("div",{key:"31a73a8a78999793f5dacee5f2da41df5f23156e",class:"mrd-layout-section"},r?this.renderDocumentObject(r):this.items.map((r=>this.renderItem(r)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__history-wrap.sc-mrd-layout-section{position:relative;display:inline-flex;align-items:center}.mrd-layout-section__history-btn.sc-mrd-layout-section{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-layout-section__history-btn.sc-mrd-layout-section:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-100)}.mrd-layout-section__history-btn.sc-mrd-layout-section:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__history-icon.sc-mrd-layout-section{width:0.875rem;height:0.875rem}.mrd-layout-section__history-popover.sc-mrd-layout-section{position:absolute;top:calc(100% + 0.25rem);left:0;min-width:24rem;max-width:24rem;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);box-shadow:var(--mrd-shadow-md);padding:var(--mrd-space-1) 0;z-index:var(--mrd-z-dropdown)}.mrd-layout-section__history-entry.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-700);padding:var(--mrd-space-2) var(--mrd-space-3);line-height:var(--mrd-line-height-normal)}.mrd-layout-section__history-entry.sc-mrd-layout-section:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-layout-section__field-header.sc-mrd-layout-section{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-4) 0;padding:0}.mrd-layout-section__header.sc-mrd-layout-section{font-size:var(--mrd-font-size-xl);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:var(--mrd-space-4) 0 var(--mrd-space-2) 0;padding:0}.mrd-layout-section__text.sc-mrd-layout-section{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:1px solid var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;margin:var(--mrd-space-2) 0}.mrd-layout-section__navigate.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light);border-color:var(--mrd-color-primary)}.mrd-layout-section__link.sc-mrd-layout-section{color:var(--mrd-color-primary);text-decoration:none}.mrd-layout-section__link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__relation-link.sc-mrd-layout-section{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__relation-link.sc-mrd-layout-section:hover{text-decoration:underline}.mrd-layout-section__download-link.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-primary);cursor:pointer;text-align:left}.mrd-layout-section__download-link.sc-mrd-layout-section:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-layout-section__file-icon.sc-mrd-layout-section{flex-shrink:0;width:1rem;height:1rem}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(10 * 1.5 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:#fff;border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],archetypes:[16],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],openHistoryField:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setViewDistinct:[64],setViewFileReference:[64],setViewCreatedObject:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{data:[{dataChanged:0}]}]),_=f,g=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-document-container","mrd-document-list","mrd-document-view","mrd-table"].forEach((r=>{switch(r){case"mrd-layout-section":customElements.get(i(r))||customElements.define(i(r),f);break;case"mrd-document-container":customElements.get(i(r))||v();break;case"mrd-document-list":customElements.get(i(r))||y();break;case"mrd-document-view":customElements.get(i(r))||p();break;case"mrd-table":customElements.get(i(r))||m()}}))};export{_ as MrdLayoutSection,g as defineCustomElement}

package/dist/components/mrd-longtext-field2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as d,Host as o,transformTag as i}from"@stencil/core/internal/client";import{t as l}from"./i18n.js";import{v as a}from"./validation.js";const n=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!a(e)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return d(o,{key:"10d998b80f54cf7b10be26bf451d808c78579e69"},d("div",{key:"af45fe94a41f668bf6ddca670b42e065ee83ef23",class:"mrd-longtext-field"},this.label&&d("label",{key:"31a08490d695ac9f4bbe5dff6a1ae3bb2a94337d",class:"mrd-longtext-field__label"+(this.required?" mrd-longtext-field__label--required":"")},this.label),this.disabled?d("pre",{class:"mrd-longtext-field__content"},this.value):d("textarea",{class:"mrd-longtext-field__input"+(r?" mrd-longtext-field__input--error":""),name:this.name,placeholder:this.placeholder,required:this.required,rows:10,onInput:this.handleInput,onBlur:this.handleBlur},this.value),r&&d("span",{key:"7f133e72a882a8aaf33245445829754da1e6377b",class:"mrd-longtext-field__error"},this.error)))}static get style(){return".sc-mrd-longtext-field-h{display:block}.mrd-longtext-field.sc-mrd-longtext-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-longtext-field__label.sc-mrd-longtext-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-longtext-field__label--required.sc-mrd-longtext-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-longtext-field__input.sc-mrd-longtext-field{display:block;width:100%;min-height:calc(var(--mrd-input-height) * 5);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;resize:vertical;box-sizing:border-box;line-height:1.5}.mrd-longtext-field__input.sc-mrd-longtext-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-longtext-field__input.sc-mrd-longtext-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-longtext-field__input--error.sc-mrd-longtext-field{border-color:var(--mrd-border-color-error)}.mrd-longtext-field__input--error.sc-mrd-longtext-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-longtext-field__content.sc-mrd-longtext-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);white-space:pre-wrap;word-break:break-word;margin:0;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);background-color:var(--mrd-input-bg-disabled);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);line-height:1.5}.mrd-longtext-field__error.sc-mrd-longtext-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-longtext-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function s(){"undefined"!=typeof customElements&&["mrd-longtext-field"].forEach((r=>{"mrd-longtext-field"===r&&(customElements.get(i(r))||customElements.define(i(r),n))}))}export{n as M,s as d}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as d,Host as o,transformTag as i}from"@stencil/core/internal/client";import{t as l}from"./i18n.js";import{v as a}from"./validation.js";const n=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!a(e)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return d(o,{key:"f00f81944748f8f09e22d44befe5e288456b7cc8"},d("div",{key:"7b0ae9cf5b6b684cddb648fe4db6005494322535",class:"mrd-longtext-field"},this.label&&d("label",{key:"3fc6a8710d0e98fe685c45d214a88ae1b0947973",class:"mrd-longtext-field__label"+(this.required?" mrd-longtext-field__label--required":"")},this.label),this.disabled?d("pre",{class:"mrd-longtext-field__content"},this.value):d("textarea",{class:"mrd-longtext-field__input"+(r?" mrd-longtext-field__input--error":""),name:this.name,placeholder:this.placeholder,required:this.required,rows:10,onInput:this.handleInput,onBlur:this.handleBlur},this.value),r&&d("span",{key:"e96f1dbc6c00a1602f4ce3c97d514a229aeb7cb7",class:"mrd-longtext-field__error"},this.error)))}static get style(){return".sc-mrd-longtext-field-h{display:block}.mrd-longtext-field.sc-mrd-longtext-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-longtext-field__label.sc-mrd-longtext-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-longtext-field__label--required.sc-mrd-longtext-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-longtext-field__input.sc-mrd-longtext-field{display:block;width:100%;min-height:calc(var(--mrd-input-height) * 5);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;resize:vertical;box-sizing:border-box;line-height:1.5}.mrd-longtext-field__input.sc-mrd-longtext-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-longtext-field__input.sc-mrd-longtext-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-longtext-field__input--error.sc-mrd-longtext-field{border-color:var(--mrd-border-color-error)}.mrd-longtext-field__input--error.sc-mrd-longtext-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-longtext-field__content.sc-mrd-longtext-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);white-space:pre-wrap;word-break:break-word;margin:0;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);background-color:var(--mrd-input-bg-disabled);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);line-height:1.5}.mrd-longtext-field__error.sc-mrd-longtext-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-longtext-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function s(){"undefined"!=typeof customElements&&["mrd-longtext-field"].forEach((r=>{"mrd-longtext-field"===r&&(customElements.get(i(r))||customElements.define(i(r),n))}))}export{n as M,s as d}

package/dist/components/mrd-number-field2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as i,createEvent as e,h as d,Host as t,transformTag as a}from"@stencil/core/internal/client";import{t as s}from"./i18n.js";import{c as o,v as l}from"./validation.js";import{p as n,f as m}from"./format.js";import{b as u}from"./client-layout.js";const c=r(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=e(this,"mrdChange",7),this.mrdBlur=e(this,"mrdBlur",7),this.name="",this.label="",this.value=null,this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.dataType=u.INTEGER,this.decimalPrecision=2,this.displayValue="",this.error="",this.handleInput=r=>{this.displayValue=r.target.value},this.handleBlur=r=>{const i=r.target.value,e=n(i,this.locale);this.error=!this.required||null!==e&&""!==i?""===i||o(e,this.dataType)?"":s("invalid_number",this.locale):s("required",this.locale),null!==e&&l(i)&&(this.displayValue=this.formatForDisplay(e)),this.mrdChange.emit({name:this.name,value:e}),this.mrdBlur.emit({name:this.name,value:e})},this.handleFocus=()=>{if(null!=this.value){const r=String(this.value);this.displayValue=r}}}componentWillLoad(){null!=this.value&&(this.displayValue=this.formatForDisplay(this.value))}formatForDisplay(r){return this.dataType===u.PERCENTAGE?m(r,this.locale,{minimumFractionDigits:0,maximumFractionDigits:this.decimalPrecision})+"%":m(r,this.locale,this.dataType===u.DECIMAL?{minimumFractionDigits:this.decimalPrecision,maximumFractionDigits:this.decimalPrecision}:{maximumFractionDigits:0})}render(){const r=!!this.error,i=this.dataType===u.PERCENTAGE?"%":"";return d(t,{key:"195beed4d6453597320b79654feaabe8f742eff2"},d("div",{key:"c641d7a4d27ba28dd34acda98d38f245945d20bb",class:"mrd-number-field"},this.label&&d("label",{key:"2a5f6eb48889a3ab0aa76d6b2ca5d59b20625bb2",class:"mrd-number-field__label"+(this.required?" mrd-number-field__label--required":"")},this.label),d("div",{key:"a844b89e6a278629a8aefa4ac72e5e18e5904cab",class:"mrd-number-field__input-wrapper"},d("input",{key:"1ce9c3d67b458601a0de95b3b8478ef05df73069",class:"mrd-number-field__input"+(r?" mrd-number-field__input--error":""),type:"text",inputMode:"decimal",name:this.name,value:this.displayValue,placeholder:this.placeholder||(i?`0${i}`:"0"),required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus})),r&&d("span",{key:"4226614a65a8d27543d1287e2c1f61f67c427e63",class:"mrd-number-field__error"},this.error)))}static get style(){return".sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-number-field__label--required.sc-mrd-number-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box;text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color);text-align:left}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[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]}]);function b(){"undefined"!=typeof customElements&&["mrd-number-field"].forEach((r=>{"mrd-number-field"===r&&(customElements.get(a(r))||customElements.define(a(r),c))}))}export{c as M,b as d}
+import{proxyCustomElement as r,HTMLElement as i,createEvent as e,h as d,Host as t,transformTag as s}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{c as a,v as l}from"./validation.js";import{p as n,a as m}from"./format.js";import{b as c}from"./client-layout.js";const u=r(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=e(this,"mrdChange",7),this.mrdBlur=e(this,"mrdBlur",7),this.name="",this.label="",this.value=null,this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.dataType=c.INTEGER,this.decimalPrecision=2,this.displayValue="",this.error="",this.handleInput=r=>{this.displayValue=r.target.value},this.handleBlur=r=>{const i=r.target.value,e=n(i,this.locale);this.error=!this.required||null!==e&&""!==i?""===i||a(e,this.dataType)?"":o("invalid_number",this.locale):o("required",this.locale),null!==e&&l(i)&&(this.displayValue=this.formatForDisplay(e)),this.mrdChange.emit({name:this.name,value:e}),this.mrdBlur.emit({name:this.name,value:e})},this.handleFocus=()=>{if(null!=this.value){const r=String(this.value);this.displayValue=r}}}componentWillLoad(){null!=this.value&&(this.displayValue=this.formatForDisplay(this.value))}formatForDisplay(r){return this.dataType===c.PERCENTAGE?m(r,this.locale,{minimumFractionDigits:0,maximumFractionDigits:this.decimalPrecision})+"%":m(r,this.locale,this.dataType===c.DECIMAL?{minimumFractionDigits:this.decimalPrecision,maximumFractionDigits:this.decimalPrecision}:{maximumFractionDigits:0})}render(){const r=!!this.error,i=this.dataType===c.PERCENTAGE?"%":"";return d(t,{key:"b034a3cc8d841641c0ec167e138904586b044121"},d("div",{key:"7379bfadb8bd0c4e0a945a37013053a4e22477ab",class:"mrd-number-field"},this.label&&d("label",{key:"5518d40b7158e17704633c2b95ac7e3efc0c5568",class:"mrd-number-field__label"+(this.required?" mrd-number-field__label--required":"")},this.label),d("div",{key:"38ad9f3c945d66c23bd77c743306e916eaefed7f",class:"mrd-number-field__input-wrapper"},d("input",{key:"ac8b4bc1ea4431cc9306664522ebfda21760ae83",class:"mrd-number-field__input"+(r?" mrd-number-field__input--error":""),type:"text",inputMode:"decimal",name:this.name,value:this.displayValue,placeholder:this.placeholder||(i?`0${i}`:"0"),required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus})),r&&d("span",{key:"09f5a58b769c81acdf4bdd48f9325934c4bb875d",class:"mrd-number-field__error"},this.error)))}static get style(){return".sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-number-field__label--required.sc-mrd-number-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box;text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color);text-align:left}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[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]}]);function b(){"undefined"!=typeof customElements&&["mrd-number-field"].forEach((r=>{"mrd-number-field"===r&&(customElements.get(s(r))||customElements.define(s(r),u))}))}export{u as M,b as d}

package/dist/components/mrd-secret-field2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,createEvent as d,h as s,Host as t,transformTag as i}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{v as a}from"./validation.js";const l=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=d(this,"mrdChange",7),this.mrdBlur=d(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!a(e)?o("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return s(t,{key:"08f1aa9d8ab9f4e41abb6d3286e5e383427a5409"},s("div",{key:"fabe38aa130e211cea81f2c2f227bc15ad3ebf7d",class:"mrd-secret-field"},this.label&&s("label",{key:"69af8844eff8ce84daa622635c79130fb491eb0b",class:"mrd-secret-field__label"+(this.required?" mrd-secret-field__label--required":"")},this.label),this.disabled?s("span",{class:"mrd-secret-field__masked","aria-label":this.label},this.value?"••••••••":""):s("input",{class:"mrd-secret-field__input"+(r?" mrd-secret-field__input--error":""),type:"password",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,autocomplete:"new-password",onInput:this.handleInput,onBlur:this.handleBlur}),r&&s("span",{key:"e602004f0bb10916d1015e3c2b003523a292997c",class:"mrd-secret-field__error"},this.error)))}static get style(){return".sc-mrd-secret-field-h{display:block}.mrd-secret-field.sc-mrd-secret-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-secret-field__label.sc-mrd-secret-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-secret-field__label--required.sc-mrd-secret-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-secret-field__input.sc-mrd-secret-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-secret-field__input.sc-mrd-secret-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-secret-field__input.sc-mrd-secret-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-secret-field__input--error.sc-mrd-secret-field{border-color:var(--mrd-border-color-error)}.mrd-secret-field__input--error.sc-mrd-secret-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-secret-field__error.sc-mrd-secret-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-secret-field__masked.sc-mrd-secret-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}"}},[2,"mrd-secret-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function c(){"undefined"!=typeof customElements&&["mrd-secret-field"].forEach((r=>{"mrd-secret-field"===r&&(customElements.get(i(r))||customElements.define(i(r),l))}))}export{l as M,c as d}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as d,h as s,Host as t,transformTag as i}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{v as a}from"./validation.js";const l=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=d(this,"mrdChange",7),this.mrdBlur=d(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!a(e)?o("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return s(t,{key:"c850ec5bc5967ca0aefca7d7cb65ecae121a9dc1"},s("div",{key:"3249ffbc441422af054a20806dd8dfce954a8ffc",class:"mrd-secret-field"},this.label&&s("label",{key:"0b4a86da9cafad32f153af1bc5487a4e9b941e2f",class:"mrd-secret-field__label"+(this.required?" mrd-secret-field__label--required":"")},this.label),this.disabled?s("span",{class:"mrd-secret-field__masked","aria-label":this.label},this.value?"••••••••":""):s("input",{class:"mrd-secret-field__input"+(r?" mrd-secret-field__input--error":""),type:"password",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,autocomplete:"new-password",onInput:this.handleInput,onBlur:this.handleBlur}),r&&s("span",{key:"b0d0105f3d43d2e214f070b24e745dbce0e33977",class:"mrd-secret-field__error"},this.error)))}static get style(){return".sc-mrd-secret-field-h{display:block}.mrd-secret-field.sc-mrd-secret-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-secret-field__label.sc-mrd-secret-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-secret-field__label--required.sc-mrd-secret-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-secret-field__input.sc-mrd-secret-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-secret-field__input.sc-mrd-secret-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-secret-field__input.sc-mrd-secret-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-secret-field__input--error.sc-mrd-secret-field{border-color:var(--mrd-border-color-error)}.mrd-secret-field__input--error.sc-mrd-secret-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-secret-field__error.sc-mrd-secret-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-secret-field__masked.sc-mrd-secret-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}"}},[2,"mrd-secret-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function c(){"undefined"!=typeof customElements&&["mrd-secret-field"].forEach((r=>{"mrd-secret-field"===r&&(customElements.get(i(r))||customElements.define(i(r),l))}))}export{l as M,c as d}

package/dist/components/mrd-table2.js

@@ -1 +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{b as o,c as s,a 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!==(l=t.name)&&void 0!==l?l:"",o=null===(i=null==r?void 0:r._links)||void 0===i?void 0:i[e];return o?Array.isArray(o)?o.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(a=o.name)&&void 0!==a?a:"":""}if(t.type!==h.FIELD)return"";const s=null!==(o=t.name)&&void 0!==o?o:"",d=t.dataType,n=t.listItems,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===String(r)));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}case"LONGTEXT":return String(r).replace(/[\r\n]+/g," ").trim();case"JSON":return("object"==typeof r?JSON.stringify(r):String(r)).replace(/[\r\n]+/g," ").trim();case"SECRET":return r?"••••••••":"";default:return String(r)}}static formatJson(t,r=!1){try{const e="string"==typeof t?JSON.parse(t):t;return(r?JSON.stringify(e):JSON.stringify(e,null,2)).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,(t=>{let r="color:#2aa198";return/^"/.test(t)?r=/:$/.test(t)?"color:#881391":"color:#268bd2":/true|false/.test(t)?r="color:#b58900":/null/.test(t)&&(r="color:#dc322f"),`<span style="${r}">${t}</span>`}))}catch(r){return String(t)}}}const p=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),_=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=new Set(["LONGTEXT","JSON","FILE","IMAGE"]),y=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.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.createPickerClickHandler=null,this.viewPopoverClickHandler=null,this.item=null,this.parentId="",this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.activeViewIdx=0,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.createPickerOpen=!1,this.viewPopoverOpen=!1,this.scrollTop=0,this.textblockModal=null,this.jsonModal=null,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!1,this.minKnownTotal=0,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.baseTotal,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))}itemChanged(t){var r,e;this.activeViewIdx=0,this.applyDefaultSort(null!==(e=null===(r=null==t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentWillLoad(){var t,r,e;this.applyDefaultSort(null!==(e=null===(r=null===(t=this.item)||void 0===t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}applyDefaultSort(t){var r;if(t){const e=t.split(",");this.sortField=e[0].trim(),this.sortDir="desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc"}async init(){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=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,this.minKnownTotal=0,this.mrdLoadPage.emit({page:0,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(0)}),this.requestedPages=new Set([0])}async setPage(t,r,e){const l=void 0!==e?!e:r.length<this.pageSize;l?(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1),this.minKnownTotal=t*this.pageSize+r.length):this.minKnownTotal=Math.max(this.minKnownTotal,(t+1)*this.pageSize+1);const i=new Map(this.loadedPages);if(i.set(t,r),this.loadedPages=i,0===t&&this.aggregationsPending){this.aggregationsPending=!1;const t=this.columns.some((t=>"FIELD"===t.type&&t.aggregate));l&&!t||this.emitLoadAggregations()}}async setAggregations(t){var r;const e=null!==(r=t.total)&&void 0!==r?r:"number"==typeof t.count?t.count:void 0;null!=e&&(this.aggregationsTotal=e),this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null),this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}componentDidRender(){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:""}get allViews(){var t,r,e,l,i,a,o;if(!this.item)return[];const s=this.item;return[{label:null!==(i=null!==(l=null!==(e=null!==(t=s.label)&&void 0!==t?t:null===(r=s.view)||void 0===r?void 0:r.pluralLabel)&&void 0!==e?e:s.dataClass)&&void 0!==l?l:s.relatedClass)&&void 0!==i?i:"",dataClass:null!==(a=s.dataClass)&&void 0!==a?a:s.relatedClass,fromClass:s.fromClass,filterClass:s.filterClass,view:s.view},...(null!==(o=s.alternativeViews)&&void 0!==o?o:[]).map((t=>{var r,e,l,i;return{label:null!==(i=null!==(l=null!==(r=t.label)&&void 0!==r?r:null===(e=t.view)||void 0===e?void 0:e.pluralLabel)&&void 0!==l?l:t.dataClass)&&void 0!==i?i:"",dataClass:t.dataClass,fromClass:t.fromClass,filterClass:t.filterClass,view:t.view}}))]}buildExcelPath(){var t,r,e,l;const i=this.allViews[this.activeViewIdx];return i?"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type)?`/excel/${null!==(r=i.fromClass)&&void 0!==r?r:""}/${this.parentId}/${null!==(e=i.dataClass)&&void 0!==e?e:""}`:`/excel/${null!==(l=i.dataClass)&&void 0!==l?l:""}`:""}buildActionDetail(t,r){var e,l,i;if("export"===t)return{action:t,path:this.buildExcelPath(),qs:this.buildQueryParams(0)};if("create"===t){const a=this.allViews[this.activeViewIdx],o="RELATED_VIEW"===(null===(e=this.item)||void 0===e?void 0:e.type)?`/${null!==(l=null==a?void 0:a.fromClass)&&void 0!==l?l:""}/${this.parentId}`:null;return Object.assign({action:t,dataClass:null!==(i=null==a?void 0:a.dataClass)&&void 0!==i?i:"",parentPath:o},r?{basicType:r}:{})}return{action:t}}buildDataPath(){var t,r,e,l;const i=this.allViews[this.activeViewIdx];return i?"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type)?`/${null!==(r=i.fromClass)&&void 0!==r?r:""}/${this.parentId}/${null!==(e=i.dataClass)&&void 0!==e?e:""}`:`/${null!==(l=i.dataClass)&&void 0!==l?l:""}`:""}buildQueryParams(t){var r,e,l,i,a,o,s;const d=this.allViews[this.activeViewIdx],n=new URLSearchParams;t>0&&n.set("page",String(t));const c=this.sortParam();c&&n.set("sort",c);const m=null==d?void 0:d.filterClass;m&&n.set("type",m);for(const t of null!==(e=null===(r=null==d?void 0:d.view)||void 0===r?void 0:r.filter)&&void 0!==e?e:[])t.name&&("EMPTY"!==t.operator?"NOT_EMPTY"!==t.operator?"STARTS_WITH"!==t.operator?"FROM"!==t.operator?"TO"!==t.operator?null!=t.value&&n.set(t.name,String(t.value)):n.set(t.name+"_to",String(null!==(a=t.value)&&void 0!==a?a:"")):n.set(t.name+"_from",String(null!==(i=t.value)&&void 0!==i?i:"")):n.set(t.name+"_startswith",String(null!==(l=t.value)&&void 0!==l?l:"")):n.set(t.name+"_notempty","true"):n.set(t.name,""));for(const t of this.activeFilters.values())"isEmpty"!==t.operator?"isNotEmpty"!==t.operator?"startsWith"!==t.operator?(null===(s=t.values)||void 0===s?void 0:s.length)?n.set(t.field,t.values.join(",")):(null!=t.value&&n.set(t.field,String(t.value)),null!=t.from&&n.set(t.field+"_from",String(t.from)),null!=t.to&&n.set(t.field+"_to",String(t.to))):n.set(t.field+"_startswith",String(null!==(o=t.value)&&void 0!==o?o:"")):n.set(t.field+"_notempty","true"):n.set(t.field,"");return n.toString()}get columns(){var t,r,e;return null!==(e=null===(r=null===(t=this.allViews[this.activeViewIdx])||void 0===t?void 0:t.view)||void 0===r?void 0:r.values)&&void 0!==e?e:[]}get tableActions(){var t,r;const e=null!==(r=null===(t=this.item)||void 0===t?void 0:t.actions)&&void 0!==r?r:[];return(null!=e?e:[]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:b("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:b("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[])}toggleCreatePicker(){this.createPickerOpen?this.closeCreatePicker():(this.createPickerOpen=!0,this.createPickerClickHandler&&document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=t=>{const r=this.el.querySelector(".mrd-table__create-picker-wrap");r&&!r.contains(t.target)&&this.closeCreatePicker()},document.addEventListener("click",this.createPickerClickHandler))}closeCreatePicker(){this.createPickerOpen=!1,this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null)}colName(t){var r;return null!==(r=t.name)&&void 0!==r?r:""}colDataType(t){var r;return"RELATION"===t.type?"RELATION":null!==(r=t.dataType)&&void 0!==r?r:"TEXT"}isTotalKnown(){if(null!=this.aggregationsTotal)return!0;for(const t of this.loadedPages.values())if(t.length<this.pageSize)return!0;return!1}get baseTotal(){return null!=this.aggregationsTotal?this.aggregationsTotal:this.totalElements>0?this.totalElements:this.minKnownTotal}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!e.aggregate)continue;const l=e.aggregate.toLowerCase();l in r&&r[l].push(null!==(t=e.name)&&void 0!==t?t:"")}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}buildAggregationQs(){var t,r,e;const l=new URLSearchParams(this.buildQueryParams(0));l.delete("page"),l.delete("sort");const i=this.buildAggregationParams();return(null===(t=null==i?void 0:i.sum)||void 0===t?void 0:t.length)&&l.set("sum",i.sum.join(",")),(null===(r=null==i?void 0:i.avg)||void 0===r?void 0:r.length)&&l.set("avg",i.avg.join(",")),(null===(e=null==i?void 0:i.count)||void 0===e?void 0:e.length)&&l.set("count",i.count.join(",")),l.toString()}emitLoadAggregations(){this.mrdLoadAggregations.emit({path:this.buildDataPath(),qs:this.buildQueryParams(0),aggQs:this.buildAggregationQs()})}renderAggregationValue(t){var r;if("FIELD"!==t.type||!t.aggregate||!this.aggregations)return"";const e=t.aggregate.toLowerCase(),l=this.aggregations[e],i="object"==typeof l&&null!==l?l[null!==(r=t.name)&&void 0!==r?r:""]:void 0;if(null==i)return"";const a=t.dataType;return"INTEGER"===a?c(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?m(i,this.locale):"CURRENCY"===a&&t.currencyCode?n(i,t.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.minKnownTotal=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}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(),path:this.buildDataPath(),qs:this.buildQueryParams(t)}),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(),path:this.buildDataPath(),qs:this.buildQueryParams(e)}),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=p.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)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:r?[...i,t]:i.filter((r=>r!==t))})}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.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}handleViewSwitch(t){var r,e;const l=this.allViews[t];(null==l?void 0:l.view)&&(this.activeViewIdx=t,this.applyDefaultSort(null!==(e=null===(r=l.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:""),this.activeFilters=new Map,this.init())}toggleViewPopover(t){if(t.stopPropagation(),this.viewPopoverOpen)return this.viewPopoverOpen=!1,void(this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null));this.viewPopoverOpen=!0,this.viewPopoverClickHandler=()=>{this.viewPopoverOpen=!1,document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null},document.addEventListener("click",this.viewPopoverClickHandler)}renderToolbar(){var t;const r=this.activeFilters.size,e=this.tableActions,i=this.allViews,a=e.length>0,o=i.length>1;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)))),o&&l("div",{class:"mrd-table__toolbar-center"},l("div",{class:"mrd-table__view-switcher"},l("button",{class:"mrd-table__view-arrow","aria-label":"Previous view",onClick:()=>this.handleViewSwitch((this.activeViewIdx-1+i.length)%i.length)},"◀"),l("div",{class:"mrd-table__view-title-wrap"},l("button",{class:"mrd-table__view-title",onClick:t=>this.toggleViewPopover(t)},null===(t=i[this.activeViewIdx])||void 0===t?void 0:t.label),this.viewPopoverOpen&&l("div",{class:"mrd-table__view-popover",onClick:t=>t.stopPropagation()},i.map(((t,r)=>l("button",{key:String(r),class:"mrd-table__view-popover-item"+(r===this.activeViewIdx?" mrd-table__view-popover-item--active":""),onClick:()=>{r!==this.activeViewIdx&&this.handleViewSwitch(r),this.viewPopoverOpen=!1,this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}},t.label))))),l("button",{class:"mrd-table__view-arrow","aria-label":"Next view",onClick:()=>this.handleViewSwitch((this.activeViewIdx+1)%i.length)},"▶"))),a&&l("div",{class:"mrd-table__toolbar-right"},e.map((t=>{var r,e,i;const a="create"===t.action?null===(r=this.item)||void 0===r?void 0:r.createTypes:null;return(null==a?void 0:a.length)?l("div",{class:"mrd-table__create-picker-wrap",key:`action-${t.action}`},l("button",{class:`mrd-table__action mrd-table__action--${null!==(e=t.variant)&&void 0!==e?e:"secondary"}`,onClick:()=>this.toggleCreatePicker()},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)),this.createPickerOpen&&l("div",{class:"mrd-table__create-picker"},a.map((t=>l("button",{key:t.type,class:"mrd-table__create-picker-item",onClick:()=>{this.mrdAction.emit(this.buildActionDetail("create",t.type)),this.closeCreatePicker()}},t.label))))):l("button",{key:`action-${t.action}`,class:`mrd-table__action mrd-table__action--${null!==(i=t.variant)&&void 0!==i?i:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit(this.buildActionDetail(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;const n=null!==(r=this.pendingFilter)&&void 0!==r?r:{},c=this.colDataType(t);if(f.has(c))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===c){const t=n.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&&n.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{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({},n),{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({},n),{operator:"isNotEmpty",value:void 0})}}),b("filter_is_not_empty",this.locale)))}if("LIST"===c){const r=null!==(e=t.listItems)&&void 0!==e?e:[],a=null!==(i=n.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({},n),{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({},n),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:a.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(p.has(c)||"RELATION"===c){const t=null!==(a=n.operator)&&void 0!==a?a:"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:String(null!==(o=n.value)&&void 0!==o?o:""),placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(_.has(c)){const t=n.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=n.value?String(n.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===c){const t=n.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(s=n.value)&&void 0!==s?s:""),onInput:t=>this.setPending("value",t.target.value)})))}if(v.has(c)){const t="DATE"===c?"date":"time",r=n.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(d=n.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t;if(!this.openFilterCol||!this.pendingFilter)return null;const r=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!r)return null;const e=null!==(t=r.label)&&void 0!==t?t:this.openFilterCol,i=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"},e),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"+(i&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(r,"asc")},"▲ ",b("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(i&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(r,"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(r)),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,e=!0){if(0===this.totalElements&&0===this.loadedPages.size){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:this.baseTotal,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i),s=e?String(i):"…";return l("div",{class:"mrd-table__footer"},a,"–",o," ",b("table_of",this.locale)," ",s)}renderCell(t,r){var e,i,a;const o=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),s=null!==(e=t.dataType)&&void 0!==e?e:"",d="FIELD"===t.type&&o.has(s);if("FIELD"===t.type&&("FILE"===s||"IMAGE"===s)){const e=null!==(i=t.name)&&void 0!==i?i:"",a=null==r?void 0:r[e],o=null==a?void 0:a.href,s=null==a?void 0:a.fileName;return l("td",{class:"mrd-table__cell"},o&&s?l("button",{class:"mrd-table__file-btn",title:s,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:o,fileName:s})}},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("JSON"===s){const e=null!==(a=t.name)&&void 0!==a?a:"",i=e?null==r?void 0:r[e]:void 0;if(null==i||""===i)return l("td",{class:"mrd-table__cell"});const o=u.formatJson(i,!0),s=u.formatJson(i,!1);return l("td",{class:"mrd-table__cell"},l("span",{class:"mrd-table__json-preview",innerHTML:o}),l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openJsonModal(s)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}if("TEXTBLOCK"===s){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 n=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(d?" mrd-table__cell--numeric":"")},n)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>"FIELD"===t.type&&t.aggregate))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r;const e=this.renderAggregationValue(t),i="FIELD"===t.type&&_.has(null!==(r=t.dataType)&&void 0!==r?r:"");return l("td",{class:"mrd-table__totals-cell"+(i?" mrd-table__totals-cell--numeric":"")},e)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements&&0===this.loadedPages.size)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;const e=this.colName(t),i=this.activeFilters.has(e),a=["mrd-table__header",i?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:a,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(r=t.label)&&void 0!==r?r:""),i&&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(),this.renderJsonModal());let a=this.baseTotal;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;const i=this.colName(t),a=this.sortField===i,o=this.activeFilters.has(i),s=!g.has(this.colDataType(t)),d=["mrd-table__header",s?"mrd-table__header--sortable":"",a?`mrd-table__header--sorted-${this.sortDir}`:"",o?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:d,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:s?r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t):void 0},l("span",{class:"mrd-table__header-label"},null!==(e=t.label)&&void 0!==e?e:""),s&&a&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),s&&!a&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),s&&o&&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.isTotalKnown()),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)))}renderJsonModal(){return null===this.jsonModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeJsonModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeJsonModal(),"aria-label":b("close",this.locale)},"✕"),l("pre",{class:"mrd-table__modal-json",innerHTML:this.jsonModal})))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table__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__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-switcher.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-arrow.sc-mrd-table{background:none;border:none;cursor:pointer;padding:0 var(--mrd-space-1);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-xs);line-height:1}.mrd-table__view-arrow.sc-mrd-table:hover{color:var(--mrd-color-neutral-800)}.mrd-table__view-title-wrap.sc-mrd-table{position:relative}.mrd-table__view-title.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0 var(--mrd-space-1);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-table__view-title.sc-mrd-table:hover{color:var(--mrd-color-primary)}.mrd-table__view-popover.sc-mrd-table{position:absolute;top:calc(100% + var(--mrd-space-1));left:50%;transform:translateX(-50%);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-radius-md);box-shadow:var(--mrd-shadow-md);z-index:100;min-width:160px;padding:var(--mrd-space-1) 0}.mrd-table__view-popover-item.sc-mrd-table{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--mrd-space-2) var(--mrd-space-3);font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-700);white-space:nowrap}.mrd-table__view-popover-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50)}.mrd-table__view-popover-item--active.sc-mrd-table{font-weight:600;color:var(--mrd-color-primary)}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table: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__create-picker-wrap.sc-mrd-table{position:relative}.mrd-table__create-picker.sc-mrd-table{position:absolute;right:0;top:calc(100% + 4px);background:var(--mrd-color-white, #fff);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:10;min-width:10rem;padding:var(--mrd-space-1) 0}.mrd-table__create-picker-item.sc-mrd-table{display:block;width:100%;text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-800)}.mrd-table__create-picker-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-900)}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__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}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}"}},[2,"mrd-table",{item:[16],parentId:[1,"parent-id"],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],activeViewIdx:[32],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],createPickerOpen:[32],viewPopoverOpen:[32],scrollTop:[32],textblockModal:[32],jsonModal:[32],aggregations:[32],aggregationsTotal:[32],minKnownTotal:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(a(t))||customElements.define(a(t),y))}))}export{u as C,y as M,w as d}
+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{b as o,c as s,f as d,d as n,a 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!==(l=t.name)&&void 0!==l?l:"",o=null===(i=null==r?void 0:r._links)||void 0===i?void 0:i[e];return o?Array.isArray(o)?o.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(a=o.name)&&void 0!==a?a:"":""}if(t.type!==h.FIELD)return"";const s=null!==(o=t.name)&&void 0!==o?o:"",d=t.dataType,n=t.listItems,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===String(r)));return null!==(a=null==t?void 0:t.label)&&void 0!==a?a:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}case"LONGTEXT":return String(r).replace(/[\r\n]+/g," ").trim();case"JSON":return("object"==typeof r?JSON.stringify(r):String(r)).replace(/[\r\n]+/g," ").trim();case"SECRET":return r?"••••••••":"";default:return String(r)}}static formatJson(t,r=!1){try{const e="string"==typeof t?JSON.parse(t):t;return(r?JSON.stringify(e):JSON.stringify(e,null,2)).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,(t=>{let r="color:#2aa198";return/^"/.test(t)?r=/:$/.test(t)?"color:#881391":"color:#268bd2":/true|false/.test(t)?r="color:#b58900":/null/.test(t)&&(r="color:#dc322f"),`<span style="${r}">${t}</span>`}))}catch(r){return String(t)}}}const p=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),_=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),v=new Set(["DATE","DATETIME","TIME"]),f=new Set(["FILE","IMAGE"]),g=new Set(["LONGTEXT","JSON","FILE","IMAGE"]),y=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.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.createPickerClickHandler=null,this.viewPopoverClickHandler=null,this.item=null,this.parentId="",this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.activeViewIdx=0,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.createPickerOpen=!1,this.viewPopoverOpen=!1,this.scrollTop=0,this.textblockModal=null,this.jsonModal=null,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!1,this.minKnownTotal=0,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.baseTotal,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))}itemChanged(t){var r,e;this.activeViewIdx=0,this.applyDefaultSort(null!==(e=null===(r=null==t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}componentWillLoad(){var t,r,e;this.applyDefaultSort(null!==(e=null===(r=null===(t=this.item)||void 0===t?void 0:t.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:"")}applyDefaultSort(t){var r;if(t){const e=t.split(",");this.sortField=e[0].trim(),this.sortDir="desc"===(null===(r=e[1])||void 0===r?void 0:r.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc"}async init(){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=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,this.minKnownTotal=0,this.mrdLoadPage.emit({page:0,sort:this.sortParam(),path:this.buildDataPath(),qs:this.buildQueryParams(0)}),this.requestedPages=new Set([0])}async setPage(t,r,e){const l=void 0!==e?!e:r.length<this.pageSize;l?(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1),this.minKnownTotal=t*this.pageSize+r.length):this.minKnownTotal=Math.max(this.minKnownTotal,(t+1)*this.pageSize+1);const i=new Map(this.loadedPages);if(i.set(t,r),this.loadedPages=i,0===t&&this.aggregationsPending){this.aggregationsPending=!1;const t=this.columns.some((t=>"FIELD"===t.type&&t.aggregate));l&&!t||this.emitLoadAggregations()}}async setAggregations(t){var r;const e=null!==(r=t.total)&&void 0!==r?r:"number"==typeof t.count?t.count:void 0;null!=e&&(this.aggregationsTotal=e),this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null),this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}componentDidRender(){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:""}get allViews(){var t,r,e,l,i,a,o;if(!this.item)return[];const s=this.item;return[{label:null!==(i=null!==(l=null!==(e=null!==(t=s.label)&&void 0!==t?t:null===(r=s.view)||void 0===r?void 0:r.pluralLabel)&&void 0!==e?e:s.dataClass)&&void 0!==l?l:s.relatedClass)&&void 0!==i?i:"",dataClass:null!==(a=s.dataClass)&&void 0!==a?a:s.relatedClass,fromClass:s.fromClass,filterClass:s.filterClass,view:s.view},...(null!==(o=s.alternativeViews)&&void 0!==o?o:[]).map((t=>{var r,e,l,i;return{label:null!==(i=null!==(l=null!==(r=t.label)&&void 0!==r?r:null===(e=t.view)||void 0===e?void 0:e.pluralLabel)&&void 0!==l?l:t.dataClass)&&void 0!==i?i:"",dataClass:t.dataClass,fromClass:t.fromClass,filterClass:t.filterClass,view:t.view}}))]}buildExcelPath(){var t,r,e,l;const i=this.allViews[this.activeViewIdx];return i?"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type)?`/excel/${null!==(r=i.fromClass)&&void 0!==r?r:""}/${this.parentId}/${null!==(e=i.dataClass)&&void 0!==e?e:""}`:`/excel/${null!==(l=i.dataClass)&&void 0!==l?l:""}`:""}buildActionDetail(t,r){var e,l,i;if("export"===t)return{action:t,path:this.buildExcelPath(),qs:this.buildQueryParams(0)};if("create"===t){const a=this.allViews[this.activeViewIdx],o="RELATED_VIEW"===(null===(e=this.item)||void 0===e?void 0:e.type)?`/${null!==(l=null==a?void 0:a.fromClass)&&void 0!==l?l:""}/${this.parentId}`:null;return Object.assign({action:t,dataClass:null!==(i=null==a?void 0:a.dataClass)&&void 0!==i?i:"",parentPath:o},r?{basicType:r}:{})}return{action:t}}buildDataPath(){var t,r,e,l;const i=this.allViews[this.activeViewIdx];return i?"RELATED_VIEW"===(null===(t=this.item)||void 0===t?void 0:t.type)?`/${null!==(r=i.fromClass)&&void 0!==r?r:""}/${this.parentId}/${null!==(e=i.dataClass)&&void 0!==e?e:""}`:`/${null!==(l=i.dataClass)&&void 0!==l?l:""}`:""}buildQueryParams(t){var r,e,l,i,a,o,s;const d=this.allViews[this.activeViewIdx],n=new URLSearchParams;t>0&&n.set("page",String(t));const c=this.sortParam();c&&n.set("sort",c);const m=null==d?void 0:d.filterClass;m&&n.set("type",m);for(const t of null!==(e=null===(r=null==d?void 0:d.view)||void 0===r?void 0:r.filter)&&void 0!==e?e:[])t.name&&("EMPTY"!==t.operator?"NOT_EMPTY"!==t.operator?"STARTS_WITH"!==t.operator?"FROM"!==t.operator?"TO"!==t.operator?null!=t.value&&n.set(t.name,String(t.value)):n.set(t.name+"_to",String(null!==(a=t.value)&&void 0!==a?a:"")):n.set(t.name+"_from",String(null!==(i=t.value)&&void 0!==i?i:"")):n.set(t.name+"_startswith",String(null!==(l=t.value)&&void 0!==l?l:"")):n.set(t.name+"_notempty","true"):n.set(t.name,""));for(const t of this.activeFilters.values())"isEmpty"!==t.operator?"isNotEmpty"!==t.operator?"startsWith"!==t.operator?(null===(s=t.values)||void 0===s?void 0:s.length)?n.set(t.field,t.values.join(",")):(null!=t.value&&n.set(t.field,String(t.value)),null!=t.from&&n.set(t.field+"_from",String(t.from)),null!=t.to&&n.set(t.field+"_to",String(t.to))):n.set(t.field+"_startswith",String(null!==(o=t.value)&&void 0!==o?o:"")):n.set(t.field+"_notempty","true"):n.set(t.field,"");return n.toString()}get columns(){var t,r,e;return null!==(e=null===(r=null===(t=this.allViews[this.activeViewIdx])||void 0===t?void 0:t.view)||void 0===r?void 0:r.values)&&void 0!==e?e:[]}get tableActions(){var t,r;const e=null!==(r=null===(t=this.item)||void 0===t?void 0:t.actions)&&void 0!==r?r:[];return(null!=e?e:[]).reduce(((t,r)=>("NEW"===r&&t.push({action:"create",label:b("table_new_record",this.locale),icon:"assets/sprites.svg#icon-plus",variant:"primary"}),"EXPORT"===r&&t.push({action:"export",label:b("table_export_excel",this.locale),icon:"assets/sprites.svg#icon-file-excel"}),t)),[])}toggleCreatePicker(){this.createPickerOpen?this.closeCreatePicker():(this.createPickerOpen=!0,this.createPickerClickHandler&&document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=t=>{const r=this.el.querySelector(".mrd-table__create-picker-wrap");r&&!r.contains(t.target)&&this.closeCreatePicker()},document.addEventListener("click",this.createPickerClickHandler))}closeCreatePicker(){this.createPickerOpen=!1,this.createPickerClickHandler&&(document.removeEventListener("click",this.createPickerClickHandler),this.createPickerClickHandler=null)}colName(t){var r;return null!==(r=t.name)&&void 0!==r?r:""}colDataType(t){var r;return"RELATION"===t.type?"RELATION":null!==(r=t.dataType)&&void 0!==r?r:"TEXT"}isTotalKnown(){if(null!=this.aggregationsTotal)return!0;for(const t of this.loadedPages.values())if(t.length<this.pageSize)return!0;return!1}get baseTotal(){return null!=this.aggregationsTotal?this.aggregationsTotal:this.totalElements>0?this.totalElements:this.minKnownTotal}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!e.aggregate)continue;const l=e.aggregate.toLowerCase();l in r&&r[l].push(null!==(t=e.name)&&void 0!==t?t:"")}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}buildAggregationQs(){var t,r,e;const l=new URLSearchParams(this.buildQueryParams(0));l.delete("page"),l.delete("sort");const i=this.buildAggregationParams();return(null===(t=null==i?void 0:i.sum)||void 0===t?void 0:t.length)&&l.set("sum",i.sum.join(",")),(null===(r=null==i?void 0:i.avg)||void 0===r?void 0:r.length)&&l.set("avg",i.avg.join(",")),(null===(e=null==i?void 0:i.count)||void 0===e?void 0:e.length)&&l.set("count",i.count.join(",")),l.toString()}emitLoadAggregations(){this.mrdLoadAggregations.emit({path:this.buildDataPath(),qs:this.buildQueryParams(0),aggQs:this.buildAggregationQs()})}renderAggregationValue(t){var r;if("FIELD"!==t.type||!t.aggregate||!this.aggregations)return"";const e=t.aggregate.toLowerCase(),l=this.aggregations[e],i="object"==typeof l&&null!==l?l[null!==(r=t.name)&&void 0!==r?r:""]:void 0;if(null==i)return"";const a=t.dataType;return"INTEGER"===a?c(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?m(i,this.locale):"CURRENCY"===a&&t.currencyCode?n(i,t.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.minKnownTotal=0,this.renderEnd=this.visibleCount()-1;const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}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(),path:this.buildDataPath(),qs:this.buildQueryParams(t)}),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(),path:this.buildDataPath(),qs:this.buildQueryParams(e)}),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=p.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)}openJsonModal(t){this.jsonModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeJsonModal()},document.addEventListener("keydown",this.keydownHandler)}closeJsonModal(){this.jsonModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:r?[...i,t]:i.filter((r=>r!==t))})}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.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,this.closeFilterPopup(),this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.aggregations=null,this.aggregationsTotal=null,this.aggregationsPending=!0,(this.totalElements>0||this.minKnownTotal>0)&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}handleViewSwitch(t){var r,e;const l=this.allViews[t];(null==l?void 0:l.view)&&(this.activeViewIdx=t,this.applyDefaultSort(null!==(e=null===(r=l.view)||void 0===r?void 0:r.defaultSort)&&void 0!==e?e:""),this.activeFilters=new Map,this.init())}toggleViewPopover(t){if(t.stopPropagation(),this.viewPopoverOpen)return this.viewPopoverOpen=!1,void(this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null));this.viewPopoverOpen=!0,this.viewPopoverClickHandler=()=>{this.viewPopoverOpen=!1,document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null},document.addEventListener("click",this.viewPopoverClickHandler)}renderToolbar(){var t;const r=this.activeFilters.size,e=this.tableActions,i=this.allViews,a=e.length>0,o=i.length>1;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)))),o&&l("div",{class:"mrd-table__toolbar-center"},l("div",{class:"mrd-table__view-switcher"},l("button",{class:"mrd-table__view-arrow","aria-label":"Previous view",onClick:()=>this.handleViewSwitch((this.activeViewIdx-1+i.length)%i.length)},"◀"),l("div",{class:"mrd-table__view-title-wrap"},l("button",{class:"mrd-table__view-title",onClick:t=>this.toggleViewPopover(t)},null===(t=i[this.activeViewIdx])||void 0===t?void 0:t.label),this.viewPopoverOpen&&l("div",{class:"mrd-table__view-popover",onClick:t=>t.stopPropagation()},i.map(((t,r)=>l("button",{key:String(r),class:"mrd-table__view-popover-item"+(r===this.activeViewIdx?" mrd-table__view-popover-item--active":""),onClick:()=>{r!==this.activeViewIdx&&this.handleViewSwitch(r),this.viewPopoverOpen=!1,this.viewPopoverClickHandler&&(document.removeEventListener("click",this.viewPopoverClickHandler),this.viewPopoverClickHandler=null)}},t.label))))),l("button",{class:"mrd-table__view-arrow","aria-label":"Next view",onClick:()=>this.handleViewSwitch((this.activeViewIdx+1)%i.length)},"▶"))),a&&l("div",{class:"mrd-table__toolbar-right"},e.map((t=>{var r,e,i;const a="create"===t.action?null===(r=this.item)||void 0===r?void 0:r.createTypes:null;return(null==a?void 0:a.length)?l("div",{class:"mrd-table__create-picker-wrap",key:`action-${t.action}`},l("button",{class:`mrd-table__action mrd-table__action--${null!==(e=t.variant)&&void 0!==e?e:"secondary"}`,onClick:()=>this.toggleCreatePicker()},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)),this.createPickerOpen&&l("div",{class:"mrd-table__create-picker"},a.map((t=>l("button",{key:t.type,class:"mrd-table__create-picker-item",onClick:()=>{this.mrdAction.emit(this.buildActionDetail("create",t.type)),this.closeCreatePicker()}},t.label))))):l("button",{key:`action-${t.action}`,class:`mrd-table__action mrd-table__action--${null!==(i=t.variant)&&void 0!==i?i:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit(this.buildActionDetail(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;const n=null!==(r=this.pendingFilter)&&void 0!==r?r:{},c=this.colDataType(t);if(f.has(c))return l("p",{class:"mrd-table__filter-no-support"},b("filter_no_support",this.locale));if("BOOLEAN"===c){const t=n.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&&n.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},n),{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({},n),{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({},n),{operator:"isNotEmpty",value:void 0})}}),b("filter_is_not_empty",this.locale)))}if("LIST"===c){const r=null!==(e=t.listItems)&&void 0!==e?e:[],a=null!==(i=n.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({},n),{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({},n),{values:[]})}},b("filter_select_none",this.locale))),r.map((t=>l("label",{class:"mrd-table__filter-checkbox-label"},l("input",{type:"checkbox",checked:a.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(p.has(c)||"RELATION"===c){const t=null!==(a=n.operator)&&void 0!==a?a:"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:String(null!==(o=n.value)&&void 0!==o?o:""),placeholder:b("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(_.has(c)){const t=n.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"number",class:"mrd-table__filter-input",value:null!=n.value?String(n.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===c){const t=n.operator,r="isEmpty"===t||"isNotEmpty"===t,e=!r&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(s=n.value)&&void 0!==s?s:""),onInput:t=>this.setPending("value",t.target.value)})))}if(v.has(c)){const t="DATE"===c?"date":"time",r=n.operator,e="isEmpty"===r||"isNotEmpty"===r,i=!e&&(void 0!==n.from||void 0!==n.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({},n),"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({},n),{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({},n),{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!=n.from?String(n.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!=n.to?String(n.to):"",onInput:t=>this.setPending("to",t.target.value)})):l("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(d=n.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t;if(!this.openFilterCol||!this.pendingFilter)return null;const r=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!r)return null;const e=null!==(t=r.label)&&void 0!==t?t:this.openFilterCol,i=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"},e),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"+(i&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(r,"asc")},"▲ ",b("filter_ascending",this.locale)),l("button",{class:"mrd-table__filter-sort-btn"+(i&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(r,"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(r)),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,e=!0){if(0===this.totalElements&&0===this.loadedPages.size){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:this.baseTotal,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i),s=e?String(i):"…";return l("div",{class:"mrd-table__footer"},a,"–",o," ",b("table_of",this.locale)," ",s)}renderCell(t,r){var e,i,a;const o=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),s=null!==(e=t.dataType)&&void 0!==e?e:"",d="FIELD"===t.type&&o.has(s);if("FIELD"===t.type&&("FILE"===s||"IMAGE"===s)){const e=null!==(i=t.name)&&void 0!==i?i:"",a=null==r?void 0:r[e],o=null==a?void 0:a.href,s=null==a?void 0:a.fileName;return l("td",{class:"mrd-table__cell"},o&&s?l("button",{class:"mrd-table__file-btn",title:s,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:o,fileName:s})}},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("JSON"===s){const e=null!==(a=t.name)&&void 0!==a?a:"",i=e?null==r?void 0:r[e]:void 0;if(null==i||""===i)return l("td",{class:"mrd-table__cell"});const o=u.formatJson(i,!0),s=u.formatJson(i,!1);return l("td",{class:"mrd-table__cell"},l("span",{class:"mrd-table__json-preview",innerHTML:o}),l("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openJsonModal(s)},"aria-label":b("textblock_show_more",this.locale)},"⋯"))}if("TEXTBLOCK"===s){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 n=u.render(t,r,this.locale);return l("td",{class:"mrd-table__cell"+(d?" mrd-table__cell--numeric":"")},n)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>"FIELD"===t.type&&t.aggregate))?l("tfoot",null,l("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r;const e=this.renderAggregationValue(t),i="FIELD"===t.type&&_.has(null!==(r=t.dataType)&&void 0!==r?r:"");return l("td",{class:"mrd-table__totals-cell"+(i?" mrd-table__totals-cell--numeric":"")},e)})))):null}render(){var t,r,e;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements&&0===this.loadedPages.size)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;const e=this.colName(t),i=this.activeFilters.has(e),a=["mrd-table__header",i?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return l("th",{class:a,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},l("span",{class:"mrd-table__header-label"},null!==(r=t.label)&&void 0!==r?r:""),i&&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(),this.renderJsonModal());let a=this.baseTotal;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;const i=this.colName(t),a=this.sortField===i,o=this.activeFilters.has(i),s=!g.has(this.colDataType(t)),d=["mrd-table__header",s?"mrd-table__header--sortable":"",a?`mrd-table__header--sorted-${this.sortDir}`:"",o?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return l("th",{class:d,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:s?r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t):void 0},l("span",{class:"mrd-table__header-label"},null!==(e=t.label)&&void 0!==e?e:""),s&&a&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),s&&!a&&!this.filterMode&&l("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),s&&o&&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.isTotalKnown()),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)))}renderJsonModal(){return null===this.jsonModal?null:l("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeJsonModal(),role:"dialog","aria-modal":"true"},l("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},l("button",{class:"mrd-table__modal-close",onClick:()=>this.closeJsonModal(),"aria-label":b("close",this.locale)},"✕"),l("pre",{class:"mrd-table__modal-json",innerHTML:this.jsonModal})))}get el(){return this}static get watchers(){return{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}}static get style(){return".sc-mrd-table-h{display:block;width:100%}.mrd-table__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__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-switcher.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-arrow.sc-mrd-table{background:none;border:none;cursor:pointer;padding:0 var(--mrd-space-1);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-xs);line-height:1}.mrd-table__view-arrow.sc-mrd-table:hover{color:var(--mrd-color-neutral-800)}.mrd-table__view-title-wrap.sc-mrd-table{position:relative}.mrd-table__view-title.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800);font-family:var(--mrd-font-family);background:none;border:none;outline:none;cursor:pointer;padding:0 var(--mrd-space-1);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-table__view-title.sc-mrd-table:hover{color:var(--mrd-color-primary)}.mrd-table__view-popover.sc-mrd-table{position:absolute;top:calc(100% + var(--mrd-space-1));left:50%;transform:translateX(-50%);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-radius-md);box-shadow:var(--mrd-shadow-md);z-index:100;min-width:160px;padding:var(--mrd-space-1) 0}.mrd-table__view-popover-item.sc-mrd-table{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--mrd-space-2) var(--mrd-space-3);font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-700);white-space:nowrap}.mrd-table__view-popover-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50)}.mrd-table__view-popover-item--active.sc-mrd-table{font-weight:600;color:var(--mrd-color-primary)}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table: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__create-picker-wrap.sc-mrd-table{position:relative}.mrd-table__create-picker.sc-mrd-table{position:absolute;right:0;top:calc(100% + 4px);background:var(--mrd-color-white, #fff);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));z-index:10;min-width:10rem;padding:var(--mrd-space-1) 0}.mrd-table__create-picker-item.sc-mrd-table{display:block;width:100%;text-align:left;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:var(--mrd-font-size-sm);font-family:var(--mrd-font-family);color:var(--mrd-color-neutral-800)}.mrd-table__create-picker-item.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-900)}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__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}.mrd-table__json-preview.sc-mrd-table{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 1.5rem);vertical-align:middle}.mrd-table__modal-json.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);white-space:pre-wrap;word-break:break-word;line-height:1.6;background:none;border:none}"}},[2,"mrd-table",{item:[16],parentId:[1,"parent-id"],rows:[16],locale:[1],totalElements:[2,"total-elements"],pageSize:[2,"page-size"],rowHeight:[2,"row-height"],tableHeight:[2,"table-height"],activeViewIdx:[32],loadedPages:[32],requestedPages:[32],renderStart:[32],renderEnd:[32],colWidths:[32],sortField:[32],sortDir:[32],filterMode:[32],activeFilters:[32],openFilterCol:[32],pendingFilter:[32],popupPos:[32],createPickerOpen:[32],viewPopoverOpen:[32],scrollTop:[32],textblockModal:[32],jsonModal:[32],aggregations:[32],aggregationsTotal:[32],minKnownTotal:[32],init:[64],setPage:[64],setAggregations:[64]},void 0,{totalElements:[{totalElementsChanged:0}],item:[{itemChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["mrd-table"].forEach((t=>{"mrd-table"===t&&(customElements.get(a(t))||customElements.define(a(t),y))}))}export{u as C,y as M,w as d}

package/dist/components/mrd-text-field2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as d,Host as i,transformTag as o}from"@stencil/core/internal/client";import{t as a}from"./i18n.js";import{v as l}from"./validation.js";const s=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!l(e)?a("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return d(i,{key:"fd4e1f389cb452ab80a1e1c7295d884ca935999e"},d("div",{key:"7b7bde7a18fcd9b8d5779daab88ddabb45dd8692",class:"mrd-text-field"},this.label&&d("label",{key:"8e2ad4053473cfad4eae4c4634b863ac5ef32fea",class:"mrd-text-field__label"+(this.required?" mrd-text-field__label--required":"")},this.label),d("input",{key:"d32712a6dc2aee4691bc4a580d5ca2ad81e0ff9f",class:"mrd-text-field__input"+(r?" mrd-text-field__input--error":""),type:"text",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&d("span",{key:"31585dbf82020c81834e1eeada5cd9907a5ead56",class:"mrd-text-field__error"},this.error)))}static get style(){return".sc-mrd-text-field-h{display:block}.mrd-text-field.sc-mrd-text-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-text-field__label.sc-mrd-text-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-text-field__label--required.sc-mrd-text-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-text-field__input.sc-mrd-text-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-text-field__input.sc-mrd-text-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-text-field__input.sc-mrd-text-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-text-field__input.sc-mrd-text-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-text-field__input--error.sc-mrd-text-field{border-color:var(--mrd-border-color-error)}.mrd-text-field__input--error.sc-mrd-text-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-text-field__error.sc-mrd-text-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function n(){"undefined"!=typeof customElements&&["mrd-text-field"].forEach((r=>{"mrd-text-field"===r&&(customElements.get(o(r))||customElements.define(o(r),s))}))}export{s as M,n as d}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as d,Host as i,transformTag as o}from"@stencil/core/internal/client";import{t as l}from"./i18n.js";import{v as a}from"./validation.js";const s=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!a(e)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return d(i,{key:"e9252b251faf98ab190e643b97c13fa32d12ef22"},d("div",{key:"37f4259a111c293f2fe12f321f08c00c25e77feb",class:"mrd-text-field"},this.label&&d("label",{key:"c59e0346fb71a765ea38629b03c06341567ed210",class:"mrd-text-field__label"+(this.required?" mrd-text-field__label--required":"")},this.label),d("input",{key:"dc09953a672472348719f29904d900966d945843",class:"mrd-text-field__input"+(r?" mrd-text-field__input--error":""),type:"text",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&d("span",{key:"037653857a372854a16b28ebf8994b23e3e0d696",class:"mrd-text-field__error"},this.error)))}static get style(){return".sc-mrd-text-field-h{display:block}.mrd-text-field.sc-mrd-text-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-text-field__label.sc-mrd-text-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-text-field__label--required.sc-mrd-text-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-text-field__input.sc-mrd-text-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-text-field__input.sc-mrd-text-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-text-field__input.sc-mrd-text-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-text-field__input.sc-mrd-text-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-text-field__input--error.sc-mrd-text-field{border-color:var(--mrd-border-color-error)}.mrd-text-field__input--error.sc-mrd-text-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-text-field__error.sc-mrd-text-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-text-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function n(){"undefined"!=typeof customElements&&["mrd-text-field"].forEach((r=>{"mrd-text-field"===r&&(customElements.get(o(r))||customElements.define(o(r),s))}))}export{s as M,n as d}

package/dist/components/mrd-textarea-field2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as a,Host as d,transformTag as i}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{v as l}from"./validation.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.editorReady=!1}componentDidLoad(){this.initQuill()}async initQuill(){try{const e=(await import("./quill.js")).default;if(this.editorEl=this.el.querySelector(".mrd-textarea-field__editor"),!this.editorEl)return;const r=new e(this.editorEl,{theme:"snow",placeholder:this.placeholder,readOnly:this.disabled,modules:{toolbar:[["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{header:[1,2,3,!1]}],["link"],["clean"]]}});this.value&&r.clipboard.dangerouslyPasteHTML(this.value),r.on("text-change",(()=>{var e,r;const t=null!==(r=null===(e=this.editorEl.querySelector(".ql-editor"))||void 0===e?void 0:e.innerHTML)&&void 0!==r?r:"";this.mrdChange.emit({name:this.name,value:t})})),r.on("selection-change",(e=>{var r,t;if(!e){const e=null!==(t=null===(r=this.editorEl.querySelector(".ql-editor"))||void 0===r?void 0:r.innerHTML)&&void 0!==t?t:"";this.error=this.required&&!l(e)?o("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}})),this.editorReady=!0}catch(e){console.error("Failed to load Quill editor:",e)}}render(){return a(d,{key:"e1fd819c598f01e3986946357ec18d608f2c7adc"},a("div",{key:"20c28e54e61429655b2d4f297bd84e183ad7e971",class:"mrd-textarea-field"},this.label&&a("label",{key:"fa46a20badc35c931563600f24a32e0a8c8c07ad",class:"mrd-textarea-field__label"+(this.required?" mrd-textarea-field__label--required":"")},this.label),a("div",{key:"ee928eca0a1b85401b346b7fae8adbe9214a7664",class:"mrd-textarea-field__container"+(this.error?" mrd-textarea-field__container--error":"")},a("div",{key:"89b00f3c526623c47f0aff7ad862f70dfdc2fe15",class:"mrd-textarea-field__editor"})),this.error&&a("span",{key:"458cf8fddee36ddbc384ce4d25765e5aacd3c9d5",class:"mrd-textarea-field__error"},this.error)))}get el(){return this}static get style(){return".sc-mrd-textarea-field-h{display:block}.mrd-textarea-field.sc-mrd-textarea-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-textarea-field__label.sc-mrd-textarea-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-textarea-field__label--required.sc-mrd-textarea-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-textarea-field__container.sc-mrd-textarea-field{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden;background-color:var(--mrd-input-bg);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition)}.mrd-textarea-field__container.sc-mrd-textarea-field:focus-within{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-textarea-field__container--error.sc-mrd-textarea-field{border-color:var(--mrd-border-color-error)}.mrd-textarea-field__container--error.sc-mrd-textarea-field:focus-within{box-shadow:var(--mrd-shadow-focus-error)}.mrd-textarea-field__editor.sc-mrd-textarea-field{min-height:150px;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-toolbar.sc-mrd-textarea-field{border:none;border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);font-family:var(--mrd-font-family)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-container.sc-mrd-textarea-field{border:none;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.sc-mrd-textarea-field{min-height:120px;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.ql-blank.sc-mrd-textarea-field::before{color:var(--mrd-input-placeholder-color);font-style:normal}.mrd-textarea-field__error.sc-mrd-textarea-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}]);function n(){"undefined"!=typeof customElements&&["mrd-textarea-field"].forEach((e=>{"mrd-textarea-field"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))}export{s as M,n as d}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as d,Host as a,transformTag as i}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{v as l}from"./validation.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdChange=t(this,"mrdChange",7),this.mrdBlur=t(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.editorReady=!1}componentDidLoad(){this.initQuill()}async initQuill(){try{const e=(await import("./quill.js")).default;if(this.editorEl=this.el.querySelector(".mrd-textarea-field__editor"),!this.editorEl)return;const r=new e(this.editorEl,{theme:"snow",placeholder:this.placeholder,readOnly:this.disabled,modules:{toolbar:[["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{header:[1,2,3,!1]}],["link"],["clean"]]}});this.value&&r.clipboard.dangerouslyPasteHTML(this.value),r.on("text-change",(()=>{var e,r;const t=null!==(r=null===(e=this.editorEl.querySelector(".ql-editor"))||void 0===e?void 0:e.innerHTML)&&void 0!==r?r:"";this.mrdChange.emit({name:this.name,value:t})})),r.on("selection-change",(e=>{var r,t;if(!e){const e=null!==(t=null===(r=this.editorEl.querySelector(".ql-editor"))||void 0===r?void 0:r.innerHTML)&&void 0!==t?t:"";this.error=this.required&&!l(e)?o("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}})),this.editorReady=!0}catch(e){console.error("Failed to load Quill editor:",e)}}render(){return d(a,{key:"fe7824c81e082c3f2c1cf18c11dde20cb1f40f2c"},d("div",{key:"adf394a7e146d16bc79006873a209b11d88b2e17",class:"mrd-textarea-field"},this.label&&d("label",{key:"1b0dd2b4cf26c55a0af05c67a3178edc0c9d56c4",class:"mrd-textarea-field__label"+(this.required?" mrd-textarea-field__label--required":"")},this.label),d("div",{key:"7c8fe88b222af0beed08db492aa9f6d890e0dc5b",class:"mrd-textarea-field__container"+(this.error?" mrd-textarea-field__container--error":"")},d("div",{key:"295968283e94812cb04660117c5bdeaf3647469c",class:"mrd-textarea-field__editor"})),this.error&&d("span",{key:"5b5ab61053ab0792d4c249de04bd1d13b51469bf",class:"mrd-textarea-field__error"},this.error)))}get el(){return this}static get style(){return".sc-mrd-textarea-field-h{display:block}.mrd-textarea-field.sc-mrd-textarea-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-textarea-field__label.sc-mrd-textarea-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-textarea-field__label--required.sc-mrd-textarea-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-textarea-field__container.sc-mrd-textarea-field{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden;background-color:var(--mrd-input-bg);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition)}.mrd-textarea-field__container.sc-mrd-textarea-field:focus-within{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-textarea-field__container--error.sc-mrd-textarea-field{border-color:var(--mrd-border-color-error)}.mrd-textarea-field__container--error.sc-mrd-textarea-field:focus-within{box-shadow:var(--mrd-shadow-focus-error)}.mrd-textarea-field__editor.sc-mrd-textarea-field{min-height:150px;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-toolbar.sc-mrd-textarea-field{border:none;border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);font-family:var(--mrd-font-family)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-container.sc-mrd-textarea-field{border:none;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.sc-mrd-textarea-field{min-height:120px;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.ql-blank.sc-mrd-textarea-field::before{color:var(--mrd-input-placeholder-color);font-style:normal}.mrd-textarea-field__error.sc-mrd-textarea-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}"}},[2,"mrd-textarea-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32],editorReady:[32]}]);function n(){"undefined"!=typeof customElements&&["mrd-textarea-field"].forEach((e=>{"mrd-textarea-field"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))}export{s as M,n as d}