npm - @mmlogic/components - Versions diffs - 0.5.5 → 0.5.7 - Mend

@mmlogic/components 0.5.5 → 0.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/dist/components/mrd-document-list2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,proxyCustomElement as i,HTMLElement as s,createEvent as o,Host as r,transformTag as n}from"@stencil/core/internal/client";import{a as e}from"./client-layout.js";import{t as d}from"./i18n.js";import{b as l,a as c}from"./query-params.js";import{a}from"./document-attachments.js";import{e as u}from"./format.js";function m(t){if(null==t)return[];const i=String(t).trim();return""===i\|\|"/"===i?[]:i.split("/").map((t=>t.trim())).filter(Boolean)}function h(t,i,s){return{id:"c:"+t,kind:"container",label:i,href:t,hasDocs:!1,docCount:0,totalCount:s,children:[],open:!1,loading:!1,foldersLoaded:!1,docsLoaded:!1,docs:[]}}function v(t,i,s){return{id:t,kind:"folder",label:i,containerId:s,hasDocs:!1,docCount:0,totalCount:0,children:[],open:!1,loading:!1,foldersLoaded:!1,docsLoaded:!1,docs:[]}}function f(t){let i=t.docCount;for(const s of t.children)i+=f(s);return t.totalCount=i,i}function _(t,i){if("container"===t.kind)return[];const s=i.id+"/",o=t.id.startsWith(s)?t.id.slice(s.length):"";return o?o.split("/"):[]}function p(t,i){if("container"===t.kind)return null;if(null!=t.fullPath&&""!==t.fullPath)return t.fullPath;const s=_(t,i);return s.length?"/"+s.join("/"):null}function g(t){return t.replace(/\.[^./\\]+$/,"")}function b(i,s){return t("span",{class:`mrd-document-list__chev${s?" mrd-document-list__chev--leaf":""}${i?" mrd-document-list__chev--open":""}`},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M9 6l6 6-6 6"})))}function y(){return t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--folder",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}))}function w(i){return 0===i?null:t("span",{class:"mrd-document-list__indent",style:{width:18i+"px"}})}function k(t){return 0===t?51:8+18t+43}function D(i,s){return t("div",{class:"mrd-document-list__loading",key:"loading"},w(s),t("span",{class:"mrd-document-list__spinner"}),d("loading",i.locale))}function x(i,s,o,r,n){var e,d,l,c,a;const m=null!==(d=null!==(e=null==s?void 0:s[i.titleField])&&void 0!==e?e:null==s?void 0:s.name)&&void 0!==d?d:"",h=i.dateField?null==s?void 0:s[i.dateField]:void 0,v=h?u(h,i.locale):"";return t("div",{class:"mrd-document-list__row mrd-document-list__row--doc",key:null!==(a=null===(c=null===(l=null==s?void 0:s._links)\|\|void 0===l?void 0:l.self)\|\|void 0===c?void 0:c.href)&&void 0!==a?a:m,draggable:!0,onClick:()=>i.on.openDoc(s,o,r),onDragStart:t=>i.on.docDragStart(t,s,o),onDragEnd:i.on.docDragEnd,onDragOver:t=>i.on.nodeDragOver(t,o),onDragLeave:()=>i.on.nodeDragLeave(o),onDrop:t=>i.on.nodeDrop(t,o,r)},w(n),b(!1,!0),t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--doc",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t("path",{d:"M14 2v6h6"})),t("span",{class:"mrd-document-list__label"},m),v&&t("span",{class:"mrd-document-list__date"},v))}function C(i,s,o,r){const n=[];if(o.hasDocs)if(o.docsLoaded)for(const t of o.docs)n.push(x(i,t,o,s,r));else o.loading&&n.push(D(i,r));for(const t of o.children)n.push(F(i,s,t,r));return o.id===i.uploadingNodeId&&n.push(function(i,s){return t("div",{class:"mrd-document-list__loading",key:"uploading"},w(s),t("span",{class:"mrd-document-list__spinner"}),d("upload_file",i.locale))}(i,r)),n}function F(i,s,o,r){if(o.editing)return function(i,s,o){return t("div",{class:"mrd-document-list__node",key:s.id},t("div",{class:"mrd-document-list__row mrd-document-list__row--edit"},w(o),b(!1,!0),y(),t("input",{class:"mrd-document-list__name-input",type:"text",placeholder:d("folder_name_placeholder",i.locale),ref:t=>i.on.setPendingInputEl(t),onInput:i.on.pendingInput,onKeyDown:i.on.pendingKeyDown,onBlur:()=>i.on.cancelFolder()})),s.error&&t("div",{class:"mrd-document-list__error",style:{paddingLeft:`${k(o)}px`}},s.error))}(i,o,r);const n=0===o.children.length&&!o.hasDocs;return t("div",{class:"mrd-document-list__node",key:o.id},t("div",{class:"mrd-document-list__row"+(o.id===i.selectedId?" mrd-document-list__row--selected":"")+(o.pending?" mrd-document-list__row--pending":"")+(o.id===i.dropTargetId?" mrd-document-list__row--drop":""),onClick:()=>i.on.toggleFolder(s,o),onDragOver:t=>i.on.nodeDragOver(t,o),onDragLeave:()=>i.on.nodeDragLeave(o),onDrop:t=>i.on.nodeDrop(t,o,s)},w(r),b(o.open,n),y(),t("span",{class:"mrd-document-list__label"},o.label),t("span",{class:"mrd-document-list__count"},o.totalCount)),o.open&&t("div",{class:"mrd-document-list__kids"},C(i,s,o,r+1)))}const z=i(class i extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadDistinct=o(this,"mrdLoadDistinct",7),this.mrdLoadPage=o(this,"mrdLoadPage",7),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdCanCreate=o(this,"mrdCanCreate",7),this.mrdTargetLabel=o(this,"mrdTargetLabel",7),this.mrdUpdateObject=o(this,"mrdUpdateObject",7),this.mrdUpload=o(this,"mrdUpload",7),this.mrdCreateObject=o(this,"mrdCreateObject",7),this.item=null,this.parentId="",this.containerHref="",this.locale=navigator.language,this.containers=[],this.rootLoading=!0,this.singleContainer=!1,this.selectedId=null,this.dropTargetId=null,this.uploadingNodeId=null,this.rootDropActive=!1,this.nodeIndex=new Map,this.pendingNode=null,this.pendingParent=null,this.pendingContainer=null,this.pendingName="",this.pendingInputEl=null,this.pendingNeedsFocus=!1,this.newFolderSeq=0,this.lastCanCreate=!1,this.lastTargetLabel="",this.dragDoc=null,this.dragFromId=null,this.pendingUpload=null,this.lastOptimisticDoc=null,this.startCreateFolder=()=>{const t=this.resolveTarget();if(!t\|\|this.pendingNode)return;const{target:i,container:s}=t,o=v(`${s.id}/__new__${this.newFolderSeq++}`,"",s.id);o.pending=!0,o.editing=!0,i.children=[...i.children,o],i.open=!0,this.nodeIndex.set(o.id,o),this.pendingNode=o,this.pendingParent=i,this.pendingContainer=s,this.pendingName="",this.pendingNeedsFocus=!0,this.bump()},this.onPendingInput=t=>{var i;this.pendingName=t.target.value,(null===(i=this.pendingNode)\|\|void 0===i?void 0:i.error)&&(this.pendingNode.error=void 0,this.bump())},this.onPendingKeyDown=t=>{"Enter"===t.key?(t.preventDefault(),this.commitFolder()):"Escape"===t.key&&(t.preventDefault(),this.cancelFolder())},this.onDocDragStart=(t,i,s)=>{var o,r,n;this.dragDoc=i,this.dragFromId=s.id,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",null!==(n=null===(r=null===(o=null==i?void 0:i._links)\|\|void 0===o?void 0:o.self)\|\|void 0===r?void 0:r.href)&&void 0!==n?n:""))},this.onDocDragEnd=()=>{this.dragDoc=null,this.dragFromId=null,null!==this.dropTargetId&&(this.dropTargetId=null)},this.onNodeDragOver=(t,i)=>{const s=this.isFileDrag(t);if(!this.dragDoc&&!s)return;t.preventDefault(),t.stopPropagation(),t.dataTransfer&&(t.dataTransfer.dropEffect=s?"copy":"move");const o=s\|\|i.id!==this.dragFromId?i.id:null;this.dropTargetId!==o&&(this.dropTargetId=o)},this.onNodeDragLeave=t=>{this.dropTargetId===t.id&&(this.dropTargetId=null)},this.onNodeDrop=(t,i,s)=>{if(this.isFileDrag(t))return t.preventDefault(),t.stopPropagation(),void this.startFileUpload(t,i,s);this.dragDoc&&(t.preventDefault(),t.stopPropagation(),this.moveDocument(i,s),this.onDocDragEnd())},this.onRootDragOver=t=>{if(!this.singleContainer)return;const i=this.isFileDrag(t);(this.dragDoc\|\|i)&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect=i?"copy":"move"),this.rootDropActive\|\|(this.rootDropActive=!0))},this.onRootDragLeave=t=>{const i=t.relatedTarget;i&&this.el.contains(i)\|\|this.rootDropActive&&(this.rootDropActive=!1)},this.onRootDrop=t=>{if(this.rootDropActive=!1,!this.singleContainer)return;const i=this.containers[0];if(this.isFileDrag(t))return t.preventDefault(),void this.startFileUpload(t,i,i);this.dragDoc&&(t.preventDefault(),this.moveDocument(i,i),this.onDocDragEnd())}}componentDidLoad(){this.isSeededSingleContainer()?this.seedSingleContainer():this.emitContainerDistinct()}isSeededSingleContainer(){var t,i;return(null===(t=this.item)\|\|void 0===t?void 0:t.type)===e.RELATED_VIEW&&!!(null===(i=this.item)\|\|void 0===i?void 0:i.inverseRelation)&&this.item.inverseRelation===this.containerField&&!!this.containerHref}seedSingleContainer(){const t=h(this.containerHref,this.containerField,0);this.nodeIndex.set(t.id,t),this.containers=[t],this.rootLoading=!1,this.singleContainer=!0,t.open=!0,this.emitFolderDistinct(t)}componentDidRender(){this.pendingNeedsFocus&&this.pendingInputEl&&(this.pendingInputEl.focus(),this.pendingInputEl.select(),this.pendingNeedsFocus=!1);const t=this.canCreateFolder;t!==this.lastCanCreate&&(this.lastCanCreate=t,this.mrdCanCreate.emit(t));const i=this.targetLabel;i!==this.lastTargetLabel&&(this.lastTargetLabel=i,this.mrdTargetLabel.emit(i))}get targetLabel(){var t;const i=this.resolveTarget();if(!i)return"";const{target:s,container:o}=i;return null!==(t=p(s,o))&&void 0!==t?t:s.label}get containerField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.container)&&void 0!==s?s:"container"}get folderField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.folder)&&void 0!==s?s:"folder"}get titleField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.title)&&void 0!==s?s:"name"}get fileField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.file)&&void 0!==s?s:"file"}get dateField(){var t,i;return null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.date}buildDataPath(){var t,i;const s=this.item;return l({isRelatedView:(null==s?void 0:s.type)===e.RELATED_VIEW,fromClass:null==s?void 0:s.fromClass,parentId:this.parentId,dataClass:null!==(i=null!==(t=null==s?void 0:s.dataClass)&&void 0!==t?t:null==s?void 0:s.relatedClass)&&void 0!==i?i:""})}buildCreatePath(){var t,i,s;const o=this.item;return l({isRelatedView:(null==o?void 0:o.type)===e.RELATED_VIEW,fromClass:null==o?void 0:o.fromClass,parentId:this.parentId,dataClass:null!==(s=null!==(i=null!==(t=null==o?void 0:o.filterClass)&&void 0!==t?t:null==o?void 0:o.dataClass)&&void 0!==i?i:null==o?void 0:o.relatedClass)&&void 0!==s?s:""})}baseParams(){var t,i,s;const o=new URLSearchParams,r=null===(t=this.item)\|\|void 0===t?void 0:t.filterClass;return r&&o.set("type",r),c(o,null===(s=null===(i=this.item)\|\|void 0===i?void 0:i.view)\|\|void 0===s?void 0:s.filter),o}emitContainerDistinct(){const t=this.baseParams();t.set("distinct",this.containerField),this.mrdLoadDistinct.emit({nodeId:i.ROOT,distinct:this.containerField,path:this.buildDataPath()+"/distinct",qs:t.toString()})}emitFolderDistinct(t){var i;const s=this.baseParams();s.set("distinct",this.folderField),s.set(this.containerField+"_href",null!==(i=t.href)&&void 0!==i?i:""),t.loading=!0,this.mrdLoadDistinct.emit({nodeId:t.id,distinct:this.folderField,path:this.buildDataPath()+"/distinct",qs:s.toString()})}buildDocQs(t,i){var s,o;const r=this.baseParams();return r.set(this.containerField+"_href",null!==(s=t.href)&&void 0!==s?s:""),r.set(this.folderField,null!==(o=i.fullPath)&&void 0!==o?o:""),r.toString()}emitDocuments(t,i){i.loading=!0,this.mrdLoadPage.emit({nodeId:i.id,page:0,sort:"",path:this.buildDataPath(),qs:this.buildDocQs(t,i)})}async setDistinct(t,s){t===i.ROOT?this.applyContainers(s):this.applyFolders(t,s)}async setDocuments(t,i){const s=this.nodeIndex.get(t);s&&(s.docs=null!=i?i:[],s.docsLoaded=!0,s.loading=!1,this.bump())}applyContainers(t){const i=[];for(const s of t){if(!s.value\|\|"object"!=typeof s.value)continue;const t=h(s.value.href,s.value.name,s.count);i.push(t),this.nodeIndex.set(t.id,t)}if(this.containers=i,this.rootLoading=!1,this.singleContainer=1===i.length,this.singleContainer){const t=i[0];t.open=!0,this.emitFolderDistinct(t)}}applyFolders(t,i){const s=this.nodeIndex.get(t);s&&(function(t,i,s){t.children=[],t.hasDocs=!1,t.docCount=0;for(const o of i){const i="string"==typeof o.value?o.value:null==o.value?"":String(o.value),r=m(i);if(0===r.length){t.hasDocs=!0,t.docCount=o.count,t.fullPath=i;continue}let n=t;const e=[];for(const i of r){e.push(i);let o=n.children.find((t=>t.label===i));o\|\|(o=v(t.id+"/"+e.join("/"),i,t.id),n.children.push(o),s.set(o.id,o)),n=o}n.hasDocs=!0,n.docCount=o.count,n.fullPath=i}f(t),t.foldersLoaded=!0,t.loading=!1}(s,i,this.nodeIndex),s.hasDocs&&!s.docsLoaded&&this.emitDocuments(s,s),this.bump())}bump(){this.containers=[...this.containers]}toggleContainer(t){this.selectedId=t.id,t.open=!t.open,!t.open\|\|t.foldersLoaded\|\|t.loading\|\|this.emitFolderDistinct(t),this.bump()}toggleFolder(t,i){this.selectedId=i.id,i.open=!i.open,i.open&&i.hasDocs&&!i.docsLoaded&&!i.loading&&this.emitDocuments(t,i),this.bump()}resolveTarget(){if(this.selectedId){const t=this.nodeIndex.get(this.selectedId);if(t&&"container"===t.kind)return{target:t,container:t};if(t&&"folder"===t.kind){const i=t.containerId?this.nodeIndex.get(t.containerId):void 0;if(i)return{target:t,container:i}}}if(this.singleContainer&&this.containers[0]){const t=this.containers[0];return{target:t,container:t}}return null}get canCreateFolder(){return!this.pendingNode&&null!==this.resolveTarget()}async createFolder(){this.startCreateFolder()}commitFolder(){const t=this.pendingNode,i=this.pendingParent,s=this.pendingContainer;if(!t\|\|!i\|\|!s)return;const o=this.pendingName.trim();if(!o)return void this.cancelFolder();if(o.includes("/"))return t.error=d("folder_no_slash",this.locale),void this.bump();if(i.children.some((i=>i!==t&&i.label.toLowerCase()===o.toLowerCase())))return t.error=d("folder_duplicate",this.locale),void this.bump();const r=[..._(i,s),o];this.nodeIndex.delete(t.id),t.id=s.id+"/"+r.join("/"),t.fullPath="/"+r.join("/"),t.label=o,t.editing=!1,t.error=void 0,t.open=!0,this.nodeIndex.set(t.id,t),this.selectedId=t.id,this.clearPending(),this.bump()}cancelFolder(){const t=this.pendingNode,i=this.pendingParent;t&&i&&(i.children=i.children.filter((i=>i!==t)),this.nodeIndex.delete(t.id)),this.clearPending(),this.bump()}clearPending(){this.pendingNode=null,this.pendingParent=null,this.pendingContainer=null,this.pendingName="",this.pendingInputEl=null,this.pendingNeedsFocus=!1}isFileDrag(t){return!this.dragDoc&&!!t.dataTransfer&&Array.from(t.dataTransfer.types).includes("Files")}startFileUpload(t,i,s){var o,r;const n=null===(r=null===(o=t.dataTransfer)\|\|void 0===o?void 0:o.files)\|\|void 0===r?void 0:r[0];this.dropTargetId=null,n&&this.beginUpload(n,i,s)}beginUpload(t,i,s){this.pendingUpload={file:t,node:i,container:s},i.open=!0,this.uploadingNodeId=i.id,this.bump(),this.mrdUpload.emit({file:t})}async uploadFile(t){if(!t\|\|this.pendingUpload)return;const i=this.resolveTarget();i&&this.beginUpload(t,i.target,i.container)}async setFileReference(t){const i=this.pendingUpload;if(!i)return;const{file:s,node:o,container:r}=i,n=p(o,r),e={[this.fileField]:t,[this.titleField]:g(s.name),[this.folderField]:n};this.isSeededSingleContainer()\|\|(e[this.containerField]=r.href),this.mrdCreateObject.emit({path:this.buildCreatePath(),values:e});const d={[this.titleField]:g(s.name),_optimistic:!0},l=!o.docsLoaded&&0===o.docCount;o.hasDocs=!0,o.pending=!1,o.docCount+=1,l?(o.docsLoaded=!0,o.docs=[d]):o.docsLoaded&&(o.docs=[...o.docs,d]),this.recomputeContainerTotals(r,1),this.lastOptimisticDoc=d,this.pendingUpload=null,this.uploadingNodeId=null,this.bump()}async setCreatedHref(t){var i;const s=this.lastOptimisticDoc;s&&t&&(s._links=Object.assign(Object.assign({},null!==(i=s._links)&&void 0!==i?i:{}),{self:{href:t}}),s._optimistic=!1,this.lastOptimisticDoc=null,this.bump())}moveDocument(t,i){var s,o;const r=this.dragDoc,n=this.dragFromId?this.nodeIndex.get(this.dragFromId):void 0;if(!r\|\|!n)return;const e="container"===n.kind?n:n.containerId?this.nodeIndex.get(n.containerId):void 0;if(!e)return;const d=p(t,i),l=p(n,e),c=i===e;if(t===n\|\|c&&d===l)return;!function(t,i,s,o){i.docs=i.docs.filter((i=>i!==t)),i.docCount=Math.max(0,i.docCount-1),i.docsLoaded&&(i.hasDocs=i.docs.length>0),s.hasDocs=!0,s.pending=!1,s.docCount+=1,"folder"===s.kind&&(s.fullPath=null!=o?o:""),s.docsLoaded&&(s.docs=[...s.docs,t])}(r,n,t,d),this.recomputeContainerTotals(e,-1),c\|\|this.recomputeContainerTotals(i,1);const a=null===(o=null===(s=null==r?void 0:r._links)\|\|void 0===s?void 0:s.self)\|\|void 0===o?void 0:o.href;if(a){const t={[this.folderField]:d};c\|\|(t[this.containerField]=i.href),this.mrdUpdateObject.emit({href:a,values:t})}this.bump()}recomputeContainerTotals(t,i){t.foldersLoaded?f(t):t.totalCount=Math.max(0,t.totalCount+i)}openDoc(t,i,s){var o,r,n,e;const d=null===(r=null===(o=null==t?void 0:t._links)\|\|void 0===o?void 0:o.self)\|\|void 0===r?void 0:r.href,l=null!==(e=null!==(n=null==t?void 0:t[this.titleField])&&void 0!==n?n:null==t?void 0:t.name)&&void 0!==e?e:"",c=i.docs.indexOf(t),u=c>=0?{index:c,sort:"",path:this.buildDataPath(),qs:this.buildDocQs(s,i)}:void 0,m=a(this.archetype,t);this.mrdNavigate.emit({href:d,label:l,listContext:u,attachments:m})}treeCtx(){return{locale:this.locale,titleField:this.titleField,dateField:this.dateField,selectedId:this.selectedId,dropTargetId:this.dropTargetId,uploadingNodeId:this.uploadingNodeId,on:{toggleContainer:t=>this.toggleContainer(t),toggleFolder:(t,i)=>this.toggleFolder(t,i),openDoc:(t,i,s)=>this.openDoc(t,i,s),docDragStart:this.onDocDragStart,docDragEnd:this.onDocDragEnd,nodeDragOver:this.onNodeDragOver,nodeDragLeave:this.onNodeDragLeave,nodeDrop:this.onNodeDrop,pendingInput:this.onPendingInput,pendingKeyDown:this.onPendingKeyDown,cancelFolder:()=>this.cancelFolder(),setPendingInputEl:t=>this.pendingInputEl=t}}}render(){const i=this.treeCtx();let s;if(this.rootLoading)s=D(i,0);else if(0===this.containers.length)s=t("div",{key:"63604a99fc62d9108f61b8efc126c0cd3e8fc5ed",class:"mrd-document-list__empty"},d("no_results",this.locale));else if(this.singleContainer){const o=this.containers[0];if(o.loading&&!o.foldersLoaded)s=D(i,0);else{const r=C(i,o,o,0);s=r.length?r:t("div",{class:"mrd-document-list__empty"},d("doc_empty_drop",this.locale))}}else s=this.containers.map((s=>function(i,s,o){return t("div",{class:"mrd-document-list__node",key:s.id},t("div",{class:"mrd-document-list__row mrd-document-list__row--dossier"+(s.id===i.selectedId?" mrd-document-list__row--selected":"")+(s.id===i.dropTargetId?" mrd-document-list__row--drop":""),onClick:()=>i.on.toggleContainer(s),onDragOver:t=>i.on.nodeDragOver(t,s),onDragLeave:()=>i.on.nodeDragLeave(s),onDrop:t=>i.on.nodeDrop(t,s,s)},w(o),b(s.open,!1),t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--dossier",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"})),t("span",{class:"mrd-document-list__label"},s.label),t("span",{class:"mrd-document-list__count"},s.totalCount)),s.open&&t("div",{class:"mrd-document-list__kids"},s.loading&&!s.foldersLoaded?D(i,o+1):C(i,s,s,o+1)))}(i,s,0)));return t(r,{key:"2a092e3a7483deb1fb30753b0c0428aaf75c303a"},t("div",{key:"2b716c912a272b925a95133de5b1ff2abedd9dbc",class:"mrd-document-list"+(this.rootDropActive?" mrd-document-list--drop-active":""),onDragOver:this.onRootDragOver,onDragLeave:this.onRootDragLeave,onDrop:this.onRootDrop},s))}get el(){return this}static get style(){return".sc-mrd-document-list-h{display:block;height:100%}.mrd-document-list.sc-mrd-document-list{padding:var(--mrd-space-2) 0;min-height:100%;box-sizing:border-box}.mrd-document-list--drop-active.sc-mrd-document-list{outline:2px dashed var(--mrd-color-primary);outline-offset:-4px;background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.06))}.mrd-document-list__row.sc-mrd-document-list{display:flex;align-items:center;gap:var(--mrd-space-1);height:2.125rem;padding:0 var(--mrd-space-4) 0 var(--mrd-space-2);cursor:pointer;user-select:none;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-document-list__row.sc-mrd-document-list:hover{background:var(--mrd-color-neutral-50)}.mrd-document-list__row--selected.sc-mrd-document-list{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--selected.sc-mrd-document-list:hover{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--pending.sc-mrd-document-list .mrd-document-list__label.sc-mrd-document-list{font-style:italic;color:var(--mrd-color-neutral-500)}.mrd-document-list__row--doc.sc-mrd-document-list{cursor:grab}.mrd-document-list__row--doc.sc-mrd-document-list:active{cursor:grabbing}.mrd-document-list__row--drop.sc-mrd-document-list{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1));box-shadow:inset 0 0 0 1px var(--mrd-color-primary)}.mrd-document-list__row--drop.sc-mrd-document-list:hover{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--edit.sc-mrd-document-list{cursor:default}.mrd-document-list__row--dossier.sc-mrd-document-list .mrd-document-list__label.sc-mrd-document-list{font-weight:var(--mrd-font-weight-semibold)}.mrd-document-list__name-input.sc-mrd-document-list{flex:1;min-width:0;height:1.625rem;padding:0 var(--mrd-space-2);font-size:var(--mrd-font-size-sm);font-family:inherit;color:var(--mrd-color-neutral-800);border:1px solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius);outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-document-list__error.sc-mrd-document-list{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-danger, #dc2626);padding-top:0.125rem;padding-bottom:0.25rem}.mrd-document-list__indent.sc-mrd-document-list{flex:none}.mrd-document-list__chev.sc-mrd-document-list{width:0.875rem;height:1rem;flex:none;display:grid;place-items:center;color:var(--mrd-color-neutral-400);transition:transform var(--mrd-transition-fast)}.mrd-document-list__chev.sc-mrd-document-list svg.sc-mrd-document-list{width:0.6875rem;height:0.6875rem}.mrd-document-list__chev--open.sc-mrd-document-list{transform:rotate(90deg)}.mrd-document-list__chev--leaf.sc-mrd-document-list{visibility:hidden}.mrd-document-list__icon.sc-mrd-document-list{width:1.0625rem;height:1.0625rem;flex:none}.mrd-document-list__icon--dossier.sc-mrd-document-list{color:var(--mrd-color-primary)}.mrd-document-list__icon--folder.sc-mrd-document-list{color:var(--mrd-color-folder)}.mrd-document-list__icon--doc.sc-mrd-document-list{color:var(--mrd-color-neutral-400)}.mrd-document-list__label.sc-mrd-document-list{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-document-list__count.sc-mrd-document-list{flex:none;font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);background:var(--mrd-color-neutral-100);border-radius:var(--mrd-border-radius-full);padding:0.0625rem 0.5rem}.mrd-document-list__date.sc-mrd-document-list{flex:none;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums}.mrd-document-list__loading.sc-mrd-document-list{display:flex;align-items:center;gap:var(--mrd-space-1);height:1.875rem;padding:0 var(--mrd-space-4) 0 var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400)}.mrd-document-list__spinner.sc-mrd-document-list{width:0.75rem;height:0.75rem;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-document-list-spin 0.7s linear infinite}.mrd-document-list__empty.sc-mrd-document-list{padding:var(--mrd-space-8) var(--mrd-space-4);text-align:center;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm)}@keyframes mrd-document-list-spin{to{transform:rotate(360deg)}}"}},[2,"mrd-document-list",{item:[16],archetype:[16],parentId:[1,"parent-id"],containerHref:[1,"container-href"],locale:[1],containers:[32],rootLoading:[32],singleContainer:[32],selectedId:[32],dropTargetId:[32],uploadingNodeId:[32],rootDropActive:[32],setDistinct:[64],setDocuments:[64],createFolder:[64],uploadFile:[64],setFileReference:[64],setCreatedHref:[64]}]);function L(){"undefined"!=typeof customElements&&["mrd-document-list"].forEach((t=>{"mrd-document-list"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),z))}))}z.ROOT="__root__";export{z as M,L as d}
1	+ import{h as t,proxyCustomElement as i,HTMLElement as s,createEvent as o,Host as r,transformTag as n}from"@stencil/core/internal/client";import{a as e}from"./client-layout.js";import{t as d}from"./i18n.js";import{b as l,a as c}from"./query-params.js";import{a}from"./document-attachments.js";import{a as u}from"./format.js";function m(t){if(null==t)return[];const i=String(t).trim();return""===i\|\|"/"===i?[]:i.split("/").map((t=>t.trim())).filter(Boolean)}function h(t,i,s){return{id:"c:"+t,kind:"container",label:i,href:t,hasDocs:!1,docCount:0,totalCount:s,children:[],open:!1,loading:!1,foldersLoaded:!1,docsLoaded:!1,docs:[]}}function v(t,i,s){return{id:t,kind:"folder",label:i,containerId:s,hasDocs:!1,docCount:0,totalCount:0,children:[],open:!1,loading:!1,foldersLoaded:!1,docsLoaded:!1,docs:[]}}function f(t){let i=t.docCount;for(const s of t.children)i+=f(s);return t.totalCount=i,i}function _(t,i){if("container"===t.kind)return[];const s=i.id+"/",o=t.id.startsWith(s)?t.id.slice(s.length):"";return o?o.split("/"):[]}function p(t,i){if("container"===t.kind)return null;if(null!=t.fullPath&&""!==t.fullPath)return t.fullPath;const s=_(t,i);return s.length?"/"+s.join("/"):null}function g(t){return t.replace(/\.[^./\\]+$/,"")}function b(i,s){return t("span",{class:`mrd-document-list__chev${s?" mrd-document-list__chev--leaf":""}${i?" mrd-document-list__chev--open":""}`},t("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M9 6l6 6-6 6"})))}function y(){return t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--folder",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}))}function w(i){return 0===i?null:t("span",{class:"mrd-document-list__indent",style:{width:18i+"px"}})}function k(t){return 0===t?51:8+18t+43}function D(i,s){return t("div",{class:"mrd-document-list__loading",key:"loading"},w(s),t("span",{class:"mrd-document-list__spinner"}),d("loading",i.locale))}function x(i,s,o,r,n){var e,d,l,c,a;const m=null!==(d=null!==(e=null==s?void 0:s[i.titleField])&&void 0!==e?e:null==s?void 0:s.name)&&void 0!==d?d:"",h=i.dateField?null==s?void 0:s[i.dateField]:void 0,v=h?u(h,i.locale):"";return t("div",{class:"mrd-document-list__row mrd-document-list__row--doc",key:null!==(a=null===(c=null===(l=null==s?void 0:s._links)\|\|void 0===l?void 0:l.self)\|\|void 0===c?void 0:c.href)&&void 0!==a?a:m,draggable:!0,onClick:()=>i.on.openDoc(s,o,r),onDragStart:t=>i.on.docDragStart(t,s,o),onDragEnd:i.on.docDragEnd,onDragOver:t=>i.on.nodeDragOver(t,o),onDragLeave:()=>i.on.nodeDragLeave(o),onDrop:t=>i.on.nodeDrop(t,o,r)},w(n),b(!1,!0),t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--doc",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t("path",{d:"M14 2v6h6"})),t("span",{class:"mrd-document-list__label"},m),v&&t("span",{class:"mrd-document-list__date"},v))}function C(i,s,o,r){const n=[];if(o.hasDocs)if(o.docsLoaded)for(const t of o.docs)n.push(x(i,t,o,s,r));else o.loading&&n.push(D(i,r));for(const t of o.children)n.push(F(i,s,t,r));return o.id===i.uploadingNodeId&&n.push(function(i,s){return t("div",{class:"mrd-document-list__loading",key:"uploading"},w(s),t("span",{class:"mrd-document-list__spinner"}),d("upload_file",i.locale))}(i,r)),n}function F(i,s,o,r){if(o.editing)return function(i,s,o){return t("div",{class:"mrd-document-list__node",key:s.id},t("div",{class:"mrd-document-list__row mrd-document-list__row--edit"},w(o),b(!1,!0),y(),t("input",{class:"mrd-document-list__name-input",type:"text",placeholder:d("folder_name_placeholder",i.locale),ref:t=>i.on.setPendingInputEl(t),onInput:i.on.pendingInput,onKeyDown:i.on.pendingKeyDown,onBlur:()=>i.on.cancelFolder()})),s.error&&t("div",{class:"mrd-document-list__error",style:{paddingLeft:`${k(o)}px`}},s.error))}(i,o,r);const n=0===o.children.length&&!o.hasDocs;return t("div",{class:"mrd-document-list__node",key:o.id},t("div",{class:"mrd-document-list__row"+(o.id===i.selectedId?" mrd-document-list__row--selected":"")+(o.pending?" mrd-document-list__row--pending":"")+(o.id===i.dropTargetId?" mrd-document-list__row--drop":""),onClick:()=>i.on.toggleFolder(s,o),onDragOver:t=>i.on.nodeDragOver(t,o),onDragLeave:()=>i.on.nodeDragLeave(o),onDrop:t=>i.on.nodeDrop(t,o,s)},w(r),b(o.open,n),y(),t("span",{class:"mrd-document-list__label"},o.label),t("span",{class:"mrd-document-list__count"},o.totalCount)),o.open&&t("div",{class:"mrd-document-list__kids"},C(i,s,o,r+1)))}const z=i(class i extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.mrdLoadDistinct=o(this,"mrdLoadDistinct",7),this.mrdLoadPage=o(this,"mrdLoadPage",7),this.mrdNavigate=o(this,"mrdNavigate",7),this.mrdCanCreate=o(this,"mrdCanCreate",7),this.mrdTargetLabel=o(this,"mrdTargetLabel",7),this.mrdUpdateObject=o(this,"mrdUpdateObject",7),this.mrdUpload=o(this,"mrdUpload",7),this.mrdCreateObject=o(this,"mrdCreateObject",7),this.item=null,this.parentId="",this.containerHref="",this.locale=navigator.language,this.containers=[],this.rootLoading=!0,this.singleContainer=!1,this.selectedId=null,this.dropTargetId=null,this.uploadingNodeId=null,this.rootDropActive=!1,this.nodeIndex=new Map,this.pendingNode=null,this.pendingParent=null,this.pendingContainer=null,this.pendingName="",this.pendingInputEl=null,this.pendingNeedsFocus=!1,this.newFolderSeq=0,this.lastCanCreate=!1,this.lastTargetLabel="",this.dragDoc=null,this.dragFromId=null,this.pendingUpload=null,this.lastOptimisticDoc=null,this.startCreateFolder=()=>{const t=this.resolveTarget();if(!t\|\|this.pendingNode)return;const{target:i,container:s}=t,o=v(`${s.id}/__new__${this.newFolderSeq++}`,"",s.id);o.pending=!0,o.editing=!0,i.children=[...i.children,o],i.open=!0,this.nodeIndex.set(o.id,o),this.pendingNode=o,this.pendingParent=i,this.pendingContainer=s,this.pendingName="",this.pendingNeedsFocus=!0,this.bump()},this.onPendingInput=t=>{var i;this.pendingName=t.target.value,(null===(i=this.pendingNode)\|\|void 0===i?void 0:i.error)&&(this.pendingNode.error=void 0,this.bump())},this.onPendingKeyDown=t=>{"Enter"===t.key?(t.preventDefault(),this.commitFolder()):"Escape"===t.key&&(t.preventDefault(),this.cancelFolder())},this.onDocDragStart=(t,i,s)=>{var o,r,n;this.dragDoc=i,this.dragFromId=s.id,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",null!==(n=null===(r=null===(o=null==i?void 0:i._links)\|\|void 0===o?void 0:o.self)\|\|void 0===r?void 0:r.href)&&void 0!==n?n:""))},this.onDocDragEnd=()=>{this.dragDoc=null,this.dragFromId=null,null!==this.dropTargetId&&(this.dropTargetId=null)},this.onNodeDragOver=(t,i)=>{const s=this.isFileDrag(t);if(!this.dragDoc&&!s)return;t.preventDefault(),t.stopPropagation(),t.dataTransfer&&(t.dataTransfer.dropEffect=s?"copy":"move");const o=s\|\|i.id!==this.dragFromId?i.id:null;this.dropTargetId!==o&&(this.dropTargetId=o)},this.onNodeDragLeave=t=>{this.dropTargetId===t.id&&(this.dropTargetId=null)},this.onNodeDrop=(t,i,s)=>{if(this.isFileDrag(t))return t.preventDefault(),t.stopPropagation(),void this.startFileUpload(t,i,s);this.dragDoc&&(t.preventDefault(),t.stopPropagation(),this.moveDocument(i,s),this.onDocDragEnd())},this.onRootDragOver=t=>{if(!this.singleContainer)return;const i=this.isFileDrag(t);(this.dragDoc\|\|i)&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect=i?"copy":"move"),this.rootDropActive\|\|(this.rootDropActive=!0))},this.onRootDragLeave=t=>{const i=t.relatedTarget;i&&this.el.contains(i)\|\|this.rootDropActive&&(this.rootDropActive=!1)},this.onRootDrop=t=>{if(this.rootDropActive=!1,!this.singleContainer)return;const i=this.containers[0];if(this.isFileDrag(t))return t.preventDefault(),void this.startFileUpload(t,i,i);this.dragDoc&&(t.preventDefault(),this.moveDocument(i,i),this.onDocDragEnd())}}componentDidLoad(){this.isSeededSingleContainer()?this.seedSingleContainer():this.emitContainerDistinct()}isSeededSingleContainer(){var t,i;return(null===(t=this.item)\|\|void 0===t?void 0:t.type)===e.RELATED_VIEW&&!!(null===(i=this.item)\|\|void 0===i?void 0:i.inverseRelation)&&this.item.inverseRelation===this.containerField&&!!this.containerHref}seedSingleContainer(){const t=h(this.containerHref,this.containerField,0);this.nodeIndex.set(t.id,t),this.containers=[t],this.rootLoading=!1,this.singleContainer=!0,t.open=!0,this.emitFolderDistinct(t)}componentDidRender(){this.pendingNeedsFocus&&this.pendingInputEl&&(this.pendingInputEl.focus(),this.pendingInputEl.select(),this.pendingNeedsFocus=!1);const t=this.canCreateFolder;t!==this.lastCanCreate&&(this.lastCanCreate=t,this.mrdCanCreate.emit(t));const i=this.targetLabel;i!==this.lastTargetLabel&&(this.lastTargetLabel=i,this.mrdTargetLabel.emit(i))}get targetLabel(){var t;const i=this.resolveTarget();if(!i)return"";const{target:s,container:o}=i;return null!==(t=p(s,o))&&void 0!==t?t:s.label}get containerField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.container)&&void 0!==s?s:"container"}get folderField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.folder)&&void 0!==s?s:"folder"}get titleField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.title)&&void 0!==s?s:"name"}get fileField(){var t,i,s;return null!==(s=null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.file)&&void 0!==s?s:"file"}get dateField(){var t,i;return null===(i=null===(t=this.archetype)\|\|void 0===t?void 0:t.slots)\|\|void 0===i?void 0:i.date}buildDataPath(){var t,i;const s=this.item;return l({isRelatedView:(null==s?void 0:s.type)===e.RELATED_VIEW,fromClass:null==s?void 0:s.fromClass,parentId:this.parentId,dataClass:null!==(i=null!==(t=null==s?void 0:s.dataClass)&&void 0!==t?t:null==s?void 0:s.relatedClass)&&void 0!==i?i:""})}buildCreatePath(){var t,i,s;const o=this.item;return l({isRelatedView:(null==o?void 0:o.type)===e.RELATED_VIEW,fromClass:null==o?void 0:o.fromClass,parentId:this.parentId,dataClass:null!==(s=null!==(i=null!==(t=null==o?void 0:o.filterClass)&&void 0!==t?t:null==o?void 0:o.dataClass)&&void 0!==i?i:null==o?void 0:o.relatedClass)&&void 0!==s?s:""})}baseParams(){var t,i,s;const o=new URLSearchParams,r=null===(t=this.item)\|\|void 0===t?void 0:t.filterClass;return r&&o.set("type",r),c(o,null===(s=null===(i=this.item)\|\|void 0===i?void 0:i.view)\|\|void 0===s?void 0:s.filter),o}emitContainerDistinct(){const t=this.baseParams();t.set("distinct",this.containerField),this.mrdLoadDistinct.emit({nodeId:i.ROOT,distinct:this.containerField,path:this.buildDataPath()+"/distinct",qs:t.toString()})}emitFolderDistinct(t){var i;const s=this.baseParams();s.set("distinct",this.folderField),s.set(this.containerField+"_href",null!==(i=t.href)&&void 0!==i?i:""),t.loading=!0,this.mrdLoadDistinct.emit({nodeId:t.id,distinct:this.folderField,path:this.buildDataPath()+"/distinct",qs:s.toString()})}buildDocQs(t,i){var s,o;const r=this.baseParams();return r.set(this.containerField+"_href",null!==(s=t.href)&&void 0!==s?s:""),r.set(this.folderField,null!==(o=i.fullPath)&&void 0!==o?o:""),r.toString()}emitDocuments(t,i){i.loading=!0,this.mrdLoadPage.emit({nodeId:i.id,page:0,sort:"",path:this.buildDataPath(),qs:this.buildDocQs(t,i)})}async setDistinct(t,s){t===i.ROOT?this.applyContainers(s):this.applyFolders(t,s)}async setDocuments(t,i){const s=this.nodeIndex.get(t);s&&(s.docs=null!=i?i:[],s.docsLoaded=!0,s.loading=!1,this.bump())}applyContainers(t){const i=[];for(const s of t){if(!s.value\|\|"object"!=typeof s.value)continue;const t=h(s.value.href,s.value.name,s.count);i.push(t),this.nodeIndex.set(t.id,t)}if(this.containers=i,this.rootLoading=!1,this.singleContainer=1===i.length,this.singleContainer){const t=i[0];t.open=!0,this.emitFolderDistinct(t)}}applyFolders(t,i){const s=this.nodeIndex.get(t);s&&(function(t,i,s){t.children=[],t.hasDocs=!1,t.docCount=0;for(const o of i){const i="string"==typeof o.value?o.value:null==o.value?"":String(o.value),r=m(i);if(0===r.length){t.hasDocs=!0,t.docCount=o.count,t.fullPath=i;continue}let n=t;const e=[];for(const i of r){e.push(i);let o=n.children.find((t=>t.label===i));o\|\|(o=v(t.id+"/"+e.join("/"),i,t.id),n.children.push(o),s.set(o.id,o)),n=o}n.hasDocs=!0,n.docCount=o.count,n.fullPath=i}f(t),t.foldersLoaded=!0,t.loading=!1}(s,i,this.nodeIndex),s.hasDocs&&!s.docsLoaded&&this.emitDocuments(s,s),this.bump())}bump(){this.containers=[...this.containers]}toggleContainer(t){this.selectedId=t.id,t.open=!t.open,!t.open\|\|t.foldersLoaded\|\|t.loading\|\|this.emitFolderDistinct(t),this.bump()}toggleFolder(t,i){this.selectedId=i.id,i.open=!i.open,i.open&&i.hasDocs&&!i.docsLoaded&&!i.loading&&this.emitDocuments(t,i),this.bump()}resolveTarget(){if(this.selectedId){const t=this.nodeIndex.get(this.selectedId);if(t&&"container"===t.kind)return{target:t,container:t};if(t&&"folder"===t.kind){const i=t.containerId?this.nodeIndex.get(t.containerId):void 0;if(i)return{target:t,container:i}}}if(this.singleContainer&&this.containers[0]){const t=this.containers[0];return{target:t,container:t}}return null}get canCreateFolder(){return!this.pendingNode&&null!==this.resolveTarget()}async createFolder(){this.startCreateFolder()}commitFolder(){const t=this.pendingNode,i=this.pendingParent,s=this.pendingContainer;if(!t\|\|!i\|\|!s)return;const o=this.pendingName.trim();if(!o)return void this.cancelFolder();if(o.includes("/"))return t.error=d("folder_no_slash",this.locale),void this.bump();if(i.children.some((i=>i!==t&&i.label.toLowerCase()===o.toLowerCase())))return t.error=d("folder_duplicate",this.locale),void this.bump();const r=[..._(i,s),o];this.nodeIndex.delete(t.id),t.id=s.id+"/"+r.join("/"),t.fullPath="/"+r.join("/"),t.label=o,t.editing=!1,t.error=void 0,t.open=!0,this.nodeIndex.set(t.id,t),this.selectedId=t.id,this.clearPending(),this.bump()}cancelFolder(){const t=this.pendingNode,i=this.pendingParent;t&&i&&(i.children=i.children.filter((i=>i!==t)),this.nodeIndex.delete(t.id)),this.clearPending(),this.bump()}clearPending(){this.pendingNode=null,this.pendingParent=null,this.pendingContainer=null,this.pendingName="",this.pendingInputEl=null,this.pendingNeedsFocus=!1}isFileDrag(t){return!this.dragDoc&&!!t.dataTransfer&&Array.from(t.dataTransfer.types).includes("Files")}startFileUpload(t,i,s){var o,r;const n=null===(r=null===(o=t.dataTransfer)\|\|void 0===o?void 0:o.files)\|\|void 0===r?void 0:r[0];this.dropTargetId=null,n&&this.beginUpload(n,i,s)}beginUpload(t,i,s){this.pendingUpload={file:t,node:i,container:s},i.open=!0,this.uploadingNodeId=i.id,this.bump(),this.mrdUpload.emit({file:t})}async uploadFile(t){if(!t\|\|this.pendingUpload)return;const i=this.resolveTarget();i&&this.beginUpload(t,i.target,i.container)}async setFileReference(t){const i=this.pendingUpload;if(!i)return;const{file:s,node:o,container:r}=i,n=p(o,r),e={[this.fileField]:t,[this.titleField]:g(s.name),[this.folderField]:n};this.isSeededSingleContainer()\|\|(e[this.containerField]=r.href),this.mrdCreateObject.emit({path:this.buildCreatePath(),values:e});const d={[this.titleField]:g(s.name),_optimistic:!0},l=!o.docsLoaded&&0===o.docCount;o.hasDocs=!0,o.pending=!1,o.docCount+=1,l?(o.docsLoaded=!0,o.docs=[d]):o.docsLoaded&&(o.docs=[...o.docs,d]),this.recomputeContainerTotals(r,1),this.lastOptimisticDoc=d,this.pendingUpload=null,this.uploadingNodeId=null,this.bump()}async setCreatedHref(t){var i;const s=this.lastOptimisticDoc;s&&t&&(s._links=Object.assign(Object.assign({},null!==(i=s._links)&&void 0!==i?i:{}),{self:{href:t}}),s._optimistic=!1,this.lastOptimisticDoc=null,this.bump())}moveDocument(t,i){var s,o;const r=this.dragDoc,n=this.dragFromId?this.nodeIndex.get(this.dragFromId):void 0;if(!r\|\|!n)return;const e="container"===n.kind?n:n.containerId?this.nodeIndex.get(n.containerId):void 0;if(!e)return;const d=p(t,i),l=p(n,e),c=i===e;if(t===n\|\|c&&d===l)return;!function(t,i,s,o){i.docs=i.docs.filter((i=>i!==t)),i.docCount=Math.max(0,i.docCount-1),i.docsLoaded&&(i.hasDocs=i.docs.length>0),s.hasDocs=!0,s.pending=!1,s.docCount+=1,"folder"===s.kind&&(s.fullPath=null!=o?o:""),s.docsLoaded&&(s.docs=[...s.docs,t])}(r,n,t,d),this.recomputeContainerTotals(e,-1),c\|\|this.recomputeContainerTotals(i,1);const a=null===(o=null===(s=null==r?void 0:r._links)\|\|void 0===s?void 0:s.self)\|\|void 0===o?void 0:o.href;if(a){const t={[this.folderField]:d};c\|\|(t[this.containerField]=i.href),this.mrdUpdateObject.emit({href:a,values:t})}this.bump()}recomputeContainerTotals(t,i){t.foldersLoaded?f(t):t.totalCount=Math.max(0,t.totalCount+i)}openDoc(t,i,s){var o,r,n,e;const d=null===(r=null===(o=null==t?void 0:t._links)\|\|void 0===o?void 0:o.self)\|\|void 0===r?void 0:r.href,l=null!==(e=null!==(n=null==t?void 0:t[this.titleField])&&void 0!==n?n:null==t?void 0:t.name)&&void 0!==e?e:"",c=i.docs.indexOf(t),u=c>=0?{index:c,sort:"",path:this.buildDataPath(),qs:this.buildDocQs(s,i)}:void 0,m=a(this.archetype,t);this.mrdNavigate.emit({href:d,label:l,listContext:u,attachments:m})}treeCtx(){return{locale:this.locale,titleField:this.titleField,dateField:this.dateField,selectedId:this.selectedId,dropTargetId:this.dropTargetId,uploadingNodeId:this.uploadingNodeId,on:{toggleContainer:t=>this.toggleContainer(t),toggleFolder:(t,i)=>this.toggleFolder(t,i),openDoc:(t,i,s)=>this.openDoc(t,i,s),docDragStart:this.onDocDragStart,docDragEnd:this.onDocDragEnd,nodeDragOver:this.onNodeDragOver,nodeDragLeave:this.onNodeDragLeave,nodeDrop:this.onNodeDrop,pendingInput:this.onPendingInput,pendingKeyDown:this.onPendingKeyDown,cancelFolder:()=>this.cancelFolder(),setPendingInputEl:t=>this.pendingInputEl=t}}}render(){const i=this.treeCtx();let s;if(this.rootLoading)s=D(i,0);else if(0===this.containers.length)s=t("div",{key:"63604a99fc62d9108f61b8efc126c0cd3e8fc5ed",class:"mrd-document-list__empty"},d("no_results",this.locale));else if(this.singleContainer){const o=this.containers[0];if(o.loading&&!o.foldersLoaded)s=D(i,0);else{const r=C(i,o,o,0);s=r.length?r:t("div",{class:"mrd-document-list__empty"},d("doc_empty_drop",this.locale))}}else s=this.containers.map((s=>function(i,s,o){return t("div",{class:"mrd-document-list__node",key:s.id},t("div",{class:"mrd-document-list__row mrd-document-list__row--dossier"+(s.id===i.selectedId?" mrd-document-list__row--selected":"")+(s.id===i.dropTargetId?" mrd-document-list__row--drop":""),onClick:()=>i.on.toggleContainer(s),onDragOver:t=>i.on.nodeDragOver(t,s),onDragLeave:()=>i.on.nodeDragLeave(s),onDrop:t=>i.on.nodeDrop(t,s,s)},w(o),b(s.open,!1),t("svg",{class:"mrd-document-list__icon mrd-document-list__icon--dossier",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},t("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"})),t("span",{class:"mrd-document-list__label"},s.label),t("span",{class:"mrd-document-list__count"},s.totalCount)),s.open&&t("div",{class:"mrd-document-list__kids"},s.loading&&!s.foldersLoaded?D(i,o+1):C(i,s,s,o+1)))}(i,s,0)));return t(r,{key:"2a092e3a7483deb1fb30753b0c0428aaf75c303a"},t("div",{key:"2b716c912a272b925a95133de5b1ff2abedd9dbc",class:"mrd-document-list"+(this.rootDropActive?" mrd-document-list--drop-active":""),onDragOver:this.onRootDragOver,onDragLeave:this.onRootDragLeave,onDrop:this.onRootDrop},s))}get el(){return this}static get style(){return".sc-mrd-document-list-h{display:block;height:100%}.mrd-document-list.sc-mrd-document-list{padding:var(--mrd-space-2) 0;min-height:100%;box-sizing:border-box}.mrd-document-list--drop-active.sc-mrd-document-list{outline:2px dashed var(--mrd-color-primary);outline-offset:-4px;background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.06))}.mrd-document-list__row.sc-mrd-document-list{display:flex;align-items:center;gap:var(--mrd-space-1);height:2.125rem;padding:0 var(--mrd-space-4) 0 var(--mrd-space-2);cursor:pointer;user-select:none;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-document-list__row.sc-mrd-document-list:hover{background:var(--mrd-color-neutral-50)}.mrd-document-list__row--selected.sc-mrd-document-list{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--selected.sc-mrd-document-list:hover{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--pending.sc-mrd-document-list .mrd-document-list__label.sc-mrd-document-list{font-style:italic;color:var(--mrd-color-neutral-500)}.mrd-document-list__row--doc.sc-mrd-document-list{cursor:grab}.mrd-document-list__row--doc.sc-mrd-document-list:active{cursor:grabbing}.mrd-document-list__row--drop.sc-mrd-document-list{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1));box-shadow:inset 0 0 0 1px var(--mrd-color-primary)}.mrd-document-list__row--drop.sc-mrd-document-list:hover{background:var(--mrd-color-primary-50, rgba(22, 163, 74, 0.1))}.mrd-document-list__row--edit.sc-mrd-document-list{cursor:default}.mrd-document-list__row--dossier.sc-mrd-document-list .mrd-document-list__label.sc-mrd-document-list{font-weight:var(--mrd-font-weight-semibold)}.mrd-document-list__name-input.sc-mrd-document-list{flex:1;min-width:0;height:1.625rem;padding:0 var(--mrd-space-2);font-size:var(--mrd-font-size-sm);font-family:inherit;color:var(--mrd-color-neutral-800);border:1px solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius);outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-document-list__error.sc-mrd-document-list{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-danger, #dc2626);padding-top:0.125rem;padding-bottom:0.25rem}.mrd-document-list__indent.sc-mrd-document-list{flex:none}.mrd-document-list__chev.sc-mrd-document-list{width:0.875rem;height:1rem;flex:none;display:grid;place-items:center;color:var(--mrd-color-neutral-400);transition:transform var(--mrd-transition-fast)}.mrd-document-list__chev.sc-mrd-document-list svg.sc-mrd-document-list{width:0.6875rem;height:0.6875rem}.mrd-document-list__chev--open.sc-mrd-document-list{transform:rotate(90deg)}.mrd-document-list__chev--leaf.sc-mrd-document-list{visibility:hidden}.mrd-document-list__icon.sc-mrd-document-list{width:1.0625rem;height:1.0625rem;flex:none}.mrd-document-list__icon--dossier.sc-mrd-document-list{color:var(--mrd-color-primary)}.mrd-document-list__icon--folder.sc-mrd-document-list{color:var(--mrd-color-folder)}.mrd-document-list__icon--doc.sc-mrd-document-list{color:var(--mrd-color-neutral-400)}.mrd-document-list__label.sc-mrd-document-list{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-document-list__count.sc-mrd-document-list{flex:none;font-family:var(--mrd-font-family-mono);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);background:var(--mrd-color-neutral-100);border-radius:var(--mrd-border-radius-full);padding:0.0625rem 0.5rem}.mrd-document-list__date.sc-mrd-document-list{flex:none;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums}.mrd-document-list__loading.sc-mrd-document-list{display:flex;align-items:center;gap:var(--mrd-space-1);height:1.875rem;padding:0 var(--mrd-space-4) 0 var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400)}.mrd-document-list__spinner.sc-mrd-document-list{width:0.75rem;height:0.75rem;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-document-list-spin 0.7s linear infinite}.mrd-document-list__empty.sc-mrd-document-list{padding:var(--mrd-space-8) var(--mrd-space-4);text-align:center;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm)}@keyframes mrd-document-list-spin{to{transform:rotate(360deg)}}"}},[2,"mrd-document-list",{item:[16],archetype:[16],parentId:[1,"parent-id"],containerHref:[1,"container-href"],locale:[1],containers:[32],rootLoading:[32],singleContainer:[32],selectedId:[32],dropTargetId:[32],uploadingNodeId:[32],rootDropActive:[32],setDistinct:[64],setDocuments:[64],createFolder:[64],uploadFile:[64],setFileReference:[64],setCreatedHref:[64]}]);function L(){"undefined"!=typeof customElements&&["mrd-document-list"].forEach((t=>{"mrd-document-list"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),z))}))}z.ROOT="__root__";export{z as M,L as d}

package/dist/components/mrd-document-view2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as d,Host as i,transformTag as o}from"@stencil/core/internal/client";import{t as n}from"./i18n.js";import{~~e as~~ a}from"./format.js";import{a as m,b as c}from"./document-attachments.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdNavigate=t(this,"mrdNavigate",7),this.mrdDownload=t(this,"mrdDownload",7),this.mrdAttachments=t(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const e=m(this.archetype,this.data),r=c(e);r!==this.lastAttachmentKey&&(this.lastAttachmentKey=r,this.mrdAttachments.emit({attachments:e}))}slotValue(e){var r,t;const d=null===(t=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===t?void 0:t[e];if(d)return this.data[d]}slotLink(e){var r,t,d,i;const o=null===(t=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===t?void 0:t[e];if(o)return(null!==(i=null===(d=this.data)\|\|void 0===d?void 0:d._links)&&void 0!==i?i:{})[o]}renderContainer(){const e=this.slotLink("container"),r=!(!(null==e?void 0:e.href)\|\|!e.name),t=this.slotValue("folder"),i=null!=t&&""!==t?String(t):null;return r\|\|i?d("div",{class:"mrd-document-view__container"},r&&d("button",{type:"button",class:"mrd-document-view__container-link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name),i&&d("span",{class:"mrd-document-view__folder"},d("svg",{class:"mrd-document-view__folder-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},d("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"})),i)):null}renderFileMeta(e,r){return d("div",{class:"mrd-document-view__file-meta"},r&&d("button",{type:"button",class:"mrd-document-view__download",onClick:()=>this.mrdDownload.emit({href:r,fileName:e})},d("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},d("path",{d:"M12 3v12m0 0l-4-4m4 4l4-4M4 21h16"})),n("download",this.locale)))}render(){var e,r;const t=this.slotValue("title"),o=null!=t&&""!==t?String(t):null,n=this.slotValue("date"),m=null!=n&&""!==n?a(n,this.locale):null,c=this.slotValue("summary"),s=null!=c&&""!==c?String(c):null,l=this.slotValue("file"),u=null!==(e=null==l?void 0:l.href)&&void 0!==e?e:"",v=null!==(r=null==l?void 0:l.fileName)&&void 0!==r?r:l?String(l):"";return d(i,{key:"405890ef9135d4e9f15532dbc669c4d8d1e8b201"},d("div",{key:"be60f0867664a0ded6a85b17999ab207f042d8e2",class:"mrd-document-view"},d("div",{key:"f0202da7e83a05f782ba70c3cff91049d56c3e04",class:"mrd-document-view__body"},d("div",{key:"85d5075c6751200ae3840b1d9e4544792ea52b5e",class:"mrd-document-view__meta"},o&&d("h1",{key:"63a4676ef488f2b0cf2347e0aa4e3c728b2d9351",class:"mrd-document-view__title"},o),m&&d("p",{key:"4ff630a9967509f661050ba04eece5ca26773ce2",class:"mrd-document-view__date"},m),this.renderContainer(),l&&this.renderFileMeta(v,u),s&&d("div",{key:"412e4934755e801e8a6cd10f5d00da82f9b6aa6a",class:"mrd-document-view__summary"},d("div",{key:"fc5c1b88cdba2f2398d09b42ede0b4dc556cd0f3",class:"mrd-document-view__summary-body",innerHTML:s}))))))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-document-view-h{display:block}.mrd-document-view.sc-mrd-document-view{max-width:640px}.mrd-document-view__body.sc-mrd-document-view{display:flex;flex-direction:column;gap:var(--mrd-space-6)}.mrd-document-view__container.sc-mrd-document-view{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1);margin-bottom:var(--mrd-space-6)}.mrd-document-view__container-link.sc-mrd-document-view{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-document-view__container-link.sc-mrd-document-view:hover{text-decoration:underline}.mrd-document-view__folder.sc-mrd-document-view{display:inline-flex;align-items:center;gap:var(--mrd-space-1);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400);word-break:break-word}.mrd-document-view__folder-icon.sc-mrd-document-view{width:0.75rem;height:0.75rem;flex-shrink:0}.mrd-document-view__title.sc-mrd-document-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0 0 var(--mrd-space-1) 0}.mrd-document-view__date.sc-mrd-document-view{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums;margin:0 0 var(--mrd-space-6) 0}.mrd-document-view__file-meta.sc-mrd-document-view{display:flex;align-items:center;margin-bottom:var(--mrd-space-2)}.mrd-document-view__download.sc-mrd-document-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);flex-shrink:0;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-document-view__download.sc-mrd-document-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-document-view__download.sc-mrd-document-view svg.sc-mrd-document-view{width:0.9375rem;height:0.9375rem}.mrd-document-view__summary-body.sc-mrd-document-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed)}"}},[2,"mrd-document-view",{archetype:[16],data:[16],locale:[1]},void 0,{data:[{dataChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["mrd-document-view"].forEach((e=>{"mrd-document-view"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),s))}))}export{s as M,l as d}
1	+ import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as d,Host as i,transformTag as o}from"@stencil/core/internal/client";import{t as n}from"./i18n.js";import{a}from"./format.js";import{a as m,b as c}from"./document-attachments.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdNavigate=t(this,"mrdNavigate",7),this.mrdDownload=t(this,"mrdDownload",7),this.mrdAttachments=t(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const e=m(this.archetype,this.data),r=c(e);r!==this.lastAttachmentKey&&(this.lastAttachmentKey=r,this.mrdAttachments.emit({attachments:e}))}slotValue(e){var r,t;const d=null===(t=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===t?void 0:t[e];if(d)return this.data[d]}slotLink(e){var r,t,d,i;const o=null===(t=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===t?void 0:t[e];if(o)return(null!==(i=null===(d=this.data)\|\|void 0===d?void 0:d._links)&&void 0!==i?i:{})[o]}renderContainer(){const e=this.slotLink("container"),r=!(!(null==e?void 0:e.href)\|\|!e.name),t=this.slotValue("folder"),i=null!=t&&""!==t?String(t):null;return r\|\|i?d("div",{class:"mrd-document-view__container"},r&&d("button",{type:"button",class:"mrd-document-view__container-link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name),i&&d("span",{class:"mrd-document-view__folder"},d("svg",{class:"mrd-document-view__folder-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},d("path",{d:"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"})),i)):null}renderFileMeta(e,r){return d("div",{class:"mrd-document-view__file-meta"},r&&d("button",{type:"button",class:"mrd-document-view__download",onClick:()=>this.mrdDownload.emit({href:r,fileName:e})},d("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},d("path",{d:"M12 3v12m0 0l-4-4m4 4l4-4M4 21h16"})),n("download",this.locale)))}render(){var e,r;const t=this.slotValue("title"),o=null!=t&&""!==t?String(t):null,n=this.slotValue("date"),m=null!=n&&""!==n?a(n,this.locale):null,c=this.slotValue("summary"),s=null!=c&&""!==c?String(c):null,l=this.slotValue("file"),u=null!==(e=null==l?void 0:l.href)&&void 0!==e?e:"",v=null!==(r=null==l?void 0:l.fileName)&&void 0!==r?r:l?String(l):"";return d(i,{key:"405890ef9135d4e9f15532dbc669c4d8d1e8b201"},d("div",{key:"be60f0867664a0ded6a85b17999ab207f042d8e2",class:"mrd-document-view"},d("div",{key:"f0202da7e83a05f782ba70c3cff91049d56c3e04",class:"mrd-document-view__body"},d("div",{key:"85d5075c6751200ae3840b1d9e4544792ea52b5e",class:"mrd-document-view__meta"},o&&d("h1",{key:"63a4676ef488f2b0cf2347e0aa4e3c728b2d9351",class:"mrd-document-view__title"},o),m&&d("p",{key:"4ff630a9967509f661050ba04eece5ca26773ce2",class:"mrd-document-view__date"},m),this.renderContainer(),l&&this.renderFileMeta(v,u),s&&d("div",{key:"412e4934755e801e8a6cd10f5d00da82f9b6aa6a",class:"mrd-document-view__summary"},d("div",{key:"fc5c1b88cdba2f2398d09b42ede0b4dc556cd0f3",class:"mrd-document-view__summary-body",innerHTML:s}))))))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-document-view-h{display:block}.mrd-document-view.sc-mrd-document-view{max-width:640px}.mrd-document-view__body.sc-mrd-document-view{display:flex;flex-direction:column;gap:var(--mrd-space-6)}.mrd-document-view__container.sc-mrd-document-view{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mrd-space-1);margin-bottom:var(--mrd-space-6)}.mrd-document-view__container-link.sc-mrd-document-view{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-document-view__container-link.sc-mrd-document-view:hover{text-decoration:underline}.mrd-document-view__folder.sc-mrd-document-view{display:inline-flex;align-items:center;gap:var(--mrd-space-1);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400);word-break:break-word}.mrd-document-view__folder-icon.sc-mrd-document-view{width:0.75rem;height:0.75rem;flex-shrink:0}.mrd-document-view__title.sc-mrd-document-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0 0 var(--mrd-space-1) 0}.mrd-document-view__date.sc-mrd-document-view{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums;margin:0 0 var(--mrd-space-6) 0}.mrd-document-view__file-meta.sc-mrd-document-view{display:flex;align-items:center;margin-bottom:var(--mrd-space-2)}.mrd-document-view__download.sc-mrd-document-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);flex-shrink:0;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-document-view__download.sc-mrd-document-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-document-view__download.sc-mrd-document-view svg.sc-mrd-document-view{width:0.9375rem;height:0.9375rem}.mrd-document-view__summary-body.sc-mrd-document-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed)}"}},[2,"mrd-document-view",{archetype:[16],data:[16],locale:[1]},void 0,{data:[{dataChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["mrd-document-view"].forEach((e=>{"mrd-document-view"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),s))}))}export{s as M,l as d}

package/dist/components/mrd-email-field2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as a,transformTag as l}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{r as m,b as s,F as t,c ~~as n~~,a as c}from"./field-helpers.js";const f=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=m(e,this.required,this.locale)\|\|(e&&!s(e)?o("invalid_email",this.locale):""),this.mrdBlur.emit({name:this.name,value:e})}}render(){return d(a,{key:"~~e185145e628e3a23dd338d93dd8e42bf11569728~~"},d("div",{key:"~~7d77dd982543a8add5fa1f47aa7985cc15079080~~",class:"mrd-email-field"},d(t,{key:"~~14eb00a535a052ebe3cb2793cc7dfc05168c402b~~",base:"mrd-email-field",label:this.label,required:this.required}),d("input",{key:"~~11fb9856144f7da30a054b4433350d80d316de64~~",class:n("mrd-email-field",!!this.error),type:"email",name:this.name,value:this.value,placeholder:this.placeholder\|\|"name@example.com",required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),d(c,{key:"~~be33c0a43cd99a7152c1d10b7067ea5e52834742~~",base:"mrd-email-field",error:this.error})))}static get style(){return'.sc-mrd-email-field-h{display:block}.mrd-email-field.sc-mrd-email-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-email-field__label.sc-mrd-email-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-email-field__label--required.sc-mrd-email-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-email-field__input.sc-mrd-email-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-email-field__input.sc-mrd-email-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-email-field__input.sc-mrd-email-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-email-field__input.sc-mrd-email-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-email-field__input--error.sc-mrd-email-field{border-color:var(--mrd-border-color-error)}.mrd-email-field__input--error.sc-mrd-email-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-email-field__error.sc-mrd-email-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}'}},[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function h(){"undefined"!=typeof customElements&&["mrd-email-field"].forEach((r=>{"mrd-email-field"===r&&(customElements.get(l(r))\|\|customElements.define(l(r),f))}))}export{f as M,h as d}
1	+ import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as a,transformTag as l}from"@stencil/core/internal/client";import{t as o}from"./i18n.js";import{r as m,b as s,F as t,c,a as n}from"./field-helpers.js";const f=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=m(e,this.required,this.locale)\|\|(e&&!s(e)?o("invalid_email",this.locale):""),this.mrdBlur.emit({name:this.name,value:e})}}render(){return d(a,{key:"3253124dadc7f0b3f120c11f8c35604a2f671b0a"},d("div",{key:"db820652452145c30f21b41a65942c0a4c6f45f1",class:"mrd-email-field"},d(t,{key:"8b1c5a84afce9fd18c3f644e5c92f07363e116d4",base:"mrd-email-field",label:this.label,required:this.required}),d("input",{key:"dc4bada3208aa6cb7585b1872f53605177371493",class:c("mrd-email-field",!!this.error),type:"email",name:this.name,value:this.value,placeholder:this.placeholder\|\|"name@example.com",required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),d(n,{key:"c44377d1b6a4a4c468b080b23eecd4ba9ca326e1",base:"mrd-email-field",error:this.error})))}static get style(){return'.sc-mrd-email-field-h{display:block}.mrd-email-field.sc-mrd-email-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-email-field__label.sc-mrd-email-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-email-field__label--required.sc-mrd-email-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-email-field__input.sc-mrd-email-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-email-field__input.sc-mrd-email-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-email-field__input.sc-mrd-email-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-email-field__input.sc-mrd-email-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-email-field__input--error.sc-mrd-email-field{border-color:var(--mrd-border-color-error)}.mrd-email-field__input--error.sc-mrd-email-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-email-field__error.sc-mrd-email-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}'}},[2,"mrd-email-field",{name:[1],label:[1],value:[1],placeholder:[1],required:[4],disabled:[4],locale:[1],error:[32]}]);function h(){"undefined"!=typeof customElements&&["mrd-email-field"].forEach((r=>{"mrd-email-field"===r&&(customElements.get(l(r))\|\|customElements.define(l(r),f))}))}export{f as M,h as d}

package/dist/components/mrd-email-view2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as a,Host as t,transformTag as d}from"@stencil/core/internal/client";import{p as l}from"./purify.es.js";import{t as m}from"./i18n.js";import{g as s}from"./format.js";import{a as o,b as n}from"./document-attachments.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdNavigate=i(this,"mrdNavigate",7),this.mrdDownload=i(this,"mrdDownload",7),this.mrdAttachments=i(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const e=o(this.archetype,this.data,"attachments"),r=n(e);r!==this.lastAttachmentKey&&(this.lastAttachmentKey=r,this.mrdAttachments.emit({attachments:e}))}slotValue(e){var r,i;const a=null===(i=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===i?void 0:i[e];if(a)return this.data[a]}slotLink(e){var r,i,a,t;const d=null===(i=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===i?void 0:i[e];if(d)return(null!==(t=null===(a=this.data)\|\|void 0===a?void 0:a._links)&&void 0!==t?t:{})[d]}renderAddressRow(e,r){var i;const t=this.slotLink(e),d=(null===(i=null==t?void 0:t.values)\|\|void 0===i?void 0:i.length)?t.values:(null==t?void 0:t.href)&&(null==t?void 0:t.name)?[{href:t.href,name:t.name}]:[];return d.length?a("div",{class:"mrd-email-view__header-row"},a("span",{class:"mrd-email-view__header-label"},r),a("span",{class:"mrd-email-view__header-value"},d.map(((e,r)=>a("span",{key:e.href},a("button",{type:"button",class:"mrd-email-view__link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name),r<d.length-1?", ":""))))):null}renderContainer(){const e=this.slotLink("container");return(null==e?void 0:e.href)&&e.name?a("button",{type:"button",class:"mrd-email-view__container-link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name):null}renderBody(){const e=this.slotValue("bodyHtml");if(null!=e&&""!==e)return a("div",{class:"mrd-email-view__body-html",innerHTML:l.sanitize(String(e))});const r=this.slotValue("bodyText");return null!=r&&""!==r?a("div",{class:"mrd-email-view__body-text"},String(r)):null}renderHeaders(){const e=this.slotValue("headers");return null==e\|\|""===e?null:a("details",{class:"mrd-email-view__headers"},a("summary",null,m("email_show_headers",this.locale)),a("pre",{class:"mrd-email-view__headers-body"},String(e)))}renderAttachments(){const e=o(this.archetype,this.data,"attachments");return e.length?a("div",{class:"mrd-email-view__attachments"},e.map((e=>a("button",{type:"button",key:e.href,class:"mrd-email-view__attachment",onClick:()=>this.mrdDownload.emit({href:e.href,fileName:e.fileName})},a("svg",{class:"mrd-email-view__attachment-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M21.44 11.05l-9.19 9.19a5 5 0 01-7.07-7.07l9.19-9.19a3 3 0 014.24 4.24l-9.2 9.19a1 1 0 01-1.41-1.41l8.49-8.48"})),e.fileName)))):null}render(){const e=this.slotValue("subject"),r=null!=e&&""!==e?String(e):null,i=this.slotValue("date");return a(t,{key:"3f36e4df048a71075193d61d0455f94a9121cacf"},a("div",{key:"164a3d686a462ede237d1aa0892c041ec7ee30b5",class:"mrd-email-view"},r&&a("h1",{key:"46111bedb40e60189f00232ec5f670c9d027c781",class:"mrd-email-view__subject"},r),a("div",{key:"492616cf77aa2351c680509c14328178426be7ed",class:"mrd-email-view__header"},this.renderAddressRow("from",m("email_from",this.locale)),this.renderAddressRow("to",m("email_to",this.locale)),this.renderAddressRow("cc",m("email_cc",this.locale)),null!=i&&""!==i&&a("div",{key:"bc89fb4adec45280b3cbb7216455a7a8a5530f51",class:"mrd-email-view__header-row"},a("span",{key:"2c0a90c5061261b8b70ba3eb0bf8b9fab793cc7d",class:"mrd-email-view__header-label"},m("email_date",this.locale)),a("span",{key:"de3edda49ec15795c9e91297ade9535f06b53b29",class:"mrd-email-view__header-value"},s(i,this.locale)))),this.renderContainer(),a("div",{key:"6e834f73168f167dac9b90a492db168b0dacc62e",class:"mrd-email-view__divider"}),this.renderBody(),this.renderAttachments(),this.renderHeaders()))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-email-view-h{display:block}.mrd-email-view.sc-mrd-email-view{max-width:720px;display:flex;flex-direction:column;gap:var(--mrd-space-4)}.mrd-email-view__subject.sc-mrd-email-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0}.mrd-email-view__header.sc-mrd-email-view{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-email-view__header-row.sc-mrd-email-view{display:flex;gap:var(--mrd-space-3);font-size:var(--mrd-font-size-sm)}.mrd-email-view__header-label.sc-mrd-email-view{flex-shrink:0;width:3rem;font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-400)}.mrd-email-view__header-value.sc-mrd-email-view{color:var(--mrd-color-neutral-700)}.mrd-email-view__link.sc-mrd-email-view{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:inherit;font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);cursor:pointer}.mrd-email-view__link.sc-mrd-email-view:hover{text-decoration:underline}.mrd-email-view__container-link.sc-mrd-email-view{align-self:flex-start;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}.mrd-email-view__container-link.sc-mrd-email-view:hover{text-decoration:underline}.mrd-email-view__divider.sc-mrd-email-view{height:var(--mrd-border-width);background:var(--mrd-color-neutral-200)}.mrd-email-view__body-html.sc-mrd-email-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);word-break:break-word}.mrd-email-view__body-text.sc-mrd-email-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);white-space:pre-wrap;word-break:break-word}.mrd-email-view__attachments.sc-mrd-email-view{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-email-view__attachment.sc-mrd-email-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);align-self:flex-start;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-email-view__attachment.sc-mrd-email-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-email-view__attachment-icon.sc-mrd-email-view{width:0.9375rem;height:0.9375rem;flex-shrink:0}.mrd-email-view__headers.sc-mrd-email-view{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400)}.mrd-email-view__headers.sc-mrd-email-view summary.sc-mrd-email-view{cursor:pointer;font-weight:var(--mrd-font-weight-medium)}.mrd-email-view__headers-body.sc-mrd-email-view{margin:var(--mrd-space-2) 0 0 0;padding:var(--mrd-space-3);background:var(--mrd-color-neutral-50);border-radius:var(--mrd-border-radius);white-space:pre-wrap;word-break:break-word}"}},[2,"mrd-email-view",{archetype:[16],data:[16],locale:[1]},void 0,{data:[{dataChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-email-view"].forEach((e=>{"mrd-email-view"===e&&(customElements.get(d(e))\|\|customElements.define(d(e),c))}))}export{c as M,v as d}
1	+ import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as a,Host as t,transformTag as d}from"@stencil/core/internal/client";import{p as l}from"./purify.es.js";import{t as m}from"./i18n.js";import{b as s}from"./format.js";import{a as o,b as n}from"./document-attachments.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdNavigate=i(this,"mrdNavigate",7),this.mrdDownload=i(this,"mrdDownload",7),this.mrdAttachments=i(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const e=o(this.archetype,this.data,"attachments"),r=n(e);r!==this.lastAttachmentKey&&(this.lastAttachmentKey=r,this.mrdAttachments.emit({attachments:e}))}slotValue(e){var r,i;const a=null===(i=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===i?void 0:i[e];if(a)return this.data[a]}slotLink(e){var r,i,a,t;const d=null===(i=null===(r=this.archetype)\|\|void 0===r?void 0:r.slots)\|\|void 0===i?void 0:i[e];if(d)return(null!==(t=null===(a=this.data)\|\|void 0===a?void 0:a._links)&&void 0!==t?t:{})[d]}renderAddressRow(e,r){var i;const t=this.slotLink(e),d=(null===(i=null==t?void 0:t.values)\|\|void 0===i?void 0:i.length)?t.values:(null==t?void 0:t.href)&&(null==t?void 0:t.name)?[{href:t.href,name:t.name}]:[];return d.length?a("div",{class:"mrd-email-view__header-row"},a("span",{class:"mrd-email-view__header-label"},r),a("span",{class:"mrd-email-view__header-value"},d.map(((e,r)=>a("span",{key:e.href},a("button",{type:"button",class:"mrd-email-view__link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name),r<d.length-1?", ":""))))):null}renderContainer(){const e=this.slotLink("container");return(null==e?void 0:e.href)&&e.name?a("button",{type:"button",class:"mrd-email-view__container-link",onClick:()=>this.mrdNavigate.emit({href:e.href,label:e.name})},e.name):null}renderBody(){const e=this.slotValue("bodyHtml");if(null!=e&&""!==e)return a("div",{class:"mrd-email-view__body-html",innerHTML:l.sanitize(String(e))});const r=this.slotValue("bodyText");return null!=r&&""!==r?a("div",{class:"mrd-email-view__body-text"},String(r)):null}renderHeaders(){const e=this.slotValue("headers");return null==e\|\|""===e?null:a("details",{class:"mrd-email-view__headers"},a("summary",null,m("email_show_headers",this.locale)),a("pre",{class:"mrd-email-view__headers-body"},String(e)))}renderAttachments(){const e=o(this.archetype,this.data,"attachments");return e.length?a("div",{class:"mrd-email-view__attachments"},e.map((e=>a("button",{type:"button",key:e.href,class:"mrd-email-view__attachment",onClick:()=>this.mrdDownload.emit({href:e.href,fileName:e.fileName})},a("svg",{class:"mrd-email-view__attachment-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{d:"M21.44 11.05l-9.19 9.19a5 5 0 01-7.07-7.07l9.19-9.19a3 3 0 014.24 4.24l-9.2 9.19a1 1 0 01-1.41-1.41l8.49-8.48"})),e.fileName)))):null}render(){const e=this.slotValue("subject"),r=null!=e&&""!==e?String(e):null,i=this.slotValue("date");return a(t,{key:"3f36e4df048a71075193d61d0455f94a9121cacf"},a("div",{key:"164a3d686a462ede237d1aa0892c041ec7ee30b5",class:"mrd-email-view"},r&&a("h1",{key:"46111bedb40e60189f00232ec5f670c9d027c781",class:"mrd-email-view__subject"},r),a("div",{key:"492616cf77aa2351c680509c14328178426be7ed",class:"mrd-email-view__header"},this.renderAddressRow("from",m("email_from",this.locale)),this.renderAddressRow("to",m("email_to",this.locale)),this.renderAddressRow("cc",m("email_cc",this.locale)),null!=i&&""!==i&&a("div",{key:"bc89fb4adec45280b3cbb7216455a7a8a5530f51",class:"mrd-email-view__header-row"},a("span",{key:"2c0a90c5061261b8b70ba3eb0bf8b9fab793cc7d",class:"mrd-email-view__header-label"},m("email_date",this.locale)),a("span",{key:"de3edda49ec15795c9e91297ade9535f06b53b29",class:"mrd-email-view__header-value"},s(i,this.locale)))),this.renderContainer(),a("div",{key:"6e834f73168f167dac9b90a492db168b0dacc62e",class:"mrd-email-view__divider"}),this.renderBody(),this.renderAttachments(),this.renderHeaders()))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-email-view-h{display:block}.mrd-email-view.sc-mrd-email-view{max-width:720px;display:flex;flex-direction:column;gap:var(--mrd-space-4)}.mrd-email-view__subject.sc-mrd-email-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0}.mrd-email-view__header.sc-mrd-email-view{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-email-view__header-row.sc-mrd-email-view{display:flex;gap:var(--mrd-space-3);font-size:var(--mrd-font-size-sm)}.mrd-email-view__header-label.sc-mrd-email-view{flex-shrink:0;width:3rem;font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-400)}.mrd-email-view__header-value.sc-mrd-email-view{color:var(--mrd-color-neutral-700)}.mrd-email-view__link.sc-mrd-email-view{background:none;border:none;padding:0;font-family:var(--mrd-font-family);font-size:inherit;font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);cursor:pointer}.mrd-email-view__link.sc-mrd-email-view:hover{text-decoration:underline}.mrd-email-view__container-link.sc-mrd-email-view{align-self:flex-start;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}.mrd-email-view__container-link.sc-mrd-email-view:hover{text-decoration:underline}.mrd-email-view__divider.sc-mrd-email-view{height:var(--mrd-border-width);background:var(--mrd-color-neutral-200)}.mrd-email-view__body-html.sc-mrd-email-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);word-break:break-word}.mrd-email-view__body-text.sc-mrd-email-view{font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-700);line-height:var(--mrd-line-height-relaxed);white-space:pre-wrap;word-break:break-word}.mrd-email-view__attachments.sc-mrd-email-view{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-email-view__attachment.sc-mrd-email-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);align-self:flex-start;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-email-view__attachment.sc-mrd-email-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-email-view__attachment-icon.sc-mrd-email-view{width:0.9375rem;height:0.9375rem;flex-shrink:0}.mrd-email-view__headers.sc-mrd-email-view{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-400)}.mrd-email-view__headers.sc-mrd-email-view summary.sc-mrd-email-view{cursor:pointer;font-weight:var(--mrd-font-weight-medium)}.mrd-email-view__headers-body.sc-mrd-email-view{margin:var(--mrd-space-2) 0 0 0;padding:var(--mrd-space-3);background:var(--mrd-color-neutral-50);border-radius:var(--mrd-border-radius);white-space:pre-wrap;word-break:break-word}"}},[2,"mrd-email-view",{archetype:[16],data:[16],locale:[1]},void 0,{data:[{dataChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-email-view"].forEach((e=>{"mrd-email-view"===e&&(customElements.get(d(e))\|\|customElements.define(d(e),c))}))}export{c as M,v as d}

package/dist/components/mrd-field2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as l,transformTag as t}from"@stencil/core/internal/client";import{b as o,a,c as s}from"./client-layout.js";import{t as n}from"./i18n.js";import{d as m}from"./mrd-boolean-field2.js";import{d as c}from"./mrd-currency-field2.js";import{d as u}from"./mrd-date-field2.js";import{d as f}from"./mrd-datetime-field2.js";import{d as v}from"./mrd-email-field2.js";import{d as h}from"./mrd-file-field2.js";import{d as p}from"./mrd-hyperlink-field2.js";import{d as b}from"./mrd-image-field2.js";import{d as y}from"./mrd-list-field2.js";import{d as g}from"./mrd-longtext-field2.js";import{d as _}from"./mrd-number-field2.js";import{d as j}from"./mrd-relation-field2.js";import{d as k}from"./mrd-secret-field2.js";import{d as x}from"./mrd-text-field2.js";import{d as w}from"./mrd-textarea-field2.js";import{d as E}from"./mrd-time-field2.js";const O=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdSearch=i(this,"mrdSearch",7),this.mrdFetchAll=i(this,"mrdFetchAll",7),this.mrdUpload=i(this,"mrdUpload",7),this.locale=navigator.language,this.historyEntries=[],this.currentValue=void 0,this.handleChange=r=>{var e,i,d,l;r.stopPropagation(),(null!==(i=null===(e=this.item)\|\|void 0===e?void 0:e.historyEnabled)&&void 0!==i?i:null===(l=null===(d=this.item)\|\|void 0===d?void 0:d.field)\|\|void 0===l?void 0:l.historyEnabled)?(this.currentValue=r.detail.value,this.mrdChange.emit({name:r.detail.name,value:{current:r.detail.value,history:this.historyEntries}})):this.mrdChange.emit(r.detail)},this.handleBlur=r=>{var e,i,d,l;r.stopPropagation();const t=null!==(i=null===(e=this.item)\|\|void 0===e?void 0:e.historyEnabled)&&void 0!==i?i:null===(l=null===(d=this.item)\|\|void 0===d?void 0:d.field)\|\|void 0===l?void 0:l.historyEnabled;this.mrdBlur.emit(t?{name:r.detail.name,value:{current:this.currentValue,history:this.historyEntries}}:r.detail)},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)}}componentWillLoad(){this.initHistoryState()}valueChanged(){this.initHistoryState()}initHistoryState(){var r,e,i,d,l;if(!(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(d=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===d?void 0:d.historyEnabled))return;const t=this.value;this.currentValue=null!==(l=null==t?void 0:t.current)&&void 0!==l?l:t,this.historyEntries=Array.isArray(null==t?void 0:t.history)?[...t.history]:[]}getDisplayValue(){var r,e,i,d;return(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(d=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===d?void 0:d.historyEnabled)&&null!==this.value&&"object"==typeof this.value&&"current"in this.value?this.value.current:this.value}historyValueInputType(){var r;switch(null===(r=this.item)\|\|void 0===r?void 0:r.dataType){case o.DATE:return"date";case o.DATETIME:return"datetime-local";case o.TIME:return"time";case o.INTEGER:case o.DECIMAL:case o.PERCENTAGE:return"number";case o.EMAIL:return"email";default:return"text"}}emitHistoryChange(r){this.historyEntries=r,this.mrdChange.emit({name:this.item.name,value:{current:this.currentValue,history:r}})}renderHistoryEditor(){var r,e,i,l;if(!(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(l=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===l?void 0:l.historyEnabled))return null;const{locale:t}=this,o=this.historyValueInputType(),a=(r,e,i)=>{const d=this.historyEntries.map(((d,l)=>l===r?Object.assign(Object.assign({},d),{[e]:i}):d));this.emitHistoryChange(d)},s=r=>{this.emitHistoryChange(this.historyEntries.filter(((e,i)=>i!==r)))};return d("div",{class:"mrd-field__history-editor"},this.historyEntries.length>0&&d("span",{class:"mrd-field__history-editor-label"},n("history_badge_tooltip",t)),this.historyEntries.map(((r,e)=>d("div",{key:String(e),class:"mrd-field__history-editor-row"},d("input",{class:"mrd-field__history-editor-value",type:o,value:r.value,onInput:r=>a(e,"value",r.target.value)}),d("span",{class:"mrd-field__history-editor-sep"},n("history_until",t)),d("input",{class:"mrd-field__history-editor-until",type:"date",value:r.until,onInput:r=>a(e,"until",r.target.value)}),d("button",{type:"button",class:"mrd-field__history-editor-remove",onClick:()=>s(e),"aria-label":n("remove",t)},d("svg",{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},d("path",{"fill-rule":"evenodd",d:"M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z","clip-rule":"evenodd"})))))),d("button",{type:"button",class:"mrd-field__history-editor-add",onClick:()=>{this.emitHistoryChange([...this.historyEntries,{value:"",until:""}])}},"+ ",n("add",t)))}renderLeafField(r){var e,i,l,t,a,s,n,m,c,u,f,v,h,p,b,y,g,_,j,k,x,w,E,O,z,C,M,A,S,V,B,I,U;const{item:F,locale:H}=this,T={name:F.name,label:F.label,required:F.required,disabled:null!==(e=F.disabled)&&void 0!==e&&e,locale:H,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur};switch(F.dataType){case o.TEXT:return d("mrd-text-field",Object.assign({},T,{value:null!==(i=r)&&void 0!==i?i:"",placeholder:null!==(l=F.placeholder)&&void 0!==l?l:""}));case o.TEXTBLOCK:return d("mrd-textarea-field",Object.assign({},T,{value:null!==(t=r)&&void 0!==t?t:"",placeholder:null!==(a=F.placeholder)&&void 0!==a?a:""}));case o.INTEGER:case o.DECIMAL:case o.PERCENTAGE:return d("mrd-number-field",Object.assign({},T,{value:null!==(s=r)&&void 0!==s?s:null,dataType:F.dataType,decimalPrecision:null!==(n=F.decimalPrecision)&&void 0!==n?n:2,placeholder:null!==(m=F.placeholder)&&void 0!==m?m:""}));case o.CURRENCY:return d("mrd-currency-field",Object.assign({},T,{value:null!==(c=r)&&void 0!==c?c:{amount:null,currency:null!==(u=F.currencyCode)&&void 0!==u?u:"EUR"}}));case o.BOOLEAN:return d("mrd-boolean-field",Object.assign({},T,{value:null!==(f=r)&&void 0!==f&&f}));case o.DATE:return d("mrd-date-field",Object.assign({},T,{value:null!==(v=r)&&void 0!==v?v:"",placeholder:null!==(h=F.placeholder)&&void 0!==h?h:""}));case o.DATETIME:return d("mrd-datetime-field",Object.assign({},T,{value:null!==(p=r)&&void 0!==p?p:"",placeholder:null!==(b=F.placeholder)&&void 0!==b?b:""}));case o.TIME:return d("mrd-time-field",Object.assign({},T,{value:null!==(y=r)&&void 0!==y?y:""}));case o.EMAIL:return d("mrd-email-field",Object.assign({},T,{value:null!==(g=r)&&void 0!==g?g:"",placeholder:null!==(_=F.placeholder)&&void 0!==_?_:""}));case o.HYPERLINK:return d("mrd-hyperlink-field",Object.assign({},T,{value:null!==(j=r)&&void 0!==j?j:"",placeholder:null!==(k=F.placeholder)&&void 0!==k?k:""}));case o.LIST:return d("mrd-list-field",Object.assign({},T,{value:null!==(x=r)&&void 0!==x?x:"",multiple:null!==(w=F.multiple)&&void 0!==w&&w,listItems:null!==(E=F.listItems)&&void 0!==E?E:[]}));case o.FILE:return d("mrd-file-field",Object.assign({},T,{value:r,accept:null!==(O=F.accept)&&void 0!==O?O:"",maxSize:null!==(z=F.maxSize)&&void 0!==z?z:0,multiple:null!==(C=F.multiple)&&void 0!==C&&C,onMrdUpload:this.handleUpload}));case o.IMAGE:return d("mrd-image-field",Object.assign({},T,{value:r,accept:null!==(M=F.accept)&&void 0!==M?M:"image/*",maxSize:null!==(A=F.maxSize)&&void 0!==A?A:0,multiple:null!==(S=F.multiple)&&void 0!==S&&S,onMrdUpload:this.handleUpload}));case o.LONGTEXT:return d("mrd-longtext-field",Object.assign({},T,{value:null!==(V=r)&&void 0!==V?V:"",placeholder:null!==(B=F.placeholder)&&void 0!==B?B:""}));case o.SECRET:return d("mrd-secret-field",Object.assign({},T,{value:null!==(I=r)&&void 0!==I?I:"",placeholder:null!==(U=F.placeholder)&&void 0!==U?U:""}));default:return null}}render(){var r,e,i,t,o,n;const{item:m,locale:c,value:u}=this;if(m.type===a.RELATION)return d(l,null,d("mrd-relation-field",{name:m.name,label:m.label,required:m.required,disabled:null!==(r=m.disabled)&&void 0!==r&&r,locale:c,relatedClass:m.relatedClass,mostSignificantClass:null!==(e=m.mostSignificantClass)&&void 0!==e?e:"",displayType:null!==(i=m.displayType)&&void 0!==i?i:s.SEARCH,editBehavior:null!==(t=m.editBehavior)&&void 0!==t?t:null,commonRelation:m.commonRelation,multiple:null!==(o=m.multiple)&&void 0!==o&&o,dropdownValues:null!==(n=m.dropdownValues)&&void 0!==n?n:[],value:u,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll}));if(m.type!==a.FIELD)return d(l,null);const f=this.getDisplayValue();return d(l,null,d("div",{class:"mrd-field__inner"},this.renderLeafField(f),this.renderHistoryEditor()))}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return".sc-mrd-field-h{display:block}.mrd-field__inner.sc-mrd-field{display:block;width:100%}.mrd-field__history-editor.sc-mrd-field{margin-top:var(--mrd-space-2);display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-field__history-editor-label.sc-mrd-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-row.sc-mrd-field{display:flex;align-items:center;gap:var(--mrd-space-2)}.mrd-field__history-editor-sep.sc-mrd-field{flex-shrink:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-value.sc-mrd-field{flex:1 1 0;min-width:0;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-value.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-until.sc-mrd-field{flex:0 0 10rem;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-until.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-remove.sc-mrd-field{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-field__history-editor-remove.sc-mrd-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-field__history-editor-remove.sc-mrd-field svg.sc-mrd-field{width:1rem;height:1rem}.mrd-field__history-editor-add.sc-mrd-field{align-self:flex-start;padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);background:transparent;border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius-md);cursor:pointer;transition:background-color var(--mrd-transition-fast), color var(--mrd-transition-fast)}.mrd-field__history-editor-add.sc-mrd-field:hover{background-color:var(--mrd-color-primary-light)}"}},[2,"mrd-field",{item:[16],locale:[1],value:[16],historyEntries:[32],currentValue:[32]},void 0,{value:[{valueChanged:0}]}]);function z(){"undefined"!=typeof customElements&&["mrd-field","mrd-boolean-field","mrd-currency-field","mrd-date-field","mrd-datetime-field","mrd-email-field","mrd-file-field","mrd-hyperlink-field","mrd-image-field","mrd-list-field","mrd-longtext-field","mrd-number-field","mrd-relation-field","mrd-secret-field","mrd-text-field","mrd-textarea-field","mrd-time-field"].forEach((r=>{switch(r){case"mrd-field":customElements.get(t(r))\|\|customElements.define(t(r),O);break;case"mrd-boolean-field":customElements.get(t(r))\|\|m();break;case"mrd-currency-field":customElements.get(t(r))\|\|c();break;case"mrd-date-field":customElements.get(t(r))\|\|u();break;case"mrd-datetime-field":customElements.get(t(r))\|\|f();break;case"mrd-email-field":customElements.get(t(r))\|\|v();break;case"mrd-file-field":customElements.get(t(r))\|\|h();break;case"mrd-hyperlink-field":customElements.get(t(r))\|\|p();break;case"mrd-image-field":customElements.get(t(r))\|\|b();break;case"mrd-list-field":customElements.get(t(r))\|\|y();break;case"mrd-longtext-field":customElements.get(t(r))\|\|g();break;case"mrd-number-field":customElements.get(t(r))\|\|_();break;case"mrd-relation-field":customElements.get(t(r))\|\|j();break;case"mrd-secret-field":customElements.get(t(r))\|\|k();break;case"mrd-text-field":customElements.get(t(r))\|\|x();break;case"mrd-textarea-field":customElements.get(t(r))\|\|w();break;case"mrd-time-field":customElements.get(t(r))\|\|E()}}))}export{O as M,z as d}
1	+ import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as l,transformTag as t}from"@stencil/core/internal/client";import{b as o,a,c as s}from"./client-layout.js";import{t as n}from"./i18n.js";import{d as m}from"./mrd-boolean-field2.js";import{d as c}from"./mrd-currency-field2.js";import{d as u}from"./mrd-date-field2.js";import{d as f}from"./mrd-datetime-field2.js";import{d as v}from"./mrd-email-field2.js";import{d as h}from"./mrd-file-field2.js";import{d as p}from"./mrd-hyperlink-field2.js";import{d as b}from"./mrd-image-field2.js";import{d as y}from"./mrd-list-field2.js";import{d as g}from"./mrd-longtext-field2.js";import{d as _}from"./mrd-number-field2.js";import{d as j}from"./mrd-relation-field2.js";import{d as k}from"./mrd-secret-field2.js";import{d as x}from"./mrd-text-field2.js";import{d as w}from"./mrd-textarea-field2.js";import{d as E}from"./mrd-time-field2.js";const O=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdSearch=i(this,"mrdSearch",7),this.mrdFetchAll=i(this,"mrdFetchAll",7),this.mrdUpload=i(this,"mrdUpload",7),this.locale=navigator.language,this.historyEntries=[],this.currentValue=void 0,this.handleChange=r=>{var e,i,d,l;r.stopPropagation(),(null!==(i=null===(e=this.item)\|\|void 0===e?void 0:e.historyEnabled)&&void 0!==i?i:null===(l=null===(d=this.item)\|\|void 0===d?void 0:d.field)\|\|void 0===l?void 0:l.historyEnabled)?(this.currentValue=r.detail.value,this.mrdChange.emit({name:r.detail.name,value:{current:r.detail.value,history:this.historyEntries}})):this.mrdChange.emit(r.detail)},this.handleBlur=r=>{var e,i,d,l;r.stopPropagation();const t=null!==(i=null===(e=this.item)\|\|void 0===e?void 0:e.historyEnabled)&&void 0!==i?i:null===(l=null===(d=this.item)\|\|void 0===d?void 0:d.field)\|\|void 0===l?void 0:l.historyEnabled;this.mrdBlur.emit(t?{name:r.detail.name,value:{current:this.currentValue,history:this.historyEntries}}:r.detail)},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)}}componentWillLoad(){this.initHistoryState()}valueChanged(){this.initHistoryState()}initHistoryState(){var r,e,i,d,l;if(!(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(d=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===d?void 0:d.historyEnabled))return;const t=this.value;this.currentValue=null!==(l=null==t?void 0:t.current)&&void 0!==l?l:t,this.historyEntries=Array.isArray(null==t?void 0:t.history)?[...t.history]:[]}getDisplayValue(){var r,e,i,d;return(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(d=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===d?void 0:d.historyEnabled)&&null!==this.value&&"object"==typeof this.value&&"current"in this.value?this.value.current:this.value}historyValueInputType(){var r;switch(null===(r=this.item)\|\|void 0===r?void 0:r.dataType){case o.DATE:return"date";case o.DATETIME:return"datetime-local";case o.TIME:return"time";case o.INTEGER:case o.DECIMAL:case o.PERCENTAGE:return"number";case o.EMAIL:return"email";default:return"text"}}emitHistoryChange(r){this.historyEntries=r,this.mrdChange.emit({name:this.item.name,value:{current:this.currentValue,history:r}})}renderHistoryEditor(){var r,e,i,l;if(!(null!==(e=null===(r=this.item)\|\|void 0===r?void 0:r.historyEnabled)&&void 0!==e?e:null===(l=null===(i=this.item)\|\|void 0===i?void 0:i.field)\|\|void 0===l?void 0:l.historyEnabled))return null;const{locale:t}=this,o=this.historyValueInputType(),a=(r,e,i)=>{const d=this.historyEntries.map(((d,l)=>l===r?Object.assign(Object.assign({},d),{[e]:i}):d));this.emitHistoryChange(d)},s=r=>{this.emitHistoryChange(this.historyEntries.filter(((e,i)=>i!==r)))};return d("div",{class:"mrd-field__history-editor"},this.historyEntries.length>0&&d("span",{class:"mrd-field__history-editor-label"},n("history_badge_tooltip",t)),this.historyEntries.map(((r,e)=>d("div",{key:String(e),class:"mrd-field__history-editor-row"},d("input",{class:"mrd-field__history-editor-value",type:o,value:r.value,onInput:r=>a(e,"value",r.target.value)}),d("span",{class:"mrd-field__history-editor-sep"},n("history_until",t)),d("input",{class:"mrd-field__history-editor-until",type:"date",value:r.until,onInput:r=>a(e,"until",r.target.value)}),d("button",{type:"button",class:"mrd-field__history-editor-remove",onClick:()=>s(e),"aria-label":n("remove",t)},d("svg",{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},d("path",{"fill-rule":"evenodd",d:"M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z","clip-rule":"evenodd"})))))),d("button",{type:"button",class:"mrd-field__history-editor-add",onClick:()=>{this.emitHistoryChange([...this.historyEntries,{value:"",until:""}])}},"+ ",n("add",t)))}renderLeafField(r){var e,i,l,t,a,s,n,m,c,u,f,v,h,p,b,y,g,_,j,k,x,w,E,O,z,C,M,A,S,V,B;const{item:I,locale:U}=this,F={name:I.name,label:I.label,required:I.required,disabled:null!==(e=I.disabled)&&void 0!==e&&e,locale:U,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur};switch(I.dataType){case o.TEXT:return d("mrd-text-field",Object.assign({},F,{value:null!==(i=r)&&void 0!==i?i:"",placeholder:null!==(l=I.placeholder)&&void 0!==l?l:""}));case o.TEXTBLOCK:return d("mrd-textarea-field",Object.assign({},F,{value:null!==(t=r)&&void 0!==t?t:"",placeholder:null!==(a=I.placeholder)&&void 0!==a?a:""}));case o.INTEGER:case o.DECIMAL:case o.PERCENTAGE:return d("mrd-number-field",Object.assign({},F,{value:null!==(s=r)&&void 0!==s?s:null,dataType:I.dataType,decimalPrecision:null!==(n=I.decimalPrecision)&&void 0!==n?n:2,placeholder:null!==(m=I.placeholder)&&void 0!==m?m:""}));case o.CURRENCY:return d("mrd-currency-field",Object.assign({},F,{value:null!==(c=r)&&void 0!==c?c:{amount:null,currency:null!==(u=I.currencyCode)&&void 0!==u?u:"EUR"}}));case o.BOOLEAN:return d("mrd-boolean-field",Object.assign({},F,{value:null!==(f=r)&&void 0!==f&&f}));case o.DATE:return d("mrd-date-field",Object.assign({},F,{value:null!==(v=r)&&void 0!==v?v:""}));case o.DATETIME:return d("mrd-datetime-field",Object.assign({},F,{value:null!==(h=r)&&void 0!==h?h:""}));case o.TIME:return d("mrd-time-field",Object.assign({},F,{value:null!==(p=r)&&void 0!==p?p:""}));case o.EMAIL:return d("mrd-email-field",Object.assign({},F,{value:null!==(b=r)&&void 0!==b?b:"",placeholder:null!==(y=I.placeholder)&&void 0!==y?y:""}));case o.HYPERLINK:return d("mrd-hyperlink-field",Object.assign({},F,{value:null!==(g=r)&&void 0!==g?g:"",placeholder:null!==(_=I.placeholder)&&void 0!==_?_:""}));case o.LIST:return d("mrd-list-field",Object.assign({},F,{value:null!==(j=r)&&void 0!==j?j:"",multiple:null!==(k=I.multiple)&&void 0!==k&&k,listItems:null!==(x=I.listItems)&&void 0!==x?x:[]}));case o.FILE:return d("mrd-file-field",Object.assign({},F,{value:r,accept:null!==(w=I.accept)&&void 0!==w?w:"",maxSize:null!==(E=I.maxSize)&&void 0!==E?E:0,multiple:null!==(O=I.multiple)&&void 0!==O&&O,onMrdUpload:this.handleUpload}));case o.IMAGE:return d("mrd-image-field",Object.assign({},F,{value:r,accept:null!==(z=I.accept)&&void 0!==z?z:"image/*",maxSize:null!==(C=I.maxSize)&&void 0!==C?C:0,multiple:null!==(M=I.multiple)&&void 0!==M&&M,onMrdUpload:this.handleUpload}));case o.LONGTEXT:return d("mrd-longtext-field",Object.assign({},F,{value:null!==(A=r)&&void 0!==A?A:"",placeholder:null!==(S=I.placeholder)&&void 0!==S?S:""}));case o.SECRET:return d("mrd-secret-field",Object.assign({},F,{value:null!==(V=r)&&void 0!==V?V:"",placeholder:null!==(B=I.placeholder)&&void 0!==B?B:""}));default:return null}}render(){var r,e,i,t,o,n;const{item:m,locale:c,value:u}=this;if(m.type===a.RELATION)return d(l,null,d("mrd-relation-field",{name:m.name,label:m.label,required:m.required,disabled:null!==(r=m.disabled)&&void 0!==r&&r,locale:c,relatedClass:m.relatedClass,mostSignificantClass:null!==(e=m.mostSignificantClass)&&void 0!==e?e:"",displayType:null!==(i=m.displayType)&&void 0!==i?i:s.SEARCH,editBehavior:null!==(t=m.editBehavior)&&void 0!==t?t:null,commonRelation:m.commonRelation,multiple:null!==(o=m.multiple)&&void 0!==o&&o,dropdownValues:null!==(n=m.dropdownValues)&&void 0!==n?n:[],value:u,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll}));if(m.type!==a.FIELD)return d(l,null);const f=this.getDisplayValue();return d(l,null,d("div",{class:"mrd-field__inner"},this.renderLeafField(f),this.renderHistoryEditor()))}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return".sc-mrd-field-h{display:block}.mrd-field__inner.sc-mrd-field{display:block;width:100%}.mrd-field__history-editor.sc-mrd-field{margin-top:var(--mrd-space-2);display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-field__history-editor-label.sc-mrd-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-row.sc-mrd-field{display:flex;align-items:center;gap:var(--mrd-space-2)}.mrd-field__history-editor-sep.sc-mrd-field{flex-shrink:0;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-field__history-editor-value.sc-mrd-field{flex:1 1 0;min-width:0;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-value.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-until.sc-mrd-field{flex:0 0 10rem;height:var(--mrd-input-height);padding:0 var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800);background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);outline:none;transition:border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast)}.mrd-field__history-editor-until.sc-mrd-field:focus{border-color:var(--mrd-color-primary);box-shadow:var(--mrd-shadow-focus)}.mrd-field__history-editor-remove.sc-mrd-field{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--mrd-border-radius-sm);color:var(--mrd-color-neutral-400);cursor:pointer;transition:color var(--mrd-transition-fast), background-color var(--mrd-transition-fast)}.mrd-field__history-editor-remove.sc-mrd-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-field__history-editor-remove.sc-mrd-field svg.sc-mrd-field{width:1rem;height:1rem}.mrd-field__history-editor-add.sc-mrd-field{align-self:flex-start;padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary);background:transparent;border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius-md);cursor:pointer;transition:background-color var(--mrd-transition-fast), color var(--mrd-transition-fast)}.mrd-field__history-editor-add.sc-mrd-field:hover{background-color:var(--mrd-color-primary-light)}"}},[2,"mrd-field",{item:[16],locale:[1],value:[16],historyEntries:[32],currentValue:[32]},void 0,{value:[{valueChanged:0}]}]);function z(){"undefined"!=typeof customElements&&["mrd-field","mrd-boolean-field","mrd-currency-field","mrd-date-field","mrd-datetime-field","mrd-email-field","mrd-file-field","mrd-hyperlink-field","mrd-image-field","mrd-list-field","mrd-longtext-field","mrd-number-field","mrd-relation-field","mrd-secret-field","mrd-text-field","mrd-textarea-field","mrd-time-field"].forEach((r=>{switch(r){case"mrd-field":customElements.get(t(r))\|\|customElements.define(t(r),O);break;case"mrd-boolean-field":customElements.get(t(r))\|\|m();break;case"mrd-currency-field":customElements.get(t(r))\|\|c();break;case"mrd-date-field":customElements.get(t(r))\|\|u();break;case"mrd-datetime-field":customElements.get(t(r))\|\|f();break;case"mrd-email-field":customElements.get(t(r))\|\|v();break;case"mrd-file-field":customElements.get(t(r))\|\|h();break;case"mrd-hyperlink-field":customElements.get(t(r))\|\|p();break;case"mrd-image-field":customElements.get(t(r))\|\|b();break;case"mrd-list-field":customElements.get(t(r))\|\|y();break;case"mrd-longtext-field":customElements.get(t(r))\|\|g();break;case"mrd-number-field":customElements.get(t(r))\|\|_();break;case"mrd-relation-field":customElements.get(t(r))\|\|j();break;case"mrd-secret-field":customElements.get(t(r))\|\|k();break;case"mrd-text-field":customElements.get(t(r))\|\|x();break;case"mrd-textarea-field":customElements.get(t(r))\|\|w();break;case"mrd-time-field":customElements.get(t(r))\|\|E()}}))}export{O as M,z as d}

package/dist/components/mrd-file-field2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as l,Host as d,transformTag as o}from"@stencil/core/internal/client";import{t as s}from"./i18n.js";import{F as t,a}from"./field-helpers.js";import{m as f,v as n,i as m,e as c,u as h}from"./file-upload-common.js";const p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdUpload=i(this,"mrdUpload",7),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="",this.maxSize=0,this.multiple=!1,this.entries=[],this.isDragging=!1,this.error="",this.handleInputChange=e=>{var r;const i=e.target;this.addFiles(Array.from(null!==(r=i.files)&&void 0!==r?r:[])),i.value=""},this.drag=f((e=>this.isDragging=e),(e=>this.addFiles(e))),this.handleZoneClick=()=>{var e;this.disabled\|\|this.zoneBusy\|\|null===(e=this.fileInputRef)\|\|void 0===e\|\|e.click()},this.handleRemove=e=>r=>{r.stopPropagation();const i=this.entries.filter(((r,i)=>i!==e));this.entries=i,this.error="",this.fileInputRef&&(this.fileInputRef.value=""),this.emitValue(i)}}componentWillLoad(){this.syncEntriesFromValue()}valueChanged(){this.syncEntriesFromValue()}syncEntriesFromValue(){const e=this.value;this.entries=this.multiple&&Array.isArray(e)?[...e]:e?[e]:[]}emitValue(e){var r;const i=this.multiple?e:null!==(r=e[0])&&void 0!==r?r:null;this.mrdChange.emit({name:this.name,value:i})}addFiles(e){if(this.disabled\|\|this.zoneBusy)return;const r=this.multiple?e:e.slice(0,1);if(!r.length)return;const i=[];let l="";for(const e of r){const r=n(e,this.maxSize,this.locale);r?l=r:i.push(e)}if(this.error=l,!i.length)return;const d=this.multiple?[...this.entries,...i]:[i[0]];this.entries=d,this.emitValue(d);for(const e of i)this.mrdUpload.emit({name:this.name,file:e})}get zoneBusy(){return!this.multiple&&this.entries.some(m)}renderEntry(e,r){const i=m(e);return[i?l("span",{class:"mrd-file-field__spinner","aria-label":s("loading",this.locale)}):l("svg",{class:"mrd-file-field__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},l("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),l("polyline",{points:"14 2 14 8 20 8"})),l("span",{class:"mrd-file-field__filename"},c(e)),!i&&l("button",{class:"mrd-file-field__clear",type:"button",onClick:this.handleRemove(r),"aria-label":s("remove",this.locale)},"✕")]}render(){const e=this.entries.length>0,r=h("mrd-file-field",{dragging:this.isDragging,error:!!this.error,disabled:this.disabled\|\|this.zoneBusy});return l(d,{key:"~~36f9660fd297e7b2e7b2ac1816f4dcbc70d5cfcb~~"},l("div",{key:"~~a33534d3fedae04bad0eefc9d2d297ea148c5784~~",class:"mrd-file-field"},l(t,{key:"~~833f8ff178ec259c8066ddf542bdd1930bac486f~~",base:"mrd-file-field",label:this.label,required:this.required}),l("div",{key:"~~d3bd00b25329b8cc716c5fcc526919d8f2c14bce~~",class:r,onClick:this.handleZoneClick,onDragOver:this.drag.onDragOver,onDragLeave:this.drag.onDragLeave,onDrop:this.drag.onDrop},l("input",{key:"~~4b98ee338e8a5e4e6f94e5b5614ca88c90f802ee~~",ref:e=>this.fileInputRef=e,class:"mrd-file-field__input",type:"file",name:this.name,accept:this.accept,multiple:this.multiple,disabled:this.disabled\|\|this.zoneBusy,required:this.required&&!e,onChange:this.handleInputChange}),e&&!this.multiple?l("div",{class:"mrd-file-field__selected"},this.renderEntry(this.entries[0],0)):l("div",{class:"mrd-file-field__prompt"},l("svg",{class:"mrd-file-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},l("polyline",{points:"16 16 12 12 8 16"}),l("line",{x1:"12",y1:"12",x2:"12",y2:"21"}),l("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),l("span",null,s("drop_file_here",this.locale)," ",l("span",{class:"mrd-file-field__browse"},s("browse",this.locale))))),this.multiple&&e&&l("ul",{key:"~~6e6e1d62738d0a824eb86e0dbb01b63a0227580d~~",class:"mrd-file-field__list"},this.entries.map(((e,r)=>l("li",{class:"mrd-file-field__item",key:`${r}-${c(e)}`},this.renderEntry(e,r))))),l(a,{key:"~~df6427015d3f813a72e8998f9fa6152f6caef90e~~",base:"mrd-file-field",error:this.error})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'.sc-mrd-file-field-h{display:block}.mrd-file-field.sc-mrd-file-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-file-field__label.sc-mrd-file-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-file-field__label--required.sc-mrd-file-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-file-field__error.sc-mrd-file-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-file-field__zone.sc-mrd-file-field{display:flex;align-items:center;justify-content:center;border:2px dashed var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);background-color:var(--mrd-color-neutral-50);cursor:pointer;transition:border-color var(--mrd-transition), background-color var(--mrd-transition);min-height:100px;position:relative}.mrd-file-field__zone.sc-mrd-file-field:hover,.mrd-file-field__zone--dragging.sc-mrd-file-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-file-field__zone--error.sc-mrd-file-field{border-color:var(--mrd-border-color-error)}.mrd-file-field__zone--disabled.sc-mrd-file-field{opacity:0.6;cursor:not-allowed}.mrd-file-field__zone--disabled.sc-mrd-file-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-file-field__zone.sc-mrd-file-field{padding:var(--mrd-space-6)}.mrd-file-field__input.sc-mrd-file-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none;cursor:pointer}.mrd-file-field__prompt.sc-mrd-file-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-file-field__upload-icon.sc-mrd-file-field{width:32px;height:32px;color:var(--mrd-color-neutral-400)}.mrd-file-field__browse.sc-mrd-file-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-file-field__selected.sc-mrd-file-field{display:flex;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-file-field__list.sc-mrd-file-field{list-style:none;display:flex;flex-direction:column;gap:var(--mrd-space-1);margin:var(--mrd-space-2) 0 0;padding:0}.mrd-file-field__item.sc-mrd-file-field{display:flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-1) var(--mrd-space-2);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-file-field__icon.sc-mrd-file-field{width:20px;height:20px;color:var(--mrd-color-primary);flex-shrink:0}.mrd-file-field__filename.sc-mrd-file-field{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-file-field__clear.sc-mrd-file-field{background:none;border:none;cursor:pointer;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm);padding:var(--mrd-space-1);border-radius:var(--mrd-border-radius-sm);line-height:1}.mrd-file-field__clear.sc-mrd-file-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-file-field__spinner.sc-mrd-file-field{display:inline-block;width:18px;height:18px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.6s linear infinite;flex-shrink:0}@keyframes mrd-spin{to{transform:rotate(360deg)}}'}},[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],multiple:[4],entries:[32],isDragging:[32],error:[32]},void 0,{value:[{valueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-file-field"].forEach((e=>{"mrd-file-field"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),p))}))}export{p as M,v as d}
1	+ import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as l,Host as d,transformTag as o}from"@stencil/core/internal/client";import{t as s}from"./i18n.js";import{F as t,a}from"./field-helpers.js";import{m as f,v as n,i as m,e as c,u as h}from"./file-upload-common.js";const p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdUpload=i(this,"mrdUpload",7),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="",this.maxSize=0,this.multiple=!1,this.entries=[],this.isDragging=!1,this.error="",this.handleInputChange=e=>{var r;const i=e.target;this.addFiles(Array.from(null!==(r=i.files)&&void 0!==r?r:[])),i.value=""},this.drag=f((e=>this.isDragging=e),(e=>this.addFiles(e))),this.handleZoneClick=()=>{var e;this.disabled\|\|this.zoneBusy\|\|null===(e=this.fileInputRef)\|\|void 0===e\|\|e.click()},this.handleRemove=e=>r=>{r.stopPropagation();const i=this.entries.filter(((r,i)=>i!==e));this.entries=i,this.error="",this.fileInputRef&&(this.fileInputRef.value=""),this.emitValue(i)}}componentWillLoad(){this.syncEntriesFromValue()}valueChanged(){this.syncEntriesFromValue()}syncEntriesFromValue(){const e=this.value;this.entries=this.multiple&&Array.isArray(e)?[...e]:e?[e]:[]}emitValue(e){var r;const i=this.multiple?e:null!==(r=e[0])&&void 0!==r?r:null;this.mrdChange.emit({name:this.name,value:i})}addFiles(e){if(this.disabled\|\|this.zoneBusy)return;const r=this.multiple?e:e.slice(0,1);if(!r.length)return;const i=[];let l="";for(const e of r){const r=n(e,this.maxSize,this.locale);r?l=r:i.push(e)}if(this.error=l,!i.length)return;const d=this.multiple?[...this.entries,...i]:[i[0]];this.entries=d,this.emitValue(d);for(const e of i)this.mrdUpload.emit({name:this.name,file:e})}get zoneBusy(){return!this.multiple&&this.entries.some(m)}renderEntry(e,r){const i=m(e);return[i?l("span",{class:"mrd-file-field__spinner","aria-label":s("loading",this.locale)}):l("svg",{class:"mrd-file-field__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},l("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),l("polyline",{points:"14 2 14 8 20 8"})),l("span",{class:"mrd-file-field__filename"},c(e)),!i&&l("button",{class:"mrd-file-field__clear",type:"button",onClick:this.handleRemove(r),"aria-label":s("remove",this.locale)},"✕")]}render(){const e=this.entries.length>0,r=h("mrd-file-field",{dragging:this.isDragging,error:!!this.error,disabled:this.disabled\|\|this.zoneBusy});return l(d,{key:"2e740a0857b069740a6a13616d0a0dfee2b945be"},l("div",{key:"069b25ced3b2f1ce547819086dadbd53ade2378c",class:"mrd-file-field"},l(t,{key:"d13f3cb0af766d6328772dab865b2079c85ec075",base:"mrd-file-field",label:this.label,required:this.required}),l("div",{key:"9ffdbb508e3934854034c46e6f719a88d4175920",class:r,onClick:this.handleZoneClick,onDragOver:this.drag.onDragOver,onDragLeave:this.drag.onDragLeave,onDrop:this.drag.onDrop},l("input",{key:"c5d6954b8fa050889b5b65e15fde229dd64d7cc7",ref:e=>this.fileInputRef=e,class:"mrd-file-field__input",type:"file",name:this.name,accept:this.accept,multiple:this.multiple,disabled:this.disabled\|\|this.zoneBusy,required:this.required&&!e,onChange:this.handleInputChange}),e&&!this.multiple?l("div",{class:"mrd-file-field__selected"},this.renderEntry(this.entries[0],0)):l("div",{class:"mrd-file-field__prompt"},l("svg",{class:"mrd-file-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},l("polyline",{points:"16 16 12 12 8 16"}),l("line",{x1:"12",y1:"12",x2:"12",y2:"21"}),l("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),l("span",null,s("drop_file_here",this.locale)," ",l("span",{class:"mrd-file-field__browse"},s("browse",this.locale))))),this.multiple&&e&&l("ul",{key:"910a3e89f74d93ab16fb9f677a4276d5ad88897d",class:"mrd-file-field__list"},this.entries.map(((e,r)=>l("li",{class:"mrd-file-field__item",key:`${r}-${c(e)}`},this.renderEntry(e,r))))),l(a,{key:"4f0f071b0a1460ea1d6067a8fa4f588ebc620f2a",base:"mrd-file-field",error:this.error})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'.sc-mrd-file-field-h{display:block}.mrd-file-field.sc-mrd-file-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-file-field__label.sc-mrd-file-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-file-field__label--required.sc-mrd-file-field::after{content:" *";color:var(--mrd-color-danger)}.mrd-file-field__error.sc-mrd-file-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-file-field__zone.sc-mrd-file-field{display:flex;align-items:center;justify-content:center;border:2px dashed var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);background-color:var(--mrd-color-neutral-50);cursor:pointer;transition:border-color var(--mrd-transition), background-color var(--mrd-transition);min-height:100px;position:relative}.mrd-file-field__zone.sc-mrd-file-field:hover,.mrd-file-field__zone--dragging.sc-mrd-file-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-file-field__zone--error.sc-mrd-file-field{border-color:var(--mrd-border-color-error)}.mrd-file-field__zone--disabled.sc-mrd-file-field{opacity:0.6;cursor:not-allowed}.mrd-file-field__zone--disabled.sc-mrd-file-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-file-field__zone.sc-mrd-file-field{padding:var(--mrd-space-6)}.mrd-file-field__input.sc-mrd-file-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none;cursor:pointer}.mrd-file-field__prompt.sc-mrd-file-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-file-field__upload-icon.sc-mrd-file-field{width:32px;height:32px;color:var(--mrd-color-neutral-400)}.mrd-file-field__browse.sc-mrd-file-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-file-field__selected.sc-mrd-file-field{display:flex;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-file-field__list.sc-mrd-file-field{list-style:none;display:flex;flex-direction:column;gap:var(--mrd-space-1);margin:var(--mrd-space-2) 0 0;padding:0}.mrd-file-field__item.sc-mrd-file-field{display:flex;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-1) var(--mrd-space-2);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-file-field__icon.sc-mrd-file-field{width:20px;height:20px;color:var(--mrd-color-primary);flex-shrink:0}.mrd-file-field__filename.sc-mrd-file-field{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-file-field__clear.sc-mrd-file-field{background:none;border:none;cursor:pointer;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm);padding:var(--mrd-space-1);border-radius:var(--mrd-border-radius-sm);line-height:1}.mrd-file-field__clear.sc-mrd-file-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-file-field__spinner.sc-mrd-file-field{display:inline-block;width:18px;height:18px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.6s linear infinite;flex-shrink:0}@keyframes mrd-spin{to{transform:rotate(360deg)}}'}},[2,"mrd-file-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],multiple:[4],entries:[32],isDragging:[32],error:[32]},void 0,{value:[{valueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-file-field"].forEach((e=>{"mrd-file-field"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),p))}))}export{p as M,v as d}

package/dist/components/mrd-image-field2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as a,transformTag as o}from"@stencil/core/internal/client";import{t}from"./i18n.js";import{F as l,a as s}from"./field-helpers.js";import{m,v as n,i as c,e as f,u as h}from"./file-upload-common.js";const g=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdUpload=i(this,"mrdUpload",7),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="image/",this.maxSize=0,this.multiple=!1,this.entries=[],this.isDragging=!1,this.error="",this.previewCache=new Map,this.handleInputChange=r=>{var e;const i=r.target;this.addFiles(Array.from(null!==(e=i.files)&&void 0!==e?e:[])),i.value=""},this.drag=m((r=>this.isDragging=r),(r=>this.addFiles(r))),this.handleZoneClick=()=>{var r;this.disabled\|\|this.zoneBusy\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleRemove=r=>e=>{e.stopPropagation();const i=this.entries[r];i instanceof File&&this.previewCache.delete(i);const d=this.entries.filter(((e,i)=>i!==r));this.entries=d,this.error="",this.fileInputRef&&(this.fileInputRef.value=""),this.emitValue(d)}}componentWillLoad(){this.syncEntriesFromValue()}valueChanged(){this.syncEntriesFromValue()}syncEntriesFromValue(){const r=this.value;this.entries=this.multiple&&Array.isArray(r)?[...r]:r?[r]:[]}emitValue(r){var e;const i=this.multiple?r:null!==(e=r[0])&&void 0!==e?e:null;this.mrdChange.emit({name:this.name,value:i})}readPreview(r){const e=new FileReader;e.onload=e=>{var i;this.previewCache.set(r,null===(i=e.target)\|\|void 0===i?void 0:i.result),this.entries=[...this.entries]},e.readAsDataURL(r)}addFiles(r){if(this.disabled\|\|this.zoneBusy)return;const e=this.multiple?r:r.slice(0,1);if(!e.length)return;const i=[];let d="";for(const r of e){const e=n(r,this.maxSize,this.locale,!0);e?d=e:i.push(r)}if(this.error=d,!i.length)return;const a=this.multiple?[...this.entries,...i]:[i[0]];this.entries=a,this.emitValue(a);for(const r of i)this.readPreview(r),this.mrdUpload.emit({name:this.name,file:r})}get zoneBusy(){return!this.multiple&&this.entries.some(c)}renderThumb(r){const e=c(r),i=e?this.previewCache.get(r):null;return d("div",{class:"mrd-image-field__preview-thumb"},i&&d("img",{class:"mrd-image-field__preview",src:i,alt:f(r)}),e&&d("div",{class:"mrd-image-field__preview-overlay"},d("span",{class:"mrd-image-field__spinner","aria-label":t("loading",this.locale)})))}renderSingle(r){const e=c(r);return d("div",{class:"mrd-image-field__preview-container"},this.renderThumb(r),d("div",{class:"mrd-image-field__preview-info"},d("span",{class:"mrd-image-field__preview-name"},f(r)),e&&d("span",{class:"mrd-image-field__upload-status"},t("loading",this.locale))),!e&&d("button",{class:"mrd-image-field__clear",type:"button",onClick:this.handleRemove(0),"aria-label":t("remove",this.locale)},t("remove",this.locale)))}renderGridItem(r,e){const i=c(r);return d("li",{class:"mrd-image-field__grid-item",key:`${e}-${f(r)}`},this.renderThumb(r),d("span",{class:"mrd-image-field__grid-name"},f(r)),!i&&d("button",{class:"mrd-image-field__grid-remove",type:"button",onClick:this.handleRemove(e),"aria-label":t("remove",this.locale)},"✕"))}render(){const r=this.entries.length>0,e=h("mrd-image-field",{dragging:this.isDragging,error:!!this.error,disabled:this.disabled\|\|this.zoneBusy});return d(a,{key:"5009b2db845c8f85f395c7230e2d5c464c56ea14"},d("div",{key:"fcae7821876ee3d71aac576cdea44c3c4f169890",class:"mrd-image-field"},d(l,{key:"834638e3f7b2073508d98b6dd5ecb437b0bb52ad",base:"mrd-image-field",label:this.label,required:this.required}),d("div",{key:"50e9bdaa1ebb3ec87f36e0d37dc6c2f8dc79848d",class:e,onClick:this.handleZoneClick,onDragOver:this.drag.onDragOver,onDragLeave:this.drag.onDragLeave,onDrop:this.drag.onDrop},d("input",{key:"38e115fae5b3e2c3371857d284fbd54ea23812df",ref:r=>this.fileInputRef=r,class:"mrd-image-field__input",type:"file",name:this.name,accept:this.accept,multiple:this.multiple,disabled:this.disabled\|\|this.zoneBusy,required:this.required&&!r,onChange:this.handleInputChange}),r&&!this.multiple?this.renderSingle(this.entries[0]):d("div",{class:"mrd-image-field__prompt"},d("svg",{class:"mrd-image-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},d("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),d("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),d("polyline",{points:"21 15 16 10 5 21"})),d("span",null,t("drop_file_here",this.locale)," ",d("span",{class:"mrd-image-field__browse"},t("browse",this.locale))))),this.multiple&&r&&d("ul",{key:"67bad2f2142f78d7f25b8f35819b6adba48ea597",class:"mrd-image-field__grid"},this.entries.map(((r,e)=>this.renderGridItem(r,e)))),d(s,{key:"ef07863946f0b4c94aa30b97d0ecb9616303e793",base:"mrd-image-field",error:this.error})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'.sc-mrd-image-field-h{display:block}.mrd-image-field.sc-mrd-image-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-image-field__label.sc-mrd-image-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-image-field__label--required.sc-mrd-image-field::after{content:" ";color:var(--mrd-color-danger)}.mrd-image-field__error.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-image-field__zone.sc-mrd-image-field{display:flex;align-items:center;justify-content:center;border:2px dashed var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);background-color:var(--mrd-color-neutral-50);cursor:pointer;transition:border-color var(--mrd-transition), background-color var(--mrd-transition);min-height:100px;position:relative}.mrd-image-field__zone.sc-mrd-image-field:hover,.mrd-image-field__zone--dragging.sc-mrd-image-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--error.sc-mrd-image-field{border-color:var(--mrd-border-color-error)}.mrd-image-field__zone--disabled.sc-mrd-image-field{opacity:0.6;cursor:not-allowed}.mrd-image-field__zone--disabled.sc-mrd-image-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-image-field__input.sc-mrd-image-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none}.mrd-image-field__prompt.sc-mrd-image-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-6);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-image-field__upload-icon.sc-mrd-image-field{width:40px;height:40px;color:var(--mrd-color-neutral-400)}.mrd-image-field__browse.sc-mrd-image-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-image-field__preview-container.sc-mrd-image-field{display:flex;align-items:center;gap:var(--mrd-space-4);padding:var(--mrd-space-4);width:100%}.mrd-image-field__preview-thumb.sc-mrd-image-field{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:var(--mrd-border-radius);overflow:hidden;border:var(--mrd-border-width) solid var(--mrd-border-color);background-color:var(--mrd-color-neutral-100)}.mrd-image-field__preview.sc-mrd-image-field{width:100%;height:100%;object-fit:cover;display:block}.mrd-image-field__preview-info.sc-mrd-image-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-image-field__preview-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__preview-overlay.sc-mrd-image-field{position:absolute;inset:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;border-radius:var(--mrd-border-radius)}.mrd-image-field__spinner.sc-mrd-image-field{display:inline-block;width:24px;height:24px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.6s linear infinite}.mrd-image-field__upload-status.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-image-field__clear.sc-mrd-image-field{flex-shrink:0;background-color:var(--mrd-color-white);color:var(--mrd-color-danger);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-image-field__clear.sc-mrd-image-field:hover{background-color:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-image-field__grid.sc-mrd-image-field{list-style:none;display:flex;flex-wrap:wrap;gap:var(--mrd-space-3);margin:var(--mrd-space-2) 0 0;padding:0}.mrd-image-field__grid-item.sc-mrd-image-field{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-1);width:88px}.mrd-image-field__grid-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-600);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__grid-remove.sc-mrd-image-field{position:absolute;top:-6px;right:-6px;width:20px;height:20px;line-height:1;background-color:var(--mrd-color-white);color:var(--mrd-color-neutral-500);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:50%;cursor:pointer;font-size:var(--mrd-font-size-xs)}.mrd-image-field__grid-remove.sc-mrd-image-field:hover{color:var(--mrd-color-danger);border-color:var(--mrd-color-danger)}@keyframes mrd-spin{to{transform:rotate(360deg)}}'}},[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],multiple:[4],entries:[32],isDragging:[32],error:[32]},void 0,{value:[{valueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-image-field"].forEach((r=>{"mrd-image-field"===r&&(customElements.get(o(r))\|\|customElements.define(o(r),g))}))}export{g as M,v as d}
1	+ import{proxyCustomElement as r,HTMLElement as e,createEvent as i,h as d,Host as a,transformTag as o}from"@stencil/core/internal/client";import{t}from"./i18n.js";import{F as l,a as s}from"./field-helpers.js";import{m,v as n,i as c,e as f,u as h}from"./file-upload-common.js";const g=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.mrdChange=i(this,"mrdChange",7),this.mrdBlur=i(this,"mrdBlur",7),this.mrdUpload=i(this,"mrdUpload",7),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="image/",this.maxSize=0,this.multiple=!1,this.entries=[],this.isDragging=!1,this.error="",this.previewCache=new Map,this.handleInputChange=r=>{var e;const i=r.target;this.addFiles(Array.from(null!==(e=i.files)&&void 0!==e?e:[])),i.value=""},this.drag=m((r=>this.isDragging=r),(r=>this.addFiles(r))),this.handleZoneClick=()=>{var r;this.disabled\|\|this.zoneBusy\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleRemove=r=>e=>{e.stopPropagation();const i=this.entries[r];i instanceof File&&this.previewCache.delete(i);const d=this.entries.filter(((e,i)=>i!==r));this.entries=d,this.error="",this.fileInputRef&&(this.fileInputRef.value=""),this.emitValue(d)}}componentWillLoad(){this.syncEntriesFromValue()}valueChanged(){this.syncEntriesFromValue()}syncEntriesFromValue(){const r=this.value;this.entries=this.multiple&&Array.isArray(r)?[...r]:r?[r]:[]}emitValue(r){var e;const i=this.multiple?r:null!==(e=r[0])&&void 0!==e?e:null;this.mrdChange.emit({name:this.name,value:i})}readPreview(r){const e=new FileReader;e.onload=e=>{var i;this.previewCache.set(r,null===(i=e.target)\|\|void 0===i?void 0:i.result),this.entries=[...this.entries]},e.readAsDataURL(r)}addFiles(r){if(this.disabled\|\|this.zoneBusy)return;const e=this.multiple?r:r.slice(0,1);if(!e.length)return;const i=[];let d="";for(const r of e){const e=n(r,this.maxSize,this.locale,!0);e?d=e:i.push(r)}if(this.error=d,!i.length)return;const a=this.multiple?[...this.entries,...i]:[i[0]];this.entries=a,this.emitValue(a);for(const r of i)this.readPreview(r),this.mrdUpload.emit({name:this.name,file:r})}get zoneBusy(){return!this.multiple&&this.entries.some(c)}renderThumb(r){const e=c(r),i=e?this.previewCache.get(r):null;return d("div",{class:"mrd-image-field__preview-thumb"},i&&d("img",{class:"mrd-image-field__preview",src:i,alt:f(r)}),e&&d("div",{class:"mrd-image-field__preview-overlay"},d("span",{class:"mrd-image-field__spinner","aria-label":t("loading",this.locale)})))}renderSingle(r){const e=c(r);return d("div",{class:"mrd-image-field__preview-container"},this.renderThumb(r),d("div",{class:"mrd-image-field__preview-info"},d("span",{class:"mrd-image-field__preview-name"},f(r)),e&&d("span",{class:"mrd-image-field__upload-status"},t("loading",this.locale))),!e&&d("button",{class:"mrd-image-field__clear",type:"button",onClick:this.handleRemove(0),"aria-label":t("remove",this.locale)},t("remove",this.locale)))}renderGridItem(r,e){const i=c(r);return d("li",{class:"mrd-image-field__grid-item",key:`${e}-${f(r)}`},this.renderThumb(r),d("span",{class:"mrd-image-field__grid-name"},f(r)),!i&&d("button",{class:"mrd-image-field__grid-remove",type:"button",onClick:this.handleRemove(e),"aria-label":t("remove",this.locale)},"✕"))}render(){const r=this.entries.length>0,e=h("mrd-image-field",{dragging:this.isDragging,error:!!this.error,disabled:this.disabled\|\|this.zoneBusy});return d(a,{key:"51d39ea80195565a5dc780ff6a7923a976cfb0a7"},d("div",{key:"d76edb7ac9f1efea8c7c3d5b04e906ad4ab4c761",class:"mrd-image-field"},d(l,{key:"b46a67a76188047677c40ce3f406daed7d8de141",base:"mrd-image-field",label:this.label,required:this.required}),d("div",{key:"0156a9722ea48d84e3ea1a829e4266425a594a6a",class:e,onClick:this.handleZoneClick,onDragOver:this.drag.onDragOver,onDragLeave:this.drag.onDragLeave,onDrop:this.drag.onDrop},d("input",{key:"1b8e41da71bb57254bfd2e5527b05e1aeb32eb2f",ref:r=>this.fileInputRef=r,class:"mrd-image-field__input",type:"file",name:this.name,accept:this.accept,multiple:this.multiple,disabled:this.disabled\|\|this.zoneBusy,required:this.required&&!r,onChange:this.handleInputChange}),r&&!this.multiple?this.renderSingle(this.entries[0]):d("div",{class:"mrd-image-field__prompt"},d("svg",{class:"mrd-image-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},d("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),d("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),d("polyline",{points:"21 15 16 10 5 21"})),d("span",null,t("drop_file_here",this.locale)," ",d("span",{class:"mrd-image-field__browse"},t("browse",this.locale))))),this.multiple&&r&&d("ul",{key:"9211b5212eae0629f7c9b2b49d80e2b658a9ddd3",class:"mrd-image-field__grid"},this.entries.map(((r,e)=>this.renderGridItem(r,e)))),d(s,{key:"5f49c03156ed18e7c8307adff679b149658ca4a6",base:"mrd-image-field",error:this.error})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'.sc-mrd-image-field-h{display:block}.mrd-image-field.sc-mrd-image-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-image-field__label.sc-mrd-image-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-image-field__label--required.sc-mrd-image-field::after{content:" ";color:var(--mrd-color-danger)}.mrd-image-field__error.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-image-field__zone.sc-mrd-image-field{display:flex;align-items:center;justify-content:center;border:2px dashed var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);background-color:var(--mrd-color-neutral-50);cursor:pointer;transition:border-color var(--mrd-transition), background-color var(--mrd-transition);min-height:100px;position:relative}.mrd-image-field__zone.sc-mrd-image-field:hover,.mrd-image-field__zone--dragging.sc-mrd-image-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--error.sc-mrd-image-field{border-color:var(--mrd-border-color-error)}.mrd-image-field__zone--disabled.sc-mrd-image-field{opacity:0.6;cursor:not-allowed}.mrd-image-field__zone--disabled.sc-mrd-image-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-image-field__input.sc-mrd-image-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none}.mrd-image-field__prompt.sc-mrd-image-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-6);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-image-field__upload-icon.sc-mrd-image-field{width:40px;height:40px;color:var(--mrd-color-neutral-400)}.mrd-image-field__browse.sc-mrd-image-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-image-field__preview-container.sc-mrd-image-field{display:flex;align-items:center;gap:var(--mrd-space-4);padding:var(--mrd-space-4);width:100%}.mrd-image-field__preview-thumb.sc-mrd-image-field{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:var(--mrd-border-radius);overflow:hidden;border:var(--mrd-border-width) solid var(--mrd-border-color);background-color:var(--mrd-color-neutral-100)}.mrd-image-field__preview.sc-mrd-image-field{width:100%;height:100%;object-fit:cover;display:block}.mrd-image-field__preview-info.sc-mrd-image-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-image-field__preview-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__preview-overlay.sc-mrd-image-field{position:absolute;inset:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;border-radius:var(--mrd-border-radius)}.mrd-image-field__spinner.sc-mrd-image-field{display:inline-block;width:24px;height:24px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.6s linear infinite}.mrd-image-field__upload-status.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-image-field__clear.sc-mrd-image-field{flex-shrink:0;background-color:var(--mrd-color-white);color:var(--mrd-color-danger);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-image-field__clear.sc-mrd-image-field:hover{background-color:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-image-field__grid.sc-mrd-image-field{list-style:none;display:flex;flex-wrap:wrap;gap:var(--mrd-space-3);margin:var(--mrd-space-2) 0 0;padding:0}.mrd-image-field__grid-item.sc-mrd-image-field{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-1);width:88px}.mrd-image-field__grid-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-600);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__grid-remove.sc-mrd-image-field{position:absolute;top:-6px;right:-6px;width:20px;height:20px;line-height:1;background-color:var(--mrd-color-white);color:var(--mrd-color-neutral-500);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:50%;cursor:pointer;font-size:var(--mrd-font-size-xs)}.mrd-image-field__grid-remove.sc-mrd-image-field:hover{color:var(--mrd-color-danger);border-color:var(--mrd-color-danger)}@keyframes mrd-spin{to{transform:rotate(360deg)}}'}},[2,"mrd-image-field",{name:[1],label:[1],value:[16],required:[4],disabled:[4],locale:[1],accept:[1],maxSize:[2,"max-size"],multiple:[4],entries:[32],isDragging:[32],error:[32]},void 0,{value:[{valueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["mrd-image-field"].forEach((r=>{"mrd-image-field"===r&&(customElements.get(o(r))\|\|customElements.define(o(r),g))}))}export{g as M,v as d}

package/dist/components/mrd-invoice-view2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as e,createEvent as r,h as n,Host as t,transformTag as o}from"@stencil/core/internal/client";import{t as a}from"./i18n.js";import{h as d,e as l}from"./format.js";import{a as s,b as c}from"./document-attachments.js";const v=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.mrdNavigate=r(this,"mrdNavigate",7),this.mrdDownload=r(this,"mrdDownload",7),this.mrdAttachments=r(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.statusListItems=null,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const i=s(this.archetype,this.data,"attachments"),e=c(i);e!==this.lastAttachmentKey&&(this.lastAttachmentKey=e,this.mrdAttachments.emit({attachments:i}))}slotValue(i){var e,r;const n=null===(r=null===(e=this.archetype)\|\|void 0===e?void 0:e.slots)\|\|void 0===r?void 0:r[i];if(n)return this.data[n]}slotLink(i){var e,r,n,t;const o=null===(r=null===(e=this.archetype)\|\|void 0===e?void 0:e.slots)\|\|void 0===r?void 0:r[i];if(o)return(null!==(t=null===(n=this.data)\|\|void 0===n?void 0:n._links)&&void 0!==t?t:{})[o]}renderPartyLink(i,e){const r=this.slotLink(i);return(null==r?void 0:r.href)&&r.name?n("div",{class:"mrd-invoice-view__party"},n("span",{class:"mrd-invoice-view__party-label"},e),n("button",{type:"button",class:"mrd-invoice-view__link",onClick:()=>this.mrdNavigate.emit({href:r.href,label:r.name})},r.name)):null}renderContainer(){const i=this.slotLink("container");return(null==i?void 0:i.href)&&i.name?n("button",{type:"button",class:"mrd-invoice-view__container-link",onClick:()=>this.mrdNavigate.emit({href:i.href,label:i.name})},i.name):null}renderStatus(){var i,e;const r=this.slotValue("status");if(null==r\|\|""===r)return null;const t=(null!==(i=this.statusListItems)&&void 0!==i?i:[]).find((i=>i.key===String(r))),o=null!==(e=null==t?void 0:t.label)&&void 0!==e?e:String(r);return n("span",(null==t?void 0:t.color)&&(null==t?void 0:t.backgroundColor)?{class:"mrd-invoice-view__badge",style:{color:t.color,backgroundColor:t.backgroundColor}}:{class:"mrd-invoice-view__badge mrd-invoice-view__badge--plain"},o)}renderAmounts(){const i=this.slotValue("netAmount"),e=this.slotValue("taxAmount"),r=this.slotValue("amount");return null==(null==i?void 0:i.amount)&&null==(null==e?void 0:e.amount)&&null==(null==r?void 0:r.amount)?null:n("div",{class:"mrd-invoice-view__amounts"},null!=(null==i?void 0:i.amount)&&n("div",{class:"mrd-invoice-view__amount-row"},n("span",null,a("invoice_subtotal",this.locale)),n("span",null,d(i.amount,i.currency,this.locale))),null!=(null==e?void 0:e.amount)&&n("div",{class:"mrd-invoice-view__amount-row"},n("span",null,a("invoice_tax",this.locale)),n("span",null,d(e.amount,e.currency,this.locale))),null!=(null==r?void 0:r.amount)&&n("div",{class:"mrd-invoice-view__amount-row mrd-invoice-view__amount-row--total"},n("span",null,a("invoice_total",this.locale)),n("span",null,d(r.amount,r.currency,this.locale))))}renderAttachments(){const i=s(this.archetype,this.data,"attachments");return i.length?n("div",{class:"mrd-invoice-view__attachments"},i.map((i=>n("button",{type:"button",key:i.href,class:"mrd-invoice-view__attachment",onClick:()=>this.mrdDownload.emit({href:i.href,fileName:i.fileName})},n("svg",{class:"mrd-invoice-view__attachment-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("path",{d:"M21.44 11.05l-9.19 9.19a5 5 0 01-7.07-7.07l9.19-9.19a3 3 0 014.24 4.24l-9.2 9.19a1 1 0 01-1.41-1.41l8.49-8.48"})),i.fileName)))):null}render(){var i,e;const r=this.slotValue("invoiceNumber"),o=null!=r&&""!==r?String(r):null,d=this.slotValue("invoiceDate"),s=this.slotValue("dueDate"),c=!!(null===(e=null===(i=this.archetype)\|\|void 0===i?void 0:i.slots)\|\|void 0===e?void 0:e.lines);return n(t,{key:"~~8005640e6d13004ae2fdf5f48129214fbc8c55fc~~"},n("div",{key:"~~992f925691e2455c8888df76f93176cec5866210~~",class:"mrd-invoice-view"},n("div",{key:"~~aa418658cfe830be4e0f8bf77af42a898c9170db~~",class:"mrd-invoice-view__header"},n("div",{key:"~~ce10fef2072c26a0eb8f7ead620cb460af6646f0~~",class:"mrd-invoice-view__title-row"},o&&n("h1",{key:"~~992486cd5dc0bfb9761bdc94bcd237e6bd6e3d24~~",class:"mrd-invoice-view__title"},a("invoice_title",this.locale)," ",o),this.renderStatus()),n("div",{key:"~~a8c5d2516b737d4dcd5d0f966aadcda4d47a63ad~~",class:"mrd-invoice-view__dates"},null!=d&&""!==d&&n("span",{key:"~~dd728929fc408c280ad81e212bdfac5905cda02d~~"},a("invoice_date",this.locale),": ",l(d,this.locale)),null!=s&&""!==s&&n("span",{key:"~~d4226d5cc37f0152950f44a3b63a88f0454919bd~~"},a("invoice_due_date",this.locale),": ",l(s,this.locale))),this.renderContainer()),n("div",{key:"~~c40b00c852d005963be7b5006e13804e72ba032a~~",class:"mrd-invoice-view__parties"},this.renderPartyLink("customer",a("invoice_customer",this.locale)),this.renderPartyLink("supplier",a("invoice_supplier",this.locale))),c&&n("div",{key:"~~000e991c64daa582194631b2eac6b1acba418e97~~",class:"mrd-invoice-view__lines"},n("slot",{key:"~~97ba2acb750137eeb5ed6b5e9e5d277f638d4f0a~~",name:"lines"})),this.renderAmounts(),this.renderAttachments()))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-invoice-view-h{display:block}.mrd-invoice-view.sc-mrd-invoice-view{max-width:720px;display:flex;flex-direction:column;gap:var(--mrd-space-6)}.mrd-invoice-view__title-row.sc-mrd-invoice-view{display:flex;align-items:center;gap:var(--mrd-space-3);flex-wrap:wrap}.mrd-invoice-view__title.sc-mrd-invoice-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0}.mrd-invoice-view__badge.sc-mrd-invoice-view{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:var(--mrd-border-radius-full)}.mrd-invoice-view__badge--plain.sc-mrd-invoice-view{color:var(--mrd-color-neutral-600);background:var(--mrd-color-neutral-100)}.mrd-invoice-view__dates.sc-mrd-invoice-view{display:flex;gap:var(--mrd-space-4);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums;margin-top:var(--mrd-space-1)}.mrd-invoice-view__container-link.sc-mrd-invoice-view{display:inline-block;margin-top:var(--mrd-space-3);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-invoice-view__container-link.sc-mrd-invoice-view:hover{text-decoration:underline}.mrd-invoice-view__parties.sc-mrd-invoice-view{display:flex;gap:var(--mrd-space-8);flex-wrap:wrap}.mrd-invoice-view__party.sc-mrd-invoice-view{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-invoice-view__party-label.sc-mrd-invoice-view{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-400);text-transform:uppercase;letter-spacing:0.04em}.mrd-invoice-view__link.sc-mrd-invoice-view{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-invoice-view__link.sc-mrd-invoice-view:hover{text-decoration:underline}.mrd-invoice-view__lines.sc-mrd-invoice-view{border-top:var(--mrd-border-width) solid var(--mrd-color-neutral-200);border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-200);padding:var(--mrd-space-4) 0}.mrd-invoice-view__amounts.sc-mrd-invoice-view{align-self:flex-end;display:flex;flex-direction:column;gap:var(--mrd-space-2);min-width:16rem}.mrd-invoice-view__amount-row.sc-mrd-invoice-view{display:flex;justify-content:space-between;gap:var(--mrd-space-6);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-invoice-view__amount-row--total.sc-mrd-invoice-view{padding-top:var(--mrd-space-2);border-top:var(--mrd-border-width) solid var(--mrd-color-neutral-200);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900)}.mrd-invoice-view__attachments.sc-mrd-invoice-view{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-invoice-view__attachment.sc-mrd-invoice-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);align-self:flex-start;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-invoice-view__attachment.sc-mrd-invoice-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-invoice-view__attachment-icon.sc-mrd-invoice-view{width:0.9375rem;height:0.9375rem;flex-shrink:0}"}},[262,"mrd-invoice-view",{archetype:[16],data:[16],locale:[1],statusListItems:[16]},void 0,{data:[{dataChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["mrd-invoice-view"].forEach((i=>{"mrd-invoice-view"===i&&(customElements.get(o(i))\|\|customElements.define(o(i),v))}))}export{v as M,m as d}
1	+ import{proxyCustomElement as i,HTMLElement as e,createEvent as r,h as n,Host as t,transformTag as o}from"@stencil/core/internal/client";import{t as a}from"./i18n.js";import{c as d,a as l}from"./format.js";import{a as s,b as c}from"./document-attachments.js";const v=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.mrdNavigate=r(this,"mrdNavigate",7),this.mrdDownload=r(this,"mrdDownload",7),this.mrdAttachments=r(this,"mrdAttachments",7),this.data={},this.locale=navigator.language,this.statusListItems=null,this.lastAttachmentKey=null}componentDidLoad(){this.emitAttachmentsIfNeeded()}dataChanged(){this.emitAttachmentsIfNeeded()}emitAttachmentsIfNeeded(){const i=s(this.archetype,this.data,"attachments"),e=c(i);e!==this.lastAttachmentKey&&(this.lastAttachmentKey=e,this.mrdAttachments.emit({attachments:i}))}slotValue(i){var e,r;const n=null===(r=null===(e=this.archetype)\|\|void 0===e?void 0:e.slots)\|\|void 0===r?void 0:r[i];if(n)return this.data[n]}slotLink(i){var e,r,n,t;const o=null===(r=null===(e=this.archetype)\|\|void 0===e?void 0:e.slots)\|\|void 0===r?void 0:r[i];if(o)return(null!==(t=null===(n=this.data)\|\|void 0===n?void 0:n._links)&&void 0!==t?t:{})[o]}renderPartyLink(i,e){const r=this.slotLink(i);return(null==r?void 0:r.href)&&r.name?n("div",{class:"mrd-invoice-view__party"},n("span",{class:"mrd-invoice-view__party-label"},e),n("button",{type:"button",class:"mrd-invoice-view__link",onClick:()=>this.mrdNavigate.emit({href:r.href,label:r.name})},r.name)):null}renderContainer(){const i=this.slotLink("container");return(null==i?void 0:i.href)&&i.name?n("button",{type:"button",class:"mrd-invoice-view__container-link",onClick:()=>this.mrdNavigate.emit({href:i.href,label:i.name})},i.name):null}renderStatus(){var i,e;const r=this.slotValue("status");if(null==r\|\|""===r)return null;const t=(null!==(i=this.statusListItems)&&void 0!==i?i:[]).find((i=>i.key===String(r))),o=null!==(e=null==t?void 0:t.label)&&void 0!==e?e:String(r);return n("span",(null==t?void 0:t.color)&&(null==t?void 0:t.backgroundColor)?{class:"mrd-invoice-view__badge",style:{color:t.color,backgroundColor:t.backgroundColor}}:{class:"mrd-invoice-view__badge mrd-invoice-view__badge--plain"},o)}renderAmounts(){const i=this.slotValue("netAmount"),e=this.slotValue("taxAmount"),r=this.slotValue("amount");return null==(null==i?void 0:i.amount)&&null==(null==e?void 0:e.amount)&&null==(null==r?void 0:r.amount)?null:n("div",{class:"mrd-invoice-view__amounts"},null!=(null==i?void 0:i.amount)&&n("div",{class:"mrd-invoice-view__amount-row"},n("span",null,a("invoice_subtotal",this.locale)),n("span",null,d(i.amount,i.currency,this.locale))),null!=(null==e?void 0:e.amount)&&n("div",{class:"mrd-invoice-view__amount-row"},n("span",null,a("invoice_tax",this.locale)),n("span",null,d(e.amount,e.currency,this.locale))),null!=(null==r?void 0:r.amount)&&n("div",{class:"mrd-invoice-view__amount-row mrd-invoice-view__amount-row--total"},n("span",null,a("invoice_total",this.locale)),n("span",null,d(r.amount,r.currency,this.locale))))}renderAttachments(){const i=s(this.archetype,this.data,"attachments");return i.length?n("div",{class:"mrd-invoice-view__attachments"},i.map((i=>n("button",{type:"button",key:i.href,class:"mrd-invoice-view__attachment",onClick:()=>this.mrdDownload.emit({href:i.href,fileName:i.fileName})},n("svg",{class:"mrd-invoice-view__attachment-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},n("path",{d:"M21.44 11.05l-9.19 9.19a5 5 0 01-7.07-7.07l9.19-9.19a3 3 0 014.24 4.24l-9.2 9.19a1 1 0 01-1.41-1.41l8.49-8.48"})),i.fileName)))):null}render(){var i,e;const r=this.slotValue("invoiceNumber"),o=null!=r&&""!==r?String(r):null,d=this.slotValue("invoiceDate"),s=this.slotValue("dueDate"),c=!!(null===(e=null===(i=this.archetype)\|\|void 0===i?void 0:i.slots)\|\|void 0===e?void 0:e.lines);return n(t,{key:"a97c51e53e39ace913c902ad2ba6813eb85e4561"},n("div",{key:"6938267848bceed5b28b56c3cdd6d6693e57cdbf",class:"mrd-invoice-view"},n("div",{key:"7a0b3346232abfc1e35805e4e92c19d35698f881",class:"mrd-invoice-view__header"},n("div",{key:"5c0471dd8ebd94dd9b374897268c7c03bec66ec7",class:"mrd-invoice-view__title-row"},o&&n("h1",{key:"86b4c0ebd0a5b83ae03b731b7e41394645aae954",class:"mrd-invoice-view__title"},a("invoice_title",this.locale)," ",o),this.renderStatus()),n("div",{key:"d209bc34d989146b5f510f2bcdc4c484d723378c",class:"mrd-invoice-view__dates"},null!=d&&""!==d&&n("span",{key:"8fffcd1ab10e511c9d939c351ea93e4d8a902688"},a("invoice_date",this.locale),": ",l(d,this.locale)),null!=s&&""!==s&&n("span",{key:"8d13c6660798108cc2f54137c8415173326d5bf2"},a("invoice_due_date",this.locale),": ",l(s,this.locale))),this.renderContainer()),n("div",{key:"cb08c6fd7e6b46a46a69f11aafa960ab5cb35544",class:"mrd-invoice-view__parties"},this.renderPartyLink("customer",a("invoice_customer",this.locale)),this.renderPartyLink("supplier",a("invoice_supplier",this.locale))),c&&n("div",{key:"8321e74171fe933a4e10fc202b66cd3720ba959e",class:"mrd-invoice-view__lines"},n("slot",{key:"eb31d97080173413e74e5b0024984a4b06aa5bdd",name:"lines"})),this.renderAmounts(),this.renderAttachments()))}static get watchers(){return{data:[{dataChanged:0}]}}static get style(){return".sc-mrd-invoice-view-h{display:block}.mrd-invoice-view.sc-mrd-invoice-view{max-width:720px;display:flex;flex-direction:column;gap:var(--mrd-space-6)}.mrd-invoice-view__title-row.sc-mrd-invoice-view{display:flex;align-items:center;gap:var(--mrd-space-3);flex-wrap:wrap}.mrd-invoice-view__title.sc-mrd-invoice-view{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);letter-spacing:-0.02em;margin:0}.mrd-invoice-view__badge.sc-mrd-invoice-view{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:var(--mrd-border-radius-full)}.mrd-invoice-view__badge--plain.sc-mrd-invoice-view{color:var(--mrd-color-neutral-600);background:var(--mrd-color-neutral-100)}.mrd-invoice-view__dates.sc-mrd-invoice-view{display:flex;gap:var(--mrd-space-4);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-400);font-variant-numeric:tabular-nums;margin-top:var(--mrd-space-1)}.mrd-invoice-view__container-link.sc-mrd-invoice-view{display:inline-block;margin-top:var(--mrd-space-3);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-invoice-view__container-link.sc-mrd-invoice-view:hover{text-decoration:underline}.mrd-invoice-view__parties.sc-mrd-invoice-view{display:flex;gap:var(--mrd-space-8);flex-wrap:wrap}.mrd-invoice-view__party.sc-mrd-invoice-view{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-invoice-view__party-label.sc-mrd-invoice-view{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-400);text-transform:uppercase;letter-spacing:0.04em}.mrd-invoice-view__link.sc-mrd-invoice-view{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-invoice-view__link.sc-mrd-invoice-view:hover{text-decoration:underline}.mrd-invoice-view__lines.sc-mrd-invoice-view{border-top:var(--mrd-border-width) solid var(--mrd-color-neutral-200);border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-200);padding:var(--mrd-space-4) 0}.mrd-invoice-view__amounts.sc-mrd-invoice-view{align-self:flex-end;display:flex;flex-direction:column;gap:var(--mrd-space-2);min-width:16rem}.mrd-invoice-view__amount-row.sc-mrd-invoice-view{display:flex;justify-content:space-between;gap:var(--mrd-space-6);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-invoice-view__amount-row--total.sc-mrd-invoice-view{padding-top:var(--mrd-space-2);border-top:var(--mrd-border-width) solid var(--mrd-color-neutral-200);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900)}.mrd-invoice-view__attachments.sc-mrd-invoice-view{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-invoice-view__attachment.sc-mrd-invoice-view{display:inline-flex;align-items:center;gap:var(--mrd-space-2);align-self:flex-start;height:2rem;padding:0 var(--mrd-space-3);background:var(--mrd-color-white);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);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-700);cursor:pointer}.mrd-invoice-view__attachment.sc-mrd-invoice-view:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-900)}.mrd-invoice-view__attachment-icon.sc-mrd-invoice-view{width:0.9375rem;height:0.9375rem;flex-shrink:0}"}},[262,"mrd-invoice-view",{archetype:[16],data:[16],locale:[1],statusListItems:[16]},void 0,{data:[{dataChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["mrd-invoice-view"].forEach((i=>{"mrd-invoice-view"===i&&(customElements.get(o(i))\|\|customElements.define(o(i),v))}))}export{v as M,m as d}