@mmlogic/components 0.5.16 → 0.5.18

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

@@ -1 +1 @@
-import{h as t,proxyCustomElement as r,HTMLElement as e,createEvent as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as n,b as s,r as l,A as d,i as c,e as m,h as u,f as v,g as h}from"./client-layout.js";import{t as y}from"./i18n.js";import{C as f}from"./cell-renderer.js";import{a as p}from"./format.js";import{d as b}from"./mrd-boolean-field2.js";import{d as _}from"./mrd-document-container2.js";import{d as g}from"./mrd-document-list2.js";import{d as w}from"./mrd-document-view2.js";import{d as k}from"./mrd-email-view2.js";import{d as x}from"./mrd-invoice-view2.js";import{d as j}from"./mrd-list-field2.js";import{d as z}from"./mrd-memo-container2.js";import{d as M}from"./mrd-memo-list2.js";import{d as O}from"./mrd-memo-view2.js";import{d as C}from"./mrd-table2.js";import{d as L}from"./mrd-text-field2.js";import{d as V}from"./mrd-textarea-field2.js";function E(t){var r,e,o,i,a;return null!==(a=null!==(o=null!==(r=t.showEmpty)&&void 0!==r?r:null===(e=t.field)||void 0===e?void 0:e.showEmpty)&&void 0!==o?o:null===(i=t.relation)||void 0===i?void 0:i.showEmpty)&&void 0!==a&&a}function A(t,r){var e,o;if(!t.name)return!1;const i=(null!==(e=null==r?void 0:r._links)&&void 0!==e?e:{})[t.name];return!(!(null===(o=null==i?void 0:i.values)||void 0===o?void 0:o.length)&&!(null==i?void 0:i.name))}function I(t){const r=[];for(const e of t)r.push(e),e.items&&r.push(...I(e.items));return r}function P(r,e,o,i){return t("button",{class:"mrd-layout-section__download-link",onClick:()=>e&&r.on.download({href:e,fileName:o})},t("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),i)}function $(r,e,o){var i,a,n,l,d,c,m,u,v,h,p;const b=e.dataType;switch(b){case s.HYPERLINK:{const r=null!==(i=null==o?void 0:o.href)&&void 0!==i?i:o+"",e=null!==(l=null!==(n=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:null==o?void 0:o.text)&&void 0!==n?n:null==o?void 0:o.label)&&void 0!==l?l:r;return t("a",{class:"mrd-layout-section__link",href:r,target:"_blank",rel:"noopener noreferrer"},e)}case s.TEXTBLOCK:return t("div",{class:"mrd-layout-section__prose",innerHTML:o+""});case s.LONGTEXT:return t("pre",{class:"mrd-layout-section__pre"},o+"");case s.JSON:return t("pre",{class:"mrd-layout-section__pre",innerHTML:f.formatJson(o)});case s.FILE:{const t=null!==(d=null==o?void 0:o.fileName)&&void 0!==d?d:o+"",e=null!==(c=null==o?void 0:o.href)&&void 0!==c?c:"";return P(r,e,t,t||y("download",r.locale))}case s.IMAGE:{const i=null!==(m=null==o?void 0:o.href)&&void 0!==m?m:"",a=null!==(u=null==o?void 0:o.fileName)&&void 0!==u?u:"",n=r.imagePreviews[e.name];return n?t("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>r.on.openImage(n),title:a||void 0},t("img",{class:"mrd-layout-section__image-thumb",src:n,alt:a})):P(r,i,a,a||i)}case s.BOOLEAN:return t("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(o?"true":"false")},y(o?"yes":"no",r.locale));case s.LIST:{const r=(null!==(v=e.listItems)&&void 0!==v?v:[]).find((t=>t.key===o+"")),i=null!==(h=null==r?void 0:r.label)&&void 0!==h?h:o+"",a=null==r?void 0:r.color,n=null==r?void 0:r.backgroundColor;return a&&n?t("span",{class:"mrd-layout-section__badge",style:{color:a,backgroundColor:n}},i):a?t("span",{class:"mrd-layout-section__badge-dot-row"},t("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:a}}),i):i}case s.SECRET:return o?t("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return f.renderValue(b,o,null!==(p=e.listItems)&&void 0!==p?p:[],r.locale)||null}}function D(r,e){var o,i;if(!e.name)return null;const a=r.data[e.name],n=(null!==(o=e.historyEnabled)&&void 0!==o?o:null===(i=e.field)||void 0===i?void 0:i.historyEnabled)&&null!==a&&"object"==typeof a&&"current"in a?a.current:a,l=function(r,e,o){if(null==o||""===o)return null;if(e.multiple&&Array.isArray(o)){if(e.dataType===s.FILE||e.dataType===s.IMAGE)return t("div",{class:"mrd-layout-section__file-list"},o.map(((o,i)=>t("div",{class:"mrd-layout-section__file-list-item",key:i+""},$(r,e,o)))));const i=o.map((t=>$(r,e,t)));return i.every((t=>"string"==typeof t||null==t))?i.filter(Boolean).join(", ")||null:t("span",null,i.map(((r,e)=>t("span",{key:e+""},r,e<i.length-1?", ":""))))}return $(r,e,o)}(r,e,n);return{raw:a,rawValue:n,renderedValue:l,isEmpty:null==l}}function H(t,r){if(r.header)return!0;const e=D(t,r);return!!e&&(!e.isEmpty||E(r))}const T=r(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdSearch=o(this,"mrdSearch",7),this.mrdDownload=o(this,"mrdDownload",7),this.mrdLoadViewPage=o(this,"mrdLoadViewPage",7),this.mrdLoadImage=o(this,"mrdLoadImage",7),this.mrdAttachments=o(this,"mrdAttachments",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.mrdDeleteObject=o(this,"mrdDeleteObject",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.readOnly=!1,this.me=null,this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.historyClickOutside=null,this.searchTimers={},this.handleViewLoadPage=(t,r)=>{t.stopPropagation(),this.mrdLoadViewPage.emit({name:r,page:t.detail.page,sort:t.detail.sort,path:t.detail.path,qs:t.detail.qs})},this.handleSearchInput=(t,r)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[t]:r}),this.searchTimers[t]&&clearTimeout(this.searchTimers[t]),r.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[t]:[]}):this.searchTimers[t]=setTimeout((()=>{this.mrdSearch.emit({query:r,dataClass:t})}),300)}}componentDidLoad(){setTimeout((()=>{this.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=t=>{this.el.contains(t.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(t){t&&Object.keys(t).length>0&&setTimeout((()=>this.initEmbeddedTables()),0)}async initEmbeddedTables(){const t=this.el.querySelectorAll("mrd-table[data-view]");for(const r of Array.from(t))"function"==typeof r.init&&await r.init();const r=this.el.querySelectorAll("mrd-memo-list[data-view]");for(const t of Array.from(r))"function"==typeof t.init&&await t.init()}emitLoadImages(){for(const t of I(this.items))if(t.type===n.FIELD&&t.dataType===s.IMAGE){const r=t.name,e=this.data[r],o=null==e?void 0:e.href;o&&this.mrdLoadImage.emit({fieldName:r,href:o})}}async setSearchResults(t,r){const e=null!=r?r:this.resolveSearchKey();e&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[e]:t}))}async setViewPage(t,r,e,o,i,a){if(a){const r=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);return void((null==r?void 0:r.setDocuments)&&await r.setDocuments(a,e))}const n=this.el.querySelector(`mrd-table[data-view="${t}"]`);if(n)return void 0!==o&&(n.totalElements=o),void await n.setPage(r,e,i);const s=this.el.querySelector(`mrd-memo-list[data-view="${t}"]`);s&&await s.setPage(r,e,i)}async setViewAggregations(t,r){const e=this.el.querySelector(`mrd-table[data-view="${t}"]`);e&&await e.setAggregations(r)}async setViewDistinct(t,r,e){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setDistinct)&&await o.setDistinct(r,e)}async setViewFileReference(t,r){const e=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==e?void 0:e.setFileReference)&&await e.setFileReference(r)}async setViewCreatedObject(t,r){const e=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);if(null==e?void 0:e.setCreatedHref)return void await e.setCreatedHref(r);const o=this.el.querySelector(`mrd-memo-container[data-view="${t}"]`);(null==o?void 0:o.refresh)&&await o.refresh()}async setImagePreview(t,r){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:r})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){var t;const r=I(this.items).filter((t=>t.type===n.SEARCH));return 1===r.length&&null!==(t=r[0].dataClass)&&void 0!==t?t:null}fieldCtx(){return{locale:this.locale,data:this.data,imagePreviews:this.imagePreviews,openHistoryField:this.openHistoryField,on:{download:t=>this.mrdDownload.emit(t),openImage:t=>{this.imagePreviewUrl=t},toggleHistory:t=>{this.openHistoryField=t}}}}renderField(r){return function(r,e){const o=D(r,e);if(!o)return null;const{raw:i,rawValue:a,renderedValue:n,isEmpty:l}=o;return e.header?t("h1",{class:"mrd-layout-section__field-header",key:e.name},"string"==typeof n?n:null!=a?a+"":e.label):l&&!E(e)?null:t("div",{class:`mrd-layout-section__field${e.dataType===s.TEXTBLOCK||e.dataType===s.LONGTEXT||e.dataType===s.JSON?" mrd-layout-section__field--block":""}${l?" mrd-layout-section__field--empty":""}`,key:e.name},t("span",{class:"mrd-layout-section__field-label"},e.label),t("span",{class:"mrd-layout-section__field-value"},l?y("value_empty",r.locale):n,function(r,e,o){var i,a,n;if(!(null!==(i=e.historyEnabled)&&void 0!==i?i:null===(a=e.field)||void 0===a?void 0:a.historyEnabled)||!e.name)return null;const s=null!==(n=null==o?void 0:o.history)&&void 0!==n?n:[];if(!s.length)return null;const l=[...s].sort(((t,r)=>r.until.localeCompare(t.until))),d=r.openHistoryField===e.name;return t("span",{class:"mrd-layout-section__history-wrap"},t("button",{type:"button",class:"mrd-layout-section__history-btn",title:y("history_badge_tooltip",r.locale),"aria-label":y("history_badge_tooltip",r.locale),onClick:t=>{t.stopPropagation(),r.on.toggleHistory(d?null:e.name)}},t("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),d&&t("div",{class:"mrd-layout-section__history-popover",role:"listbox"},l.map(((e,o)=>t("div",{key:o+"",class:"mrd-layout-section__history-entry"},e.value," (",y("history_until",r.locale)," ",p(e.until,r.locale),")")))))}(r,e,i)))}(this.fieldCtx(),r)}renderRelation(r){var e,o,i;if(!r.name)return null;const a=(null!==(o=null===(e=this.data)||void 0===e?void 0:e._links)&&void 0!==o?o:{})[r.name],n=(r,e)=>t("button",{key:r,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:r,label:e})},e);let s;(null===(i=null==a?void 0:a.values)||void 0===i?void 0:i.length)?s=a.values.map((t=>n(t.href,t.name))):(null==a?void 0:a.name)&&(s=n(a.href,a.name));const l=!A(r,this.data);return l&&!E(r)?null:t("div",{class:"mrd-layout-section__field"+(l?" mrd-layout-section__field--empty":""),key:r.name},t("span",{class:"mrd-layout-section__field-label"},r.label),t("span",{class:"mrd-layout-section__field-value"},l?y("value_empty",this.locale):s))}renderSearch(r){var e,o,i;if(!r.dataClass)return null;const a=r.dataClass,n=null!==(e=this.searchQueryMap[a])&&void 0!==e?e:"",s=null!==(o=this.searchResultsMap[a])&&void 0!==o?o:[];return t("div",{class:"mrd-layout-section__search",key:"search-"+a},t("div",{class:"mrd-layout-section__search-wrap"},t("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z","clip-rule":"evenodd"})),t("input",{class:"mrd-layout-section__search-input",type:"text",value:n,placeholder:null!==(i=r.label)&&void 0!==i?i:"",onInput:t=>this.handleSearchInput(a,t.target.value)})),s.length>0&&t("ul",{class:"mrd-layout-section__search-results"},s.map((r=>t("li",{key:r.id,class:"mrd-layout-section__search-result"},t("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:r.id,label:r.label})},t("span",{class:"mrd-layout-section__search-result-label"},r.label),r.description&&t("span",{class:"mrd-layout-section__search-result-desc"},r.description)))))))}renderRelatedView(r){var e,o,i,a,s,m,u,v,h,y,f;const p=function(t){var r,e,o,i;return t.type===n.RELATED_VIEW?null!==(e=null!==(r=t.relatedClass)&&void 0!==r?r:t.name)&&void 0!==e?e:"":null!==(i=null!==(o=t.dataClass)&&void 0!==o?o:t.name)&&void 0!==i?i:""}(r);if(!p)return null;if(!r.view)return null;const b=null!==(e=r.showTitle)&&void 0!==e&&e,_=null!==(s=null===(a=null===(i=null===(o=this.data)||void 0===o?void 0:o._links)||void 0===i?void 0:i.self)||void 0===a?void 0:a.href)&&void 0!==s?s:"",g=null!==(m=_.split("/").filter(Boolean).pop())&&void 0!==m?m:"",w=l(null!==(u=r.archetypes)&&void 0!==u?u:null===(v=r.view)||void 0===v?void 0:v.archetypes,d),k=w?void 0:l(null!==(h=r.archetypes)&&void 0!==h?h:null===(y=r.view)||void 0===y?void 0:y.archetypes,c),x=function(t,r,e){if(t.type!==n.RELATED_VIEW||!t.fromClass||!e)return"";const o=r.split("/").filter(Boolean);if(o.length<2)return"";const[i,a]=o;return`/${i}/${a}/${t.fromClass}/${e}`}(r,_,g),j=r.type!==n.RELATED_VIEW||r.inverseRelation===(null===(f=null==k?void 0:k.slots)||void 0===f?void 0:f.container),z=j?x:"",M=r.type===n.RELATED_VIEW&&j;return t("div",{class:"mrd-layout-section__related-view",key:"view-"+p},b&&r.label&&t("h3",{class:"mrd-layout-section__related-view-title"},r.label),w&&this.renderDocumentContainer(r,p,g,w,x),k&&this.renderMemoContainer(r,p,g,k,z,j,!M),!w&&!k&&this.renderTable(r,p,g))}renderDocumentContainer(r,e,o,i,a){return t("mrd-document-container",{item:r,archetype:i,parentId:o,containerHref:a,viewKey:e,locale:this.locale,readOnly:this.readOnly,onMrdLoadDistinct:t=>{t.stopPropagation(),this.mrdLoadViewDistinct.emit(Object.assign({name:e},t.detail))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:e},t.detail))},onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:e,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e},t.detail))},onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:e,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdUpload:t=>{t.stopPropagation(),this.mrdViewUpload.emit(Object.assign({name:e},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:e},t.detail))}})}renderMemoContainer(r,e,o,i,a,n,s){var l,d,c,u;const v=null!==(u=null===(c=null===(d=null===(l=r.view)||void 0===l?void 0:l.values)||void 0===d?void 0:d.find((t=>{var r;return t.name===(null===(r=i.slots)||void 0===r?void 0:r.labels)})))||void 0===c?void 0:c.listItems)&&void 0!==u?u:null;return t("mrd-memo-container",{"data-view":e,item:r,archetype:i,parentId:o,containerHref:a,containerRelated:n,showContainerLink:s,viewKey:e,locale:this.locale,readOnly:this.readOnly,me:this.me,labelsListItems:v,onMrdNavigate:t=>{var e;t.stopPropagation(),this.mrdNavigate.emit(Object.assign(Object.assign({},t.detail),{navigateBehaviour:null!==(e=r.navigateBehaviour)&&void 0!==e?e:m.PAGE}))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:e},t.detail))},onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:e,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e},t.detail))},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:e,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:e},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdDeleteObject:t=>{t.stopPropagation(),this.mrdDeleteObject.emit(t.detail)}})}renderTable(r,e,o){return t("mrd-table",{"data-view":e,item:r,parentId:o,locale:this.locale,readOnly:this.readOnly,onMrdLoadPage:t=>this.handleViewLoadPage(t,e),onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:e,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e},t.detail))},onMrdRowClick:t=>{var e,o,i,a;t.stopPropagation();const{row:n,listContext:s}=t.detail;this.mrdNavigate.emit({href:null===(o=null===(e=null==n?void 0:n._links)||void 0===e?void 0:e.self)||void 0===o?void 0:o.href,label:null!==(i=null==n?void 0:n.name)&&void 0!==i?i:"",navigateBehaviour:null!==(a=r.navigateBehaviour)&&void 0!==a?a:m.PAGE,listContext:s})},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit({name:e,action:t.detail.action,dataClass:null!==(o=r.dataClass)&&void 0!==o?o:e,path:t.detail.path,qs:t.detail.qs,parentPath:t.detail.parentPath,basicType:t.detail.basicType})}})}isHeaderBlockEmpty(t,r){const e=this.fieldCtx();for(let o=r+1;o<t.length;o++){const r=t[o];if(r.type===n.HEADER||r.type===n.SECTION||r.type===n.GROUP)break;if(r.type===n.FIELD&&H(e,r))return!1;if(r.type===n.RELATION&&(A(r,this.data)||E(r)))return!1;if(r.type!==n.FIELD&&r.type!==n.RELATION)return!1}return!0}renderItem(r,e=this.items,o=-1){var i,a;switch(r.type){case n.FIELD:return this.renderField(r);case n.RELATION:return this.renderRelation(r);case n.HEADER:return o>=0&&this.isHeaderBlockEmpty(e,o)?null:t("h2",{class:"mrd-layout-section__header",key:"header-"+r.label},r.label);case n.TEXT:return t("div",{class:"mrd-layout-section__text",key:"text-"+r.label,innerHTML:null!==(i=r.label)&&void 0!==i?i:""});case n.NAVIGATE:return t("button",{class:"mrd-layout-section__navigate",key:"nav-"+r.label,onClick:()=>{var t,e,o;return this.mrdNavigate.emit({label:null!==(t=r.label)&&void 0!==t?t:"",navigate:null!==(e=r.navigate)&&void 0!==e?e:{dataClass:null!==(o=r.dataClass)&&void 0!==o?o:"",icon:r.icon,navigationType:r.navigationType}})}},r.label);case n.SEARCH:return this.renderSearch(r);case n.SECTION:case n.GROUP:return t("div",{class:"mrd-layout-section__group",key:"group-"+r.label},r.label&&t("h3",{class:"mrd-layout-section__group-title"},r.label),(null!==(a=r.items)&&void 0!==a?a:[]).map(((t,e)=>{var o;return this.renderItem(t,null!==(o=r.items)&&void 0!==o?o:[],e)})));case n.RELATED_VIEW:case n.VIEW:return this.renderRelatedView(r);default:return null}}renderImageModal(){return this.imagePreviewUrl?t("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},t("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),t("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}relatedItems(t){return this.items.filter((r=>r!==t&&(r.type===n.VIEW||r.type===n.RELATED_VIEW||r.type===n.SEARCH)))}renderDocumentObject(r){return[t("mrd-document-view",{archetype:r,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}renderInvoiceObject(r){var e,o,i;const a=null!==(e=this.items.find((t=>{var r,e;return(t.type===n.VIEW||t.type===n.RELATED_VIEW)&&!!l(null!==(r=t.archetypes)&&void 0!==r?r:null===(e=t.view)||void 0===e?void 0:e.archetypes,u)})))&&void 0!==e?e:null,s=null!==(i=null===(o=this.items.find((t=>{var e;return t.name===(null===(e=r.slots)||void 0===e?void 0:e.status)})))||void 0===o?void 0:o.listItems)&&void 0!==i?i:null;return[t("mrd-invoice-view",{archetype:r,data:this.data,locale:this.locale,statusListItems:s,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}},a&&t("div",{slot:"lines"},this.renderRelatedView(a))),...this.relatedItems(a).map((t=>this.renderItem(t)))]}renderEmailObject(r){return[t("mrd-email-view",{archetype:r,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}renderMemoObject(r){var e,o;const i=null!==(o=null===(e=this.items.find((t=>{var e;return t.name===(null===(e=r.slots)||void 0===e?void 0:e.labels)})))||void 0===e?void 0:e.listItems)&&void 0!==o?o:null;return[t("mrd-memo-view",{archetype:r,data:this.data,locale:this.locale,labelsListItems:i,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}render(){const r=l(this.archetypes,d),e=r?void 0:l(this.archetypes,v),o=r||e?void 0:l(this.archetypes,h),a=r||e||o?void 0:l(this.archetypes,c),n=r||e||o||a;return t(i,{key:"057d145da172e68f84b6ff34f71ae649d6d6bf92"},t("div",{key:"e03a1761dc6bcd9ff54b264fee56130270bddc2f",class:"mrd-layout-section"},r&&this.renderDocumentObject(r),e&&this.renderInvoiceObject(e),o&&this.renderEmailObject(o),a&&this.renderMemoObject(a),!n&&this.items.map(((t,r)=>this.renderItem(t,this.items,r)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-layout-section-h{display:block;width:100%}.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__field--empty.sc-mrd-layout-section .mrd-layout-section__field-value.sc-mrd-layout-section{color:var(--mrd-color-neutral-400);font-weight:var(--mrd-font-weight-normal)}.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-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);letter-spacing:0.01em;margin:var(--mrd-space-5) 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__file-list.sc-mrd-layout-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1)}.mrd-layout-section__file-list-item.sc-mrd-layout-section{min-width:0;max-width:100%}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(15 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--mrd-color-white);cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],archetypes:[16],readOnly:[4,"read-only"],me:[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}]}]),B=T,N=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-boolean-field","mrd-document-container","mrd-document-list","mrd-document-view","mrd-email-view","mrd-invoice-view","mrd-list-field","mrd-memo-container","mrd-memo-list","mrd-memo-view","mrd-table","mrd-text-field","mrd-textarea-field"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(a(t))||customElements.define(a(t),T);break;case"mrd-boolean-field":customElements.get(a(t))||b();break;case"mrd-document-container":customElements.get(a(t))||_();break;case"mrd-document-list":customElements.get(a(t))||g();break;case"mrd-document-view":customElements.get(a(t))||w();break;case"mrd-email-view":customElements.get(a(t))||k();break;case"mrd-invoice-view":customElements.get(a(t))||x();break;case"mrd-list-field":customElements.get(a(t))||j();break;case"mrd-memo-container":customElements.get(a(t))||z();break;case"mrd-memo-list":customElements.get(a(t))||M();break;case"mrd-memo-view":customElements.get(a(t))||O();break;case"mrd-table":customElements.get(a(t))||C();break;case"mrd-text-field":customElements.get(a(t))||L();break;case"mrd-textarea-field":customElements.get(a(t))||V()}}))};export{B as MrdLayoutSection,N as defineCustomElement}
+import{h as t,proxyCustomElement as e,HTMLElement as r,createEvent as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{a as s,b as n,r as l,A as d,i as c,e as m,h as u,f as v,g as h}from"./client-layout.js";import{t as y}from"./i18n.js";import{C as f}from"./cell-renderer.js";import{a as p}from"./format.js";import{d as b}from"./mrd-boolean-field2.js";import{d as _}from"./mrd-document-container2.js";import{d as g}from"./mrd-document-list2.js";import{d as w}from"./mrd-document-view2.js";import{d as k}from"./mrd-email-view2.js";import{d as x}from"./mrd-invoice-view2.js";import{d as j}from"./mrd-list-field2.js";import{d as C}from"./mrd-memo-container2.js";import{d as z}from"./mrd-memo-list2.js";import{d as O}from"./mrd-memo-view2.js";import{d as M}from"./mrd-table2.js";import{d as V}from"./mrd-text-field2.js";import{d as L}from"./mrd-textarea-field2.js";function E(t){var e,r,o,i;return t.type===s.RELATED_VIEW?null!==(r=null!==(e=t.relatedClass)&&void 0!==e?e:t.name)&&void 0!==r?r:"":null!==(i=null!==(o=t.dataClass)&&void 0!==o?o:t.name)&&void 0!==i?i:""}function A(t){var e,r,o,i,a;return null!==(a=null!==(o=null!==(e=t.showEmpty)&&void 0!==e?e:null===(r=t.field)||void 0===r?void 0:r.showEmpty)&&void 0!==o?o:null===(i=t.relation)||void 0===i?void 0:i.showEmpty)&&void 0!==a&&a}function I(t,e){var r,o;if(!t.name)return!1;const i=(null!==(r=null==e?void 0:e._links)&&void 0!==r?r:{})[t.name];return!(!(null===(o=null==i?void 0:i.values)||void 0===o?void 0:o.length)&&!(null==i?void 0:i.name))}function P(t){const e=[];for(const r of t)e.push(r),r.items&&e.push(...P(r.items));return e}function T(e,r,o,i){return t("button",{class:"mrd-layout-section__download-link",onClick:()=>r&&e.on.download({href:r,fileName:o})},t("svg",{class:"mrd-layout-section__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),i)}function $(e,r,o){var i,a,s,l,d,c,m,u,v,h,p;const b=r.dataType;switch(b){case n.HYPERLINK:{const e=null!==(i=null==o?void 0:o.href)&&void 0!==i?i:o+"",r=null!==(l=null!==(s=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:null==o?void 0:o.text)&&void 0!==s?s:null==o?void 0:o.label)&&void 0!==l?l:e;return t("a",{class:"mrd-layout-section__link",href:e,target:"_blank",rel:"noopener noreferrer"},r)}case n.TEXTBLOCK:return t("div",{class:"mrd-layout-section__prose",innerHTML:o+""});case n.LONGTEXT:return t("pre",{class:"mrd-layout-section__pre"},o+"");case n.JSON:return t("pre",{class:"mrd-layout-section__pre",innerHTML:f.formatJson(o)});case n.FILE:{const t=null!==(d=null==o?void 0:o.fileName)&&void 0!==d?d:o+"",r=null!==(c=null==o?void 0:o.href)&&void 0!==c?c:"";return T(e,r,t,t||y("download",e.locale))}case n.IMAGE:{const i=null!==(m=null==o?void 0:o.href)&&void 0!==m?m:"",a=null!==(u=null==o?void 0:o.fileName)&&void 0!==u?u:"",s=e.imagePreviews[r.name];return s?t("button",{class:"mrd-layout-section__image-thumb-btn",onClick:()=>e.on.openImage(s),title:a||void 0},t("img",{class:"mrd-layout-section__image-thumb",src:s,alt:a})):T(e,i,a,a||i)}case n.BOOLEAN:return t("span",{class:"mrd-layout-section__boolean mrd-layout-section__boolean--"+(o?"true":"false")},y(o?"yes":"no",e.locale));case n.LIST:{const e=(null!==(v=r.listItems)&&void 0!==v?v:[]).find((t=>t.key===o+"")),i=null!==(h=null==e?void 0:e.label)&&void 0!==h?h:o+"",a=null==e?void 0:e.color,s=null==e?void 0:e.backgroundColor;return a&&s?t("span",{class:"mrd-layout-section__badge",style:{color:a,backgroundColor:s}},i):a?t("span",{class:"mrd-layout-section__badge-dot-row"},t("span",{class:"mrd-layout-section__badge-dot",style:{backgroundColor:a}}),i):i}case n.SECRET:return o?t("span",{class:"mrd-layout-section__secret-masked"},"••••••••"):null;default:return f.renderValue(b,o,null!==(p=r.listItems)&&void 0!==p?p:[],e.locale)||null}}function D(e,r){var o,i;if(!r.name)return null;const a=e.data[r.name],s=(null!==(o=r.historyEnabled)&&void 0!==o?o:null===(i=r.field)||void 0===i?void 0:i.historyEnabled)&&null!==a&&"object"==typeof a&&"current"in a?a.current:a,l=function(e,r,o){if(null==o||""===o)return null;if(r.multiple&&Array.isArray(o)){if(r.dataType===n.FILE||r.dataType===n.IMAGE)return t("div",{class:"mrd-layout-section__file-list"},o.map(((o,i)=>t("div",{class:"mrd-layout-section__file-list-item",key:i+""},$(e,r,o)))));const i=o.map((t=>$(e,r,t)));return i.every((t=>"string"==typeof t||null==t))?i.filter(Boolean).join(", ")||null:t("span",null,i.map(((e,r)=>t("span",{key:r+""},e,r<i.length-1?", ":""))))}return $(e,r,o)}(e,r,s);return{raw:a,rawValue:s,renderedValue:l,isEmpty:null==l}}function H(t,e){if(e.header)return!0;const r=D(t,e);return!!r&&(!r.isEmpty||A(e))}const N=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdSearch=o(this,"mrdSearch",7),this.mrdDownload=o(this,"mrdDownload",7),this.mrdLoadViewPage=o(this,"mrdLoadViewPage",7),this.mrdLoadImage=o(this,"mrdLoadImage",7),this.mrdAttachments=o(this,"mrdAttachments",7),this.mrdViewAction=o(this,"mrdViewAction",7),this.mrdLoadViewAggregations=o(this,"mrdLoadViewAggregations",7),this.mrdLoadViewDistinct=o(this,"mrdLoadViewDistinct",7),this.mrdViewCheckCapabilities=o(this,"mrdViewCheckCapabilities",7),this.mrdUpdateObject=o(this,"mrdUpdateObject",7),this.mrdDeleteObject=o(this,"mrdDeleteObject",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.readOnly=!1,this.accessControlEnabled=!0,this.me=null,this.searchQueryMap={},this.searchResultsMap={},this.imagePreviewUrl=null,this.imagePreviews={},this.openHistoryField=null,this.canCreateMap={},this.allowedTypesMap={},this.historyClickOutside=null,this.capabilitiesAsked=new Map,this.searchTimers={},this.handleViewLoadPage=(t,e)=>{t.stopPropagation(),this.mrdLoadViewPage.emit({name:e,page:t.detail.page,sort:t.detail.sort,path:t.detail.path,qs:t.detail.qs})},this.handleSearchInput=(t,e)=>{this.searchQueryMap=Object.assign(Object.assign({},this.searchQueryMap),{[t]:e}),this.searchTimers[t]&&clearTimeout(this.searchTimers[t]),e.length<2?this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[t]:[]}):this.searchTimers[t]=setTimeout((()=>{this.mrdSearch.emit({query:e,dataClass:t})}),300)}}componentDidLoad(){this.emitCapabilitiesChecks(),setTimeout((()=>{this.initEmbeddedTables(),this.emitLoadImages()}),0),this.historyClickOutside=t=>{this.el.contains(t.target)||(this.openHistoryField=null)},document.addEventListener("mousedown",this.historyClickOutside)}disconnectedCallback(){this.historyClickOutside&&(document.removeEventListener("mousedown",this.historyClickOutside),this.historyClickOutside=null)}dataChanged(t){t&&Object.keys(t).length>0&&(this.emitCapabilitiesChecks(),setTimeout((()=>this.initEmbeddedTables()),0))}itemsChanged(){this.emitCapabilitiesChecks()}async initEmbeddedTables(){const t=this.el.querySelectorAll("mrd-table[data-view]");for(const e of Array.from(t))"function"==typeof e.init&&await e.init();const e=this.el.querySelectorAll("mrd-memo-list[data-view]");for(const t of Array.from(e))"function"==typeof t.init&&await t.init()}emitLoadImages(){for(const t of P(this.items))if(t.type===s.FIELD&&t.dataType===n.IMAGE){const e=t.name,r=this.data[e],o=null==r?void 0:r.href;o&&this.mrdLoadImage.emit({fieldName:e,href:o})}}computeParentId(){var t,e,r,o,i;return null!==(i=(null!==(o=null===(r=null===(e=null===(t=this.data)||void 0===t?void 0:t._links)||void 0===e?void 0:e.self)||void 0===r?void 0:r.href)&&void 0!==o?o:"").split("/").filter(Boolean).pop())&&void 0!==i?i:""}emitCapabilitiesChecks(){var t,e,r,o;if(!this.accessControlEnabled)return;const i=this.computeParentId();for(const a of P(this.items)){if(a.type!==s.VIEW&&a.type!==s.RELATED_VIEW)continue;const n=E(a);if(!n||!a.view)continue;const l=a.type===s.RELATED_VIEW,d=null!==(e=null!==(t=a.dataClass)&&void 0!==t?t:a.relatedClass)&&void 0!==e?e:n,c=l?null!==(r=a.fromClass)&&void 0!==r?r:"":void 0,m=l?i:void 0,u=null!==(o=a.filterClass)&&void 0!==o?o:void 0;if(l&&!m)continue;const v=JSON.stringify([d,c,m,u]);if(this.capabilitiesAsked.get(n)!==v){if(this.capabilitiesAsked.set(n,v),n in this.canCreateMap){const t=Object.assign({},this.canCreateMap);delete t[n],this.canCreateMap=t}if(n in this.allowedTypesMap){const t=Object.assign({},this.allowedTypesMap);delete t[n],this.allowedTypesMap=t}this.mrdViewCheckCapabilities.emit(Object.assign(Object.assign({name:n,type:d},void 0!==c?{refType:c,refId:m}:{}),u?{filterClass:u}:{}))}}}async setSearchResults(t,e){const r=null!=e?e:this.resolveSearchKey();r&&(this.searchResultsMap=Object.assign(Object.assign({},this.searchResultsMap),{[r]:t}))}async setViewPage(t,e,r,o,i,a){if(a){const e=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);return void((null==e?void 0:e.setDocuments)&&await e.setDocuments(a,r))}const s=this.el.querySelector(`mrd-table[data-view="${t}"]`);if(s)return void 0!==o&&(s.totalElements=o),void await s.setPage(e,r,i);const n=this.el.querySelector(`mrd-memo-list[data-view="${t}"]`);n&&await n.setPage(e,r,i)}async setViewAggregations(t,e){const r=this.el.querySelector(`mrd-table[data-view="${t}"]`);r&&await r.setAggregations(e)}async setViewCanCreate(t,e,r){this.canCreateMap=Object.assign(Object.assign({},this.canCreateMap),{[t]:e}),this.allowedTypesMap=Object.assign(Object.assign({},this.allowedTypesMap),{[t]:r})}effectiveCanCreate(t){var e;return!this.accessControlEnabled||null!==(e=this.canCreateMap[t])&&void 0!==e&&e}effectiveAllowedTypes(t){return this.accessControlEnabled?this.allowedTypesMap[t]:void 0}async setViewDistinct(t,e,r){const o=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==o?void 0:o.setDistinct)&&await o.setDistinct(e,r)}async setViewFileReference(t,e){const r=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);(null==r?void 0:r.setFileReference)&&await r.setFileReference(e)}async setViewCreatedObject(t,e){const r=this.el.querySelector(`mrd-document-list[data-doclist="${t}"]`);if(null==r?void 0:r.setCreatedHref)return void await r.setCreatedHref(e);const o=this.el.querySelector(`mrd-memo-container[data-view="${t}"]`);(null==o?void 0:o.refresh)&&await o.refresh()}async setImagePreview(t,e){this.imagePreviews=Object.assign(Object.assign({},this.imagePreviews),{[t]:e})}async openImagePreview(t){this.imagePreviewUrl=t}resolveSearchKey(){var t;const e=P(this.items).filter((t=>t.type===s.SEARCH));return 1===e.length&&null!==(t=e[0].dataClass)&&void 0!==t?t:null}fieldCtx(){return{locale:this.locale,data:this.data,imagePreviews:this.imagePreviews,openHistoryField:this.openHistoryField,on:{download:t=>this.mrdDownload.emit(t),openImage:t=>{this.imagePreviewUrl=t},toggleHistory:t=>{this.openHistoryField=t}}}}renderField(e){return function(e,r){const o=D(e,r);if(!o)return null;const{raw:i,rawValue:a,renderedValue:s,isEmpty:l}=o;return r.header?t("h1",{class:"mrd-layout-section__field-header",key:r.name},"string"==typeof s?s:null!=a?a+"":r.label):l&&!A(r)?null:t("div",{class:`mrd-layout-section__field${r.dataType===n.TEXTBLOCK||r.dataType===n.LONGTEXT||r.dataType===n.JSON?" mrd-layout-section__field--block":""}${l?" mrd-layout-section__field--empty":""}`,key:r.name},t("span",{class:"mrd-layout-section__field-label"},r.label),t("span",{class:"mrd-layout-section__field-value"},l?y("value_empty",e.locale):s,function(e,r,o){var i,a,s;if(!(null!==(i=r.historyEnabled)&&void 0!==i?i:null===(a=r.field)||void 0===a?void 0:a.historyEnabled)||!r.name)return null;const n=null!==(s=null==o?void 0:o.history)&&void 0!==s?s:[];if(!n.length)return null;const l=[...n].sort(((t,e)=>e.until.localeCompare(t.until))),d=e.openHistoryField===r.name;return t("span",{class:"mrd-layout-section__history-wrap"},t("button",{type:"button",class:"mrd-layout-section__history-btn",title:y("history_badge_tooltip",e.locale),"aria-label":y("history_badge_tooltip",e.locale),onClick:t=>{t.stopPropagation(),e.on.toggleHistory(d?null:r.name)}},t("svg",{class:"mrd-layout-section__history-icon",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .207.085.394.22.53l2.5 2.5a.75.75 0 101.06-1.06L10.75 9.69V5z","clip-rule":"evenodd"}))),d&&t("div",{class:"mrd-layout-section__history-popover",role:"listbox"},l.map(((r,o)=>t("div",{key:o+"",class:"mrd-layout-section__history-entry"},r.value," (",y("history_until",e.locale)," ",p(r.until,e.locale),")")))))}(e,r,i)))}(this.fieldCtx(),e)}renderRelation(e){var r,o,i;if(!e.name)return null;const a=(null!==(o=null===(r=this.data)||void 0===r?void 0:r._links)&&void 0!==o?o:{})[e.name],s=(e,r)=>t("button",{key:e,class:"mrd-layout-section__relation-link",onClick:()=>this.mrdNavigate.emit({href:e,label:r})},r);let n;(null===(i=null==a?void 0:a.values)||void 0===i?void 0:i.length)?n=a.values.map((t=>s(t.href,t.name))):(null==a?void 0:a.name)&&(n=s(a.href,a.name));const l=!I(e,this.data);return l&&!A(e)?null:t("div",{class:"mrd-layout-section__field"+(l?" mrd-layout-section__field--empty":""),key:e.name},t("span",{class:"mrd-layout-section__field-label"},e.label),t("span",{class:"mrd-layout-section__field-value"},l?y("value_empty",this.locale):n))}renderSearch(e){var r,o,i;if(!e.dataClass)return null;const a=e.dataClass,s=null!==(r=this.searchQueryMap[a])&&void 0!==r?r:"",n=null!==(o=this.searchResultsMap[a])&&void 0!==o?o:[];return t("div",{class:"mrd-layout-section__search",key:"search-"+a},t("div",{class:"mrd-layout-section__search-wrap"},t("svg",{class:"mrd-layout-section__search-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},t("path",{"fill-rule":"evenodd",d:"M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z","clip-rule":"evenodd"})),t("input",{class:"mrd-layout-section__search-input",type:"text",value:s,placeholder:null!==(i=e.label)&&void 0!==i?i:"",onInput:t=>this.handleSearchInput(a,t.target.value)})),n.length>0&&t("ul",{class:"mrd-layout-section__search-results"},n.map((e=>t("li",{key:e.id,class:"mrd-layout-section__search-result"},t("button",{class:"mrd-layout-section__search-result-btn",onClick:()=>this.mrdNavigate.emit({href:e.id,label:e.label})},t("span",{class:"mrd-layout-section__search-result-label"},e.label),e.description&&t("span",{class:"mrd-layout-section__search-result-desc"},e.description)))))))}renderRelatedView(e){var r,o,i,a,n,m,u,v,h,y;const f=E(e);if(!f)return null;if(!e.view)return null;const p=null!==(r=e.showTitle)&&void 0!==r&&r,b=null!==(n=null===(a=null===(i=null===(o=this.data)||void 0===o?void 0:o._links)||void 0===i?void 0:i.self)||void 0===a?void 0:a.href)&&void 0!==n?n:"",_=this.computeParentId(),g=l(null!==(m=e.archetypes)&&void 0!==m?m:null===(u=e.view)||void 0===u?void 0:u.archetypes,d),w=g?void 0:l(null!==(v=e.archetypes)&&void 0!==v?v:null===(h=e.view)||void 0===h?void 0:h.archetypes,c),k=function(t,e,r){if(t.type!==s.RELATED_VIEW||!t.fromClass||!r)return"";const o=e.split("/").filter(Boolean);if(o.length<2)return"";const[i,a]=o;return`/${i}/${a}/${t.fromClass}/${r}`}(e,b,_),x=e.type!==s.RELATED_VIEW||e.inverseRelation===(null===(y=null==w?void 0:w.slots)||void 0===y?void 0:y.container),j=x?k:"",C=e.type===s.RELATED_VIEW&&x;return t("div",{class:"mrd-layout-section__related-view",key:"view-"+f},p&&e.label&&t("h3",{class:"mrd-layout-section__related-view-title"},e.label),g&&this.renderDocumentContainer(e,f,_,g,k),w&&this.renderMemoContainer(e,f,_,w,j,x,!C),!g&&!w&&this.renderTable(e,f,_))}renderDocumentContainer(e,r,o,i,a){return t("mrd-document-container",{item:e,archetype:i,parentId:o,containerHref:a,viewKey:r,locale:this.locale,readOnly:this.readOnly,mayCreate:this.effectiveCanCreate(r),onMrdLoadDistinct:t=>{t.stopPropagation(),this.mrdLoadViewDistinct.emit(Object.assign({name:r},t.detail))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:r},t.detail))},onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:r,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r},t.detail))},onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:r,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdUpload:t=>{t.stopPropagation(),this.mrdViewUpload.emit(Object.assign({name:r},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:r},t.detail))}})}renderMemoContainer(e,r,o,i,a,s,n){var l,d,c,u;const v=null!==(u=null===(c=null===(d=null===(l=e.view)||void 0===l?void 0:l.values)||void 0===d?void 0:d.find((t=>{var e;return t.name===(null===(e=i.slots)||void 0===e?void 0:e.labels)})))||void 0===c?void 0:c.listItems)&&void 0!==u?u:null;return t("mrd-memo-container",{"data-view":r,item:e,archetype:i,parentId:o,containerHref:a,containerRelated:s,showContainerLink:n,viewKey:r,locale:this.locale,readOnly:this.readOnly,canCreate:this.effectiveCanCreate(r),me:this.me,labelsListItems:v,onMrdNavigate:t=>{var r;t.stopPropagation(),this.mrdNavigate.emit(Object.assign(Object.assign({},t.detail),{navigateBehaviour:null!==(r=e.navigateBehaviour)&&void 0!==r?r:m.PAGE}))},onMrdLoadPage:t=>{t.stopPropagation(),this.mrdLoadViewPage.emit(Object.assign({name:r},t.detail))},onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:r,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r},t.detail))},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit(Object.assign({name:r,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r},t.detail))},onMrdCreateObject:t=>{t.stopPropagation(),this.mrdCreateObject.emit(Object.assign({name:r},t.detail))},onMrdUpdateObject:t=>{t.stopPropagation(),this.mrdUpdateObject.emit(t.detail)},onMrdDeleteObject:t=>{t.stopPropagation(),this.mrdDeleteObject.emit(t.detail)}})}renderTable(e,r,o){return t("mrd-table",{"data-view":r,item:e,parentId:o,locale:this.locale,readOnly:this.readOnly,canCreate:this.effectiveCanCreate(r),allowedTypes:this.effectiveAllowedTypes(r),accessControlEnabled:this.accessControlEnabled,onMrdLoadPage:t=>this.handleViewLoadPage(t,r),onMrdLoadAggregations:t=>{var o;t.stopPropagation(),this.mrdLoadViewAggregations.emit(Object.assign({name:r,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r},t.detail))},onMrdRowClick:t=>{var r,o,i,a;t.stopPropagation();const{row:s,listContext:n}=t.detail;this.mrdNavigate.emit({href:null===(o=null===(r=null==s?void 0:s._links)||void 0===r?void 0:r.self)||void 0===o?void 0:o.href,label:null!==(i=null==s?void 0:s.name)&&void 0!==i?i:"",navigateBehaviour:null!==(a=e.navigateBehaviour)&&void 0!==a?a:m.PAGE,listContext:n})},onMrdAction:t=>{var o;t.stopPropagation(),this.mrdViewAction.emit({name:r,action:t.detail.action,dataClass:null!==(o=e.dataClass)&&void 0!==o?o:r,path:t.detail.path,qs:t.detail.qs,parentPath:t.detail.parentPath,basicType:t.detail.basicType})}})}isHeaderBlockEmpty(t,e){const r=this.fieldCtx();for(let o=e+1;o<t.length;o++){const e=t[o];if(e.type===s.HEADER||e.type===s.SECTION||e.type===s.GROUP)break;if(e.type===s.FIELD&&H(r,e))return!1;if(e.type===s.RELATION&&(I(e,this.data)||A(e)))return!1;if(e.type!==s.FIELD&&e.type!==s.RELATION)return!1}return!0}renderItem(e,r=this.items,o=-1){var i,a;switch(e.type){case s.FIELD:return this.renderField(e);case s.RELATION:return this.renderRelation(e);case s.HEADER:return o>=0&&this.isHeaderBlockEmpty(r,o)?null:t("h2",{class:"mrd-layout-section__header",key:"header-"+e.label},e.label);case s.TEXT:return t("div",{class:"mrd-layout-section__text",key:"text-"+e.label,innerHTML:null!==(i=e.label)&&void 0!==i?i:""});case s.NAVIGATE:return t("button",{class:"mrd-layout-section__navigate",key:"nav-"+e.label,onClick:()=>{var t,r,o;return this.mrdNavigate.emit({label:null!==(t=e.label)&&void 0!==t?t:"",navigate:null!==(r=e.navigate)&&void 0!==r?r:{dataClass:null!==(o=e.dataClass)&&void 0!==o?o:"",icon:e.icon,navigationType:e.navigationType}})}},e.label);case s.SEARCH:return this.renderSearch(e);case s.SECTION:case s.GROUP:return t("div",{class:"mrd-layout-section__group",key:"group-"+e.label},e.label&&t("h3",{class:"mrd-layout-section__group-title"},e.label),(null!==(a=e.items)&&void 0!==a?a:[]).map(((t,r)=>{var o;return this.renderItem(t,null!==(o=e.items)&&void 0!==o?o:[],r)})));case s.RELATED_VIEW:case s.VIEW:return this.renderRelatedView(e);default:return null}}renderImageModal(){return this.imagePreviewUrl?t("div",{class:"mrd-layout-section__modal-backdrop",onClick:()=>{this.imagePreviewUrl=null}},t("div",{class:"mrd-layout-section__modal",onClick:t=>t.stopPropagation()},t("button",{class:"mrd-layout-section__modal-close",onClick:()=>{this.imagePreviewUrl=null}},"✕"),t("img",{class:"mrd-layout-section__modal-image",src:this.imagePreviewUrl,alt:""}))):null}relatedItems(t){return this.items.filter((e=>e!==t&&(e.type===s.VIEW||e.type===s.RELATED_VIEW||e.type===s.SEARCH)))}renderDocumentObject(e){return[t("mrd-document-view",{archetype:e,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}renderInvoiceObject(e){var r,o,i;const a=null!==(r=this.items.find((t=>{var e,r;return(t.type===s.VIEW||t.type===s.RELATED_VIEW)&&!!l(null!==(e=t.archetypes)&&void 0!==e?e:null===(r=t.view)||void 0===r?void 0:r.archetypes,u)})))&&void 0!==r?r:null,n=null!==(i=null===(o=this.items.find((t=>{var r;return t.name===(null===(r=e.slots)||void 0===r?void 0:r.status)})))||void 0===o?void 0:o.listItems)&&void 0!==i?i:null;return[t("mrd-invoice-view",{archetype:e,data:this.data,locale:this.locale,statusListItems:n,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}},a&&t("div",{slot:"lines"},this.renderRelatedView(a))),...this.relatedItems(a).map((t=>this.renderItem(t)))]}renderEmailObject(e){return[t("mrd-email-view",{archetype:e,data:this.data,locale:this.locale,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)},onMrdDownload:t=>{t.stopPropagation(),this.mrdDownload.emit(t.detail)},onMrdAttachments:t=>{t.stopPropagation(),this.mrdAttachments.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}renderMemoObject(e){var r,o;const i=null!==(o=null===(r=this.items.find((t=>{var r;return t.name===(null===(r=e.slots)||void 0===r?void 0:r.labels)})))||void 0===r?void 0:r.listItems)&&void 0!==o?o:null;return[t("mrd-memo-view",{archetype:e,data:this.data,locale:this.locale,labelsListItems:i,onMrdNavigate:t=>{t.stopPropagation(),this.mrdNavigate.emit(t.detail)}}),...this.relatedItems().map((t=>this.renderItem(t)))]}render(){const e=l(this.archetypes,d),r=e?void 0:l(this.archetypes,v),o=e||r?void 0:l(this.archetypes,h),a=e||r||o?void 0:l(this.archetypes,c),s=e||r||o||a;return t(i,{key:"97351c57865614662e888b3c0278a61d866a74e1"},t("div",{key:"43e8f0fda8fcd3300b879d05ac692ce331c896d5",class:"mrd-layout-section"},e&&this.renderDocumentObject(e),r&&this.renderInvoiceObject(r),o&&this.renderEmailObject(o),a&&this.renderMemoObject(a),!s&&this.items.map(((t,e)=>this.renderItem(t,this.items,e)))),this.renderImageModal())}get el(){return this}static get watchers(){return{data:[{dataChanged:0}],items:[{itemsChanged:0}]}}static get style(){return".sc-mrd-layout-section-h{display:block;width:100%}.mrd-layout-section.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-layout-section__field.sc-mrd-layout-section{display:grid;grid-template-columns:200px 1fr;align-items:baseline;gap:0 var(--mrd-space-2);padding:var(--mrd-space-1) 0}.mrd-layout-section__field--block.sc-mrd-layout-section{grid-template-columns:1fr}.mrd-layout-section__field-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-normal);color:var(--mrd-color-neutral-500);padding-top:1px}.mrd-layout-section__field-value.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);word-break:break-word;display:inline-flex;align-items:center;gap:var(--mrd-space-1)}.mrd-layout-section__field--empty.sc-mrd-layout-section .mrd-layout-section__field-value.sc-mrd-layout-section{color:var(--mrd-color-neutral-400);font-weight:var(--mrd-font-weight-normal)}.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-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);letter-spacing:0.01em;margin:var(--mrd-space-5) 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__file-list.sc-mrd-layout-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1)}.mrd-layout-section__file-list-item.sc-mrd-layout-section{min-width:0;max-width:100%}.mrd-layout-section__boolean--true.sc-mrd-layout-section{color:var(--mrd-color-success);font-weight:var(--mrd-font-weight-semibold)}.mrd-layout-section__boolean--false.sc-mrd-layout-section{color:var(--mrd-color-neutral-400)}.mrd-layout-section__badge.sc-mrd-layout-section{display:inline-block;font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);padding:2px var(--mrd-space-3);border-radius:10px}.mrd-layout-section__badge-dot-row.sc-mrd-layout-section{display:inline-flex;align-items:center;gap:var(--mrd-space-2)}.mrd-layout-section__badge-dot.sc-mrd-layout-section{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mrd-layout-section__secret-masked.sc-mrd-layout-section{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-label-color);letter-spacing:0.15em;user-select:none;pointer-events:none}.mrd-layout-section__pre.sc-mrd-layout-section{font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);background-color:var(--mrd-color-neutral-50);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);margin:0;max-height:calc(15 * var(--mrd-font-size-xs));overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.mrd-layout-section__group.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__group-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);margin:0 0 var(--mrd-space-2) 0;padding-bottom:0;letter-spacing:0.01em}.mrd-layout-section__related-view.sc-mrd-layout-section{margin:var(--mrd-space-4) 0}.mrd-layout-section__related-view-title.sc-mrd-layout-section{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-800);margin:0 0 var(--mrd-space-3) 0}.mrd-layout-section__search.sc-mrd-layout-section{position:relative;margin:var(--mrd-space-2) 0}.mrd-layout-section__search-wrap.sc-mrd-layout-section{position:relative}.mrd-layout-section__search-icon.sc-mrd-layout-section{position:absolute;left:var(--mrd-input-padding-x);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--mrd-color-neutral-400);pointer-events:none}.mrd-layout-section__search-input.sc-mrd-layout-section{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x) var(--mrd-input-padding-y) calc(var(--mrd-input-padding-x) + 1rem + var(--mrd-space-2));font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;box-sizing:border-box}.mrd-layout-section__search-input.sc-mrd-layout-section:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-layout-section__search-input.sc-mrd-layout-section::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-layout-section__search-results.sc-mrd-layout-section{position:absolute;top:100%;left:0;right:0;background-color:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-300);border-top:none;border-radius:0 0 var(--mrd-border-radius) var(--mrd-border-radius);box-shadow:var(--mrd-shadow-sm);z-index:100;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--mrd-space-1) 0}.mrd-layout-section__search-result.sc-mrd-layout-section{margin:0;padding:0}.mrd-layout-section__search-result-btn.sc-mrd-layout-section{display:flex;flex-direction:column;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--mrd-font-family)}.mrd-layout-section__search-result-btn.sc-mrd-layout-section:hover{background-color:var(--mrd-color-primary-light)}.mrd-layout-section__search-result-label.sc-mrd-layout-section{font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800)}.mrd-layout-section__search-result-desc.sc-mrd-layout-section{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section{background:none;border:none;padding:0;cursor:pointer;display:inline-block;border-radius:var(--mrd-border-radius);overflow:hidden;line-height:0}.mrd-layout-section__image-thumb-btn.sc-mrd-layout-section:hover .mrd-layout-section__image-thumb.sc-mrd-layout-section{opacity:0.85}.mrd-layout-section__image-thumb.sc-mrd-layout-section{display:block;max-width:160px;max-height:100px;border-radius:var(--mrd-border-radius);object-fit:cover;transition:opacity 0.15s}.mrd-layout-section__modal-backdrop.sc-mrd-layout-section{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center}.mrd-layout-section__modal.sc-mrd-layout-section{position:relative;background:var(--mrd-color-white);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-3);max-width:min(90vw, 900px);max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:var(--mrd-shadow-lg)}.mrd-layout-section__modal-close.sc-mrd-layout-section{position:absolute;top:var(--mrd-space-2);right:var(--mrd-space-2);background:rgba(0, 0, 0, 0.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--mrd-color-white);cursor:pointer;font-size:var(--mrd-font-size-sm);line-height:1;z-index:1}.mrd-layout-section__modal-close.sc-mrd-layout-section:hover{background:rgba(0, 0, 0, 0.8)}.mrd-layout-section__modal-image.sc-mrd-layout-section{display:block;max-width:100%;max-height:calc(90vh - 2rem);border-radius:var(--mrd-border-radius);object-fit:contain}"}},[2,"mrd-layout-section",{items:[16],data:[16],views:[16],links:[16],locale:[1],archetypes:[16],readOnly:[4,"read-only"],accessControlEnabled:[4,"access-control-enabled"],me:[16],searchQueryMap:[32],searchResultsMap:[32],imagePreviewUrl:[32],imagePreviews:[32],openHistoryField:[32],canCreateMap:[32],allowedTypesMap:[32],setSearchResults:[64],setViewPage:[64],setViewAggregations:[64],setViewCanCreate:[64],setViewDistinct:[64],setViewFileReference:[64],setViewCreatedObject:[64],setImagePreview:[64],openImagePreview:[64]},void 0,{data:[{dataChanged:0}],items:[{itemsChanged:0}]}]),B=N,R=function(){"undefined"!=typeof customElements&&["mrd-layout-section","mrd-boolean-field","mrd-document-container","mrd-document-list","mrd-document-view","mrd-email-view","mrd-invoice-view","mrd-list-field","mrd-memo-container","mrd-memo-list","mrd-memo-view","mrd-table","mrd-text-field","mrd-textarea-field"].forEach((t=>{switch(t){case"mrd-layout-section":customElements.get(a(t))||customElements.define(a(t),N);break;case"mrd-boolean-field":customElements.get(a(t))||b();break;case"mrd-document-container":customElements.get(a(t))||_();break;case"mrd-document-list":customElements.get(a(t))||g();break;case"mrd-document-view":customElements.get(a(t))||w();break;case"mrd-email-view":customElements.get(a(t))||k();break;case"mrd-invoice-view":customElements.get(a(t))||x();break;case"mrd-list-field":customElements.get(a(t))||j();break;case"mrd-memo-container":customElements.get(a(t))||C();break;case"mrd-memo-list":customElements.get(a(t))||z();break;case"mrd-memo-view":customElements.get(a(t))||O();break;case"mrd-table":customElements.get(a(t))||M();break;case"mrd-text-field":customElements.get(a(t))||V();break;case"mrd-textarea-field":customElements.get(a(t))||L()}}))};export{B as MrdLayoutSection,R as defineCustomElement}

package/dist/components/mrd-memo-container2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as t,createEvent as i,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a}from"./client-layout.js";import{t as d}from"./i18n.js";import{b as s}from"./query-params.js";import{d as m}from"./mrd-boolean-field2.js";import{d as l}from"./mrd-list-field2.js";import{d as c}from"./mrd-memo-list2.js";import{d as h}from"./mrd-table2.js";import{d as u}from"./mrd-text-field2.js";import{d as v}from"./mrd-textarea-field2.js";const f=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdLoadPage=i(this,"mrdLoadPage",7),this.mrdLoadAggregations=i(this,"mrdLoadAggregations",7),this.mrdNavigate=i(this,"mrdNavigate",7),this.mrdAction=i(this,"mrdAction",7),this.mrdCreateObject=i(this,"mrdCreateObject",7),this.mrdUpdateObject=i(this,"mrdUpdateObject",7),this.mrdDeleteObject=i(this,"mrdDeleteObject",7),this.item=null,this.parentId="",this.containerHref="",this.containerRelated=!0,this.showContainerLink=!0,this.viewKey="",this.locale=navigator.language,this.labelsListItems=null,this.readOnly=!1,this.me=null,this.mode="cards",this.dialogOpen=!1,this.editingHref=null,this.dialogBody="",this.dialogTitle="",this.dialogLabels=[],this.dialogImportant=!1,this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.listInited=!1,this.tableInited=!1,this.escapeHandler=null,this.openCreate=()=>{this.canAdd&&(this.editingHref=null,this.dialogBody="",this.dialogTitle="",this.dialogLabels=[],this.dialogImportant=!1,this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.dialogOpen=!0)},this.openEdit=r=>{var t,i;if(this.readOnly)return;const e=null===(i=null===(t=null==r?void 0:r._links)||void 0===t?void 0:t.self)||void 0===i?void 0:i.href;if(!e)return;this.editingHref=e;const o=this.slotValue(r,"body");this.dialogBody=null!=o?String(o):"";const n=this.slotValue(r,"title");this.dialogTitle=null!=n?String(n):"";const a=this.slotValue(r,"labels");this.dialogLabels=Array.isArray(a)?a.map(String):null!=a&&""!==a?[String(a)]:[],this.dialogImportant=!!this.slotValue(r,"important"),this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.dialogOpen=!0},this.closeDialog=()=>{this.dialogOpen=!1,this.deleteConfirmOpen=!1},this.openDeleteConfirm=()=>{this.deleteConfirmOpen=!0},this.cancelDeleteConfirm=()=>{this.deleteConfirmOpen=!1},this.confirmDelete=()=>{var r;if(!this.editingHref)return;const t=this.editingHref;this.mrdDeleteObject.emit({href:t}),"cards"===this.mode?null===(r=this.listEl)||void 0===r||r.removeRow(t):this.refresh(),this.deleteConfirmOpen=!1,this.dialogOpen=!1},this.submitDialog=()=>{var r,t,i,e,o,n,a,d,s,m,l,c,h,u,v,f;if(this.dialogTouched=!0,!this.dialogBody.trim())return;const b=null!==(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)&&void 0!==t?t:{};if(this.editingHref){const r={[null!==(i=b.body)&&void 0!==i?i:"body"]:this.dialogBody};this.hasTitleSlot&&(r[null!==(e=b.title)&&void 0!==e?e:"title"]=this.dialogTitle.trim()||null),(null!==(o=this.labelsListItems)&&void 0!==o?o:[]).length&&(r[null!==(n=b.labels)&&void 0!==n?n:"labels"]=this.dialogLabels),this.hasImportantSlot&&(r[null!==(a=b.important)&&void 0!==a?a:"important"]=this.dialogImportant),this.mrdUpdateObject.emit({href:this.editingHref,values:r}),"cards"===this.mode?null===(d=this.listEl)||void 0===d||d.patchRow(this.editingHref,r):this.refresh()}else{if(!this.canAdd)return;const r={[null!==(s=b.body)&&void 0!==s?s:"body"]:this.dialogBody,[null!==(m=b.date)&&void 0!==m?m:"date"]:(new Date).toISOString().replace(/\.\d{3}Z$/,"Z")};this.hasTitleSlot&&this.dialogTitle.trim()&&(r[null!==(l=b.title)&&void 0!==l?l:"title"]=this.dialogTitle.trim()),(null!==(c=this.labelsListItems)&&void 0!==c?c:[]).length&&this.dialogLabels.length&&(r[null!==(h=b.labels)&&void 0!==h?h:"labels"]=this.dialogLabels),this.hasImportantSlot&&this.dialogImportant&&(r[null!==(u=b.important)&&void 0!==u?u:"important"]=!0),this.meHref()&&(r[null!==(v=b.author)&&void 0!==v?v:"author"]=this.meHref()),r[null!==(f=b.container)&&void 0!==f?f:"container"]=this.effectiveContainerHref,this.mrdCreateObject.emit({path:this.buildCreatePath(),values:r})}this.dialogOpen=!1}}disconnectedCallback(){this.unbindEscape()}dialogOpenChanged(r){r?(this.escapeHandler=r=>{"Escape"===r.key&&(this.deleteConfirmOpen?this.cancelDeleteConfirm():this.closeDialog())},document.addEventListener("keydown",this.escapeHandler)):this.unbindEscape()}unbindEscape(){this.escapeHandler&&(document.removeEventListener("keydown",this.escapeHandler),this.escapeHandler=null)}componentDidRender(){var r,t;if("cards"===this.mode&&this.listEl&&!this.listInited){this.listInited=!0;const t=this.listEl;Promise.resolve(null===(r=t.componentOnReady)||void 0===r?void 0:r.call(t)).then((()=>t.init()))}if("table"===this.mode&&this.tableEl&&!this.tableInited){this.tableInited=!0;const r=this.tableEl;Promise.resolve(null===(t=r.componentOnReady)||void 0===t?void 0:t.call(r)).then((()=>r.init()))}}setMode(r){r!==this.mode&&(this.listInited=!1,this.tableInited=!1,this.mode=r)}async refresh(){"cards"===this.mode&&this.listEl?await this.listEl.init():"table"===this.mode&&this.tableEl&&await this.tableEl.init()}meHref(){var r,t;const i=this.me;return null!==(t=null!==(r=null==i?void 0:i.id)&&void 0!==r?r:null==i?void 0:i.href)&&void 0!==t?t:""}slotValue(r,t){var i,e;const o=null===(e=null===(i=this.archetype)||void 0===i?void 0:i.slots)||void 0===e?void 0:e[t];if(o)return r[o]}get hasTitleSlot(){var r,t;return!!(null===(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)||void 0===t?void 0:t.title)}get hasImportantSlot(){var r,t;return!!(null===(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)||void 0===t?void 0:t.important)}get effectiveContainerHref(){return this.containerRelated?this.containerHref||this.meHref():""}get canAdd(){return!this.readOnly&&!!this.meHref()&&!!this.effectiveContainerHref}buildCreatePath(){var r,t,i,e,o,n,d;return s({isRelatedView:(null===(r=this.item)||void 0===r?void 0:r.type)===a.RELATED_VIEW,fromClass:null===(t=this.item)||void 0===t?void 0:t.fromClass,parentId:this.parentId,dataClass:null!==(n=null!==(e=null===(i=this.item)||void 0===i?void 0:i.filterClass)&&void 0!==e?e:null===(o=this.item)||void 0===o?void 0:o.dataClass)&&void 0!==n?n:null===(d=this.item)||void 0===d?void 0:d.relatedClass})}renderToolbar(){return e("div",{class:"mrd-memo-container__toolbar"},"cards"===this.mode&&e("button",{type:"button",class:"mrd-memo-container__action",disabled:!this.canAdd,title:this.readOnly?d("readonly_access",this.locale):void 0,onClick:this.openCreate},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("path",{d:"M12 5v14M5 12h14"})),d("memo_new",this.locale)),e("div",{class:"mrd-memo-container__seg",role:"group","aria-label":d("doc_view_switch",this.locale)},e("button",{class:"mrd-memo-container__seg-btn","aria-pressed":String("cards"===this.mode),title:d("memo_view_cards",this.locale),"aria-label":d("memo_view_cards",this.locale),onClick:()=>this.setMode("cards")},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("rect",{x:"3",y:"4",width:"7",height:"7",rx:"1"}),e("rect",{x:"14",y:"4",width:"7",height:"7",rx:"1"}),e("rect",{x:"3",y:"15",width:"7",height:"5",rx:"1"}),e("rect",{x:"14",y:"15",width:"7",height:"5",rx:"1"}))),e("button",{class:"mrd-memo-container__seg-btn","aria-pressed":String("table"===this.mode),title:d("memo_view_table",this.locale),"aria-label":d("memo_view_table",this.locale),onClick:()=>this.setMode("table")},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("path",{d:"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"})))))}renderDeleteConfirm(){return e("div",null,e("h2",{class:"mrd-memo-container__modal-title"},d("memo_delete_confirm_title",this.locale)),e("p",{class:"mrd-memo-container__modal-warning"},d("memo_delete_confirm_body",this.locale)),e("div",{class:"mrd-memo-container__modal-actions"},e("button",{type:"button",class:"mrd-memo-container__modal-cancel",onClick:this.cancelDeleteConfirm},d("cancel",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-delete-confirm",onClick:this.confirmDelete},d("delete",this.locale))))}renderForm(){var r,t,i;const o=this.dialogTouched&&!this.dialogBody.trim();return[e("h2",{class:"mrd-memo-container__modal-title"},d(this.editingHref?"memo_edit":"memo_new",this.locale)),e("div",{class:"mrd-memo-container__modal-field"},e("mrd-textarea-field",{key:null!==(r=this.editingHref)&&void 0!==r?r:"new",name:"body",value:this.dialogBody,required:!0,autofocus:!0,locale:this.locale,onMrdChange:r=>{this.dialogBody=r.detail.value}}),o&&e("span",{class:"mrd-memo-container__modal-error"},d("required",this.locale))),this.hasTitleSlot&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-text-field",{name:"title",label:d("memo_field_title",this.locale),value:this.dialogTitle,locale:this.locale,onMrdChange:r=>{this.dialogTitle=r.detail.value}})),!!(null!==(t=this.labelsListItems)&&void 0!==t?t:[]).length&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-list-field",{name:"labels",label:d("memo_field_labels",this.locale),value:this.dialogLabels,multiple:!0,listItems:null!==(i=this.labelsListItems)&&void 0!==i?i:[],locale:this.locale,onMrdChange:r=>{this.dialogLabels=Array.isArray(r.detail.value)?r.detail.value:[r.detail.value].filter(Boolean)}})),this.hasImportantSlot&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-boolean-field",{name:"important",label:d("memo_important",this.locale),value:this.dialogImportant,locale:this.locale,onMrdChange:r=>{this.dialogImportant=r.detail.value}})),e("div",{class:"mrd-memo-container__modal-actions"},this.editingHref&&e("button",{type:"button",class:"mrd-memo-container__modal-delete",onClick:this.openDeleteConfirm},d("delete",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-cancel",onClick:this.closeDialog},d("cancel",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-submit",onClick:this.submitDialog},d("submit",this.locale)))]}renderDialog(){return this.dialogOpen?e("div",{class:"mrd-memo-container__modal-backdrop",onClick:this.closeDialog},e("div",{class:"mrd-memo-container__modal",onClick:r=>r.stopPropagation()},this.deleteConfirmOpen?this.renderDeleteConfirm():this.renderForm())):null}renderCards(){return e("mrd-memo-list",{"data-view":this.viewKey,ref:r=>this.listEl=r,item:this.item,archetype:this.archetype,parentId:this.parentId,locale:this.locale,readOnly:this.readOnly,labelsListItems:this.labelsListItems,showContainerLink:this.showContainerLink,onMrdLoadPage:r=>{r.stopPropagation(),this.mrdLoadPage.emit(r.detail)},onMrdEdit:r=>{r.stopPropagation(),this.openEdit(r.detail.row)},onMrdNavigate:r=>{r.stopPropagation(),this.mrdNavigate.emit(r.detail)}})}renderTable(){return e("mrd-table",{"data-view":this.viewKey,ref:r=>this.tableEl=r,item:this.item,parentId:this.parentId,locale:this.locale,readOnly:this.readOnly,onMrdLoadPage:r=>{r.stopPropagation(),this.mrdLoadPage.emit(r.detail)},onMrdLoadAggregations:r=>{r.stopPropagation(),this.mrdLoadAggregations.emit(r.detail)},onMrdRowClick:r=>{r.stopPropagation(),this.openEdit(r.detail.row)},onMrdAction:r=>{r.stopPropagation(),this.mrdAction.emit(r.detail)}})}render(){return e(o,{key:"a000221db6b1ba12351f38619f319b277b791f68"},this.renderToolbar(),e("div",{key:"712951c8e391ed693bf6e4263c4f1076172b0451",class:"mrd-memo-container__body"},"cards"===this.mode?this.renderCards():this.renderTable()),this.renderDialog())}static get watchers(){return{dialogOpen:[{dialogOpenChanged:0}]}}static get style(){return".sc-mrd-memo-container-h{display:block}.mrd-memo-container__toolbar.sc-mrd-memo-container{display:flex;align-items:center;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) 0;border-bottom:1px solid var(--mrd-color-neutral-100)}.mrd-memo-container__action.sc-mrd-memo-container{display:inline-flex;align-items:center;gap:var(--mrd-space-2);height:1.625rem;padding:0 var(--mrd-space-3);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-memo-container__action.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__action.sc-mrd-memo-container:hover:not(:disabled){background:var(--mrd-color-neutral-50);border-color:var(--mrd-color-neutral-300)}.mrd-memo-container__action.sc-mrd-memo-container:disabled{opacity:0.5;cursor:not-allowed}.mrd-memo-container__seg.sc-mrd-memo-container{display:inline-flex;gap:2px;padding:2px;background:var(--mrd-color-neutral-100);border-radius:var(--mrd-border-radius)}.mrd-memo-container__seg-btn.sc-mrd-memo-container{width:1.875rem;height:1.625rem;display:grid;place-items:center;border:none;background:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-500);cursor:pointer;transition:color var(--mrd-transition-fast), background var(--mrd-transition-fast)}.mrd-memo-container__seg-btn.sc-mrd-memo-container:hover{color:var(--mrd-color-neutral-800)}.mrd-memo-container__seg-btn[aria-pressed=true].sc-mrd-memo-container{background:var(--mrd-color-white);color:var(--mrd-color-primary-dark);box-shadow:var(--mrd-shadow-sm)}.mrd-memo-container__seg-btn.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__body.sc-mrd-memo-container{padding-top:var(--mrd-space-3)}.mrd-memo-container__modal-backdrop.sc-mrd-memo-container{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--mrd-space-4)}.mrd-memo-container__modal.sc-mrd-memo-container{width:100%;max-width:960px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mrd-space-4);background:var(--mrd-color-white);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-5);box-shadow:var(--mrd-shadow-lg)}.mrd-memo-container__modal-title.sc-mrd-memo-container{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0}.mrd-memo-container__modal-field.sc-mrd-memo-container{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-memo-container__modal-error.sc-mrd-memo-container{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-memo-container__modal-warning.sc-mrd-memo-container{margin:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-600)}.mrd-memo-container__modal-actions.sc-mrd-memo-container{display:flex;justify-content:flex-end;gap:var(--mrd-space-3);margin-top:var(--mrd-space-2);padding-top:var(--mrd-space-4);border-top:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-memo-container__modal-delete.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);margin-right:auto;background-color:transparent;color:var(--mrd-color-danger);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-delete.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-light);color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-danger);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-memo-container__modal-submit.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-submit.sc-mrd-memo-container:hover{background-color:var(--mrd-color-primary-hover)}"}},[2,"mrd-memo-container",{item:[16],archetype:[16],parentId:[1,"parent-id"],containerHref:[1,"container-href"],containerRelated:[4,"container-related"],showContainerLink:[4,"show-container-link"],viewKey:[1,"view-key"],locale:[1],labelsListItems:[16],readOnly:[4,"read-only"],me:[16],mode:[32],dialogOpen:[32],editingHref:[32],dialogBody:[32],dialogTitle:[32],dialogLabels:[32],dialogImportant:[32],dialogTouched:[32],deleteConfirmOpen:[32],refresh:[64]},void 0,{dialogOpen:[{dialogOpenChanged:0}]}]);function b(){"undefined"!=typeof customElements&&["mrd-memo-container","mrd-boolean-field","mrd-list-field","mrd-memo-list","mrd-table","mrd-text-field","mrd-textarea-field"].forEach((r=>{switch(r){case"mrd-memo-container":customElements.get(n(r))||customElements.define(n(r),f);break;case"mrd-boolean-field":customElements.get(n(r))||m();break;case"mrd-list-field":customElements.get(n(r))||l();break;case"mrd-memo-list":customElements.get(n(r))||c();break;case"mrd-table":customElements.get(n(r))||h();break;case"mrd-text-field":customElements.get(n(r))||u();break;case"mrd-textarea-field":customElements.get(n(r))||v()}}))}export{f as M,b as d}
+import{proxyCustomElement as r,HTMLElement as t,createEvent as i,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a}from"./client-layout.js";import{t as d}from"./i18n.js";import{b as s}from"./query-params.js";import{d as m}from"./mrd-boolean-field2.js";import{d as l}from"./mrd-list-field2.js";import{d as c}from"./mrd-memo-list2.js";import{d as h}from"./mrd-table2.js";import{d as u}from"./mrd-text-field2.js";import{d as v}from"./mrd-textarea-field2.js";const f=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdLoadPage=i(this,"mrdLoadPage",7),this.mrdLoadAggregations=i(this,"mrdLoadAggregations",7),this.mrdNavigate=i(this,"mrdNavigate",7),this.mrdAction=i(this,"mrdAction",7),this.mrdCreateObject=i(this,"mrdCreateObject",7),this.mrdUpdateObject=i(this,"mrdUpdateObject",7),this.mrdDeleteObject=i(this,"mrdDeleteObject",7),this.item=null,this.parentId="",this.containerHref="",this.containerRelated=!0,this.showContainerLink=!0,this.viewKey="",this.locale=navigator.language,this.labelsListItems=null,this.readOnly=!1,this.canCreate=!1,this.me=null,this.mode="cards",this.dialogOpen=!1,this.editingHref=null,this.dialogBody="",this.dialogTitle="",this.dialogLabels=[],this.dialogImportant=!1,this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.listInited=!1,this.tableInited=!1,this.escapeHandler=null,this.openCreate=()=>{this.canAdd&&(this.editingHref=null,this.dialogBody="",this.dialogTitle="",this.dialogLabels=[],this.dialogImportant=!1,this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.dialogOpen=!0)},this.openEdit=r=>{var t,i;if(this.readOnly)return;const e=null===(i=null===(t=null==r?void 0:r._links)||void 0===t?void 0:t.self)||void 0===i?void 0:i.href;if(!e)return;this.editingHref=e;const o=this.slotValue(r,"body");this.dialogBody=null!=o?String(o):"";const n=this.slotValue(r,"title");this.dialogTitle=null!=n?String(n):"";const a=this.slotValue(r,"labels");this.dialogLabels=Array.isArray(a)?a.map(String):null!=a&&""!==a?[String(a)]:[],this.dialogImportant=!!this.slotValue(r,"important"),this.dialogTouched=!1,this.deleteConfirmOpen=!1,this.dialogOpen=!0},this.closeDialog=()=>{this.dialogOpen=!1,this.deleteConfirmOpen=!1},this.openDeleteConfirm=()=>{this.deleteConfirmOpen=!0},this.cancelDeleteConfirm=()=>{this.deleteConfirmOpen=!1},this.confirmDelete=()=>{var r;if(!this.editingHref)return;const t=this.editingHref;this.mrdDeleteObject.emit({href:t}),"cards"===this.mode?null===(r=this.listEl)||void 0===r||r.removeRow(t):this.refresh(),this.deleteConfirmOpen=!1,this.dialogOpen=!1},this.submitDialog=()=>{var r,t,i,e,o,n,a,d,s,m,l,c,h,u,v,f;if(this.dialogTouched=!0,!this.dialogBody.trim())return;const g=null!==(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)&&void 0!==t?t:{};if(this.editingHref){const r={[null!==(i=g.body)&&void 0!==i?i:"body"]:this.dialogBody};this.hasTitleSlot&&(r[null!==(e=g.title)&&void 0!==e?e:"title"]=this.dialogTitle.trim()||null),(null!==(o=this.labelsListItems)&&void 0!==o?o:[]).length&&(r[null!==(n=g.labels)&&void 0!==n?n:"labels"]=this.dialogLabels),this.hasImportantSlot&&(r[null!==(a=g.important)&&void 0!==a?a:"important"]=this.dialogImportant),this.mrdUpdateObject.emit({href:this.editingHref,values:r}),"cards"===this.mode?null===(d=this.listEl)||void 0===d||d.patchRow(this.editingHref,r):this.refresh()}else{if(!this.canAdd)return;const r={[null!==(s=g.body)&&void 0!==s?s:"body"]:this.dialogBody,[null!==(m=g.date)&&void 0!==m?m:"date"]:(new Date).toISOString().replace(/\.\d{3}Z$/,"Z")};this.hasTitleSlot&&this.dialogTitle.trim()&&(r[null!==(l=g.title)&&void 0!==l?l:"title"]=this.dialogTitle.trim()),(null!==(c=this.labelsListItems)&&void 0!==c?c:[]).length&&this.dialogLabels.length&&(r[null!==(h=g.labels)&&void 0!==h?h:"labels"]=this.dialogLabels),this.hasImportantSlot&&this.dialogImportant&&(r[null!==(u=g.important)&&void 0!==u?u:"important"]=!0),this.meHref()&&(r[null!==(v=g.author)&&void 0!==v?v:"author"]=this.meHref()),r[null!==(f=g.container)&&void 0!==f?f:"container"]=this.effectiveContainerHref,this.mrdCreateObject.emit({path:this.buildCreatePath(),values:r})}this.dialogOpen=!1}}disconnectedCallback(){this.unbindEscape()}dialogOpenChanged(r){r?(this.escapeHandler=r=>{"Escape"===r.key&&(this.deleteConfirmOpen?this.cancelDeleteConfirm():this.closeDialog())},document.addEventListener("keydown",this.escapeHandler)):this.unbindEscape()}unbindEscape(){this.escapeHandler&&(document.removeEventListener("keydown",this.escapeHandler),this.escapeHandler=null)}componentDidRender(){var r,t;if("cards"===this.mode&&this.listEl&&!this.listInited){this.listInited=!0;const t=this.listEl;Promise.resolve(null===(r=t.componentOnReady)||void 0===r?void 0:r.call(t)).then((()=>t.init()))}if("table"===this.mode&&this.tableEl&&!this.tableInited){this.tableInited=!0;const r=this.tableEl;Promise.resolve(null===(t=r.componentOnReady)||void 0===t?void 0:t.call(r)).then((()=>r.init()))}}setMode(r){r!==this.mode&&(this.listInited=!1,this.tableInited=!1,this.mode=r)}async refresh(){"cards"===this.mode&&this.listEl?await this.listEl.init():"table"===this.mode&&this.tableEl&&await this.tableEl.init()}meHref(){var r,t;const i=this.me;return null!==(t=null!==(r=null==i?void 0:i.id)&&void 0!==r?r:null==i?void 0:i.href)&&void 0!==t?t:""}slotValue(r,t){var i,e;const o=null===(e=null===(i=this.archetype)||void 0===i?void 0:i.slots)||void 0===e?void 0:e[t];if(o)return r[o]}get hasTitleSlot(){var r,t;return!!(null===(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)||void 0===t?void 0:t.title)}get hasImportantSlot(){var r,t;return!!(null===(t=null===(r=this.archetype)||void 0===r?void 0:r.slots)||void 0===t?void 0:t.important)}get effectiveContainerHref(){return this.containerRelated?this.containerHref||this.meHref():""}get canAdd(){return this.canCreate&&!this.readOnly&&!!this.meHref()&&!!this.effectiveContainerHref}buildCreatePath(){var r,t,i,e,o,n,d;return s({isRelatedView:(null===(r=this.item)||void 0===r?void 0:r.type)===a.RELATED_VIEW,fromClass:null===(t=this.item)||void 0===t?void 0:t.fromClass,parentId:this.parentId,dataClass:null!==(n=null!==(e=null===(i=this.item)||void 0===i?void 0:i.filterClass)&&void 0!==e?e:null===(o=this.item)||void 0===o?void 0:o.dataClass)&&void 0!==n?n:null===(d=this.item)||void 0===d?void 0:d.relatedClass})}renderToolbar(){return e("div",{class:"mrd-memo-container__toolbar"},"cards"===this.mode&&this.canCreate&&e("button",{type:"button",class:"mrd-memo-container__action",disabled:!this.canAdd,title:this.readOnly?d("readonly_access",this.locale):void 0,onClick:this.openCreate},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("path",{d:"M12 5v14M5 12h14"})),d("memo_new",this.locale)),e("div",{class:"mrd-memo-container__seg",role:"group","aria-label":d("doc_view_switch",this.locale)},e("button",{class:"mrd-memo-container__seg-btn","aria-pressed":String("cards"===this.mode),title:d("memo_view_cards",this.locale),"aria-label":d("memo_view_cards",this.locale),onClick:()=>this.setMode("cards")},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("rect",{x:"3",y:"4",width:"7",height:"7",rx:"1"}),e("rect",{x:"14",y:"4",width:"7",height:"7",rx:"1"}),e("rect",{x:"3",y:"15",width:"7",height:"5",rx:"1"}),e("rect",{x:"14",y:"15",width:"7",height:"5",rx:"1"}))),e("button",{class:"mrd-memo-container__seg-btn","aria-pressed":String("table"===this.mode),title:d("memo_view_table",this.locale),"aria-label":d("memo_view_table",this.locale),onClick:()=>this.setMode("table")},e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("path",{d:"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"})))))}renderDeleteConfirm(){return e("div",null,e("h2",{class:"mrd-memo-container__modal-title"},d("memo_delete_confirm_title",this.locale)),e("p",{class:"mrd-memo-container__modal-warning"},d("memo_delete_confirm_body",this.locale)),e("div",{class:"mrd-memo-container__modal-actions"},e("button",{type:"button",class:"mrd-memo-container__modal-cancel",onClick:this.cancelDeleteConfirm},d("cancel",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-delete-confirm",onClick:this.confirmDelete},d("delete",this.locale))))}renderForm(){var r,t,i;const o=this.dialogTouched&&!this.dialogBody.trim();return[e("h2",{class:"mrd-memo-container__modal-title"},d(this.editingHref?"memo_edit":"memo_new",this.locale)),e("div",{class:"mrd-memo-container__modal-field"},e("mrd-textarea-field",{key:null!==(r=this.editingHref)&&void 0!==r?r:"new",name:"body",value:this.dialogBody,required:!0,autofocus:!0,locale:this.locale,onMrdChange:r=>{this.dialogBody=r.detail.value}}),o&&e("span",{class:"mrd-memo-container__modal-error"},d("required",this.locale))),this.hasTitleSlot&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-text-field",{name:"title",label:d("memo_field_title",this.locale),value:this.dialogTitle,locale:this.locale,onMrdChange:r=>{this.dialogTitle=r.detail.value}})),!!(null!==(t=this.labelsListItems)&&void 0!==t?t:[]).length&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-list-field",{name:"labels",label:d("memo_field_labels",this.locale),value:this.dialogLabels,multiple:!0,listItems:null!==(i=this.labelsListItems)&&void 0!==i?i:[],locale:this.locale,onMrdChange:r=>{this.dialogLabels=Array.isArray(r.detail.value)?r.detail.value:[r.detail.value].filter(Boolean)}})),this.hasImportantSlot&&e("div",{class:"mrd-memo-container__modal-field"},e("mrd-boolean-field",{name:"important",label:d("memo_important",this.locale),value:this.dialogImportant,locale:this.locale,onMrdChange:r=>{this.dialogImportant=r.detail.value}})),e("div",{class:"mrd-memo-container__modal-actions"},this.editingHref&&e("button",{type:"button",class:"mrd-memo-container__modal-delete",onClick:this.openDeleteConfirm},d("delete",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-cancel",onClick:this.closeDialog},d("cancel",this.locale)),e("button",{type:"button",class:"mrd-memo-container__modal-submit",onClick:this.submitDialog},d("submit",this.locale)))]}renderDialog(){return this.dialogOpen?e("div",{class:"mrd-memo-container__modal-backdrop",onClick:this.closeDialog},e("div",{class:"mrd-memo-container__modal",onClick:r=>r.stopPropagation()},this.deleteConfirmOpen?this.renderDeleteConfirm():this.renderForm())):null}renderCards(){return e("mrd-memo-list",{"data-view":this.viewKey,ref:r=>this.listEl=r,item:this.item,archetype:this.archetype,parentId:this.parentId,locale:this.locale,readOnly:this.readOnly,labelsListItems:this.labelsListItems,showContainerLink:this.showContainerLink,onMrdLoadPage:r=>{r.stopPropagation(),this.mrdLoadPage.emit(r.detail)},onMrdEdit:r=>{r.stopPropagation(),this.openEdit(r.detail.row)},onMrdNavigate:r=>{r.stopPropagation(),this.mrdNavigate.emit(r.detail)}})}renderTable(){return e("mrd-table",{"data-view":this.viewKey,ref:r=>this.tableEl=r,item:this.item,parentId:this.parentId,locale:this.locale,readOnly:this.readOnly,canCreate:this.canCreate,onMrdLoadPage:r=>{r.stopPropagation(),this.mrdLoadPage.emit(r.detail)},onMrdLoadAggregations:r=>{r.stopPropagation(),this.mrdLoadAggregations.emit(r.detail)},onMrdRowClick:r=>{r.stopPropagation(),this.openEdit(r.detail.row)},onMrdAction:r=>{r.stopPropagation(),this.mrdAction.emit(r.detail)}})}render(){return e(o,{key:"b0479aad6dc49935442183fcbdf30c07c2c490ff"},this.renderToolbar(),e("div",{key:"40d0fb882186001ad4984c1ba64c5a5c529f4d76",class:"mrd-memo-container__body"},"cards"===this.mode?this.renderCards():this.renderTable()),this.renderDialog())}static get watchers(){return{dialogOpen:[{dialogOpenChanged:0}]}}static get style(){return".sc-mrd-memo-container-h{display:block}.mrd-memo-container__toolbar.sc-mrd-memo-container{display:flex;align-items:center;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) 0;border-bottom:1px solid var(--mrd-color-neutral-100)}.mrd-memo-container__action.sc-mrd-memo-container{display:inline-flex;align-items:center;gap:var(--mrd-space-2);height:1.625rem;padding:0 var(--mrd-space-3);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);background:var(--mrd-color-white);border:1px solid var(--mrd-color-neutral-200);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background var(--mrd-transition-fast), border-color var(--mrd-transition-fast)}.mrd-memo-container__action.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__action.sc-mrd-memo-container:hover:not(:disabled){background:var(--mrd-color-neutral-50);border-color:var(--mrd-color-neutral-300)}.mrd-memo-container__action.sc-mrd-memo-container:disabled{opacity:0.5;cursor:not-allowed}.mrd-memo-container__seg.sc-mrd-memo-container{display:inline-flex;gap:2px;padding:2px;background:var(--mrd-color-neutral-100);border-radius:var(--mrd-border-radius)}.mrd-memo-container__seg-btn.sc-mrd-memo-container{width:1.875rem;height:1.625rem;display:grid;place-items:center;border:none;background:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-500);cursor:pointer;transition:color var(--mrd-transition-fast), background var(--mrd-transition-fast)}.mrd-memo-container__seg-btn.sc-mrd-memo-container:hover{color:var(--mrd-color-neutral-800)}.mrd-memo-container__seg-btn[aria-pressed=true].sc-mrd-memo-container{background:var(--mrd-color-white);color:var(--mrd-color-primary-dark);box-shadow:var(--mrd-shadow-sm)}.mrd-memo-container__seg-btn.sc-mrd-memo-container svg.sc-mrd-memo-container{width:1rem;height:1rem}.mrd-memo-container__body.sc-mrd-memo-container{padding-top:var(--mrd-space-3)}.mrd-memo-container__modal-backdrop.sc-mrd-memo-container{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--mrd-space-4)}.mrd-memo-container__modal.sc-mrd-memo-container{width:100%;max-width:960px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mrd-space-4);background:var(--mrd-color-white);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-5);box-shadow:var(--mrd-shadow-lg)}.mrd-memo-container__modal-title.sc-mrd-memo-container{font-size:var(--mrd-font-size-lg);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0}.mrd-memo-container__modal-field.sc-mrd-memo-container{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-memo-container__modal-error.sc-mrd-memo-container{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-memo-container__modal-warning.sc-mrd-memo-container{margin:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-600)}.mrd-memo-container__modal-actions.sc-mrd-memo-container{display:flex;justify-content:flex-end;gap:var(--mrd-space-3);margin-top:var(--mrd-space-2);padding-top:var(--mrd-space-4);border-top:var(--mrd-border-width) solid var(--mrd-border-color)}.mrd-memo-container__modal-delete.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);margin-right:auto;background-color:transparent;color:var(--mrd-color-danger);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-delete.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-light);color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-danger);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-delete-confirm.sc-mrd-memo-container:hover{background-color:var(--mrd-color-danger-dark)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-memo-container__modal-cancel.sc-mrd-memo-container:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-memo-container__modal-submit.sc-mrd-memo-container{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-memo-container__modal-submit.sc-mrd-memo-container:hover{background-color:var(--mrd-color-primary-hover)}"}},[2,"mrd-memo-container",{item:[16],archetype:[16],parentId:[1,"parent-id"],containerHref:[1,"container-href"],containerRelated:[4,"container-related"],showContainerLink:[4,"show-container-link"],viewKey:[1,"view-key"],locale:[1],labelsListItems:[16],readOnly:[4,"read-only"],canCreate:[4,"can-create"],me:[16],mode:[32],dialogOpen:[32],editingHref:[32],dialogBody:[32],dialogTitle:[32],dialogLabels:[32],dialogImportant:[32],dialogTouched:[32],deleteConfirmOpen:[32],refresh:[64]},void 0,{dialogOpen:[{dialogOpenChanged:0}]}]);function g(){"undefined"!=typeof customElements&&["mrd-memo-container","mrd-boolean-field","mrd-list-field","mrd-memo-list","mrd-table","mrd-text-field","mrd-textarea-field"].forEach((r=>{switch(r){case"mrd-memo-container":customElements.get(n(r))||customElements.define(n(r),f);break;case"mrd-boolean-field":customElements.get(n(r))||m();break;case"mrd-list-field":customElements.get(n(r))||l();break;case"mrd-memo-list":customElements.get(n(r))||c();break;case"mrd-table":customElements.get(n(r))||h();break;case"mrd-text-field":customElements.get(n(r))||u();break;case"mrd-textarea-field":customElements.get(n(r))||v()}}))}export{f as M,g as d}