@opengis/widgets 0.0.30 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -712,7 +712,7 @@ const Js = de("x", [
|
|
|
712
712
|
se(J(Gs), { class: "h-3 w-3 text-gray-500" })
|
|
713
713
|
]),
|
|
714
714
|
u("span", nr, F(o?.userName), 1),
|
|
715
|
-
u("span", ir, F(o?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
|
|
715
|
+
u("span", ir, F(o?.timestamp.toLocaleDateString("ua-UA", { day: "2-digit", month: "2-digit", year: "numeric" })) + " " + F(o?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
|
|
716
716
|
]),
|
|
717
717
|
u("div", or, [
|
|
718
718
|
u("div", rr, [
|
package/dist/index.umd.cjs
CHANGED
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
*
|
|
129
129
|
* This source code is licensed under the ISC license.
|
|
130
130
|
* See the LICENSE file in the root directory of this source tree.
|
|
131
|
-
*/const Zt=X("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),zo={class:"border-t pt-3 mt-4"},jo={class:"flex gap-2"},Ho={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Uo={class:"flex-1 space-y-2"},qo={class:"flex justify-between items-center"},Wo={class:"flex gap-2"},Ko=["disabled"],Qn=e.defineComponent({__name:"CommentInputZone",props:{isReply:{type:Boolean,required:!1,default:!1},isReplyModifiers:{}},emits:e.mergeModels(["sendComment"],["update:isReply"]),setup(t,{emit:n}){const s=e.useModel(t,"isReply"),o=e.ref(""),r=n,l=()=>{o.value.trim()&&(r("sendComment",o.value),o.value="")},i=a=>{(a.ctrlKey||a.metaKey)&&a.key==="Enter"&&(a.preventDefault(),l())};return(a,c)=>(e.openBlock(),e.createElementBlock("div",zo,[e.createElementVNode("div",jo,[e.createElementVNode("span",Ho,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",Uo,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=d=>o.value=d),onKeydown:i,placeholder:"Add a comment...",class:"w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"},null,544),[[e.vModelText,o.value]]),e.createElementVNode("div",qo,[c[4]||(c[4]=e.createElementVNode("span",{class:"text-xs text-gray-500 hidden sm:inline"},"Cmd+Enter to send",-1)),e.createElementVNode("div",Wo,[s.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",onClick:c[1]||(c[1]=d=>s.value=!1)},[e.createVNode(e.unref(Zt),{class:"h-3 w-3"}),c[2]||(c[2]=e.createTextVNode(" Cancel ",-1))])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",disabled:!o.value.trim(),onClick:l},[e.createVNode(e.unref(Xn),{class:"h-3 w-3 mr-1"}),c[3]||(c[3]=e.createTextVNode(" Send ",-1))],8,Ko)])])])])]))}}),Go={class:"z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto"},Jo=e.defineComponent({__name:"CommentDetails",props:{showMoreOptions:{type:Boolean,required:!0,default:!1},showMoreOptionsModifiers:{}},emits:e.mergeModels(["edit","delete"],["update:showMoreOptions"]),setup(t,{emit:n}){const s=n,o=e.useModel(t,"showMoreOptions"),r=e.ref(),l=e.ref(!0),i=async d=>{o.value&&r.value&&!r.value.contains(d.target)&&!l.value&&(o.value=!1),l.value=!1},a=()=>{o.value=!1,s("edit")},c=()=>{o.value=!1,s("delete")};return e.onMounted(()=>{document.addEventListener("click",i)}),e.onUnmounted(()=>{document.removeEventListener("click",i)}),(d,f)=>(e.openBlock(),e.createElementBlock("div",{class:"absolute bg-white left-0 top-full transform min-w-max z-50",ref_key:"moreOptionsRef",ref:r},[e.createElementVNode("div",Go,[e.createElementVNode("div",{class:"relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs hover:bg-gray-100 transition-colors duration-300",onClick:a},[e.createVNode(e.unref(Ro),{class:"h-3 w-3 mr-2"}),f[0]||(f[0]=e.createTextVNode(" Edit ",-1))]),e.createElementVNode("div",{class:"relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs text-red-600 hover:bg-gray-100 transition-colors duration-300",onClick:c},[e.createVNode(e.unref(Gt),{class:"h-3 w-3 mr-2"}),f[1]||(f[1]=e.createTextVNode(" Delete ",-1))])])],512))}}),Zo={class:"space-y-2"},Yo={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Xo={class:"flex-1 min-w-0 space-y-1 relative"},Qo={class:"flex items-center gap-2"},Vo={class:"font-medium text-xs"},er={class:"text-xs text-gray-500"},tr={key:0,class:"text-xs text-gray-700 leading-relaxed"},nr={class:"flex justify-between text-xs"},sr={class:"flex items-center gap-2"},or={key:0,class:"flex gap-2"},rr=["disabled"],ir={key:0,class:"ml-8 space-y-1 border-l-2 border-gray-100 pl-3"},lr=e.defineComponent({__name:"CommentItem",props:{comment:{},isInside:{type:Boolean}},emits:["like","reply","edit","delete"],setup(t,{emit:n}){const s=n,o=t,r=e.ref(o.comment.text),l=e.ref("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"),i=e.ref("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"),a=e.ref(!1),c=e.ref(!1),d=e.ref(!1),f=e.ref(!1),p=N=>{const C=new Date,A=Math.floor((C.getTime()-N.getTime())/(1e3*60*60));return A<1?`${Math.floor((C.getTime()-N.getTime())/6e4)}m`:A<24?`${A}h`:`${Math.floor(A/24)}d`},m=()=>{f.value=!f.value,f.value?s("like",o.comment.id,"add"):s("like",o.comment.id,"delete")},E=()=>{s("edit",o.comment.id,r.value),d.value=!1},w=(N,C)=>{s("like",N,C)},_=(N,C)=>{s("edit",N,C)};return(N,C)=>{const A=e.resolveComponent("CommentItem",!0);return e.openBlock(),e.createElementBlock("div",Zo,[e.createElementVNode("div",{class:e.normalizeClass(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative",d.value?"bg-gray-50":""])},[e.createElementVNode("span",Yo,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",Xo,[e.createElementVNode("div",Qo,[e.createElementVNode("span",Vo,e.toDisplayString(N.comment?.author),1),e.createElementVNode("span",er,e.toDisplayString(p(N.comment?.createdAt)),1)]),d.value?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{key:1,"onUpdate:modelValue":C[0]||(C[0]=B=>r.value=B),class:e.normalizeClass(d.value?i.value:l.value)},null,2)),[[e.vModelText,r.value]]):(e.openBlock(),e.createElementBlock("p",tr,e.toDisplayString(N.comment?.text),1)),e.createElementVNode("div",nr,[e.createElementVNode("div",sr,[e.createElementVNode("button",{class:e.normalizeClass(["flex items-center gap-1",f.value?"text-blue-600":"text-gray-500 hover:text-blue-600 transition-colors"]),onClick:C[1]||(C[1]=B=>m())},[e.createVNode(e.unref(Oo),{class:e.normalizeClass(["h-3 w-3",f.value?"fill-blue-600":""])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(N.comment?.likes),1)],2),N.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-gray-500 hover:text-blue-600 transition-colors",onClick:C[2]||(C[2]=B=>c.value=!0)},[e.createVNode(e.unref(Mo),{class:"h-3 w-3"})])),e.createElementVNode("button",{class:"text-gray-400 hover:text-gray-600 transition-colors opacity-0 group-hover:opacity-100",type:"button",onClick:C[3]||(C[3]=B=>a.value=!0)},[e.createVNode(e.unref($o),{class:"h-3 w-3"})])]),d.value?(e.openBlock(),e.createElementBlock("div",or,[e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",onClick:C[4]||(C[4]=B=>d.value=!1)},[e.createVNode(e.unref(Zt),{class:"h-3 w-3"}),C[11]||(C[11]=e.createTextVNode(" Cancel ",-1))]),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",disabled:!r.value.trim(),onClick:C[5]||(C[5]=B=>E())},[e.createVNode(e.unref(Xn),{class:"h-3 w-3 mr-1"}),C[12]||(C[12]=e.createTextVNode(" Send ",-1))],8,rr)])):e.createCommentVNode("",!0)])]),a.value?(e.openBlock(),e.createBlock(Jo,{key:0,showMoreOptions:a.value,"onUpdate:showMoreOptions":C[6]||(C[6]=B=>a.value=B),onEdit:C[7]||(C[7]=B=>d.value=!0),onDelete:C[8]||(C[8]=B=>N.$emit("delete",N.comment?.id)),comment:N.comment},null,8,["showMoreOptions","comment"])):e.createCommentVNode("",!0)],2),N.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ir,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.comment?.replies,B=>(e.openBlock(),e.createBlock(A,{key:B.id,comment:B,isInside:!0,onDelete:D=>N.$emit("delete",B.id),onLike:w,onEdit:_},null,8,["comment","onDelete"]))),128)),c.value&&!N.isInside?(e.openBlock(),e.createBlock(Qn,{key:0,onSendComment:C[9]||(C[9]=B=>N.$emit("reply",N.comment?.id,B)),isReply:c.value,"onUpdate:isReply":C[10]||(C[10]=B=>c.value=B)},null,8,["isReply"])):e.createCommentVNode("",!0)]))])}}}),ar=["id"],cr={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},yt=e.defineComponent({__name:"CommentsWidget",props:{title:{},comments:{},maxHeight:{},onAddComment:{type:Function},onReply:{type:Function},onLike:{type:Function},onDelete:{type:Function},onEdit:{type:Function},id:{},className:{},style:{}},emits:["add","reply","like","delete","edit"],setup(t,{emit:n}){const s=t,o=n,r=e.ref(s.comments??[]);async function l(){if(!s.id)return;const p=await fetch(`/api/widget/comment/${s.id}`).then(m=>m.json());r.value=p.rows.map(m=>({id:m.communication_id,author:m.username,text:m.body,createdAt:new Date(m.cdate)}))}r.value.length===0&&l();const i=async p=>{s.onAddComment?s.onAddComment(p):s.id&&(await fetch(`/api/widget/comment/${s.id}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:p})}),await l()),o("add",p)},a=(p,m)=>{s?.onLike?.(p,m),o("like",p,m)},c=(p,m)=>{s.onReply?.(p,m),o("reply",p,m)},d=async(p,m)=>{s.onEdit?s.onEdit(p,m):s.id&&(await fetch(`/api/widget/comment/${s.id}/${p}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:m})}),await l()),o("edit",p,m)},f=async p=>{s.onDelete?s.onDelete(p):s.id&&(await fetch(`/api/widget/comment/${s.id}/${p}`,{method:"DELETE"}),await l()),o("delete",p)};return(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mx-auto font-sans",p.className]),id:p.id,style:e.normalizeStyle(p.style)},[p.title?(e.openBlock(),e.createElementBlock("h3",cr,e.toDisplayString(p.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([p.maxHeight?"overflow-y-auto":"","space-y-3"]),style:e.normalizeStyle({maxHeight:p.maxHeight+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,E=>(e.openBlock(),e.createBlock(lr,{key:E.id,comment:E,onReply:c,onLike:a,onDelete:m[0]||(m[0]=w=>f(w)),onEdit:d},null,8,["comment"]))),128))],6),e.createVNode(Qn,{onSendComment:m[1]||(m[1]=E=>i(E))})],14,ar))}}),Vn=new Map([["file",{name:"File",color:"bg-green-100 text-green-700 border-green-200",icon:Ke}],["post",{name:"Post",color:"bg-blue-100 text-blue-700 border-blue-200",icon:Lo}],["user",{name:"User",color:"bg-purple-100 text-purple-700 border-purple-200",icon:Po}],["custom",{name:"Custom",color:"bg-gray-100 text-gray-700 border-gray-200",icon:Io}]]),dr={class:"mx-auto font-sans"},pr={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},fr={class:"relative"},mr={class:"space-y-3"},hr={class:"flex-1 min-w-0 pb-2"},ur={class:"flex items-center gap-1.5 mb-1 mt-0.5"},gr={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},yr={class:"font-medium text-xs"},vr={class:"text-xs text-gray-500"},br={class:"space-y-1"},kr={class:"text-xs text-gray-700"},Er={class:"capitalize mr-1"},Nr={key:0,class:"inline-flex items-center rounded-full border py-0.5 font-semibold transition-colors text-foreground text-xs h-4 px-1 capitalize"},xr={key:0,class:"flex items-center gap-1 text-xs"},wr={key:0,class:"bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"},_r={key:2,class:"bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"},vt=e.defineComponent({__name:"HistoryWidget",props:{data:{},title:{},maxHeight:{},id:{},className:{},style:{}},setup(t){const n=t,s=e.ref(Array.isArray(n.data)?n.data:[]);s.value.length===0&&n.id&&o();async function o(){const r=await fetch(`/api/widget/history/${n.id}`);if(!r.ok)return{data:[]};const l=await r.json();l.rows.forEach(i=>{i.timestamp=new Date(i.cdate),i.id=i.entity_id,i.entityType=i.entity_type,i.entityId=i.entity_id,i.action=i.change_type,i.userId=i.change_user_id,i.userName=i.username,i.timestamp=new Date(i.cdate),i.description=i.username,i.status=i.username}),s.value=l.rows}return(r,l)=>(e.openBlock(),e.createElementBlock("div",dr,[r.title?(e.openBlock(),e.createElementBlock("h3",pr,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:r.maxHeight+"px"})},[e.createElementVNode("div",fr,[l[0]||(l[0]=e.createElementVNode("div",{class:"absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200"},null,-1)),e.createElementVNode("div",mr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"relative flex items-start gap-2",key:i?.id},[e.createElementVNode("div",{class:e.normalizeClass(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${e.unref(Vn).get(i?.entityType)?.color}`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Vn).get(i?.entityType)?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",hr,[e.createElementVNode("div",ur,[e.createElementVNode("span",gr,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("span",yr,e.toDisplayString(i?.userName),1),e.createElementVNode("span",vr,e.toDisplayString(i?.timestamp.toLocaleTimeString("ua-UA",{hour:"2-digit",minute:"2-digit"})),1)]),e.createElementVNode("div",br,[e.createElementVNode("div",kr,[e.createElementVNode("span",Er,e.toDisplayString(i?.action),1),i?.entityId?(e.openBlock(),e.createElementBlock("span",Nr,e.toDisplayString(i?.entityId),1)):e.createCommentVNode("",!0)]),i?.changes?.[i?.entityId]?(e.openBlock(),e.createElementBlock("div",xr,[i?.changes?.[i?.entityId]?.old?(e.openBlock(),e.createElementBlock("span",wr,e.toDisplayString(i?.changes?.[i?.entityId]?.old),1)):e.createCommentVNode("",!0),i?.changes?.[i?.entityId]?.old&&i?.changes?.[i?.entityId]?.new?(e.openBlock(),e.createBlock(e.unref(So),{key:1,class:"h-2 w-2 text-gray-400"})):e.createCommentVNode("",!0),i?.changes?.[i?.entityId]?.new?(e.openBlock(),e.createElementBlock("span",_r,e.toDisplayString(i?.changes?.[i?.entityId]?.new),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]))),128))])])],6)]))}}),Cr={key:0,class:"text-xl font-semibold"},Sr={class:"flex gap-1"},Br={class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer"},$r=e.defineComponent({__name:"FileHeader",props:e.mergeModels({title:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["onAddFile"],["update:modelValue"]),setup(t){const n=e.useModel(t,"modelValue"),s={active:"bg-blue-100 text-black hover:bg-blue-100",inactive:"bg-white text-black hover:bg-blue-100"};return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",o.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[o.title?(e.openBlock(),e.createElementBlock("h3",Cr,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Sr,[e.createElementVNode("button",{class:e.normalizeClass(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2",n.value==="list"?s.active:s.inactive]),onClick:r[0]||(r[0]=l=>n.value="list")},[e.createVNode(e.unref(Ao),{class:"h-4 w-4"})],2),e.createElementVNode("button",{class:e.normalizeClass(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2",n.value==="grid"?s.active:s.inactive]),onClick:r[1]||(r[1]=l=>n.value="grid")},[e.createVNode(e.unref(Do),{class:"h-4 w-4"})],2),e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:r[2]||(r[2]=l=>o.$emit("onAddFile",l))},null,32),e.createElementVNode("div",Br,[e.createVNode(e.unref(Yn),{class:"h-4 w-4"}),r[3]||(r[3]=e.createTextVNode(" Додати файл ",-1))])])])],2))}}),Yt={pdf:{color:"bg-red-100 text-red-700 border-red-200",icon:Ke,label:"PDF"},sketch:{color:"bg-gray-100 text-gray-700 border-gray-200",icon:To,label:"SKETCH"},mp4:{color:"bg-purple-100 text-purple-700 border-purple-200",icon:Fo,label:"VIDEO"},docx:{color:"bg-blue-100 text-blue-700 border-blue-200",icon:Ke,label:"DOC"},zip:{color:"bg-orange-100 text-orange-700 border-orange-200",icon:Co,label:"ARCHIVE"},png:{color:"bg-green-100 text-green-700 border-green-200",icon:Zn,label:"IMAGE"},jpg:{color:"bg-green-100 text-green-700 border-green-200",icon:Zn,label:"IMAGE"},xlsx:{color:"bg-emerald-100 text-emerald-700 border-emerald-200",icon:Ke,label:"EXCEL"},pptx:{color:"bg-amber-100 text-amber-700 border-amber-200",icon:Ke,label:"PPT"}};function es(t,n="en"){const s={month:"short",day:"numeric"};return new Intl.DateTimeFormat(n,s).format(t)}function ts(t){if(t===0)return"0 B";const n=1024,s=["B","KB","MB","GB","TB"],o=Math.floor(Math.log(t)/Math.log(n));return`${parseFloat((t/Math.pow(n,o)).toFixed(1))} ${s[o]}`}const Tr={class:"space-y-0.5"},Dr=["onClick"],Or=["onClick"],Ir={class:"flex items-center gap-2"},Ar={class:"font-medium text-xs truncate hover:text-blue-600 cursor-pointer"},Mr={class:"hidden sm:block text-xs text-gray-500 w-16 text-right"},Lr={class:"hidden md:block text-xs text-gray-500 w-12 text-right"},Rr={class:"flex items-center gap-1"},Pr=["onClick"],Fr=["onClick"],zr=e.defineComponent({__name:"FileList",props:{files:{}},emits:["delete","download","openLightbox"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",Tr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,o=>(e.openBlock(),e.createElementBlock("div",{class:"flex items-center gap-2 p-1.5 rounded hover:bg-gray-50 group border-b border-gray-100 last:border-b-0",key:o.id,onClick:e.withModifiers(r=>n.$emit("openLightbox",o),["stop"])},[e.createElementVNode("div",{class:e.normalizeClass(["p-1 rounded",e.unref(Yt)[o?.ext]?.color||"bg-blue-100 text-blue-700 border-blue-200"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Yt)[o?.ext]?.icon||e.unref(Yt).pdf.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",{class:"flex-1 min-w-0",onClick:r=>n.$emit("openLightbox",o)},[e.createElementVNode("div",Ir,[e.createElementVNode("span",Ar,e.toDisplayString(o?.uploaded_name||o?.name),1)])],8,Or),e.createElementVNode("div",Mr,e.toDisplayString(e.unref(ts)(o.size)),1),e.createElementVNode("div",Lr,e.toDisplayString(e.unref(es)(o.createdAt)),1),e.createElementVNode("div",Rr,[e.createElementVNode("button",{onClick:e.withModifiers(r=>n.$emit("download",o),["stop"]),class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity"},[e.createVNode(e.unref(Jn),{class:"h-3 w-3"})],8,Pr),e.createElementVNode("button",{class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700",onClick:e.withModifiers(r=>n.$emit("delete",r,o?.file_id),["stop"])},[e.createVNode(e.unref(Gt),{class:"h-3 w-3"})],8,Fr)])],8,Dr))),128))]))}}),jr={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"},Hr=["onClick"],Ur={class:"space-y-2"},qr={class:"flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden"},Wr=["src"],Kr={class:"space-y-1"},Gr=["title"],Jr={class:"text-xs text-gray-500 text-left"},Zr={class:"absolute top-2 right-1 flex items-center gap-1"},Yr=["onClick"],Xr=["onClick"],Qr=e.defineComponent({__name:"FileGrid",props:{files:{}},emits:["delete","download","openLightbox"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",jr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,onClick:e.withModifiers(r=>n.$emit("openLightbox",o),["stop"]),class:"group relative border rounded-lg p-2 hover:shadow-md transition-all bg-white hover:bg-gray-50 cursor-pointer"},[e.createElementVNode("div",Ur,[e.createElementVNode("div",qr,[o.ext==="png"||o.ext==="jpg"||o.ext==="jpeg"||o.ext==="gif"||o.ext==="svg"||o.ext==="webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:`/file/resize?filepath=${o?.file_path}&w=500`,alt:"file",class:"w-full h-full object-cover"},null,8,Wr)):(e.openBlock(),e.createBlock(e.unref(Ke),{key:1,class:"h-10 w-10 text-gray-500"}))]),e.createElementVNode("div",Kr,[e.createElementVNode("h3",{class:"font-medium text-xs leading-tight text-left",title:o.uploaded_name||o.name},e.toDisplayString(o.uploaded_name||o.name),9,Gr),e.createElementVNode("p",Jr,e.toDisplayString(e.unref(es)(o.createdAt))+", "+e.toDisplayString(e.unref(ts)(o.size)),1)])]),e.createElementVNode("div",Zr,[e.createElementVNode("button",{onClick:e.withModifiers(r=>n.$emit("download",o),["stop"]),class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-50"},[e.createVNode(e.unref(Jn),{class:"h-3 w-3"})],8,Yr),e.createElementVNode("button",{class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700 hover:bg-red-50",onClick:e.withModifiers(r=>n.$emit("delete",r,o?.file_id),["stop"])},[e.createVNode(e.unref(Gt),{class:"h-3 w-3"})],8,Xr)])],8,Hr))),128))]))}}),Vr={class:"mx-auto font-sans"},ei={key:1},bt=e.defineComponent({__name:"FilesWidget",props:{title:{},view:{},files:{default:()=>[]},maxHeight:{},onAddFile:{},id:{},className:{},style:{},onDelete:{}},emits:["delete","add","openLightbox"],setup(t,{emit:n}){const s=t,o=e.ref(!1),r=e.ref(null),l=e.ref(!1),i=e.ref(0),a=e.ref(s.files??[]),c=n;a.value.length===0&&C();const d=(D,S)=>{r.value=S,o.value=!0},f=()=>{r.value&&(w(r.value),r.value=null,o.value=!1)},p=e.computed(()=>Array.isArray(a.value)?a.value.map(D=>D?.file_path):[]),m=D=>{const S=p.value.findIndex(U=>U===D.file_path);S!==-1&&(l.value=!0,i.value=S)},E=D=>{s.onAddFile?s.onAddFile(D):A(D),c("add",D)},w=D=>{s.onDelete?s.onDelete(D):B(D),c("delete",D)},_=D=>{const S=document.createElement("a");S.setAttribute("download",D?.uploaded_name||D?.name),S.href=D?.file_path||D?.path,S.click()},N=e.ref("list");async function C(){if(!s.id)return;const D=await fetch(`/api/widget/file/${s.id}`).then(S=>S.json());D.rows.forEach(S=>{S.timestamp=new Date(S.cdate),S.id=S.entity_id,S.entityType=S.entity_type,S.entityId=S.entity_id,S.entityType=S.entity_type,S.action=S.change_type,S.userId=S.change_user_id,S.userName=S.username,S.timestamp=new Date(S.cdate),S.description=S.username,S.status=S.username}),a.value=D.rows}const A=async D=>{if(!(!D.target||!D.target.files||D.target.files.length===0))try{await Promise.all(Array.from(D.target.files).map(async S=>{const U=new FormData;U.append("file",S);const J=`/api/widget/file/${s.id}`,M=await fetch(J,{method:"POST",body:U});if(!M.ok)throw new Error(`HTTP error! status: ${M.status}`);return S})),await C()}catch(S){console.error("Помилка при завантаженні файлів:",S)}},B=async D=>{try{await fetch(`/api/widget/file/${s.id}/${D}`,{method:"DELETE"}),await C()}catch(S){console.error(S)}};return(D,S)=>{const U=e.resolveComponent("MessageBox"),J=e.resolveComponent("Lightbox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Vr,[e.createVNode($r,{modelValue:N.value,"onUpdate:modelValue":S[0]||(S[0]=M=>N.value=M),title:s.title,onOnAddFile:S[1]||(S[1]=M=>E(M))},null,8,["modelValue","title"]),a.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:D.maxHeight+"px"})},[N.value==="list"?(e.openBlock(),e.createBlock(zr,{key:0,onDelete:d,onDownload:_,onOpenLightbox:S[2]||(S[2]=M=>m(M)),files:a.value},null,8,["files"])):e.createCommentVNode("",!0),N.value==="grid"?(e.openBlock(),e.createBlock(Qr,{key:1,onDelete:d,onDownload:_,onOpenLightbox:S[3]||(S[3]=M=>m(M)),files:a.value},null,8,["files"])):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("div",ei,S[6]||(S[6]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Файлів не знайдено")],-1)])))]),e.createVNode(U,{modelValue:o.value,"onUpdate:modelValue":S[4]||(S[4]=M=>o.value=M),onConfirm:f,title:"Ви впевнені?",message:"Ви впевнені, що хочете видалити цей файл?",confirmButtonText:"Так, я впевнена/ий",cancelButtonText:"Скасувати"},null,8,["modelValue"]),e.createVNode(J,{modelValue:l.value,"onUpdate:modelValue":S[5]||(S[5]=M=>l.value=M),images:p.value,"start-index":i.value},null,8,["modelValue","images","start-index"])],64)}}}),ti={key:0,class:"image-wrapper h-full max-h-[400px]",id:"lightbox-gallery"},ni=["onClick"],si={key:0,rel:"noreferrer",class:"relative block h-full w-full"},oi=["src"],ri={key:0,class:"thumb-cover"},ii=e.defineComponent({__name:"GalleryContent",props:{title:{},items:{},columns:{},maxHeight:{},onAddImage:{type:Function},onDelete:{type:Function},id:{},className:{},style:{}},emits:["delete"],setup(t,{emit:n}){const s=n,o=e.ref(!1),r=e.ref(0),l=t,i=e.computed(()=>Array.isArray(l.items)?l.items.map(c=>c?.file_path):[]),a=c=>{const d=i.value.findIndex(f=>f===c.file_path);d!==-1&&(o.value=!0,r.value=d)};return(c,d)=>{const f=e.resolveComponent("Lightbox");return c.items?.length>=1?(e.openBlock(),e.createElementBlock("div",ti,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.items,(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["h-full w-full image"+m,"cursor-pointer bg-teal-500 rounded-[3px]"]),key:m,onClick:e.withModifiers(E=>a(p),["stop"])},[m<5?(e.openBlock(),e.createElementBlock("div",si,[e.createElementVNode("img",{src:`/file/resize?filepath=${p?.file_path}&w=500`,alt:"alt",height:"auto",width:"100%",class:e.normalizeClass(["object-cover h-full w-full bg-gray-200 rounded-[3px]",m===0?"max-h-[411px]":"max-h-[calc((411px-3px)/2)]"])},null,10,oi),m===4&&c.items?.length>5?(e.openBlock(),e.createElementBlock("div",ri," +"+e.toDisplayString(c.items?.length-5),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,ni))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Math.max(0,5-c.items.length),p=>(e.openBlock(),e.createElementBlock("div",{key:"empty-"+p,class:e.normalizeClass(["h-full w-full image"+(c.items.length+p-1),"bg-gray-300 rounded-[3px]"])},null,2))),128)),e.createVNode(f,{modelValue:o.value,"onUpdate:modelValue":d[0]||(d[0]=p=>o.value=p),images:i.value,"start-index":r.value,delete:"true",download:"true",onDelete:d[1]||(d[1]=p=>s("delete",p))},null,8,["modelValue","images","start-index"])])):e.createCommentVNode("",!0)}}}),li={key:0,class:"text-xl font-semibold"},ai={class:"flex gap-1"},ci={class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer"},di=e.defineComponent({__name:"widgetHeader",props:{title:{}},emits:["onAddImage"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",n.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[n.title?(e.openBlock(),e.createElementBlock("h3",li,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ai,[e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:s[0]||(s[0]=o=>n.$emit("onAddImage",o))},null,32),e.createElementVNode("div",ci,[e.createVNode(e.unref(Yn),{class:"h-4 w-4"}),s[1]||(s[1]=e.createTextVNode(" Додати зображення ",-1))])])])],2))}}),pi={class:"w-full mx-auto font-sans",ref:"containerRef"},fi={key:1},kt=e.defineComponent({__name:"GalleryWidget",props:{title:{},items:{default:()=>[]},columns:{},maxHeight:{},onAddImage:{},onDelete:{},id:{},className:{},style:{}},emits:["delete","add","openLightbox"],setup(t,{emit:n}){const s=t,o=e.ref(s.items??[]),r=n;o.value.length===0&&c();const l=f=>{s.onAddImage?s.onAddImage(f):a(f),r("add",f)},i=f=>{const p=o.value.find(m=>m.file_path===f)?.file_id;p&&(s.onDelete?s.onDelete(p):d(p))},a=async f=>{if(!(!f.target||!f.target.files||f.target.files.length===0))try{await Promise.all(Array.from(f.target.files).map(async p=>{const m=new FormData;m.append("file",p);const E=`/api/widget/file/${s.id}`,w=await fetch(E,{method:"POST",body:m});if(!w.ok)throw new Error(`HTTP error! status: ${w.status}`);return p})),await c()}catch(p){console.error("Помилка при завантаженні файлів:",p)}};async function c(){if(!s.id)return;const f=await fetch(`/api/widget/file/${s.id}`).then(p=>p.json());o.value=f.rows}const d=async f=>{try{await fetch(`/api/widget/file/${s.id}/${f}`,{method:"DELETE"}),await c()}catch(p){console.error(p)}};return(f,p)=>(e.openBlock(),e.createElementBlock("div",pi,[e.createVNode(di,{title:f.title,onOnAddImage:p[0]||(p[0]=m=>l(m))},null,8,["title"]),o.value.length>0?(e.openBlock(),e.createBlock(ii,{key:0,items:o.value,onDelete:p[1]||(p[1]=m=>i(m))},null,8,["items"])):(e.openBlock(),e.createElementBlock("div",fi,p[2]||(p[2]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Зображень не знайдено")],-1)])))],512))}}),mi={class:"text-value"},hi={class:"text-sm text-gray-900"},ui=e.defineComponent({__name:"TextValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=n.item.value;return typeof o=="boolean"?o?"Так":"Ні":o==null?"—":String(o)});return(o,r)=>(e.openBlock(),e.createElementBlock("div",mi,[e.createElementVNode("span",hi,e.toDisplayString(s.value),1)]))}}),Le=(t,n)=>{const s=t.__vccOpts||t;for(const[o,r]of n)s[o]=r;return s},gi=Le(ui,[["__scopeId","data-v-c14550b7"]]),yi={class:"link-value"},vi=["href"],bi=Le(e.defineComponent({__name:"LinkValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=String(n.item.value);try{const r=new URL(o);return r.hostname+r.pathname}catch{return o}});return(o,r)=>(e.openBlock(),e.createElementBlock("div",yi,[e.createElementVNode("a",{href:String(o.item.value),target:"_blank",rel:"noopener noreferrer",class:"text-blue-600 hover:text-blue-800 underline text-sm"},[e.createTextVNode(e.toDisplayString(s.value)+" ",1),r[0]||(r[0]=e.createElementVNode("i",{class:"fas fa-external-link-alt ml-1 text-xs"},null,-1))],8,vi)]))}}),[["__scopeId","data-v-e6eb07a6"]]),ki={class:"date-value"},Ei={class:"text-sm text-gray-900"},Ni=Le(e.defineComponent({__name:"DateValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=n.item.value;if(o instanceof Date)return o.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"});if(typeof o=="string"){const r=new Date(o);if(!isNaN(r.getTime()))return r.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"})}return String(o)});return(o,r)=>(e.openBlock(),e.createElementBlock("div",ki,[e.createElementVNode("span",Ei,e.toDisplayString(s.value),1)]))}}),[["__scopeId","data-v-b9600618"]]),xi={class:"status-value"},wi={key:0,class:"mr-1"},_i=Le(e.defineComponent({__name:"StatusValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{switch(String(n.item.value).toLowerCase()){case"active":case"активний":case"успішно":case"success":return"bg-green-100 text-green-800";case"inactive":case"неактивний":case"pending":case"очікує":return"bg-yellow-100 text-yellow-800";case"error":case"помилка":case"failed":case"неуспішно":return"bg-red-100 text-red-800";case"draft":case"чернетка":return"bg-gray-100 text-gray-800";default:return"bg-blue-100 text-blue-800"}}),o=e.computed(()=>{switch(String(n.item.value).toLowerCase()){case"active":case"активний":case"успішно":case"success":return"fas fa-check-circle";case"inactive":case"неактивний":case"pending":case"очікує":return"fas fa-clock";case"error":case"помилка":case"failed":case"неуспішно":return"fas fa-exclamation-circle";case"draft":case"чернетка":return"fas fa-edit";default:return"fas fa-info-circle"}});return(r,l)=>(e.openBlock(),e.createElementBlock("div",xi,[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",s.value])},[o.value?(e.openBlock(),e.createElementBlock("span",wi,[e.createElementVNode("i",{class:e.normalizeClass(o.value)},null,2)])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(String(r.item.value)),1)],2)]))}}),[["__scopeId","data-v-c72e0b01"]]),Ci={class:"custom-value"},Si={class:"text-sm text-gray-900"},Bi=Le(e.defineComponent({__name:"CustomValue",props:{item:{}},setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(n.$slots,"default",{item:n.item,value:n.item.value},()=>[e.createElementVNode("span",Si,e.toDisplayString(String(n.item.value)),1)],!0)]))}}),[["__scopeId","data-v-11a73810"]]),$i=["id"],Ti={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Di={key:1,class:"overflow-x-auto"},Oi={class:"min-w-full divide-y divide-gray-200"},Ii={class:"bg-white divide-y divide-gray-200"},Ai={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Mi={class:"flex items-center gap-2"},Li=["title"],Ri={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Pi={key:2,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},Fi={class:"flex items-start gap-3"},zi={key:0,class:"flex-shrink-0"},ji={class:"flex-1 min-w-0"},Hi={class:"flex items-center gap-2 mb-2"},Ui={class:"text-sm font-medium text-gray-900"},qi=["title"],Wi={key:3,class:"overflow-x-auto"},Ki={class:"min-w-full divide-y divide-gray-200"},Gi={class:"bg-white divide-y divide-gray-200"},Ji={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Zi={class:"flex items-center gap-2"},Yi=["title"],Xi={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Xt=Le(e.defineComponent({__name:"DescriptionListWidget",props:{title:{},items:{},view:{},id:{},className:{},style:{}},setup(t){const n=s=>{switch(s.type){case"link":return bi;case"date":return Ni;case"status":return _i;case"custom":return Bi;default:return gi}};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["description-list-widget",s.className]),id:s.id,style:e.normalizeStyle(s.style)},[s.title?(e.openBlock(),e.createElementBlock("h3",Ti,e.toDisplayString(s.title),1)):e.createCommentVNode("",!0),s.view==="table"?(e.openBlock(),e.createElementBlock("div",Di,[e.createElementVNode("table",Oi,[e.createElementVNode("tbody",Ii,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("tr",{key:r.id||r.label},[e.createElementVNode("td",Ai,[e.createElementVNode("div",Mi,[r.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([r.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(r.label)+" ",1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:r.tooltip},o[0]||(o[0]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Li)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Ri,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])]))),128))])])])):s.view==="grid"?(e.openBlock(),e.createElementBlock("div",Pi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id||r.label,class:"description-item-card bg-white border border-gray-200 rounded-lg p-4"},[e.createElementVNode("div",Fi,[r.icon?(e.openBlock(),e.createElementBlock("div",zi,[e.createElementVNode("i",{class:e.normalizeClass([r.icon,"text-gray-500 text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",ji,[e.createElementVNode("div",Hi,[e.createElementVNode("h4",Ui,e.toDisplayString(r.label),1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:0,class:"text-gray-400 cursor-help",title:r.tooltip},o[1]||(o[1]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,qi)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])])]))),128))])):(e.openBlock(),e.createElementBlock("div",Wi,[e.createElementVNode("table",Ki,[e.createElementVNode("tbody",Gi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("tr",{key:r.id||r.label},[e.createElementVNode("td",Ji,[e.createElementVNode("div",Zi,[r.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([r.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(r.label)+" ",1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:r.tooltip},o[2]||(o[2]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Yi)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Xi,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])]))),128))])])]))],14,$i))}}),[["__scopeId","data-v-36d43e50"]]),Qi={draw:{toolbar:{actions:{title:"Скасувати малювання",text:"Скасувати"},finish:{title:"Завершити малювання",text:"Завершити"},undo:{title:"Видалити останню точку",text:"Видалити останню"},buttons:{polyline:"Намалювати лінію",polygon:"Намалювати полігон",rectangle:"Намалювати прямокутник",circle:"Намалювати коло",marker:"Додати точку",circlemarker:"Додати маркер-коло"}},handlers:{circle:{tooltip:{start:"Клацніть і тягніть, щоб намалювати коло",end:"Відпустіть кнопку миші, щоб завершити"},radius:"Радіус"},circlemarker:{tooltip:{start:"Клацніть на карту, щоб додати маркер-коло"}},marker:{tooltip:{start:"Клацніть на карту, щоб додати точку"}},polygon:{tooltip:{start:"Клацніть, щоб почати малювати полігон",cont:"Клацайте, щоб продовжити малювати полігон",end:"Клацніть першу точку, щоб завершити полігон"}},polyline:{error:"<strong>Помилка:</strong> лінія не може перетинатися сама з собою",tooltip:{start:"Клацніть, щоб почати малювати лінію",cont:"Клацайте, щоб продовжити малювати лінію",end:"Клацніть останню точку, щоб завершити лінію"}},rectangle:{tooltip:{start:"Клацніть і тягніть, щоб намалювати прямокутник",end:"Відпустіть кнопку миші, щоб завершити"}},simpleshape:{tooltip:{end:"Відпустіть кнопку миші, щоб завершити"}}}},edit:{toolbar:{actions:{save:{title:"Зберегти зміни",text:"Зберегти"},cancel:{title:"Скасувати редагування",text:"Скасувати"},clearAll:{title:"Очистити всі шари",text:"Очистити все"}},buttons:{edit:"Редагувати шари",editDisabled:"Немає шарів для редагування",remove:"Видалити шари",removeDisabled:"Немає шарів для видалення"}},handlers:{edit:{tooltip:{text:"Перетягніть маркери, щоб редагувати шари",subtext:"Натисніть 'Скасувати', щоб повернутися"}},remove:{tooltip:{text:"Клацніть на шари, щоб видалити їх"}}}}};function Vi(t){return t?t.type==="FeatureCollection"||t.type==="Feature"?t:t.geom?{type:"Feature",geometry:{type:t.geom.type,coordinates:t.geom.coordinates},properties:{}}:t.type&&t.coordinates?{type:"Feature",geometry:t,properties:{}}:null:null}const el={key:0,class:"absolute inset-0 z-[600] flex items-center justify-center pointer-events-none bg-black/20"},tl={class:"bg-black/70 text-white text-xs sm:text-sm px-4 py-2 rounded-md shadow"},nl={class:"bg-white/95 border border-gray-200 rounded-md shadow-xl px-3 py-2 max-w-[240px] text-[11px] sm:text-xs text-gray-900"},sl={class:"font-semibold truncate text-gray-900"},ol={class:"mt-1 space-y-0.5"},rl={class:"text-gray-500"},il={class:"text-gray-900 text-right break-all"},ll={key:3,class:"bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"},al={class:"flex items-center justify-between p-2 border-b"},cl={class:"p-2 border-b"},dl={class:"flex items-center"},pl=["value"],fl={class:"ml-2"},ml={class:"p-2"},hl={class:"flex items-center"},ul=["checked","onChange"],gl={class:"ml-2"},Et=e.defineComponent({__name:"MapWidget",props:{pattern:{},geom:{},id:{},tms:{},layers:{},title:{},height:{}},setup(t){function n(x){let g=x?.parent??null;for(;g;){const T=g.props?.view;if(T==="tabs"||T==="vertical-tabs")return!0;g=g.parent??null}return!1}const s=t,o=e.getCurrentInstance(),r=e.inject("vsCardTabsContext",!1),l=e.computed(()=>(typeof r=="boolean"?r:r.value)?!0:n(o)),i=o?.appContext.config.globalProperties?.$settings??{},a=(()=>{const x=Array.isArray(i.center)?i.center:[],g=Number(x[0]),T=Number(x[1]);return Number.isFinite(g)&&Number.isFinite(T)?[g,T]:[50,30]})(),c=o?.uid??Math.floor(Math.random()*1e4),d=e.ref(null);let f,p,m;const E=be(),w=e.ref(Object.keys(E)[0]),_=`base-layer-${c}`;let N;const C=e.ref(!0),A=e.ref(!1),B=e.ref(!1),D=e.ref(!1),S=e.ref("Використовуйте Ctrl + колесо миші для зміни масштабу");let U=null;const J=e.reactive({}),M=e.ref([]),L=e.computed(()=>M.value.map(x=>J[x]).filter(Boolean)),P=e.ref(null),z=e.computed(()=>P.value?.title||P.value?.layerId||""),h=e.computed(()=>P.value?Object.entries(P.value.properties??{}).filter(([x])=>typeof x=="string"&&x).slice(0,5).map(([x,g])=>({key:x,value:g==null?"—":String(g)})):[]),$=e.computed(()=>{if(!P.value)return;const x=12,g=P.value.point.x+x,T=P.value.point.y+x;return{left:`${g}px`,top:`${T}px`}}),k=e.computed(()=>{if(A.value)return"fixed inset-0 w-screen h-screen z-[9999] bg-white";const x=["relative","h-full"];return s.height||x.push("min-h-[300px]"),s.title&&!l.value&&x.push("pb-[3.25rem]"),x.join(" ")}),O=e.computed(()=>A.value||s.height==null?void 0:{height:typeof s.height=="number"?`${s.height}px`:String(s.height)}),G=e.computed(()=>{const x=["w-full","h-full"];return!s.height&&!A.value&&x.push("min-h-[300px]"),x.join(" ")});async function ve(){const x=I=>{if(!Array.from(document.styleSheets??[]).some(u=>u?.href?.includes(I))){const u=document.createElement("link");u.rel="stylesheet",u.href=I,document.head.appendChild(u)}};x("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),x("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css");const g=I=>new Promise((W,u)=>{if(Array.from(document.scripts??[]).some(R=>R.src===I))return W();const b=document.createElement("script");b.src=I,b.async=!0,b.onload=()=>W(),b.onerror=R=>u(R),document.body.appendChild(b)});return await g("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").catch(()=>{}),await g("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js").catch(()=>{}),await g("https://unpkg.com/leaflet.vectorgrid@1.3.0/dist/Leaflet.VectorGrid.bundled.js").catch(()=>{}),window.L}function be(){const x=g=>g.map((T,I)=>{const W=typeof T?.key=="string"&&T.key?T.key:`b${I}`,u=qe(T?.url);return u?{...T,key:W,url:u}:null}).filter(T=>!!T).reduce((T,I)=>({...T,[I.key]:I}),{});return Array.isArray(i?.basemaps)&&i.basemaps.length?x(i.basemaps):x([{key:"topo100",url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png"},{key:"orto10",url:"https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png"},{key:"osmb",url:"https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png"}])}function qe(x){if(typeof x!="string"||!x.trim())return"";const g=x.trim();if(/^https?:\/\//i.test(g))return g;const T=window.location?.origin??"",I=g.replace(/^\/+/,"");return T?`${T}/${I}`:`/${I}`}function ke(x,g){return x?.id!=null?String(x.id):x?.url?`${x.url}-${g}`:`layer-${g}`}function xe(x){if(!x||typeof x!="object")return;const g={},T=y=>{if(typeof y=="string"){const v=y.trim().replace(/,+$/,"");return v?/^-?\d+(\.\d+)?$/.test(v)?Number(v):v:void 0}return y},I=()=>(g.colorSet||(g.colorSet={}),g.colorSet),W=(y,v)=>{if(y==null||typeof v!="string")return;const b=v.trim().replace(/,+$/,"");b&&(I()[String(y)]=b)},u=y=>{const v=["color","fill","hex","valueColor","value_color"].map(R=>y[R]).find(R=>typeof R=="string"&&R.trim());if(!v)return!1;const b=["value","key","id","code","status"].map(R=>y[R]).find(R=>R!=null&&R!=="");return b==null?!1:(W(b,v),!0)};return Object.entries(x).forEach(([y,v])=>{if(y==="colorSet"&&v!=null){Array.isArray(v)?v.forEach(R=>{R&&(typeof R=="object"&&u(R)||typeof R=="object"&&Object.entries(R).forEach(([q,re])=>W(q,typeof re=="string"?re:void 0)))}):typeof v=="object"&&(u(v)||Object.entries(v).forEach(([R,q])=>W(R,typeof q=="string"?q:void 0)));return}const b=T(v);if(b!==void 0){if(y==="border"){typeof b=="number"&&g.width==null?g.width=b:typeof b=="string"&&g.stroke==null&&(g.stroke=b);return}g[y]=b}}),g.colorSet&&!Object.keys(g.colorSet).length&&delete g.colorSet,Object.keys(g).length?g:void 0}function Ce(){if(Array.isArray(s.layers)&&s.layers.length)return s.layers.map((g,T)=>{if(!g)return null;const I=ke(g,T),W=g.url||(s.pattern&&I?s.pattern.replace("{{id}}",String(g.id??I)):"");return W?{...g,id:I,url:W,name:g.name||`Шар ${T+1}`,style:xe(g.style)}:null}).filter(g=>!!g?.url);const x=Array.isArray(s.tms)?s.tms:s.tms?.split(",");return x?x.map((g,T)=>{if(!g)return null;const I=typeof g=="string"?g.trim():`${g}`;if(!I)return null;const W=`legacy-${T}`,u=s.pattern?s.pattern.replace("{{id}}",I):I;return{id:W,name:`Шар ${T+1}`,url:u,visible:!0}}).filter(g=>!!g?.url):[]}function Fn(x){const g=(x?.url??"").trim();if(!g)return"";if(/^https?:\/\//i.test(g))return g;const T=window.location?.origin??"",I=g.replace(/^\/+/,"");return`${T}/${I}`}function Me(x){const g=x.style??{};return T=>{const I=g.colorAttr,W=g.colorSet??{},u=typeof I=="string"?W?.[T?.[I]]??g.color??"#3388ff":g.color??"#3388ff",y=g.stroke??u;return{weight:g.width??1,color:y,opacity:g.opacity??1,fill:g.type?g.type!=="polyline":!0,fillColor:u,fillOpacity:g.opacity??.5}}}function qt(x,g){if(!f||!g?.latlng)return;const T=f.latLngToContainerPoint(g.latlng),I=g.layer?.properties??g.properties??{};P.value={layerId:x.id,title:I?.name??x.name,properties:I,point:{x:T.x,y:T.y}}}function mt(x){x&&P.value?.layerId!==x||(P.value=null)}e.onMounted(async()=>{m=await ve(),m.drawLocal={...Qi};const x=typeof i?.zoom=="number"&&Number.isFinite(i.zoom)?i.zoom:10;f=m.map(d.value,{zoomControl:!1}).setView(a,x),m.control.zoom({position:"bottomright"}).addTo(f),N=m.tileLayer(E[w.value].url,{maxZoom:19}).addTo(f),p=new m.FeatureGroup().addTo(f),ht(),U=Kn();const g=Vi(s.geom);if(g){const T=[];m.geoJSON(g).eachLayer(I=>T.push(I)),T.length&&p.addLayer(T[0]),Wn()}if(d.value){const T=new ResizeObserver(()=>{f&&f.invalidateSize()});T.observe(d.value),e.onBeforeUnmount(()=>{T.disconnect()})}}),e.onBeforeUnmount(()=>{U?.(),zn()});function Wt(x){const g=(x?.service??"").toLowerCase();if(g)return g;const T=(x?.url??"").toLowerCase();return/\.(mvt|pbf|vtile|vmt)(\?|$)/.test(T)?"vtile":/service=wms|request=getmap|\/(wms|ows)(\?|$)/.test(T)?"wms":""}function Kt(x){const g=Wt(x),T=Fn(x),W={opacity:x?.style?.opacity??1,...x.options??{}},u=!!(x?.style&&Object.keys(x.style).length),y=x.sourceLayer||x.layer||x.service_layer||x.service_key||x.map_key||x.dataset?.layer||x.id;if(g==="vtile"){const v=m?.vectorGrid;if(v?.protobuf&&(u||!m?.maplibreGL)){const b=v.protobuf(T,{interactive:!0,maxNativeZoom:x.maxzoom??19,vectorTileLayerStyles:{[y??"default"]:Me(x),default:Me(x)}});return b.on?.("mouseover",R=>qt(x,R)),b.on?.("mousemove",R=>qt(x,R)),b.on?.("mouseout",()=>mt(x.id)),b}if(!u&&m?.maplibreGL&&window?.maplibregl){const b=T;return m.maplibreGL({style:b,interactive:!1,pane:"overlayPane"})}}if(g==="wms"&&m?.tileLayer?.wms){const v={...x.params??{}};return y&&!v.layers&&(v.layers=y),v.format==null&&(v.format="image/png"),v.transparent==null&&(v.transparent=!0),m.tileLayer.wms(T,{...v,...W})}return m.tileLayer(T,W)}function zn(){Object.values(J).forEach(x=>{x.layer&&f?.hasLayer(x.layer)&&f.removeLayer(x.layer),x.layer=null}),mt()}function jn(){f&&M.value.forEach(x=>{const g=J[x];g&&(g.visible?(g.layer||(g.layer=Kt(g.config)),g.layer&&!f.hasLayer(g.layer)&&g.layer.addTo(f)):g.layer&&f.hasLayer(g.layer)&&f.removeLayer(g.layer))})}function ht(){const x=Ce(),g=[],T=new Set;x.forEach((I,W)=>{const u=ke(I,W);g.push(u),T.add(u);const y=J[u];y&&y.config.url!==I.url&&(y.layer&&f?.hasLayer(y.layer)&&f.removeLayer(y.layer),y.layer=null);const v=y?.visible??I.visible??I.overlay!==!1;J[u]={id:u,config:{...I,id:u},visible:v,layer:y?.layer??null}}),Object.keys(J).forEach(I=>{if(!T.has(I)){const W=J[I];W?.layer&&f?.hasLayer(W.layer)&&f.removeLayer(W.layer),delete J[I]}}),M.value=g,f&&jn()}function Hn(x,g){const T=typeof g=="boolean"?g:g.target?.checked;if(T==null)return;const I=J[x];I&&(I.visible=T,I.visible?(I.layer||(I.layer=Kt(I.config)),I.layer&&!f.hasLayer(I.layer)&&I.layer.addTo(f)):I.layer&&f.hasLayer(I.layer)&&(f.removeLayer(I.layer),mt(x)))}function Se(x){N&&N.removeFrom(f);const g=E[x];N=m.tileLayer(g.url,g.options||{}).addTo(f),N.bringToBack(),w.value=x}function Un(){Se(w.value)}function qn(){C.value?p.addTo(f):p.removeFrom(f)}function Wn(x=30){const g=p.getLayers();if(!g.length)return;const I=m.featureGroup(g).getBounds();I&&I.isValid()&&f.fitBounds(I,{padding:[x,x],maxZoom:16})}function Kn(){if(!f||!d.value)return null;f.scrollWheelZoom.disable(),S.value="Використовуйте Ctrl + колесо миші для зміни масштабу";let x;const g=(I=1500)=>{D.value=!0,x&&clearTimeout(x),x=window.setTimeout(()=>D.value=!1,I)},T=I=>{if(!(I.ctrlKey||I.metaKey||I.shiftKey)){g(),f.scrollWheelZoom.disable();return}I.preventDefault(),I.stopPropagation(),f.scrollWheelZoom.enable(),D.value=!1,x&&clearTimeout(x),x=window.setTimeout(()=>f.scrollWheelZoom.disable(),200)};return d.value.addEventListener("wheel",T,{passive:!1}),()=>{f.scrollWheelZoom.enable(),d.value?.removeEventListener("wheel",T),x&&clearTimeout(x),D.value=!1}}return e.watch(A,()=>setTimeout(()=>f?.invalidateSize(),50)),e.watch(()=>s.layers,()=>ht(),{deep:!0}),e.watch(()=>[s.tms,s.pattern],()=>{s.layers?.length||ht()}),(x,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),style:e.normalizeStyle(O.value)},[e.createElementVNode("div",{ref_key:"mapContainer",ref:d,class:e.normalizeClass(G.value)},null,2),D.value?(e.openBlock(),e.createElementBlock("div",el,[e.createElementVNode("div",tl,e.toDisplayString(S.value),1)])):e.createCommentVNode("",!0),h.value.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:"absolute z-[550] pointer-events-none",style:e.normalizeStyle($.value)},[e.createElementVNode("div",nl,[e.createElementVNode("div",sl,e.toDisplayString(z.value),1),e.createElementVNode("dl",ol,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,T=>(e.openBlock(),e.createElementBlock("div",{key:`${T.key}-${T.value}`,class:"flex justify-between gap-2"},[e.createElementVNode("dt",rl,e.toDisplayString(T.key),1),e.createElementVNode("dd",il,e.toDisplayString(T.value),1)]))),128))])])],4)):e.createCommentVNode("",!0),B.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:g[0]||(g[0]=T=>B.value=!0),class:"z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer layers-button"}," Шари ")),B.value?(e.openBlock(),e.createElementBlock("div",ll,[e.createElementVNode("div",al,[g[6]||(g[6]=e.createElementVNode("div",null,"Шари",-1)),(e.openBlock(),e.createElementBlock("svg",{onClick:g[1]||(g[1]=T=>B.value=!1),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4"},g[5]||(g[5]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M18 6l-12 12"},null,-1),e.createElementVNode("path",{d:"M6 6l12 12"},null,-1)])))]),e.createElementVNode("div",cl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),(T,I)=>(e.openBlock(),e.createElementBlock("div",{key:`base-${I}`},[e.createElementVNode("label",dl,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:_,value:I,"onUpdate:modelValue":g[2]||(g[2]=W=>w.value=W),onChange:Un},null,40,pl),[[e.vModelRadio,w.value]]),e.createElementVNode("span",fl,e.toDisplayString(T.name||I),1)])]))),128))]),e.createElementVNode("div",ml,[e.createElementVNode("label",hl,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":g[3]||(g[3]=T=>C.value=T),onChange:qn},null,544),[[e.vModelCheckbox,C.value]]),g[7]||(g[7]=e.createElementVNode("span",{class:"ml-2"},"Геометрія/Межі",-1))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,T=>(e.openBlock(),e.createElementBlock("label",{class:"flex items-center",key:T.id},[e.createElementVNode("input",{type:"checkbox",checked:T.visible,onChange:I=>Hn(T.id,I)},null,40,ul),e.createElementVNode("span",gl,e.toDisplayString(T.config.name||T.id),1)]))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["absolute z-[500] bg-white p-2 border rounded-lg cursor-pointer fullscreen-button",A.value?"bottom-[100px] right-[7px]":"bottom-[150px] right-[7px]"]),onClick:g[4]||(g[4]=T=>A.value=!A.value)},g[8]||(g[8]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",class:"w-5 h-5"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4 8V4h4M20 8V4h-4M4 16v4h4m12-4v4h-4"})],-1)]),2)],6))}});/**
|
|
131
|
+
*/const Zt=X("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),zo={class:"border-t pt-3 mt-4"},jo={class:"flex gap-2"},Ho={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Uo={class:"flex-1 space-y-2"},qo={class:"flex justify-between items-center"},Wo={class:"flex gap-2"},Ko=["disabled"],Qn=e.defineComponent({__name:"CommentInputZone",props:{isReply:{type:Boolean,required:!1,default:!1},isReplyModifiers:{}},emits:e.mergeModels(["sendComment"],["update:isReply"]),setup(t,{emit:n}){const s=e.useModel(t,"isReply"),o=e.ref(""),r=n,l=()=>{o.value.trim()&&(r("sendComment",o.value),o.value="")},i=a=>{(a.ctrlKey||a.metaKey)&&a.key==="Enter"&&(a.preventDefault(),l())};return(a,c)=>(e.openBlock(),e.createElementBlock("div",zo,[e.createElementVNode("div",jo,[e.createElementVNode("span",Ho,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",Uo,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=d=>o.value=d),onKeydown:i,placeholder:"Add a comment...",class:"w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"},null,544),[[e.vModelText,o.value]]),e.createElementVNode("div",qo,[c[4]||(c[4]=e.createElementVNode("span",{class:"text-xs text-gray-500 hidden sm:inline"},"Cmd+Enter to send",-1)),e.createElementVNode("div",Wo,[s.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",onClick:c[1]||(c[1]=d=>s.value=!1)},[e.createVNode(e.unref(Zt),{class:"h-3 w-3"}),c[2]||(c[2]=e.createTextVNode(" Cancel ",-1))])):e.createCommentVNode("",!0),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",disabled:!o.value.trim(),onClick:l},[e.createVNode(e.unref(Xn),{class:"h-3 w-3 mr-1"}),c[3]||(c[3]=e.createTextVNode(" Send ",-1))],8,Ko)])])])])]))}}),Go={class:"z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto"},Jo=e.defineComponent({__name:"CommentDetails",props:{showMoreOptions:{type:Boolean,required:!0,default:!1},showMoreOptionsModifiers:{}},emits:e.mergeModels(["edit","delete"],["update:showMoreOptions"]),setup(t,{emit:n}){const s=n,o=e.useModel(t,"showMoreOptions"),r=e.ref(),l=e.ref(!0),i=async d=>{o.value&&r.value&&!r.value.contains(d.target)&&!l.value&&(o.value=!1),l.value=!1},a=()=>{o.value=!1,s("edit")},c=()=>{o.value=!1,s("delete")};return e.onMounted(()=>{document.addEventListener("click",i)}),e.onUnmounted(()=>{document.removeEventListener("click",i)}),(d,f)=>(e.openBlock(),e.createElementBlock("div",{class:"absolute bg-white left-0 top-full transform min-w-max z-50",ref_key:"moreOptionsRef",ref:r},[e.createElementVNode("div",Go,[e.createElementVNode("div",{class:"relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs hover:bg-gray-100 transition-colors duration-300",onClick:a},[e.createVNode(e.unref(Ro),{class:"h-3 w-3 mr-2"}),f[0]||(f[0]=e.createTextVNode(" Edit ",-1))]),e.createElementVNode("div",{class:"relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs text-red-600 hover:bg-gray-100 transition-colors duration-300",onClick:c},[e.createVNode(e.unref(Gt),{class:"h-3 w-3 mr-2"}),f[1]||(f[1]=e.createTextVNode(" Delete ",-1))])])],512))}}),Zo={class:"space-y-2"},Yo={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Xo={class:"flex-1 min-w-0 space-y-1 relative"},Qo={class:"flex items-center gap-2"},Vo={class:"font-medium text-xs"},er={class:"text-xs text-gray-500"},tr={key:0,class:"text-xs text-gray-700 leading-relaxed"},nr={class:"flex justify-between text-xs"},sr={class:"flex items-center gap-2"},or={key:0,class:"flex gap-2"},rr=["disabled"],ir={key:0,class:"ml-8 space-y-1 border-l-2 border-gray-100 pl-3"},lr=e.defineComponent({__name:"CommentItem",props:{comment:{},isInside:{type:Boolean}},emits:["like","reply","edit","delete"],setup(t,{emit:n}){const s=n,o=t,r=e.ref(o.comment.text),l=e.ref("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"),i=e.ref("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"),a=e.ref(!1),c=e.ref(!1),d=e.ref(!1),f=e.ref(!1),p=N=>{const C=new Date,A=Math.floor((C.getTime()-N.getTime())/(1e3*60*60));return A<1?`${Math.floor((C.getTime()-N.getTime())/6e4)}m`:A<24?`${A}h`:`${Math.floor(A/24)}d`},m=()=>{f.value=!f.value,f.value?s("like",o.comment.id,"add"):s("like",o.comment.id,"delete")},E=()=>{s("edit",o.comment.id,r.value),d.value=!1},w=(N,C)=>{s("like",N,C)},_=(N,C)=>{s("edit",N,C)};return(N,C)=>{const A=e.resolveComponent("CommentItem",!0);return e.openBlock(),e.createElementBlock("div",Zo,[e.createElementVNode("div",{class:e.normalizeClass(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative",d.value?"bg-gray-50":""])},[e.createElementVNode("span",Yo,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",Xo,[e.createElementVNode("div",Qo,[e.createElementVNode("span",Vo,e.toDisplayString(N.comment?.author),1),e.createElementVNode("span",er,e.toDisplayString(p(N.comment?.createdAt)),1)]),d.value?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{key:1,"onUpdate:modelValue":C[0]||(C[0]=B=>r.value=B),class:e.normalizeClass(d.value?i.value:l.value)},null,2)),[[e.vModelText,r.value]]):(e.openBlock(),e.createElementBlock("p",tr,e.toDisplayString(N.comment?.text),1)),e.createElementVNode("div",nr,[e.createElementVNode("div",sr,[e.createElementVNode("button",{class:e.normalizeClass(["flex items-center gap-1",f.value?"text-blue-600":"text-gray-500 hover:text-blue-600 transition-colors"]),onClick:C[1]||(C[1]=B=>m())},[e.createVNode(e.unref(Oo),{class:e.normalizeClass(["h-3 w-3",f.value?"fill-blue-600":""])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(N.comment?.likes),1)],2),N.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-gray-500 hover:text-blue-600 transition-colors",onClick:C[2]||(C[2]=B=>c.value=!0)},[e.createVNode(e.unref(Mo),{class:"h-3 w-3"})])),e.createElementVNode("button",{class:"text-gray-400 hover:text-gray-600 transition-colors opacity-0 group-hover:opacity-100",type:"button",onClick:C[3]||(C[3]=B=>a.value=!0)},[e.createVNode(e.unref($o),{class:"h-3 w-3"})])]),d.value?(e.openBlock(),e.createElementBlock("div",or,[e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",onClick:C[4]||(C[4]=B=>d.value=!1)},[e.createVNode(e.unref(Zt),{class:"h-3 w-3"}),C[11]||(C[11]=e.createTextVNode(" Cancel ",-1))]),e.createElementVNode("button",{class:"inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",disabled:!r.value.trim(),onClick:C[5]||(C[5]=B=>E())},[e.createVNode(e.unref(Xn),{class:"h-3 w-3 mr-1"}),C[12]||(C[12]=e.createTextVNode(" Send ",-1))],8,rr)])):e.createCommentVNode("",!0)])]),a.value?(e.openBlock(),e.createBlock(Jo,{key:0,showMoreOptions:a.value,"onUpdate:showMoreOptions":C[6]||(C[6]=B=>a.value=B),onEdit:C[7]||(C[7]=B=>d.value=!0),onDelete:C[8]||(C[8]=B=>N.$emit("delete",N.comment?.id)),comment:N.comment},null,8,["showMoreOptions","comment"])):e.createCommentVNode("",!0)],2),N.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ir,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.comment?.replies,B=>(e.openBlock(),e.createBlock(A,{key:B.id,comment:B,isInside:!0,onDelete:D=>N.$emit("delete",B.id),onLike:w,onEdit:_},null,8,["comment","onDelete"]))),128)),c.value&&!N.isInside?(e.openBlock(),e.createBlock(Qn,{key:0,onSendComment:C[9]||(C[9]=B=>N.$emit("reply",N.comment?.id,B)),isReply:c.value,"onUpdate:isReply":C[10]||(C[10]=B=>c.value=B)},null,8,["isReply"])):e.createCommentVNode("",!0)]))])}}}),ar=["id"],cr={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},yt=e.defineComponent({__name:"CommentsWidget",props:{title:{},comments:{},maxHeight:{},onAddComment:{type:Function},onReply:{type:Function},onLike:{type:Function},onDelete:{type:Function},onEdit:{type:Function},id:{},className:{},style:{}},emits:["add","reply","like","delete","edit"],setup(t,{emit:n}){const s=t,o=n,r=e.ref(s.comments??[]);async function l(){if(!s.id)return;const p=await fetch(`/api/widget/comment/${s.id}`).then(m=>m.json());r.value=p.rows.map(m=>({id:m.communication_id,author:m.username,text:m.body,createdAt:new Date(m.cdate)}))}r.value.length===0&&l();const i=async p=>{s.onAddComment?s.onAddComment(p):s.id&&(await fetch(`/api/widget/comment/${s.id}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:p})}),await l()),o("add",p)},a=(p,m)=>{s?.onLike?.(p,m),o("like",p,m)},c=(p,m)=>{s.onReply?.(p,m),o("reply",p,m)},d=async(p,m)=>{s.onEdit?s.onEdit(p,m):s.id&&(await fetch(`/api/widget/comment/${s.id}/${p}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:m})}),await l()),o("edit",p,m)},f=async p=>{s.onDelete?s.onDelete(p):s.id&&(await fetch(`/api/widget/comment/${s.id}/${p}`,{method:"DELETE"}),await l()),o("delete",p)};return(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mx-auto font-sans",p.className]),id:p.id,style:e.normalizeStyle(p.style)},[p.title?(e.openBlock(),e.createElementBlock("h3",cr,e.toDisplayString(p.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([p.maxHeight?"overflow-y-auto":"","space-y-3"]),style:e.normalizeStyle({maxHeight:p.maxHeight+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,E=>(e.openBlock(),e.createBlock(lr,{key:E.id,comment:E,onReply:c,onLike:a,onDelete:m[0]||(m[0]=w=>f(w)),onEdit:d},null,8,["comment"]))),128))],6),e.createVNode(Qn,{onSendComment:m[1]||(m[1]=E=>i(E))})],14,ar))}}),Vn=new Map([["file",{name:"File",color:"bg-green-100 text-green-700 border-green-200",icon:Ke}],["post",{name:"Post",color:"bg-blue-100 text-blue-700 border-blue-200",icon:Lo}],["user",{name:"User",color:"bg-purple-100 text-purple-700 border-purple-200",icon:Po}],["custom",{name:"Custom",color:"bg-gray-100 text-gray-700 border-gray-200",icon:Io}]]),dr={class:"mx-auto font-sans"},pr={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},fr={class:"relative"},mr={class:"space-y-3"},hr={class:"flex-1 min-w-0 pb-2"},ur={class:"flex items-center gap-1.5 mb-1 mt-0.5"},gr={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},yr={class:"font-medium text-xs"},vr={class:"text-xs text-gray-500"},br={class:"space-y-1"},kr={class:"text-xs text-gray-700"},Er={class:"capitalize mr-1"},Nr={key:0,class:"inline-flex items-center rounded-full border py-0.5 font-semibold transition-colors text-foreground text-xs h-4 px-1 capitalize"},xr={key:0,class:"flex items-center gap-1 text-xs"},wr={key:0,class:"bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"},_r={key:2,class:"bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"},vt=e.defineComponent({__name:"HistoryWidget",props:{data:{},title:{},maxHeight:{},id:{},className:{},style:{}},setup(t){const n=t,s=e.ref(Array.isArray(n.data)?n.data:[]);s.value.length===0&&n.id&&o();async function o(){const r=await fetch(`/api/widget/history/${n.id}`);if(!r.ok)return{data:[]};const l=await r.json();l.rows.forEach(i=>{i.timestamp=new Date(i.cdate),i.id=i.entity_id,i.entityType=i.entity_type,i.entityId=i.entity_id,i.action=i.change_type,i.userId=i.change_user_id,i.userName=i.username,i.timestamp=new Date(i.cdate),i.description=i.username,i.status=i.username}),s.value=l.rows}return(r,l)=>(e.openBlock(),e.createElementBlock("div",dr,[r.title?(e.openBlock(),e.createElementBlock("h3",pr,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:r.maxHeight+"px"})},[e.createElementVNode("div",fr,[l[0]||(l[0]=e.createElementVNode("div",{class:"absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200"},null,-1)),e.createElementVNode("div",mr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,i=>(e.openBlock(),e.createElementBlock("div",{class:"relative flex items-start gap-2",key:i?.id},[e.createElementVNode("div",{class:e.normalizeClass(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${e.unref(Vn).get(i?.entityType)?.color}`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Vn).get(i?.entityType)?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",hr,[e.createElementVNode("div",ur,[e.createElementVNode("span",gr,[e.createVNode(e.unref(Jt),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("span",yr,e.toDisplayString(i?.userName),1),e.createElementVNode("span",vr,e.toDisplayString(i?.timestamp.toLocaleDateString("ua-UA",{day:"2-digit",month:"2-digit",year:"numeric"}))+" "+e.toDisplayString(i?.timestamp.toLocaleTimeString("ua-UA",{hour:"2-digit",minute:"2-digit"})),1)]),e.createElementVNode("div",br,[e.createElementVNode("div",kr,[e.createElementVNode("span",Er,e.toDisplayString(i?.action),1),i?.entityId?(e.openBlock(),e.createElementBlock("span",Nr,e.toDisplayString(i?.entityId),1)):e.createCommentVNode("",!0)]),i?.changes?.[i?.entityId]?(e.openBlock(),e.createElementBlock("div",xr,[i?.changes?.[i?.entityId]?.old?(e.openBlock(),e.createElementBlock("span",wr,e.toDisplayString(i?.changes?.[i?.entityId]?.old),1)):e.createCommentVNode("",!0),i?.changes?.[i?.entityId]?.old&&i?.changes?.[i?.entityId]?.new?(e.openBlock(),e.createBlock(e.unref(So),{key:1,class:"h-2 w-2 text-gray-400"})):e.createCommentVNode("",!0),i?.changes?.[i?.entityId]?.new?(e.openBlock(),e.createElementBlock("span",_r,e.toDisplayString(i?.changes?.[i?.entityId]?.new),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]))),128))])])],6)]))}}),Cr={key:0,class:"text-xl font-semibold"},Sr={class:"flex gap-1"},Br={class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer"},$r=e.defineComponent({__name:"FileHeader",props:e.mergeModels({title:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["onAddFile"],["update:modelValue"]),setup(t){const n=e.useModel(t,"modelValue"),s={active:"bg-blue-100 text-black hover:bg-blue-100",inactive:"bg-white text-black hover:bg-blue-100"};return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",o.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[o.title?(e.openBlock(),e.createElementBlock("h3",Cr,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Sr,[e.createElementVNode("button",{class:e.normalizeClass(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2",n.value==="list"?s.active:s.inactive]),onClick:r[0]||(r[0]=l=>n.value="list")},[e.createVNode(e.unref(Ao),{class:"h-4 w-4"})],2),e.createElementVNode("button",{class:e.normalizeClass(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2",n.value==="grid"?s.active:s.inactive]),onClick:r[1]||(r[1]=l=>n.value="grid")},[e.createVNode(e.unref(Do),{class:"h-4 w-4"})],2),e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:r[2]||(r[2]=l=>o.$emit("onAddFile",l))},null,32),e.createElementVNode("div",Br,[e.createVNode(e.unref(Yn),{class:"h-4 w-4"}),r[3]||(r[3]=e.createTextVNode(" Додати файл ",-1))])])])],2))}}),Yt={pdf:{color:"bg-red-100 text-red-700 border-red-200",icon:Ke,label:"PDF"},sketch:{color:"bg-gray-100 text-gray-700 border-gray-200",icon:To,label:"SKETCH"},mp4:{color:"bg-purple-100 text-purple-700 border-purple-200",icon:Fo,label:"VIDEO"},docx:{color:"bg-blue-100 text-blue-700 border-blue-200",icon:Ke,label:"DOC"},zip:{color:"bg-orange-100 text-orange-700 border-orange-200",icon:Co,label:"ARCHIVE"},png:{color:"bg-green-100 text-green-700 border-green-200",icon:Zn,label:"IMAGE"},jpg:{color:"bg-green-100 text-green-700 border-green-200",icon:Zn,label:"IMAGE"},xlsx:{color:"bg-emerald-100 text-emerald-700 border-emerald-200",icon:Ke,label:"EXCEL"},pptx:{color:"bg-amber-100 text-amber-700 border-amber-200",icon:Ke,label:"PPT"}};function es(t,n="en"){const s={month:"short",day:"numeric"};return new Intl.DateTimeFormat(n,s).format(t)}function ts(t){if(t===0)return"0 B";const n=1024,s=["B","KB","MB","GB","TB"],o=Math.floor(Math.log(t)/Math.log(n));return`${parseFloat((t/Math.pow(n,o)).toFixed(1))} ${s[o]}`}const Tr={class:"space-y-0.5"},Dr=["onClick"],Or=["onClick"],Ir={class:"flex items-center gap-2"},Ar={class:"font-medium text-xs truncate hover:text-blue-600 cursor-pointer"},Mr={class:"hidden sm:block text-xs text-gray-500 w-16 text-right"},Lr={class:"hidden md:block text-xs text-gray-500 w-12 text-right"},Rr={class:"flex items-center gap-1"},Pr=["onClick"],Fr=["onClick"],zr=e.defineComponent({__name:"FileList",props:{files:{}},emits:["delete","download","openLightbox"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",Tr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,o=>(e.openBlock(),e.createElementBlock("div",{class:"flex items-center gap-2 p-1.5 rounded hover:bg-gray-50 group border-b border-gray-100 last:border-b-0",key:o.id,onClick:e.withModifiers(r=>n.$emit("openLightbox",o),["stop"])},[e.createElementVNode("div",{class:e.normalizeClass(["p-1 rounded",e.unref(Yt)[o?.ext]?.color||"bg-blue-100 text-blue-700 border-blue-200"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Yt)[o?.ext]?.icon||e.unref(Yt).pdf.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",{class:"flex-1 min-w-0",onClick:r=>n.$emit("openLightbox",o)},[e.createElementVNode("div",Ir,[e.createElementVNode("span",Ar,e.toDisplayString(o?.uploaded_name||o?.name),1)])],8,Or),e.createElementVNode("div",Mr,e.toDisplayString(e.unref(ts)(o.size)),1),e.createElementVNode("div",Lr,e.toDisplayString(e.unref(es)(o.createdAt)),1),e.createElementVNode("div",Rr,[e.createElementVNode("button",{onClick:e.withModifiers(r=>n.$emit("download",o),["stop"]),class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity"},[e.createVNode(e.unref(Jn),{class:"h-3 w-3"})],8,Pr),e.createElementVNode("button",{class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700",onClick:e.withModifiers(r=>n.$emit("delete",r,o?.file_id),["stop"])},[e.createVNode(e.unref(Gt),{class:"h-3 w-3"})],8,Fr)])],8,Dr))),128))]))}}),jr={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"},Hr=["onClick"],Ur={class:"space-y-2"},qr={class:"flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden"},Wr=["src"],Kr={class:"space-y-1"},Gr=["title"],Jr={class:"text-xs text-gray-500 text-left"},Zr={class:"absolute top-2 right-1 flex items-center gap-1"},Yr=["onClick"],Xr=["onClick"],Qr=e.defineComponent({__name:"FileGrid",props:{files:{}},emits:["delete","download","openLightbox"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",jr,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,onClick:e.withModifiers(r=>n.$emit("openLightbox",o),["stop"]),class:"group relative border rounded-lg p-2 hover:shadow-md transition-all bg-white hover:bg-gray-50 cursor-pointer"},[e.createElementVNode("div",Ur,[e.createElementVNode("div",qr,[o.ext==="png"||o.ext==="jpg"||o.ext==="jpeg"||o.ext==="gif"||o.ext==="svg"||o.ext==="webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:`/file/resize?filepath=${o?.file_path}&w=500`,alt:"file",class:"w-full h-full object-cover"},null,8,Wr)):(e.openBlock(),e.createBlock(e.unref(Ke),{key:1,class:"h-10 w-10 text-gray-500"}))]),e.createElementVNode("div",Kr,[e.createElementVNode("h3",{class:"font-medium text-xs leading-tight text-left",title:o.uploaded_name||o.name},e.toDisplayString(o.uploaded_name||o.name),9,Gr),e.createElementVNode("p",Jr,e.toDisplayString(e.unref(es)(o.createdAt))+", "+e.toDisplayString(e.unref(ts)(o.size)),1)])]),e.createElementVNode("div",Zr,[e.createElementVNode("button",{onClick:e.withModifiers(r=>n.$emit("download",o),["stop"]),class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-50"},[e.createVNode(e.unref(Jn),{class:"h-3 w-3"})],8,Yr),e.createElementVNode("button",{class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700 hover:bg-red-50",onClick:e.withModifiers(r=>n.$emit("delete",r,o?.file_id),["stop"])},[e.createVNode(e.unref(Gt),{class:"h-3 w-3"})],8,Xr)])],8,Hr))),128))]))}}),Vr={class:"mx-auto font-sans"},ei={key:1},bt=e.defineComponent({__name:"FilesWidget",props:{title:{},view:{},files:{default:()=>[]},maxHeight:{},onAddFile:{},id:{},className:{},style:{},onDelete:{}},emits:["delete","add","openLightbox"],setup(t,{emit:n}){const s=t,o=e.ref(!1),r=e.ref(null),l=e.ref(!1),i=e.ref(0),a=e.ref(s.files??[]),c=n;a.value.length===0&&C();const d=(D,S)=>{r.value=S,o.value=!0},f=()=>{r.value&&(w(r.value),r.value=null,o.value=!1)},p=e.computed(()=>Array.isArray(a.value)?a.value.map(D=>D?.file_path):[]),m=D=>{const S=p.value.findIndex(U=>U===D.file_path);S!==-1&&(l.value=!0,i.value=S)},E=D=>{s.onAddFile?s.onAddFile(D):A(D),c("add",D)},w=D=>{s.onDelete?s.onDelete(D):B(D),c("delete",D)},_=D=>{const S=document.createElement("a");S.setAttribute("download",D?.uploaded_name||D?.name),S.href=D?.file_path||D?.path,S.click()},N=e.ref("list");async function C(){if(!s.id)return;const D=await fetch(`/api/widget/file/${s.id}`).then(S=>S.json());D.rows.forEach(S=>{S.timestamp=new Date(S.cdate),S.id=S.entity_id,S.entityType=S.entity_type,S.entityId=S.entity_id,S.entityType=S.entity_type,S.action=S.change_type,S.userId=S.change_user_id,S.userName=S.username,S.timestamp=new Date(S.cdate),S.description=S.username,S.status=S.username}),a.value=D.rows}const A=async D=>{if(!(!D.target||!D.target.files||D.target.files.length===0))try{await Promise.all(Array.from(D.target.files).map(async S=>{const U=new FormData;U.append("file",S);const J=`/api/widget/file/${s.id}`,M=await fetch(J,{method:"POST",body:U});if(!M.ok)throw new Error(`HTTP error! status: ${M.status}`);return S})),await C()}catch(S){console.error("Помилка при завантаженні файлів:",S)}},B=async D=>{try{await fetch(`/api/widget/file/${s.id}/${D}`,{method:"DELETE"}),await C()}catch(S){console.error(S)}};return(D,S)=>{const U=e.resolveComponent("MessageBox"),J=e.resolveComponent("Lightbox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Vr,[e.createVNode($r,{modelValue:N.value,"onUpdate:modelValue":S[0]||(S[0]=M=>N.value=M),title:s.title,onOnAddFile:S[1]||(S[1]=M=>E(M))},null,8,["modelValue","title"]),a.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:D.maxHeight+"px"})},[N.value==="list"?(e.openBlock(),e.createBlock(zr,{key:0,onDelete:d,onDownload:_,onOpenLightbox:S[2]||(S[2]=M=>m(M)),files:a.value},null,8,["files"])):e.createCommentVNode("",!0),N.value==="grid"?(e.openBlock(),e.createBlock(Qr,{key:1,onDelete:d,onDownload:_,onOpenLightbox:S[3]||(S[3]=M=>m(M)),files:a.value},null,8,["files"])):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("div",ei,S[6]||(S[6]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Файлів не знайдено")],-1)])))]),e.createVNode(U,{modelValue:o.value,"onUpdate:modelValue":S[4]||(S[4]=M=>o.value=M),onConfirm:f,title:"Ви впевнені?",message:"Ви впевнені, що хочете видалити цей файл?",confirmButtonText:"Так, я впевнена/ий",cancelButtonText:"Скасувати"},null,8,["modelValue"]),e.createVNode(J,{modelValue:l.value,"onUpdate:modelValue":S[5]||(S[5]=M=>l.value=M),images:p.value,"start-index":i.value},null,8,["modelValue","images","start-index"])],64)}}}),ti={key:0,class:"image-wrapper h-full max-h-[400px]",id:"lightbox-gallery"},ni=["onClick"],si={key:0,rel:"noreferrer",class:"relative block h-full w-full"},oi=["src"],ri={key:0,class:"thumb-cover"},ii=e.defineComponent({__name:"GalleryContent",props:{title:{},items:{},columns:{},maxHeight:{},onAddImage:{type:Function},onDelete:{type:Function},id:{},className:{},style:{}},emits:["delete"],setup(t,{emit:n}){const s=n,o=e.ref(!1),r=e.ref(0),l=t,i=e.computed(()=>Array.isArray(l.items)?l.items.map(c=>c?.file_path):[]),a=c=>{const d=i.value.findIndex(f=>f===c.file_path);d!==-1&&(o.value=!0,r.value=d)};return(c,d)=>{const f=e.resolveComponent("Lightbox");return c.items?.length>=1?(e.openBlock(),e.createElementBlock("div",ti,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.items,(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["h-full w-full image"+m,"cursor-pointer bg-teal-500 rounded-[3px]"]),key:m,onClick:e.withModifiers(E=>a(p),["stop"])},[m<5?(e.openBlock(),e.createElementBlock("div",si,[e.createElementVNode("img",{src:`/file/resize?filepath=${p?.file_path}&w=500`,alt:"alt",height:"auto",width:"100%",class:e.normalizeClass(["object-cover h-full w-full bg-gray-200 rounded-[3px]",m===0?"max-h-[411px]":"max-h-[calc((411px-3px)/2)]"])},null,10,oi),m===4&&c.items?.length>5?(e.openBlock(),e.createElementBlock("div",ri," +"+e.toDisplayString(c.items?.length-5),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,ni))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Math.max(0,5-c.items.length),p=>(e.openBlock(),e.createElementBlock("div",{key:"empty-"+p,class:e.normalizeClass(["h-full w-full image"+(c.items.length+p-1),"bg-gray-300 rounded-[3px]"])},null,2))),128)),e.createVNode(f,{modelValue:o.value,"onUpdate:modelValue":d[0]||(d[0]=p=>o.value=p),images:i.value,"start-index":r.value,delete:"true",download:"true",onDelete:d[1]||(d[1]=p=>s("delete",p))},null,8,["modelValue","images","start-index"])])):e.createCommentVNode("",!0)}}}),li={key:0,class:"text-xl font-semibold"},ai={class:"flex gap-1"},ci={class:"ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer"},di=e.defineComponent({__name:"widgetHeader",props:{title:{}},emits:["onAddImage"],setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",n.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[n.title?(e.openBlock(),e.createElementBlock("h3",li,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ai,[e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:s[0]||(s[0]=o=>n.$emit("onAddImage",o))},null,32),e.createElementVNode("div",ci,[e.createVNode(e.unref(Yn),{class:"h-4 w-4"}),s[1]||(s[1]=e.createTextVNode(" Додати зображення ",-1))])])])],2))}}),pi={class:"w-full mx-auto font-sans",ref:"containerRef"},fi={key:1},kt=e.defineComponent({__name:"GalleryWidget",props:{title:{},items:{default:()=>[]},columns:{},maxHeight:{},onAddImage:{},onDelete:{},id:{},className:{},style:{}},emits:["delete","add","openLightbox"],setup(t,{emit:n}){const s=t,o=e.ref(s.items??[]),r=n;o.value.length===0&&c();const l=f=>{s.onAddImage?s.onAddImage(f):a(f),r("add",f)},i=f=>{const p=o.value.find(m=>m.file_path===f)?.file_id;p&&(s.onDelete?s.onDelete(p):d(p))},a=async f=>{if(!(!f.target||!f.target.files||f.target.files.length===0))try{await Promise.all(Array.from(f.target.files).map(async p=>{const m=new FormData;m.append("file",p);const E=`/api/widget/file/${s.id}`,w=await fetch(E,{method:"POST",body:m});if(!w.ok)throw new Error(`HTTP error! status: ${w.status}`);return p})),await c()}catch(p){console.error("Помилка при завантаженні файлів:",p)}};async function c(){if(!s.id)return;const f=await fetch(`/api/widget/file/${s.id}`).then(p=>p.json());o.value=f.rows}const d=async f=>{try{await fetch(`/api/widget/file/${s.id}/${f}`,{method:"DELETE"}),await c()}catch(p){console.error(p)}};return(f,p)=>(e.openBlock(),e.createElementBlock("div",pi,[e.createVNode(di,{title:f.title,onOnAddImage:p[0]||(p[0]=m=>l(m))},null,8,["title"]),o.value.length>0?(e.openBlock(),e.createBlock(ii,{key:0,items:o.value,onDelete:p[1]||(p[1]=m=>i(m))},null,8,["items"])):(e.openBlock(),e.createElementBlock("div",fi,p[2]||(p[2]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Зображень не знайдено")],-1)])))],512))}}),mi={class:"text-value"},hi={class:"text-sm text-gray-900"},ui=e.defineComponent({__name:"TextValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=n.item.value;return typeof o=="boolean"?o?"Так":"Ні":o==null?"—":String(o)});return(o,r)=>(e.openBlock(),e.createElementBlock("div",mi,[e.createElementVNode("span",hi,e.toDisplayString(s.value),1)]))}}),Le=(t,n)=>{const s=t.__vccOpts||t;for(const[o,r]of n)s[o]=r;return s},gi=Le(ui,[["__scopeId","data-v-c14550b7"]]),yi={class:"link-value"},vi=["href"],bi=Le(e.defineComponent({__name:"LinkValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=String(n.item.value);try{const r=new URL(o);return r.hostname+r.pathname}catch{return o}});return(o,r)=>(e.openBlock(),e.createElementBlock("div",yi,[e.createElementVNode("a",{href:String(o.item.value),target:"_blank",rel:"noopener noreferrer",class:"text-blue-600 hover:text-blue-800 underline text-sm"},[e.createTextVNode(e.toDisplayString(s.value)+" ",1),r[0]||(r[0]=e.createElementVNode("i",{class:"fas fa-external-link-alt ml-1 text-xs"},null,-1))],8,vi)]))}}),[["__scopeId","data-v-e6eb07a6"]]),ki={class:"date-value"},Ei={class:"text-sm text-gray-900"},Ni=Le(e.defineComponent({__name:"DateValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{const o=n.item.value;if(o instanceof Date)return o.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"});if(typeof o=="string"){const r=new Date(o);if(!isNaN(r.getTime()))return r.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"})}return String(o)});return(o,r)=>(e.openBlock(),e.createElementBlock("div",ki,[e.createElementVNode("span",Ei,e.toDisplayString(s.value),1)]))}}),[["__scopeId","data-v-b9600618"]]),xi={class:"status-value"},wi={key:0,class:"mr-1"},_i=Le(e.defineComponent({__name:"StatusValue",props:{item:{}},setup(t){const n=t,s=e.computed(()=>{switch(String(n.item.value).toLowerCase()){case"active":case"активний":case"успішно":case"success":return"bg-green-100 text-green-800";case"inactive":case"неактивний":case"pending":case"очікує":return"bg-yellow-100 text-yellow-800";case"error":case"помилка":case"failed":case"неуспішно":return"bg-red-100 text-red-800";case"draft":case"чернетка":return"bg-gray-100 text-gray-800";default:return"bg-blue-100 text-blue-800"}}),o=e.computed(()=>{switch(String(n.item.value).toLowerCase()){case"active":case"активний":case"успішно":case"success":return"fas fa-check-circle";case"inactive":case"неактивний":case"pending":case"очікує":return"fas fa-clock";case"error":case"помилка":case"failed":case"неуспішно":return"fas fa-exclamation-circle";case"draft":case"чернетка":return"fas fa-edit";default:return"fas fa-info-circle"}});return(r,l)=>(e.openBlock(),e.createElementBlock("div",xi,[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",s.value])},[o.value?(e.openBlock(),e.createElementBlock("span",wi,[e.createElementVNode("i",{class:e.normalizeClass(o.value)},null,2)])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(String(r.item.value)),1)],2)]))}}),[["__scopeId","data-v-c72e0b01"]]),Ci={class:"custom-value"},Si={class:"text-sm text-gray-900"},Bi=Le(e.defineComponent({__name:"CustomValue",props:{item:{}},setup(t){return(n,s)=>(e.openBlock(),e.createElementBlock("div",Ci,[e.renderSlot(n.$slots,"default",{item:n.item,value:n.item.value},()=>[e.createElementVNode("span",Si,e.toDisplayString(String(n.item.value)),1)],!0)]))}}),[["__scopeId","data-v-11a73810"]]),$i=["id"],Ti={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Di={key:1,class:"overflow-x-auto"},Oi={class:"min-w-full divide-y divide-gray-200"},Ii={class:"bg-white divide-y divide-gray-200"},Ai={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Mi={class:"flex items-center gap-2"},Li=["title"],Ri={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Pi={key:2,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},Fi={class:"flex items-start gap-3"},zi={key:0,class:"flex-shrink-0"},ji={class:"flex-1 min-w-0"},Hi={class:"flex items-center gap-2 mb-2"},Ui={class:"text-sm font-medium text-gray-900"},qi=["title"],Wi={key:3,class:"overflow-x-auto"},Ki={class:"min-w-full divide-y divide-gray-200"},Gi={class:"bg-white divide-y divide-gray-200"},Ji={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Zi={class:"flex items-center gap-2"},Yi=["title"],Xi={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Xt=Le(e.defineComponent({__name:"DescriptionListWidget",props:{title:{},items:{},view:{},id:{},className:{},style:{}},setup(t){const n=s=>{switch(s.type){case"link":return bi;case"date":return Ni;case"status":return _i;case"custom":return Bi;default:return gi}};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["description-list-widget",s.className]),id:s.id,style:e.normalizeStyle(s.style)},[s.title?(e.openBlock(),e.createElementBlock("h3",Ti,e.toDisplayString(s.title),1)):e.createCommentVNode("",!0),s.view==="table"?(e.openBlock(),e.createElementBlock("div",Di,[e.createElementVNode("table",Oi,[e.createElementVNode("tbody",Ii,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("tr",{key:r.id||r.label},[e.createElementVNode("td",Ai,[e.createElementVNode("div",Mi,[r.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([r.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(r.label)+" ",1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:r.tooltip},o[0]||(o[0]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Li)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Ri,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])]))),128))])])])):s.view==="grid"?(e.openBlock(),e.createElementBlock("div",Pi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id||r.label,class:"description-item-card bg-white border border-gray-200 rounded-lg p-4"},[e.createElementVNode("div",Fi,[r.icon?(e.openBlock(),e.createElementBlock("div",zi,[e.createElementVNode("i",{class:e.normalizeClass([r.icon,"text-gray-500 text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",ji,[e.createElementVNode("div",Hi,[e.createElementVNode("h4",Ui,e.toDisplayString(r.label),1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:0,class:"text-gray-400 cursor-help",title:r.tooltip},o[1]||(o[1]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,qi)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])])]))),128))])):(e.openBlock(),e.createElementBlock("div",Wi,[e.createElementVNode("table",Ki,[e.createElementVNode("tbody",Gi,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("tr",{key:r.id||r.label},[e.createElementVNode("td",Ji,[e.createElementVNode("div",Zi,[r.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([r.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(r.label)+" ",1),r.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:r.tooltip},o[2]||(o[2]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Yi)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Xi,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(r)),{item:r},null,8,["item"]))])]))),128))])])]))],14,$i))}}),[["__scopeId","data-v-36d43e50"]]),Qi={draw:{toolbar:{actions:{title:"Скасувати малювання",text:"Скасувати"},finish:{title:"Завершити малювання",text:"Завершити"},undo:{title:"Видалити останню точку",text:"Видалити останню"},buttons:{polyline:"Намалювати лінію",polygon:"Намалювати полігон",rectangle:"Намалювати прямокутник",circle:"Намалювати коло",marker:"Додати точку",circlemarker:"Додати маркер-коло"}},handlers:{circle:{tooltip:{start:"Клацніть і тягніть, щоб намалювати коло",end:"Відпустіть кнопку миші, щоб завершити"},radius:"Радіус"},circlemarker:{tooltip:{start:"Клацніть на карту, щоб додати маркер-коло"}},marker:{tooltip:{start:"Клацніть на карту, щоб додати точку"}},polygon:{tooltip:{start:"Клацніть, щоб почати малювати полігон",cont:"Клацайте, щоб продовжити малювати полігон",end:"Клацніть першу точку, щоб завершити полігон"}},polyline:{error:"<strong>Помилка:</strong> лінія не може перетинатися сама з собою",tooltip:{start:"Клацніть, щоб почати малювати лінію",cont:"Клацайте, щоб продовжити малювати лінію",end:"Клацніть останню точку, щоб завершити лінію"}},rectangle:{tooltip:{start:"Клацніть і тягніть, щоб намалювати прямокутник",end:"Відпустіть кнопку миші, щоб завершити"}},simpleshape:{tooltip:{end:"Відпустіть кнопку миші, щоб завершити"}}}},edit:{toolbar:{actions:{save:{title:"Зберегти зміни",text:"Зберегти"},cancel:{title:"Скасувати редагування",text:"Скасувати"},clearAll:{title:"Очистити всі шари",text:"Очистити все"}},buttons:{edit:"Редагувати шари",editDisabled:"Немає шарів для редагування",remove:"Видалити шари",removeDisabled:"Немає шарів для видалення"}},handlers:{edit:{tooltip:{text:"Перетягніть маркери, щоб редагувати шари",subtext:"Натисніть 'Скасувати', щоб повернутися"}},remove:{tooltip:{text:"Клацніть на шари, щоб видалити їх"}}}}};function Vi(t){return t?t.type==="FeatureCollection"||t.type==="Feature"?t:t.geom?{type:"Feature",geometry:{type:t.geom.type,coordinates:t.geom.coordinates},properties:{}}:t.type&&t.coordinates?{type:"Feature",geometry:t,properties:{}}:null:null}const el={key:0,class:"absolute inset-0 z-[600] flex items-center justify-center pointer-events-none bg-black/20"},tl={class:"bg-black/70 text-white text-xs sm:text-sm px-4 py-2 rounded-md shadow"},nl={class:"bg-white/95 border border-gray-200 rounded-md shadow-xl px-3 py-2 max-w-[240px] text-[11px] sm:text-xs text-gray-900"},sl={class:"font-semibold truncate text-gray-900"},ol={class:"mt-1 space-y-0.5"},rl={class:"text-gray-500"},il={class:"text-gray-900 text-right break-all"},ll={key:3,class:"bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"},al={class:"flex items-center justify-between p-2 border-b"},cl={class:"p-2 border-b"},dl={class:"flex items-center"},pl=["value"],fl={class:"ml-2"},ml={class:"p-2"},hl={class:"flex items-center"},ul=["checked","onChange"],gl={class:"ml-2"},Et=e.defineComponent({__name:"MapWidget",props:{pattern:{},geom:{},id:{},tms:{},layers:{},title:{},height:{}},setup(t){function n(x){let g=x?.parent??null;for(;g;){const T=g.props?.view;if(T==="tabs"||T==="vertical-tabs")return!0;g=g.parent??null}return!1}const s=t,o=e.getCurrentInstance(),r=e.inject("vsCardTabsContext",!1),l=e.computed(()=>(typeof r=="boolean"?r:r.value)?!0:n(o)),i=o?.appContext.config.globalProperties?.$settings??{},a=(()=>{const x=Array.isArray(i.center)?i.center:[],g=Number(x[0]),T=Number(x[1]);return Number.isFinite(g)&&Number.isFinite(T)?[g,T]:[50,30]})(),c=o?.uid??Math.floor(Math.random()*1e4),d=e.ref(null);let f,p,m;const E=be(),w=e.ref(Object.keys(E)[0]),_=`base-layer-${c}`;let N;const C=e.ref(!0),A=e.ref(!1),B=e.ref(!1),D=e.ref(!1),S=e.ref("Використовуйте Ctrl + колесо миші для зміни масштабу");let U=null;const J=e.reactive({}),M=e.ref([]),L=e.computed(()=>M.value.map(x=>J[x]).filter(Boolean)),P=e.ref(null),z=e.computed(()=>P.value?.title||P.value?.layerId||""),h=e.computed(()=>P.value?Object.entries(P.value.properties??{}).filter(([x])=>typeof x=="string"&&x).slice(0,5).map(([x,g])=>({key:x,value:g==null?"—":String(g)})):[]),$=e.computed(()=>{if(!P.value)return;const x=12,g=P.value.point.x+x,T=P.value.point.y+x;return{left:`${g}px`,top:`${T}px`}}),k=e.computed(()=>{if(A.value)return"fixed inset-0 w-screen h-screen z-[9999] bg-white";const x=["relative","h-full"];return s.height||x.push("min-h-[300px]"),s.title&&!l.value&&x.push("pb-[3.25rem]"),x.join(" ")}),O=e.computed(()=>A.value||s.height==null?void 0:{height:typeof s.height=="number"?`${s.height}px`:String(s.height)}),G=e.computed(()=>{const x=["w-full","h-full"];return!s.height&&!A.value&&x.push("min-h-[300px]"),x.join(" ")});async function ve(){const x=I=>{if(!Array.from(document.styleSheets??[]).some(u=>u?.href?.includes(I))){const u=document.createElement("link");u.rel="stylesheet",u.href=I,document.head.appendChild(u)}};x("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),x("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css");const g=I=>new Promise((W,u)=>{if(Array.from(document.scripts??[]).some(R=>R.src===I))return W();const b=document.createElement("script");b.src=I,b.async=!0,b.onload=()=>W(),b.onerror=R=>u(R),document.body.appendChild(b)});return await g("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").catch(()=>{}),await g("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js").catch(()=>{}),await g("https://unpkg.com/leaflet.vectorgrid@1.3.0/dist/Leaflet.VectorGrid.bundled.js").catch(()=>{}),window.L}function be(){const x=g=>g.map((T,I)=>{const W=typeof T?.key=="string"&&T.key?T.key:`b${I}`,u=qe(T?.url);return u?{...T,key:W,url:u}:null}).filter(T=>!!T).reduce((T,I)=>({...T,[I.key]:I}),{});return Array.isArray(i?.basemaps)&&i.basemaps.length?x(i.basemaps):x([{key:"topo100",url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png"},{key:"orto10",url:"https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png"},{key:"osmb",url:"https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png"}])}function qe(x){if(typeof x!="string"||!x.trim())return"";const g=x.trim();if(/^https?:\/\//i.test(g))return g;const T=window.location?.origin??"",I=g.replace(/^\/+/,"");return T?`${T}/${I}`:`/${I}`}function ke(x,g){return x?.id!=null?String(x.id):x?.url?`${x.url}-${g}`:`layer-${g}`}function xe(x){if(!x||typeof x!="object")return;const g={},T=y=>{if(typeof y=="string"){const v=y.trim().replace(/,+$/,"");return v?/^-?\d+(\.\d+)?$/.test(v)?Number(v):v:void 0}return y},I=()=>(g.colorSet||(g.colorSet={}),g.colorSet),W=(y,v)=>{if(y==null||typeof v!="string")return;const b=v.trim().replace(/,+$/,"");b&&(I()[String(y)]=b)},u=y=>{const v=["color","fill","hex","valueColor","value_color"].map(R=>y[R]).find(R=>typeof R=="string"&&R.trim());if(!v)return!1;const b=["value","key","id","code","status"].map(R=>y[R]).find(R=>R!=null&&R!=="");return b==null?!1:(W(b,v),!0)};return Object.entries(x).forEach(([y,v])=>{if(y==="colorSet"&&v!=null){Array.isArray(v)?v.forEach(R=>{R&&(typeof R=="object"&&u(R)||typeof R=="object"&&Object.entries(R).forEach(([q,re])=>W(q,typeof re=="string"?re:void 0)))}):typeof v=="object"&&(u(v)||Object.entries(v).forEach(([R,q])=>W(R,typeof q=="string"?q:void 0)));return}const b=T(v);if(b!==void 0){if(y==="border"){typeof b=="number"&&g.width==null?g.width=b:typeof b=="string"&&g.stroke==null&&(g.stroke=b);return}g[y]=b}}),g.colorSet&&!Object.keys(g.colorSet).length&&delete g.colorSet,Object.keys(g).length?g:void 0}function Ce(){if(Array.isArray(s.layers)&&s.layers.length)return s.layers.map((g,T)=>{if(!g)return null;const I=ke(g,T),W=g.url||(s.pattern&&I?s.pattern.replace("{{id}}",String(g.id??I)):"");return W?{...g,id:I,url:W,name:g.name||`Шар ${T+1}`,style:xe(g.style)}:null}).filter(g=>!!g?.url);const x=Array.isArray(s.tms)?s.tms:s.tms?.split(",");return x?x.map((g,T)=>{if(!g)return null;const I=typeof g=="string"?g.trim():`${g}`;if(!I)return null;const W=`legacy-${T}`,u=s.pattern?s.pattern.replace("{{id}}",I):I;return{id:W,name:`Шар ${T+1}`,url:u,visible:!0}}).filter(g=>!!g?.url):[]}function Fn(x){const g=(x?.url??"").trim();if(!g)return"";if(/^https?:\/\//i.test(g))return g;const T=window.location?.origin??"",I=g.replace(/^\/+/,"");return`${T}/${I}`}function Me(x){const g=x.style??{};return T=>{const I=g.colorAttr,W=g.colorSet??{},u=typeof I=="string"?W?.[T?.[I]]??g.color??"#3388ff":g.color??"#3388ff",y=g.stroke??u;return{weight:g.width??1,color:y,opacity:g.opacity??1,fill:g.type?g.type!=="polyline":!0,fillColor:u,fillOpacity:g.opacity??.5}}}function qt(x,g){if(!f||!g?.latlng)return;const T=f.latLngToContainerPoint(g.latlng),I=g.layer?.properties??g.properties??{};P.value={layerId:x.id,title:I?.name??x.name,properties:I,point:{x:T.x,y:T.y}}}function mt(x){x&&P.value?.layerId!==x||(P.value=null)}e.onMounted(async()=>{m=await ve(),m.drawLocal={...Qi};const x=typeof i?.zoom=="number"&&Number.isFinite(i.zoom)?i.zoom:10;f=m.map(d.value,{zoomControl:!1}).setView(a,x),m.control.zoom({position:"bottomright"}).addTo(f),N=m.tileLayer(E[w.value].url,{maxZoom:19}).addTo(f),p=new m.FeatureGroup().addTo(f),ht(),U=Kn();const g=Vi(s.geom);if(g){const T=[];m.geoJSON(g).eachLayer(I=>T.push(I)),T.length&&p.addLayer(T[0]),Wn()}if(d.value){const T=new ResizeObserver(()=>{f&&f.invalidateSize()});T.observe(d.value),e.onBeforeUnmount(()=>{T.disconnect()})}}),e.onBeforeUnmount(()=>{U?.(),zn()});function Wt(x){const g=(x?.service??"").toLowerCase();if(g)return g;const T=(x?.url??"").toLowerCase();return/\.(mvt|pbf|vtile|vmt)(\?|$)/.test(T)?"vtile":/service=wms|request=getmap|\/(wms|ows)(\?|$)/.test(T)?"wms":""}function Kt(x){const g=Wt(x),T=Fn(x),W={opacity:x?.style?.opacity??1,...x.options??{}},u=!!(x?.style&&Object.keys(x.style).length),y=x.sourceLayer||x.layer||x.service_layer||x.service_key||x.map_key||x.dataset?.layer||x.id;if(g==="vtile"){const v=m?.vectorGrid;if(v?.protobuf&&(u||!m?.maplibreGL)){const b=v.protobuf(T,{interactive:!0,maxNativeZoom:x.maxzoom??19,vectorTileLayerStyles:{[y??"default"]:Me(x),default:Me(x)}});return b.on?.("mouseover",R=>qt(x,R)),b.on?.("mousemove",R=>qt(x,R)),b.on?.("mouseout",()=>mt(x.id)),b}if(!u&&m?.maplibreGL&&window?.maplibregl){const b=T;return m.maplibreGL({style:b,interactive:!1,pane:"overlayPane"})}}if(g==="wms"&&m?.tileLayer?.wms){const v={...x.params??{}};return y&&!v.layers&&(v.layers=y),v.format==null&&(v.format="image/png"),v.transparent==null&&(v.transparent=!0),m.tileLayer.wms(T,{...v,...W})}return m.tileLayer(T,W)}function zn(){Object.values(J).forEach(x=>{x.layer&&f?.hasLayer(x.layer)&&f.removeLayer(x.layer),x.layer=null}),mt()}function jn(){f&&M.value.forEach(x=>{const g=J[x];g&&(g.visible?(g.layer||(g.layer=Kt(g.config)),g.layer&&!f.hasLayer(g.layer)&&g.layer.addTo(f)):g.layer&&f.hasLayer(g.layer)&&f.removeLayer(g.layer))})}function ht(){const x=Ce(),g=[],T=new Set;x.forEach((I,W)=>{const u=ke(I,W);g.push(u),T.add(u);const y=J[u];y&&y.config.url!==I.url&&(y.layer&&f?.hasLayer(y.layer)&&f.removeLayer(y.layer),y.layer=null);const v=y?.visible??I.visible??I.overlay!==!1;J[u]={id:u,config:{...I,id:u},visible:v,layer:y?.layer??null}}),Object.keys(J).forEach(I=>{if(!T.has(I)){const W=J[I];W?.layer&&f?.hasLayer(W.layer)&&f.removeLayer(W.layer),delete J[I]}}),M.value=g,f&&jn()}function Hn(x,g){const T=typeof g=="boolean"?g:g.target?.checked;if(T==null)return;const I=J[x];I&&(I.visible=T,I.visible?(I.layer||(I.layer=Kt(I.config)),I.layer&&!f.hasLayer(I.layer)&&I.layer.addTo(f)):I.layer&&f.hasLayer(I.layer)&&(f.removeLayer(I.layer),mt(x)))}function Se(x){N&&N.removeFrom(f);const g=E[x];N=m.tileLayer(g.url,g.options||{}).addTo(f),N.bringToBack(),w.value=x}function Un(){Se(w.value)}function qn(){C.value?p.addTo(f):p.removeFrom(f)}function Wn(x=30){const g=p.getLayers();if(!g.length)return;const I=m.featureGroup(g).getBounds();I&&I.isValid()&&f.fitBounds(I,{padding:[x,x],maxZoom:16})}function Kn(){if(!f||!d.value)return null;f.scrollWheelZoom.disable(),S.value="Використовуйте Ctrl + колесо миші для зміни масштабу";let x;const g=(I=1500)=>{D.value=!0,x&&clearTimeout(x),x=window.setTimeout(()=>D.value=!1,I)},T=I=>{if(!(I.ctrlKey||I.metaKey||I.shiftKey)){g(),f.scrollWheelZoom.disable();return}I.preventDefault(),I.stopPropagation(),f.scrollWheelZoom.enable(),D.value=!1,x&&clearTimeout(x),x=window.setTimeout(()=>f.scrollWheelZoom.disable(),200)};return d.value.addEventListener("wheel",T,{passive:!1}),()=>{f.scrollWheelZoom.enable(),d.value?.removeEventListener("wheel",T),x&&clearTimeout(x),D.value=!1}}return e.watch(A,()=>setTimeout(()=>f?.invalidateSize(),50)),e.watch(()=>s.layers,()=>ht(),{deep:!0}),e.watch(()=>[s.tms,s.pattern],()=>{s.layers?.length||ht()}),(x,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value),style:e.normalizeStyle(O.value)},[e.createElementVNode("div",{ref_key:"mapContainer",ref:d,class:e.normalizeClass(G.value)},null,2),D.value?(e.openBlock(),e.createElementBlock("div",el,[e.createElementVNode("div",tl,e.toDisplayString(S.value),1)])):e.createCommentVNode("",!0),h.value.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:"absolute z-[550] pointer-events-none",style:e.normalizeStyle($.value)},[e.createElementVNode("div",nl,[e.createElementVNode("div",sl,e.toDisplayString(z.value),1),e.createElementVNode("dl",ol,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,T=>(e.openBlock(),e.createElementBlock("div",{key:`${T.key}-${T.value}`,class:"flex justify-between gap-2"},[e.createElementVNode("dt",rl,e.toDisplayString(T.key),1),e.createElementVNode("dd",il,e.toDisplayString(T.value),1)]))),128))])])],4)):e.createCommentVNode("",!0),B.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,onClick:g[0]||(g[0]=T=>B.value=!0),class:"z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer layers-button"}," Шари ")),B.value?(e.openBlock(),e.createElementBlock("div",ll,[e.createElementVNode("div",al,[g[6]||(g[6]=e.createElementVNode("div",null,"Шари",-1)),(e.openBlock(),e.createElementBlock("svg",{onClick:g[1]||(g[1]=T=>B.value=!1),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"w-4 h-4"},g[5]||(g[5]=[e.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),e.createElementVNode("path",{d:"M18 6l-12 12"},null,-1),e.createElementVNode("path",{d:"M6 6l12 12"},null,-1)])))]),e.createElementVNode("div",cl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),(T,I)=>(e.openBlock(),e.createElementBlock("div",{key:`base-${I}`},[e.createElementVNode("label",dl,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:_,value:I,"onUpdate:modelValue":g[2]||(g[2]=W=>w.value=W),onChange:Un},null,40,pl),[[e.vModelRadio,w.value]]),e.createElementVNode("span",fl,e.toDisplayString(T.name||I),1)])]))),128))]),e.createElementVNode("div",ml,[e.createElementVNode("label",hl,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":g[3]||(g[3]=T=>C.value=T),onChange:qn},null,544),[[e.vModelCheckbox,C.value]]),g[7]||(g[7]=e.createElementVNode("span",{class:"ml-2"},"Геометрія/Межі",-1))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,T=>(e.openBlock(),e.createElementBlock("label",{class:"flex items-center",key:T.id},[e.createElementVNode("input",{type:"checkbox",checked:T.visible,onChange:I=>Hn(T.id,I)},null,40,ul),e.createElementVNode("span",gl,e.toDisplayString(T.config.name||T.id),1)]))),128))])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["absolute z-[500] bg-white p-2 border rounded-lg cursor-pointer fullscreen-button",A.value?"bottom-[100px] right-[7px]":"bottom-[150px] right-[7px]"]),onClick:g[4]||(g[4]=T=>A.value=!A.value)},g[8]||(g[8]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",class:"w-5 h-5"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4 8V4h4M20 8V4h-4M4 16v4h4m12-4v4h-4"})],-1)]),2)],6))}});/**
|
|
132
132
|
* @vue/shared v3.5.18
|
|
133
133
|
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
134
134
|
* @license MIT
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HistoryWidget.vue.d.ts","sourceRoot":"","sources":["../../../src/widgets/history/HistoryWidget.vue"],"names":[],"mappings":"AA8FE,OAAO,EAAc,kBAAkB,EAAC,MAAM,aAAa,CAAA;;
|
|
1
|
+
{"version":3,"file":"HistoryWidget.vue.d.ts","sourceRoot":"","sources":["../../../src/widgets/history/HistoryWidget.vue"],"names":[],"mappings":"AA8FE,OAAO,EAAc,kBAAkB,EAAC,MAAM,aAAa,CAAA;;AA0Q7D,wBAMG"}
|
package/package.json
CHANGED