@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/editor/Editor-upU4Z9FH.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../event-bus/index-CykcrsqY.system.js","./EditorButton-CC6U1a_u.system.js","../../vendor/primevue-C5Z_k4WB.system.js","../../vendor/vee-validate-Cc_B-qII.system.js","../../vendor/@tiptap/extension-bold-DI_Zfdzb.system.js","../../vendor/@tiptap/extension-bullet-list-CgIgW9RG.system.js","../../vendor/@tiptap/extension-code-SOANT0O3.system.js","../../vendor/@tiptap/core-D4rHEGhs.system.js","../../vendor/@tiptap/extension-floating-menu-Dtu9tcTW.system.js","../../vendor/@tiptap/extension-heading-BpK6SnFO.system.js","../../vendor/@tiptap/extension-history-CTFK6g3n.system.js","../../vendor/@tiptap/extension-image-BNa6azmK.system.js","../../vendor/@tiptap/extension-italic-w93Lmtg_.system.js","../../vendor/@tiptap/extension-link-FrdAKaJ2.system.js","../../vendor/@tiptap/extension-list-item-BRio_hHs.system.js","../../vendor/@tiptap/extension-mention-y62_tYRn.system.js","../../vendor/@tiptap/extension-ordered-list-CH9LyYR1.system.js","../../vendor/@tiptap/extension-placeholder-Dqw7HNAJ.system.js","../../vendor/@tiptap/extension-underline-SGsaBlAL.system.js","../../vendor/@tiptap/vue-3-ZMNXXvBd.system.js","../../async-components/index-DvjqHrYE.system.js","./codeSnippetExtension-C3uj0fCk.system.js","./mentionSectionExtension-DJ6wkX1L.system.js","./suggestion-BcYK0KeI.system.js","../../utils/addAttachment.util-CPzZEHNG.system.js","../dialog/Dialog-Dv7Jzg4E.system.js","../fieldwrapper/FieldWrapper-Dc-stQRH.system.js","../icon/Icon-D1a666FC.system.js","../overlaypanel/OverlayPanel-BKCivqTs.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js"],function(lt,Kt){"use strict";var ie,Q,re,X,ce,de,g,I,D,Y,ue,S,m,O,d,v,c,f,T,j,Z,pe,l,me,ee,ve,ge,h,fe,he,ye,be,xe,R,ke,_e,Ce,we,Ae,Le,Me,Ie,Se,Te,je,Be,He,Ne,W,te,z,Pe,Ve,Fe,Ee,$e,Ue,De,Oe,Re,We,ze;return{setters:[a=>{ie=a.defineComponent,Q=a.mergeModels,re=a.inject,X=a.useModel,ce=a.onMounted,de=a.reactive,g=a.shallowRef,I=a.ref,D=a.computed,Y=a.watch,ue=a.resolveDirective,S=a.createElementBlock,m=a.openBlock,O=a.Fragment,d=a.createVNode,v=a.withCtx,c=a.createElementVNode,f=a.normalizeClass,T=a.createCommentVNode,j=a.createBlock,Z=a.renderList,pe=a.mergeProps,l=a.unref,me=a.createTextVNode,ee=a.toDisplayString,ve=a.withDirectives,ge=a.nextTick},null,a=>{h=a._},a=>{fe=a.h},a=>{he=a.u},a=>{ye=a.B},a=>{be=a.B},a=>{xe=a.C},a=>{R=a.N,ke=a.m},a=>{_e=a.F},a=>{Ce=a.H},a=>{we=a.H},a=>{Ae=a.I},a=>{Le=a.I},a=>{Me=a.L},a=>{Ie=a.L},a=>{Se=a.M},a=>{Te=a.O},a=>{je=a.P},a=>{Be=a.U},a=>{He=a.u,Ne=a.E,W=a.F},a=>{te=a.c,z=a.B,Pe=a.F,Ve=a.d},a=>{Fe=a.C},a=>{Ee=a.M},a=>{$e=a.s},a=>{Ue=a.v},a=>{De=a.default},a=>{Oe=a.default},a=>{Re=a.default},a=>{We=a.default},a=>{ze=a._}],execute:function(){const a=R.create({name:"doc",topNode:!0,content:"block+"}),it=R.create({name:"paragraph",priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:"block",content:"inline*",parseHTML(){return[{tag:"p"}]},renderHTML({HTMLAttributes:k}){return["p",ke(this.options.HTMLAttributes,k),0]},addCommands(){return{setParagraph:()=>({commands:k})=>k.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),rt=R.create({name:"text",group:"inline"}),ct=["title","onClick"],dt={class:"!text-[9px] !leading-3 !h-max !font-normal"},ut={class:f(["flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm","[&_.separator::after]:content-['|']","[&_.separator::after]:text-xl","[&_.separator::after]:font-thin","[&_.separator]:h-6"])},pt={class:f(["flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm","[&_.separator::after]:content-['|']","[&_.separator::after]:text-xl","[&_.separator::after]:font-thin","[&_.separator]:h-6"])},mt=c("span",{class:"separator"},null,-1),vt=c("span",{class:"separator"},null,-1),gt=c("span",{class:"separator"},null,-1),ft={class:"flex flex-col gap-4"},ht={class:"flex gap-2"},yt={class:"flex-1"},bt={class:"flex items-end"},xt=c("p",null,"Baru Saja Ditambahkan",-1),kt={class:"flex flex-wrap justify-center gap-2"},_t=["src"],Ct={class:"flex flex-col justify-center w-28 h-28 items-center"},wt={class:"relative py-[7px] px-3"},At=c("p",null,"Cari Gambar",-1),Lt={class:f(["flex gap-2 bg-white border-[0.5px] px-2 py-1 rounded-sm","[&_.separator::after]:content-['|']","[&_.separator::after]:text-xl","[&_.separator::after]:font-thin","[&_.separator]:h-6"])},Gt=lt("default",ie({__name:"Editor",props:Q({modelValue:{},initialValue:{},placeholder:{default:"Tulis"},editorState:{default:"editable"},borderLess:{type:Boolean,default:!1},label:{},useValidator:{type:Boolean},fieldName:{},labelClass:{},fieldInfo:{},validatorMessageClass:{},validatorMessage:{},mandatory:{type:Boolean},invalid:{type:Boolean},showOptionalText:{type:Boolean,default:void 0},isImageUploadBase64:{type:Boolean,default:!1},fetchMentionSuggestionFunction:{},mentionedList:{},editorWrapperClass:{},toolbarWrapperClass:{},contentWrapperClass:{}},{modelValue:{},modelModifiers:{},mentionedList:{},mentionedListModifiers:{}}),emits:Q(["update:modelValue","postImageLocal","deleteImageLocal","blur","focus","update:mentionedList"],["update:modelValue","update:mentionedList"]),setup(k,{expose:Mt,emit:It}){const St=re("preset",{}).menu,n=k,V=It;X(k,"modelValue");const Tt=X(k,"mentionedList");ce(()=>{n.useValidator&&(Object.assign(y,he(()=>n.fieldName??"editorInput",e=>ge(()=>Ut(e)))),n.initialValue!=null&&(y.value=n.initialValue),n.modelValue!=null&&(y.value=n.modelValue)),Rt()});const K=g(!1),Ke=I(),ae=I(),Ge=I(),F=I([]),se=g(!1),B=g(),E=g(),G=g(),y=de({value:n.modelValue}),_=g(!1),$=I([]),oe=g(),jt=D(()=>{var e;return n.placeholder??"Tulis "+(n.label?(e=n.label)==null?void 0:e.toLowerCase():"")}),s=He({content:n.initialValue??n.modelValue,onBlur:e=>V("blur",e),onFocus:e=>V("focus",e),onUpdate:()=>{var e,t;V("update:modelValue",((e=s.value)==null?void 0:e.getJSON())??{}),y.value=((t=s.value)==null?void 0:t.getJSON())??{}},onPaste:async e=>{let t=[];const{items:i}=e.clipboardData,o=r=>new Promise(u=>{if(r.kind==="file"){const p=r.getAsFile();p&&t.push(p),u()}else u()});await Promise.all(Array.from(i).map(o));try{if(t.length){const r=t.filter(u=>u.type.startsWith("image/")).filter(u=>Ue(u,10));await Je(r)}}catch(r){console.error("Error pasting images:",r)}finally{t=[]}},onSelectionUpdate(e){var i;const t=e.editor.getAttributes("image");(i=s.value)==null||i.state.doc.descendants(o=>{o.type.name==="mention"&&$.value.push(o.attrs.id)}),$.value=Array.from(new Set($.value)),t.title==="localImage"?E.value=t:E.value=void 0},editable:n.editorState==="editable",extensions:[je.configure({emptyEditorClass:"is-editor-empty !text-general-200 !font-light",placeholder:jt.value,includeChildren:!1}),a.extend({addKeyboardShortcuts(){return{"Mod-\\":()=>(this.editor.commands.clearNodes(),this.editor.commands.unsetAllMarks())}}}),Ce,it,rt,Ae.extend({addKeyboardShortcuts(){const e=()=>{const{node:t}=this.editor.state.selection;return t&&t.type.name==="image"&&t.attrs.title==="localImage"?(Qe(),!0):!1};return{Insert:()=>qe(),Backspace:e,Delete:e}}}).configure({HTMLAttributes:{class:"w-fit max-h-[300px] object-contain"}}),Fe.extend({addKeyboardShortcuts(){return{"Mod-alt-c":Xe}}}),Ee,Te.configure({HTMLAttributes:{class:"list-decimal px-3 py-1"}}),be.configure({HTMLAttributes:{class:"list-disc px-3 py-1"}}),Ie,ye,Le,Be,xe,Me.extend({addKeyboardShortcuts(){return{"Mod-k":()=>ne()}}}).configure({openOnClick:!1}),we,Se.configure({HTMLAttributes:{class:"bg-primary-200 text-primary-800 rounded-[50px] px-1"},suggestion:{items({query:e}){return((G==null?void 0:G.value)??[]).filter(t=>t==null?void 0:t.fullName.toLowerCase().includes(e.toLowerCase())).map(t=>({id:t==null?void 0:t._id,label:t==null?void 0:t.fullName,nickName:t.nickName,profilePicture:t.profilePicture}))},...$e()}}),_e]}),Bt=D(()=>{var A,x,L,M,H,N,P,U,J,Ze,et,tt,at,st,ot,nt;if(!s.value)return[];const{toggleBold:e,focus:t,toggleItalic:i,toggleUnderline:o,toggleBulletList:r,toggleCode:u,toggleOrderedList:p,unsetAllMarks:C,clearNodes:w}=s.value.commands,b=(A=s.value)==null?void 0:A.isActive("code");return[{label:"Aa",iconPos:"right",icon:"arrow-down",class:"!gap-0 !w-[50px] !p-0 !m-0 [&_span]:leading-[22px]",onClick:(x=Ke.value)==null?void 0:x.toggle},{icon:"bold",tooltipText:"Bold | Ctrl + B",active:(L=s.value)==null?void 0:L.isActive("bold"),disabled:b,onClick:()=>{t(),e()}},{icon:"italic",tooltipText:"Italic | Ctrl + I",active:(M=s.value)==null?void 0:M.isActive("italic"),disabled:b,onClick:()=>{t(),i()}},{icon:"underline",class:"mr-3",active:(H=s.value)==null?void 0:H.isActive("underline"),tooltipText:"Underline | Ctrl + U",disabled:b,onClick:()=>{t(),o()}},{icon:"list-unordered",tooltipText:"Bullet List | Ctrl + 7",active:(N=s.value)==null?void 0:N.isActive("bullet-list"),onClick:()=>{t(),r()}},{icon:"list-ordered",tooltipText:"Numbered List | Ctrl + 8",active:(P=s.value)==null?void 0:P.isActive("ordered-list"),class:"mr-3",onClick:()=>{t(),p()}},{icon:"link-m",tooltipText:"Link | Ctrl + K",disabled:((U=s.value)==null?void 0:U.isActive("link"))||K.value,onClick:ne},{icon:"image-add",active:(J=s.value)==null?void 0:J.isActive("image"),tooltipText:"Image | Insert",onClick:()=>qe()},{icon:"code-line",active:(Ze=s.value)==null?void 0:Ze.isActive("code"),tooltipText:"Inline Code | Ctrl + E",onClick:()=>{t(),u()}},{icon:"code-box-line",active:(et=s.value)==null?void 0:et.isActive("codeSnippet"),tooltipText:"Code Block | Ctrl + Alt + C",onClick:()=>{Xe()}},{icon:"format-clear",tooltipText:"Clear Formatting Ctrl + \\",disabled:!((tt=s.value)!=null&&tt.isActive("bold"))&&!((at=s.value)!=null&&at.isActive("underline"))&&!((st=s.value)!=null&&st.isActive("italic"))&&!((ot=s.value)!=null&&ot.isActive("code"))&&!((nt=s.value)!=null&&nt.isActive("heading")),onClick:()=>{t(),w(),C()}}]}),Ht=g([{label:"Paragraf",class:"p",shortCut:"Ctrl+Alt+P",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setParagraph()}},{label:"Heading 1",class:"heading-1",shortCut:"Ctrl+Alt+1",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:1})}},{label:"Heading 2",class:"heading-2",shortCut:"Ctrl+Alt+2",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:2})}},{class:"heading-3",label:"Heading 3",shortCut:"Ctrl+Alt+3",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:3})}},{label:"Heading 4",class:"heading-4",shortCut:"Ctrl+Alt+4",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:4})}},{label:"Heading 5",class:"heading-5",shortCut:"Ctrl+Alt+5",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:5})}},{label:"Heading 6",class:"heading-6",shortCut:"Ctrl+Alt+6",command:()=>{var e,t;(e=s.value)==null||e.commands.focus(),(t=s.value)==null||t.commands.setHeading({level:6})}}]),q=D(()=>{var e;return(e=s.value)==null?void 0:e.getAttributes("link")}),Nt=()=>{var i;const{href:e}=q.value,t=(i=s.value)==null?void 0:i.view.dom.querySelector(`[href="${e}"]`);return Et()||t&&(t==null?void 0:t.textContent)!==e&&t.textContent||void 0},Pt=()=>{var e;window.open((e=q.value)==null?void 0:e.href,"_blank")},Vt=()=>{var e;window.navigator.clipboard.writeText((e=q.value)==null?void 0:e.href)},Ft=()=>{var e;if(s.value){const{unsetLink:t,focus:i}=((e=s.value)==null?void 0:e.commands)??{};i(),t()}},Et=()=>{if(s.value){const{state:e}=s.value,{from:t,to:i}=e.selection;return e==null?void 0:e.doc.textBetween(t,i," ")}},qe=()=>(se.value=!0,!1),Je=async e=>{if(n.isImageUploadBase64){const t=await Ot(e[0]);le(t)}else V("postImageLocal",{image:e[0],setImageCb:le})},$t=e=>{const{files:t}=e.target;Je(t)},Ut=(e={})=>{if(typeof n.validatorMessage=="string"&&n.invalid)return n.validatorMessage;if(typeof n.validatorMessage!="string"){const{empty:t}=n.validatorMessage??{};if(e.content===void 0&&n.mandatory&&t)return t??!0}return!0},ne=e=>{var o,r,u,p;const t=e??{currentTarget:(r=(o=Ge.value)==null?void 0:o.querySelector(".ic-link-m"))==null?void 0:r.closest("button")},{dom:i}=((u=s.value)==null?void 0:u.view)??{};return(p=ae.value)==null||p.toggle(t,i),!0},Dt=({formValues:e})=>{var C,w;if(!s.value)return!1;const{setLink:t,insertContent:i,focus:o}=s.value.commands,{url:r,text:u}=e,{state:p}=s.value;return o(),t({href:r,target:"_blank",rel:"nofollow"}),(C=s.value)!=null&&C.isActive("link")?s.value.chain().focus().command(({tr:b,state:A})=>{const{$from:x,$to:L}=A.selection,M=p.schema.marks.link;let H=x.start(),N=L.end();return p.doc.nodesBetween(x.pos,L.pos,(P,U)=>{P.isText&&P.marks.some(J=>J.type===M)&&(H=Math.min(H,U),N=Math.max(N,U+P.nodeSize))}),b.insertText(u||r,H,N),!0}).run():p.selection.empty&&i(u||r),(w=ae.value)==null||w.hide(),K.value=!1,!0},le=e=>{var t,i,o,r;(t=s.value)==null||t.commands.focus(),e&&(n.isImageUploadBase64?(i=s.value)==null||i.commands.setImage({src:e,title:"localImageBase64"}):(o=s.value)==null||o.commands.setImage({src:e,title:"localImage"}),F.value=Array.from(new Set([...F.value,e]))),B.value&&((r=s.value)==null||r.commands.setImage({src:B.value}),F.value=Array.from(new Set([...F.value,B.value]))),B.value=void 0,Ye()},Qe=()=>{var e;E.value&&E.value.title==="localImage"&&V("deleteImageLocal",E.value),(e=s.value)==null||e.commands.deleteSelection()},Ot=e=>new Promise((t,i)=>{const o=new FileReader;o.readAsDataURL(e),o.onload=()=>{t(o.result)},o.onerror=r=>{i(r)}}),Rt=async()=>{if(n.fetchMentionSuggestionFunction){_.value=!_.value;try{const{data:e}=await n.fetchMentionSuggestionFunction()??{};G.value=e,_.value=!_.value}catch(e){console.error(e)}}},Xe=()=>{var i,o;const{insertCodeSnippet:e,deleteCodeSnippet:t}=(i=s.value)==null?void 0:i.commands;return(o=s.value)!=null&&o.isActive("codeSnippet")?t():e(),!1},Ye=()=>{s.value.commands.createParagraphNear()},Wt=e=>{var t;try{const{insertMentionSection:i}=(t=s.value)==null?void 0:t.commands;i(e),oe.value!==e&&oe.value!==void 0&&zt(),oe.value=e}catch(i){console.error(i)}},zt=()=>{_.value=!0,setTimeout(()=>{_.value=!1},100)};return Mt({mentionSectionTrigger:Wt}),Y(()=>n.invalid,()=>{var e;(e=y.validate)==null||e.call(y)}),Y($,()=>{Tt.value=$.value}),(e,t)=>{const i=ue("focus");return m(),S(O,null,[d(Oe,{info:e.fieldInfo,label:n.label,"label-class":n.labelClass,mandatory:n.mandatory,"show-optional-text":n.showOptionalText},{default:v(()=>[c("div",{ref_key:"root",ref:Ge,class:f(["rounded-b text-grayscale-900 w-full","[&:has(:focus)]:border-general-200 border-general-100",`${e.borderLess||e.editorState==="readonly"?"border-none":"border-[0.5px]"}`,"[&_code]:bg-primary-100","[&_code]:rounded-md","[&_code]:p-[0.25em_0.3em]","[&_code]:text-[0.85rem]","[&_code]:!font-source-code-pro",`${n.editorWrapperClass}`]),"data-wv-name":"editor"},[n.editorState==="editable"?(m(),S("div",{key:0,class:f(["border-b-[0.5px] border-inherit px-3 py-1 flex gap-1 bg-general-50",`${n.toolbarWrapperClass}`]),"data-wv-section":"toolbar"},[(m(!0),S(O,null,Z(Bt.value,o=>(m(),j(h,pe({ref_for:!0},o,{key:o.icon,class:[{"!bg-primary-50 ":o.active},o.class]}),null,16,["class"]))),128))],2)):T("",!0),_.value?T("",!0):(m(),j(l(Ne),{key:1,class:f([`${n.editorState==="editable"?"px-3 py-2":""} [&_*]:outline-none`,"[&_.is-editor-empty:first-child::before]:text-general-200","[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]","[&_.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]","[&_.is-editor-empty:first-child::before]:font-normal","[&_.is-editor-empty:first-child::before]:pointer-events-none","[&_.is-editor-empty:first-child::before]:float-left","[&_.is-editor-empty:first-child::before]:h-0","[&_a]:hover:underline transition-transform duration-75","[&_a]:text-link","[&_a]:cursor-pointer","[&_b]:font-bold","[&_strong]:font-bold","[&_img.ProseMirror-selectednode]:!outline-[0.5px]","[&_img.ProseMirror-selectednode]:!outline-link","[&_img.ProseMirror-selectednode]:!outline-offset-1","[&_img.ProseMirror-selectednode]:!rounded-sm","[&_img]:my-2","[&_*:has(code)]:my-[0.25rem]",`${n.contentWrapperClass}`]),editor:l(s),spellcheck:"false"},null,8,["class","editor"])),d(l(fe),{ref_key:"headingMenu",ref:Ke,model:Ht.value,popup:""},{item:v(({item:o})=>{var r,u,p,C,w,b,A,x;return[c("a",{class:f([...(r=l(St))==null?void 0:r.action.class,o.class,"flex items-center !justify-between h-[30px]",{"bg-primary-50":((u=l(s))==null?void 0:u.isActive("heading",{level:1}))&&o.label==="Heading 1"||((p=l(s))==null?void 0:p.isActive("heading",{level:2}))&&o.label==="Heading 2"||((C=l(s))==null?void 0:C.isActive("heading",{level:3}))&&o.label==="Heading 3"||((w=l(s))==null?void 0:w.isActive("heading",{level:4}))&&o.label==="Heading 4"||((b=l(s))==null?void 0:b.isActive("heading",{level:5}))&&o.label==="Heading 5"||((A=l(s))==null?void 0:A.isActive("heading",{level:6}))&&o.label==="Heading 6"||((x=l(s))==null?void 0:x.isActive("paragraph"))&&o.label==="Paragraf"}]),title:o.label,onClick:L=>{var M;return(M=o.command)==null?void 0:M.call(o,{item:o,originalEvent:L})}},[me(ee(o.label)+" ",1),c("code",dt,ee(o.shortCut),1)],10,ct)]}),_:1},8,["model"]),l(s)&&n.editorState==="editable"?(m(),j(l(W),{key:2,editor:l(s),"should-show":()=>{var o,r;return((o=l(s))==null?void 0:o.isActive("codeSnippet"))||((r=l(s))==null?void 0:r.isActive("mentionSection"))},"tippy-options":{placement:"top",zIndex:9},class:"-mt-1.5 shadow-panel","plugin-key":"editLinkToolbar"},{default:v(()=>[c("div",ut,[d(h,{onClick:Ye,icon:"close",severity:"secondary",text:"","tooltip-text":"Buat text baru dibawah"})])]),_:1},8,["editor","should-show"])):T("",!0),l(s)&&!K.value&&n.editorState==="editable"?(m(),j(l(W),{key:3,editor:l(s),"should-show":()=>{var o;return(o=l(s))==null?void 0:o.isActive("link")},"tippy-options":{placement:"bottom",zIndex:9},class:"-mt-1.5 shadow-panel","plugin-key":"editLinkToolbar"},{default:v(()=>[c("div",pt,[d(h,{onClick:ne,class:"!w-max",label:"Edit Tautan",severity:"secondary",text:""}),mt,d(h,{onClick:Pt,icon:"external-link",severity:"secondary",text:"","tooltip-text":"Buka di tab baru"}),vt,d(h,{onClick:Ft,icon:"link-unlink-m",severity:"secondary",text:"","tooltip-text":"Lepas tautan"}),gt,d(h,{onClick:Vt,icon:"file-copy",severity:"secondary",text:"","tooltip-text":"Salin tautan"})])]),_:1},8,["editor","should-show"])):T("",!0),d(De,{visible:se.value,"onUpdate:visible":t[2]||(t[2]=o=>se.value=o),class:"w-[400px]",header:"Pilih Gambar"},{default:v(()=>[c("div",ft,[c("div",ht,[c("div",yt,[d(l(te),{"model-value":B.value,"onUpdate:modelValue":t[0]||(t[0]=o=>B.value=o),class:"w-[269px]",label:"URL Gambar"},null,8,["model-value"])]),c("div",bt,[d(l(z),{onClick:t[1]||(t[1]=o=>le()),label:"Simpan",severity:"secondary"})])]),c("div",null,[xt,c("div",kt,[(m(!0),S(O,null,Z(F.value,(o,r)=>(m(),S("img",{key:r,src:o,alt:"preview",class:"w-28 h-28 object-scale-down rounded-lg"},null,8,_t))),128)),c("div",Ct,[d(Re,{class:"!w-[70px] !h-[70px]",icon:"upload-2",severity:"primary"}),d(l(z),{severity:"secondary"},{default:v(()=>[c("div",wt,[At,c("input",{onChange:$t,class:"opacity-0 absolute top-0 bottom-0 left-0 right-0",type:"file"},null,32)])]),_:1})])])])])]),_:1},8,["visible"]),l(s)&&n.editorState==="editable"?(m(),j(l(W),{key:4,editor:l(s),"should-show":()=>{var o;return!!((o=l(s))!=null&&o.isActive("image"))},"tippy-options":{placement:"top",zIndex:9},class:"-mt-1.5 shadow-panel","plugin-key":"editImageToolbar"},{default:v(()=>[c("div",Lt,[d(h,{onClick:Qe,icon:"delete-bin",severity:"secondary",text:"","tooltip-text":"Unset Image"})])]),_:1},8,["editor","should-show"])):T("",!0)],2),d(ze,{class:f(e.validatorMessageClass),message:y.errorMessage},null,8,["class","message"])]),_:1},8,["info","label","label-class","mandatory","show-optional-text"]),d(We,{ref_key:"editLinkOverlay",ref:ae,pt:{content:{class:""}},onHide:t[3]||(t[3]=o=>K.value=!1),"append-to":"self",class:"w-[342px] bg-white p-4"},{default:v(()=>[d(l(Pe),{onSubmit:Dt,class:"!gap-0","hide-stay-checkbox":""},{fields:v(()=>{var o,r;return[ve(d(l(te),{"validator-message":{empty:"Masukan tautan yang valid"},value:(o=q.value)==null?void 0:o.href,"field-name":"url",label:"Tempel Tautan",mandatory:"",placeholder:"Tempel tautan baru","use-validator":""},null,8,["value"]),[[i]]),d(l(Ve),{value:Nt(),"field-name":"text",label:"Teks Tampilan",placeholder:"Teks untuk ditampilkan","use-validator":""},null,8,["value"]),d(l(z),{label:(r=l(s))!=null&&r.isActive("link")?"Simpan":"Tambahkan",class:"w-max ml-auto",severity:"secondary",type:"submit"},null,8,["label"])]}),_:1})]),_:1},512)],64)}}}))}}});

package/components/editor/EditorButton-CC6U1a_u.system.js

@@ -0,0 +1 @@
+System.register(["vue","../button/Button-D892iaxz.system.js"],function(a,i){"use strict";var o,s,n,r,p;return{setters:[t=>{o=t.defineComponent,s=t.createBlock,n=t.openBlock,r=t.normalizeClass},t=>{p=t._}],execute:function(){const t=a("_",o({__name:"EditorButton",props:{classButton:{}},setup(c){return(e,l)=>(n(),s(p,{class:r([e.classButton,"!rounded h-6 w-6 p-1"]),tooltip:{pt:{text:{style:"font-size: 9px !important; padding: 2px 6px; border-radius: 8px"}},value:e.$attrs.tooltipText??e.$attrs["tooltip-text"]},"icon-class":"!w-4 !h-4",severity:"secondary",text:"","tooltip-pos":"top"},null,8,["class","tooltip"]))}}))}}});

package/components/editor/EditorButton-Cfew79JD.es.js

@@ -0,0 +1,28 @@
+import { defineComponent as o, createBlock as s, openBlock as e, normalizeClass as p } from "vue";
+import { _ as r } from "../button/Button-CgkhMnxo.es.js";
+const c = /* @__PURE__ */ o({
+  __name: "EditorButton",
+  props: {
+    classButton: {}
+  },
+  setup(a) {
+    return (t, n) => (e(), s(r, {
+      class: p([t.classButton, "!rounded h-6 w-6 p-1"]),
+      tooltip: {
+        pt: {
+          text: {
+            style: "font-size: 9px !important; padding: 2px 6px; border-radius: 8px"
+          }
+        },
+        value: t.$attrs.tooltipText ?? t.$attrs["tooltip-text"]
+      },
+      "icon-class": "!w-4 !h-4",
+      severity: "secondary",
+      text: "",
+      "tooltip-pos": "top"
+    }, null, 8, ["class", "tooltip"]));
+  }
+});
+export {
+  c as _
+};

package/components/editor/MentionList-BjWKefLh.system.js

@@ -0,0 +1 @@
+System.register(["vue","../username/UserName-A1N6Q7bS.system.js"],function(k,H){"use strict";var f,p,d,s,o,m,g,h,_,l,i,y;return{setters:[e=>{f=e.defineComponent,p=e.shallowRef,d=e.watch,s=e.createElementBlock,o=e.openBlock,m=e.Fragment,g=e.renderList,h=e.normalizeClass,_=e.createVNode,l=e.createElementVNode,i=e.toDisplayString},e=>{y=e.default}],execute:function(){const e={class:"bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative"},w=["onClick"],x={class:"flex flex-col gap-[1px]"},b={class:"!text-[10px] !font-light"},N={key:1,class:"text-xs font-semibold"},L=k("_",f({__name:"MentionList",props:{items:{},command:{type:Function}},setup(C,{expose:E}){const n=C,r=p(0),B=t=>t.key==="ArrowUp"?(D(),!0):t.key==="ArrowDown"?(V(),!0):t.key==="Enter"?(F(),!0):!1,D=()=>{r.value=(r.value+n.items.length-1)%n.items.length},V=()=>{r.value=(r.value+1)%n.items.length},F=()=>{v(r.value)},v=t=>{const a=n.items[t];a&&n.command({id:a.id,label:a.label})};return E({onKeyDown:B}),d(()=>n.items,()=>{r.value=0}),(t,a)=>(o(),s("div",e,[t.items.length?(o(!0),s(m,{key:0},g(t.items,(c,u)=>(o(),s("div",{key:u,class:h({"hover:bg-gray-100 flex":!0,"!bg-gray-100 ":u===r.value}),onClick:P=>v(u)},[_(y,{user:{profilePicture:c.profilePicture},"profile-picture-field":"profilePicture"},null,8,["user"]),l("div",x,[l("p",null,i(c.label),1),l("p",b,i(c.nickName),1)])],10,w))),128)):(o(),s("div",N,"No result"))]))}}))}}});

package/components/editor/MentionList-CdX0_-TK.es.js

@@ -0,0 +1,58 @@
+import { defineComponent as g, shallowRef as v, watch as y, createElementBlock as l, openBlock as s, Fragment as k, renderList as w, normalizeClass as x, createVNode as b, createElementVNode as a, toDisplayString as u } from "vue";
+import C from "../username/UserName-D5C0qdbu.es.js";
+const N = { class: "bg-white border border-gray-200 rounded-lg shadow-md flex flex-col max-h-72 overflow-y-scroll w-fit gap-1 p-2 relative" }, D = ["onClick"], E = { class: "flex flex-col gap-[1px]" }, H = { class: "!text-[10px] !font-light" }, P = {
+  key: 1,
+  class: "text-xs font-semibold"
+}, I = /* @__PURE__ */ g({
+  __name: "MentionList",
+  props: {
+    items: {},
+    command: { type: Function }
+  },
+  setup(d, { expose: m }) {
+    const o = d, t = v(0), p = (e) => e.key === "ArrowUp" ? (f(), !0) : e.key === "ArrowDown" ? (h(), !0) : e.key === "Enter" ? (_(), !0) : !1, f = () => {
+      t.value = (t.value + o.items.length - 1) % o.items.length;
+    }, h = () => {
+      t.value = (t.value + 1) % o.items.length;
+    }, _ = () => {
+      c(t.value);
+    }, c = (e) => {
+      const r = o.items[e];
+      r && o.command({
+        id: r.id,
+        label: r.label
+      });
+    };
+    return m({
+      onKeyDown: p
+    }), y(
+      () => o.items,
+      () => {
+        t.value = 0;
+      }
+    ), (e, r) => (s(), l("div", N, [
+      e.items.length ? (s(!0), l(k, { key: 0 }, w(e.items, (n, i) => (s(), l("div", {
+        key: i,
+        class: x({
+          "hover:bg-gray-100 flex": !0,
+          "!bg-gray-100 ": i === t.value
+        }),
+        onClick: (A) => c(i)
+      }, [
+        b(C, {
+          user: {
+            profilePicture: n.profilePicture
+          },
+          "profile-picture-field": "profilePicture"
+        }, null, 8, ["user"]),
+        a("div", E, [
+          a("p", null, u(n.label), 1),
+          a("p", H, u(n.nickName), 1)
+        ])
+      ], 10, D))), 128)) : (s(), l("div", P, "No result"))
+    ]));
+  }
+});
+export {
+  I as _
+};

package/components/editor/MentionSection-5I-FSwew.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as m, onMounted as x, shallowRef as b, ref as i, watch as d, createBlock as v, openBlock as p, unref as f, withCtx as y, createElementVNode as a, createElementBlock as _, createCommentVNode as g, createTextVNode as T, toDisplayString as u, normalizeClass as h } from "vue";
+import { n as w, N as V } from "../../vendor/@tiptap/vue-3-BOfcUn5G.es.js";
+const k = { class: "flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4" }, N = { class: "!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md" }, B = /* @__PURE__ */ a("span", { class: "text-xs" }, "#", -1), C = {
+  key: 0,
+  class: "absolute top-[45%] px-4 text-gray-400"
+}, E = ["contenteditable"], S = /* @__PURE__ */ m({
+  __name: "MentionSection",
+  props: w,
+  setup(c) {
+    const t = c;
+    x(() => {
+      s.value = t.editor.isEditable;
+    });
+    const l = i(t.node.attrs.title), r = i(t.node.attrs.bodyText), s = b(!0);
+    return d(l, () => {
+      t.updateAttributes({ title: l.value });
+    }), d(r, () => {
+      t.updateAttributes({ bodyText: r.value });
+    }), (A, o) => (p(), v(f(V), null, {
+      default: y(() => [
+        a("div", k, [
+          a("p", N, [
+            B,
+            T(u(l.value), 1)
+          ]),
+          s.value ? (p(), _("span", C, " Tuliskan sebuah pesan ")) : g("", !0),
+          a("span", {
+            class: h([
+              "p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "
+            ]),
+            contenteditable: t.editor.isEditable,
+            onBlur: o[0] || (o[0] = (n) => {
+              const e = n.target.innerText;
+              r.value = e, s.value = e === "" || e === `
+`;
+            }),
+            onFocus: o[1] || (o[1] = (n) => s.value = !1),
+            onKeyup: o[2] || (o[2] = (n) => {
+              const e = n.target.innerText;
+              console.log(e), s.value = e === "" || e === `
+`;
+            })
+          }, u(r.value), 41, E)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  S as _
+};

package/components/editor/MentionSection-CiuaeX4J.system.js

@@ -0,0 +1,3 @@
+System.register(["vue","../../vendor/@tiptap/vue-3-ZMNXXvBd.system.js"],function(C,D){"use strict";var x,b,v,l,c,f,p,y,m,r,_,g,h,d,w,V,k;return{setters:[e=>{x=e.defineComponent,b=e.onMounted,v=e.shallowRef,l=e.ref,c=e.watch,f=e.createBlock,p=e.openBlock,y=e.unref,m=e.withCtx,r=e.createElementVNode,_=e.createElementBlock,g=e.createCommentVNode,h=e.createTextVNode,d=e.toDisplayString,w=e.normalizeClass},e=>{V=e.n,k=e.N}],execute:function(){const e={class:"flex flex-col gap-1 border-primary-400 border-[2px] rounded-md relative my-4"},N={class:"!font-semibold !text-sm absolute -top-[10px] ml-2 bg-white border-primary-400 border-[2px] px-4 rounded-md"},T=r("span",{class:"text-xs"},"#",-1),B={key:0,class:"absolute top-[45%] px-4 text-gray-400"},E=["contenteditable"],M=C("_",x({__name:"MentionSection",props:V,setup(S){const n=S;b(()=>{s.value=n.editor.isEditable});const u=l(n.node.attrs.title),a=l(n.node.attrs.bodyText),s=v(!0);return c(u,()=>{n.updateAttributes({title:u.value})}),c(a,()=>{n.updateAttributes({bodyText:a.value})}),(z,o)=>(p(),f(y(k),null,{default:m(()=>[r("div",e,[r("p",N,[T,h(d(u.value),1)]),s.value?(p(),_("span",B," Tuliskan sebuah pesan ")):g("",!0),r("span",{class:w(["p-4 pt-6 caret-primary-500 focus:caret-primary-500 relative "]),contenteditable:n.editor.isEditable,onBlur:o[0]||(o[0]=i=>{const t=i.target.innerText;a.value=t,s.value=t===""||t===`
+`}),onFocus:o[1]||(o[1]=i=>s.value=!1),onKeyup:o[2]||(o[2]=i=>{const t=i.target.innerText;console.log(t),s.value=t===""||t===`
+`})},d(a.value),41,E)])]),_:1}))}}))}}});

package/components/editor/codeSnippetExtension-C-ADHg2S.es.js

@@ -0,0 +1,40 @@
+import { _ as t } from "./CodeSnippetAdapter-C0f7wytw.es.js";
+import { N as r, m as n } from "../../vendor/@tiptap/core-DSbPv8xh.es.js";
+import { V as o } from "../../vendor/@tiptap/vue-3-BOfcUn5G.es.js";
+const a = r.create({
+  name: "codeSnippet",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      code: {
+        default: ""
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "codeSnippet"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    return ["codeSnippet", n(e)];
+  },
+  addNodeView() {
+    return o(t);
+  },
+  addCommands() {
+    return {
+      insertCodeSnippet: () => ({ commands: e }) => e.insertContent({
+        type: "codeSnippet",
+        attrs: { code: "" }
+      }),
+      deleteCodeSnippet: () => ({ commands: e }) => e.deleteSelection()
+    };
+  }
+});
+export {
+  a as C
+};

package/components/editor/codeSnippetExtension-C3uj0fCk.system.js

@@ -0,0 +1 @@
+System.register(["./CodeSnippetAdapter-f-VHwbwS.system.js","../../vendor/@tiptap/core-D4rHEGhs.system.js","../../vendor/@tiptap/vue-3-ZMNXXvBd.system.js"],function(s,p){"use strict";var r,n,d,o;return{setters:[e=>{r=e._},e=>{n=e.N,d=e.m},e=>{o=e.V}],execute:function(){const e=s("C",n.create({name:"codeSnippet",group:"block",atom:!0,addAttributes(){return{code:{default:""}}},parseHTML(){return[{tag:"codeSnippet"}]},renderHTML({HTMLAttributes:t}){return["codeSnippet",d(t)]},addNodeView(){return o(r)},addCommands(){return{insertCodeSnippet:()=>({commands:t})=>t.insertContent({type:"codeSnippet",attrs:{code:""}}),deleteCodeSnippet:()=>({commands:t})=>t.deleteSelection()}}}))}}});

package/components/editor/mentionSectionExtension-DJ6wkX1L.system.js

@@ -0,0 +1 @@
+System.register(["../../vendor/@tiptap/core-D4rHEGhs.system.js","../../vendor/@tiptap/vue-3-ZMNXXvBd.system.js","./MentionSection-CiuaeX4J.system.js"],function(s,d){"use strict";var n,r,o,i;return{setters:[e=>{n=e.N,r=e.m},e=>{o=e.V},e=>{i=e._}],execute:function(){const e=s("M",n.create({name:"mentionSection",group:"block",atom:!0,addAttributes(){return{title:{default:""},bodyText:{default:""}}},parseHTML(){return[{tag:"mentionSection"}]},renderHTML({HTMLAttributes:t}){return["mentionSection",r(t)]},addNodeView(){return o(i)},addCommands(){return{insertMentionSection:t=>({commands:u})=>u.insertContent({type:"mentionSection",attrs:{title:t,bodyText:null}}),deleteMentionSection:()=>({commands:t})=>t.deleteSelection()}}}))}}});

package/components/editor/mentionSectionExtension-rbWufuMT.es.js

@@ -0,0 +1,46 @@
+import { N as n, m as r } from "../../vendor/@tiptap/core-DSbPv8xh.es.js";
+import { V as o } from "../../vendor/@tiptap/vue-3-BOfcUn5G.es.js";
+import { _ as i } from "./MentionSection-5I-FSwew.es.js";
+const s = n.create({
+  name: "mentionSection",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      title: {
+        default: ""
+      },
+      bodyText: {
+        default: ""
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "mentionSection"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    return ["mentionSection", r(e)];
+  },
+  addNodeView() {
+    return o(i);
+  },
+  addCommands() {
+    return {
+      insertMentionSection: (e) => ({ commands: t }) => t.insertContent({
+        type: "mentionSection",
+        attrs: {
+          title: e,
+          bodyText: null
+        }
+      }),
+      deleteMentionSection: () => ({ commands: e }) => e.deleteSelection()
+    };
+  }
+});
+export {
+  s as M
+};

package/components/editor/suggestion-BcYK0KeI.system.js

@@ -0,0 +1 @@
+System.register(["../../vendor/tippy.js-6wuFov1j.system.js","../../vendor/@tiptap/vue-3-ZMNXXvBd.system.js","./MentionList-BjWKefLh.system.js"],function(s,u){"use strict";var i,o,c;return{setters:[t=>{i=t.t},t=>{o=t.a},t=>{c=t._}],execute:function(){const t=s("s",()=>({render:()=>{let n,r;return{onStart(e){n=new o(c,{props:{items:e.items,command:e.command},editor:e.editor}),e.clientRect&&(r=i("body",{getReferenceClientRect:e.clientRect,appendTo:()=>document.body,content:n.element,showOnCreate:!0,interactive:!0,trigger:"manual",placement:"bottom-start"}))},onUpdate(e){n.updateProps(e),e.clientRect&&r[0].setProps({getReferenceClientRect:e.clientRect})},onKeyDown(e){return e.event.key==="Escape"?(r[0].hide(),!0):n.ref.onKeyDown(e.event)},onExit(){r[0].destroy(),n.destroy()}}}}))}}});

package/components/editor/suggestion-mkkpQFP-.es.js

@@ -0,0 +1,41 @@
+import { t as r } from "../../vendor/tippy.js-i1ic-msv.es.js";
+import { a as o } from "../../vendor/@tiptap/vue-3-BOfcUn5G.es.js";
+import { _ as i } from "./MentionList-CdX0_-TK.es.js";
+const d = () => ({
+  render: () => {
+    let t, n;
+    return {
+      onStart(e) {
+        t = new o(i, {
+          props: {
+            items: e.items,
+            command: e.command
+          },
+          editor: e.editor
+        }), e.clientRect && (n = r("body", {
+          getReferenceClientRect: e.clientRect,
+          appendTo: () => document.body,
+          content: t.element,
+          showOnCreate: !0,
+          interactive: !0,
+          trigger: "manual",
+          placement: "bottom-start"
+        }));
+      },
+      onUpdate(e) {
+        t.updateProps(e), e.clientRect && n[0].setProps({
+          getReferenceClientRect: e.clientRect
+        });
+      },
+      onKeyDown(e) {
+        return e.event.key === "Escape" ? (n[0].hide(), !0) : t.ref.onKeyDown(e.event);
+      },
+      onExit() {
+        n[0].destroy(), t.destroy();
+      }
+    };
+  }
+});
+export {
+  d as s
+};

package/components/fieldwrapper/FieldWrapper-Dc-stQRH.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../async-components/index-DvjqHrYE.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","../../utils/mergePropsWithDefaults.util-CXowvEKY.system.js"],function(h,V){"use strict";var u,y,d,r,c,s,a,n,t,l,m,k,p,g,P,B;return{setters:[e=>{u=e.defineComponent,y=e.computed,d=e.inject,r=e.createElementBlock,c=e.renderSlot,s=e.openBlock,a=e.normalizeProps,n=e.mergeProps,t=e.unref,l=e.createCommentVNode,m=e.createTextVNode,k=e.createBlock,p=e.toDisplayString},e=>{g=e.I},e=>{P=e.u},e=>{B=e.m}],execute:function(){const e=h("default",u({__name:"FieldWrapper",props:{label:{},mandatory:{type:Boolean},showOptionalText:{type:Boolean,default:void 0},showAsterisk:{type:Boolean,default:void 0},info:{},labelClass:{},tooltipPos:{}},setup(w){const b=w,{defaultProps:C,locale:v}=P("FieldWrapper"),f=y(()=>B(b,C)),i=d("preset",{}).fieldwrapper;return(o,W)=>o.$attrs["use-field-wrapper"]!=!1?(s(),r("div",a(n({key:0},t(i).root)),[o.label?(s(),r("label",a(n({key:0},t(i).label({props:b}))),[m(p(o.label)+" ",1),o.mandatory&&f.value.showAsterisk?(s(),r("span",a(n({key:0},t(i).arterisksign)),p(t(v).labelRequired),17)):l("",!0),o.info?(s(),k(t(g),n({key:1,info:o.info,"tooltip-pos":f.value.tooltipPos},t(i).info,{icon:"info"}),null,16,["info","tooltip-pos"])):l("",!0),o.mandatory==!1&&f.value.showOptionalText?(s(),r("span",a(n({key:2},t(i).optionaltext)),p(t(v).labelOptional),17)):l("",!0)],16)):l("",!0),c(o.$slots,"default")],16)):c(o.$slots,"default",{key:1})}}))}}});

package/components/fieldwrapper/FieldWrapper-DmOogUM5.es.js

@@ -0,0 +1,35 @@
+import { defineComponent as y, computed as k, inject as b, createElementBlock as r, renderSlot as d, openBlock as a, normalizeProps as s, mergeProps as l, unref as o, createCommentVNode as n, createTextVNode as g, createBlock as P, toDisplayString as i } from "vue";
+import { I as h } from "../../async-components/index-C8nb7p3T.es.js";
+import { u as v } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { m as w } from "../../utils/mergePropsWithDefaults.util-BKcJzgvs.es.js";
+const V = /* @__PURE__ */ y({
+  __name: "FieldWrapper",
+  props: {
+    label: {},
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    showAsterisk: { type: Boolean, default: void 0 },
+    info: {},
+    labelClass: {},
+    tooltipPos: {}
+  },
+  setup(m) {
+    const f = m, { defaultProps: c, locale: u } = v("FieldWrapper"), p = k(() => w(f, c)), t = b("preset", {}).fieldwrapper;
+    return (e, B) => e.$attrs["use-field-wrapper"] != !1 ? (a(), r("div", s(l({ key: 0 }, o(t).root)), [
+      e.label ? (a(), r("label", s(l({ key: 0 }, o(t).label({ props: f }))), [
+        g(i(e.label) + " ", 1),
+        e.mandatory && p.value.showAsterisk ? (a(), r("span", s(l({ key: 0 }, o(t).arterisksign)), i(o(u).labelRequired), 17)) : n("", !0),
+        e.info ? (a(), P(o(h), l({
+          key: 1,
+          info: e.info,
+          "tooltip-pos": p.value.tooltipPos
+        }, o(t).info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : n("", !0),
+        e.mandatory == !1 && p.value.showOptionalText ? (a(), r("span", s(l({ key: 2 }, o(t).optionaltext)), i(o(u).labelOptional), 17)) : n("", !0)
+      ], 16)) : n("", !0),
+      d(e.$slots, "default")
+    ], 16)) : d(e.$slots, "default", { key: 1 });
+  }
+});
+export {
+  V as default
+};

package/components/fileupload/FileUpload-0EHKlInu.es.js

@@ -0,0 +1,175 @@
+import { defineComponent as D, mergeModels as $, useModel as G, inject as Y, shallowRef as y, ref as z, reactive as H, computed as Z, onMounted as J, watch as E, createBlock as A, openBlock as v, unref as m, mergeProps as g, withCtx as M, createTextVNode as h, toDisplayString as x, createElementVNode as B, normalizeClass as k, createVNode as w, createCommentVNode as N, withModifiers as Q, createElementBlock as S, normalizeProps as W, Fragment as C } from "vue";
+import { k as X } from "../../vendor/primevue-DkBtKf1Y.es.js";
+import { u as ee } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { u as ae } from "../../utils/toast.util-C7p3h9XQ.es.js";
+import le from "../fieldwrapper/FieldWrapper-DmOogUM5.es.js";
+import se from "../inputtext/InputText-BEDxrRqK.es.js";
+import { _ as ie } from "../button/Button-CgkhMnxo.es.js";
+import { _ as oe } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 1048576, ye = /* @__PURE__ */ D({
+  __name: "FileUpload",
+  props: /* @__PURE__ */ $({
+    accept: {},
+    disabled: { type: Boolean },
+    maxFileSize: {},
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    invalidFileSizeMessage: {},
+    invalidFileTypeMessage: {},
+    label: { default: "Upload File" },
+    withUpload: { type: Boolean, default: !0 },
+    uploadLabel: { default: "Upload" },
+    placeholder: { default: "Select File" },
+    fileExtensions: {},
+    fileRequirements: {},
+    uploadFunction: {},
+    useValidator: { type: Boolean },
+    fieldName: { default: "fileUpload" },
+    mandatory: { type: Boolean },
+    useErrorToast: { type: Boolean, default: !0 },
+    validatorMessage: {},
+    validatorMessageClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
+  setup(T, { emit: V }) {
+    const I = ae(), t = G(T, "modelValue"), a = T, F = V, { fileupload: c = {} } = Y("preset", {}), i = y(), r = y(), o = y(), _ = z(), u = H({ value: void 0 }), R = Z(() => !!u.errorMessage || (n.value ? n.value.length > 0 : !1)), d = y(!1);
+    J(() => {
+      a.useValidator && Object.assign(
+        u,
+        ee(a.fieldName, (e) => j(e))
+      ), t.value && (Array.isArray(t.value) && a.multiple ? (o.value = t.value, i.value = t.value.map((e) => e.name)) : t.value instanceof File && (o.value = t.value, i.value = t.value.name));
+    });
+    const j = (e) => {
+      if (typeof a.validatorMessage == "string")
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: l } = a.validatorMessage ?? {};
+        if (!e && a.mandatory && !o.value)
+          return l ?? !0;
+      }
+      return !0;
+    }, q = (e) => {
+      if (!a.useErrorToast && typeof a.validatorMessage != "string") {
+        const { exceed: l, invalidFormat: s } = a.validatorMessage;
+        e.includes("Invalid file size") && l ? r.value = l : e.includes("Invalid file type") ? r.value = s : r.value = void 0;
+      }
+    }, L = (e) => {
+      var l;
+      try {
+        if (!e.files || e.files.length === 0)
+          return;
+        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), F("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, F("select", e.files[0]));
+      } catch (s) {
+        console.error(s);
+      }
+    }, U = (e, l) => {
+      a.disabled || d.value || (n.value = void 0, new Promise((s, p) => {
+        try {
+          l(), s();
+        } catch (f) {
+          p(f);
+        }
+      }).then(() => {
+        e();
+      }));
+    }, O = async (e, l) => {
+      try {
+        d.value = !0, a.uploadFunction && await a.uploadFunction(e), o.value = void 0, i.value = void 0, l(), d.value = !1;
+      } catch (s) {
+        throw d.value = !1, s;
+      }
+    }, n = z(), P = (e) => {
+      n.value = e;
+    }, K = (e, l, s) => {
+      (e.key === "Enter" || e.key === " ") && U(l, s);
+    };
+    return E(o, (e) => {
+      u.value = e, t.value = e, n.value = void 0, r.value = void 0;
+    }), E(t, (e) => {
+      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), u.value = e, "messages" in _.value && (_.value.messages = []), n.value = void 0, r.value = void 0;
+    }), E(n, (e) => {
+      if (e && e.length > 0) {
+        const l = e[0].replace("{2}", a.accept || "").replace("{2.1}", a.fileExtensions || "");
+        l.includes("Invalid file size") && F("error", "FILE_SIZE_TOO_LARGE"), q(l), a.useErrorToast && I.add({
+          message: l,
+          severity: "error"
+        }), o.value = void 0, i.value = void 0;
+      } else
+        r.value = void 0;
+    }), (e, l) => (v(), A(m(X), g(a, {
+      ref_key: "fileUpload",
+      ref: _,
+      "file-limit": e.multiple ? void 0 : 1,
+      pt: { input: { style: "display: none" } },
+      onSelect: L,
+      onUpload: l[0] || (l[0] = (s) => e.$emit("upload", s))
+    }), {
+      header: M(({ files: s, chooseCallback: p, clearCallback: f }) => [
+        B("div", {
+          class: k([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
+        }, [
+          w(le, g(m(c).wrapper, {
+            "error-messages": n.value,
+            label: a.label,
+            mandatory: a.mandatory
+          }), {
+            default: M(() => [
+              w(se, {
+                disabled: a.disabled || d.value,
+                "input-class": m(c).input({ state: { fileName: i.value } }).class,
+                invalid: R.value,
+                "model-value": Array.isArray(i.value) ? i.value.join(", ") : i.value,
+                placeholder: a.placeholder,
+                onClick: (b) => U(p, f),
+                onKeydown: Q((b) => K(b, p, f), ["prevent"])
+              }, {
+                "addon-left": M(() => [
+                  h(" Browse")
+                ]),
+                _: 2
+              }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
+              B("div", {
+                class: k([{
+                  "justify-between": u.errorMessage || r.value,
+                  "justify-end": (!u.errorMessage || !r.value) && a.validatorMessage
+                }, "flex w-full"])
+              }, [
+                w(oe, {
+                  class: k(a.validatorMessageClass),
+                  message: u.errorMessage ?? r.value
+                }, null, 8, ["class", "message"]),
+                a.fileExtensions || a.fileRequirements ? (v(), S("div", W(g({ key: 0 }, m(c).requirements)), [
+                  B("small", te, [
+                    e.fileRequirements ? (v(), S(C, { key: 0 }, [
+                      h(x(e.fileRequirements), 1)
+                    ], 64)) : (v(), S(C, { key: 1 }, [
+                      h(x(a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`), 1)
+                    ], 64))
+                  ])
+                ], 16)) : N("", !0)
+              ], 2)
+            ]),
+            _: 2
+          }, 1040, ["error-messages", "label", "mandatory"]),
+          a.withUpload ? (v(), A(ie, g({ key: 0 }, m(c).buttonupload({ props: a }), {
+            disabled: a.disabled || d.value || !o.value,
+            label: a.uploadLabel,
+            onClick: (b) => O(s, f),
+            severity: "success",
+            type: "button"
+          }), null, 16, ["disabled", "label", "onClick"])) : N("", !0)
+        ], 2)
+      ]),
+      content: M(({ messages: s }) => [
+        h(x(P(s)), 1)
+      ]),
+      _: 1
+    }, 16, ["file-limit"]));
+  }
+});
+export {
+  ye as default
+};

package/components/fileupload/FileUpload-dXrsIAeC.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-C5Z_k4WB.system.js","../../vendor/vee-validate-Cc_B-qII.system.js","../../utils/toast.util-DPtauJUV.system.js","../fieldwrapper/FieldWrapper-Dc-stQRH.system.js","../inputtext/InputText-BOgH8xpA.system.js","../button/Button-D892iaxz.system.js","../validatormessage/ValidatorMessage-VVfyqlRF.system.js"],function(Q,ue){"use strict";var U,k,$,A,p,j,I,R,P,h,V,v,c,m,y,g,F,b,E,x,N,q,_,L,S,O,D,K,G,H,Y,W;return{setters:[a=>{U=a.defineComponent,k=a.mergeModels,$=a.useModel,A=a.inject,p=a.shallowRef,j=a.ref,I=a.reactive,R=a.computed,P=a.onMounted,h=a.watch,V=a.createBlock,v=a.openBlock,c=a.unref,m=a.mergeProps,y=a.withCtx,g=a.createTextVNode,F=a.toDisplayString,b=a.createElementVNode,E=a.normalizeClass,x=a.createVNode,N=a.createCommentVNode,q=a.withModifiers,_=a.createElementBlock,L=a.normalizeProps,S=a.Fragment},a=>{O=a.k},a=>{D=a.u},a=>{K=a.u},a=>{G=a.default},a=>{H=a.default},a=>{Y=a._},a=>{W=a._}],execute:function(){const a={class:"'!mt-0 font-light text-xs text-general-500'"},X=1048576,de=Q("default",U({__name:"FileUpload",props:k({accept:{},disabled:{type:Boolean},maxFileSize:{},modelValue:{},multiple:{type:Boolean,default:!1},invalidFileSizeMessage:{},invalidFileTypeMessage:{},label:{default:"Upload File"},withUpload:{type:Boolean,default:!0},uploadLabel:{default:"Upload"},placeholder:{default:"Select File"},fileExtensions:{},fileRequirements:{},uploadFunction:{},useValidator:{type:Boolean},fieldName:{default:"fileUpload"},mandatory:{type:Boolean},useErrorToast:{type:Boolean,default:!0},validatorMessage:{},validatorMessageClass:{}},{modelValue:{},modelModifiers:{}}),emits:k(["select","update:modelValue","upload","error"],["update:modelValue"]),setup(Z,{emit:ee}){const ae=K(),r=$(Z,"modelValue"),l=Z,T=ee,{fileupload:w={}}=A("preset",{}),i=p(),n=p(),o=p(),C=j(),d=I({value:void 0}),le=R(()=>!!d.errorMessage||(u.value?u.value.length>0:!1)),f=p(!1);P(()=>{l.useValidator&&Object.assign(d,D(l.fieldName,e=>se(e))),r.value&&(Array.isArray(r.value)&&l.multiple?(o.value=r.value,i.value=r.value.map(e=>e.name)):r.value instanceof File&&(o.value=r.value,i.value=r.value.name))});const se=e=>{if(typeof l.validatorMessage=="string")return l.validatorMessage;if(typeof l.validatorMessage!="string"){const{empty:s}=l.validatorMessage??{};if(!e&&l.mandatory&&!o.value)return s??!0}return!0},te=e=>{if(!l.useErrorToast&&typeof l.validatorMessage!="string"){const{exceed:s,invalidFormat:t}=l.validatorMessage;e.includes("Invalid file size")&&s?n.value=s:e.includes("Invalid file type")?n.value=t:n.value=void 0}},ie=e=>{var s;try{if(!e.files||e.files.length===0)return;l.multiple?(o.value=e.files,i.value=e.files.map(t=>t.name),T("select",e.files)):(o.value=e.files[0],i.value=(s=e.files[0])==null?void 0:s.name,T("select",e.files[0]))}catch(t){console.error(t)}},J=(e,s)=>{l.disabled||f.value||(u.value=void 0,new Promise((t,B)=>{try{s(),t()}catch(M){B(M)}}).then(()=>{e()}))},oe=async(e,s)=>{try{f.value=!0,l.uploadFunction&&await l.uploadFunction(e),o.value=void 0,i.value=void 0,s(),f.value=!1}catch(t){throw f.value=!1,t}},u=j(),re=e=>{u.value=e},ne=(e,s,t)=>{(e.key==="Enter"||e.key===" ")&&J(s,t)};return h(o,e=>{d.value=e,r.value=e,u.value=void 0,n.value=void 0}),h(r,e=>{Array.isArray(e)&&l.multiple?(o.value=e,i.value=e.map(s=>s.name)):e instanceof File?(o.value=e,i.value=e.name):(o.value=void 0,i.value=void 0),d.value=e,"messages"in C.value&&(C.value.messages=[]),u.value=void 0,n.value=void 0}),h(u,e=>{if(e&&e.length>0){const s=e[0].replace("{2}",l.accept||"").replace("{2.1}",l.fileExtensions||"");s.includes("Invalid file size")&&T("error","FILE_SIZE_TOO_LARGE"),te(s),l.useErrorToast&&ae.add({message:s,severity:"error"}),o.value=void 0,i.value=void 0}else n.value=void 0}),(e,s)=>(v(),V(c(O),m(l,{ref_key:"fileUpload",ref:C,"file-limit":e.multiple?void 0:1,pt:{input:{style:"display: none"}},onSelect:ie,onUpload:s[0]||(s[0]=t=>e.$emit("upload",t))}),{header:y(({files:t,chooseCallback:B,clearCallback:M})=>[b("div",{class:E([{"grid-cols-[auto,max-content]":l.withUpload},"grid gap-3 items-end"])},[x(G,m(c(w).wrapper,{"error-messages":u.value,label:l.label,mandatory:l.mandatory}),{default:y(()=>[x(H,{disabled:l.disabled||f.value,"input-class":c(w).input({state:{fileName:i.value}}).class,invalid:le.value,"model-value":Array.isArray(i.value)?i.value.join(", "):i.value,placeholder:l.placeholder,onClick:z=>J(B,M),onKeydown:q(z=>ne(z,B,M),["prevent"])},{"addon-left":y(()=>[g(" Browse")]),_:2},1032,["disabled","input-class","invalid","model-value","placeholder","onClick","onKeydown"]),b("div",{class:E([{"justify-between":d.errorMessage||n.value,"justify-end":(!d.errorMessage||!n.value)&&l.validatorMessage},"flex w-full"])},[x(W,{class:E(l.validatorMessageClass),message:d.errorMessage??n.value},null,8,["class","message"]),l.fileExtensions||l.fileRequirements?(v(),_("div",L(m({key:0},c(w).requirements)),[b("small",a,[e.fileRequirements?(v(),_(S,{key:0},[g(F(e.fileRequirements),1)],64)):(v(),_(S,{key:1},[g(F(l.maxFileSize?`${l.fileExtensions}. max file ${Math.round(l.maxFileSize/X)} MB`:`${l.fileExtensions} file`),1)],64))])],16)):N("",!0)],2)]),_:2},1040,["error-messages","label","mandatory"]),l.withUpload?(v(),V(Y,m({key:0},c(w).buttonupload({props:l}),{disabled:l.disabled||f.value||!o.value,label:l.uploadLabel,onClick:z=>oe(t,M),severity:"success",type:"button"}),null,16,["disabled","label","onClick"])):N("",!0)],2)]),content:y(({messages:t})=>[g(F(re(t)),1)]),_:1},16,["file-limit"]))}}))}}});