@opengis/widgets 0.0.10 → 0.0.11

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
@@ -818,7 +818,7 @@ function we(l) {
818
818
  const i = 1024, n = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(l) / Math.log(i));
819
819
  return `${parseFloat((l / Math.pow(i, e)).toFixed(1))} ${n[e]}`;
820
820
  }
821
- const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = { class: "flex items-center gap-2" }, Ut = { class: "font-medium text-xs truncate hover:text-blue-600" }, Wt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, Gt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, qt = { class: "flex items-center gap-1" }, Pt = ["onClick"], Kt = ["onClick"], Zt = /* @__PURE__ */ C({
821
+ const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = { class: "flex items-center gap-2" }, Ut = { class: "font-medium text-xs truncate hover:text-blue-600 cursor-pointer" }, Wt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, Gt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, qt = { class: "flex items-center gap-1" }, Pt = ["onClick"], Kt = ["onClick"], Zt = /* @__PURE__ */ C({
822
822
  __name: "FileList",
823
823
  props: {
824
824
  files: {}
@@ -968,11 +968,11 @@ const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = {
968
968
  onOpenLightbox: c[3] || (c[3] = (j) => h(j)),
969
969
  files: n.files
970
970
  }, null, 8, ["files"])) : x("", !0)
971
- ], 6)) : (o(), a("div", ds, c[6] || (c[6] = [
971
+ ], 6)) : (o(), a("div", ds, [...c[6] || (c[6] = [
972
972
  t("div", { class: "flex items-center justify-center h-full" }, [
973
973
  t("p", { class: "text-gray-500 leading-[3]" }, "Файлів не знайдено")
974
974
  ], -1)
975
- ])))
975
+ ])]))
976
976
  ]),
977
977
  b(T, {
978
978
  modelValue: e.value,
@@ -1563,9 +1563,9 @@ const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = {
1563
1563
  key: 1,
1564
1564
  class: "text-gray-400 cursor-help",
1565
1565
  title: s.tooltip
1566
- }, e[0] || (e[0] = [
1566
+ }, [...e[0] || (e[0] = [
1567
1567
  t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
1568
- ]), 8, go)) : x("", !0)
1568
+ ])], 8, go)) : x("", !0)
1569
1569
  ])
1570
1570
  ]),
1571
1571
  t("td", ho, [
@@ -1592,9 +1592,9 @@ const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = {
1592
1592
  key: 0,
1593
1593
  class: "text-gray-400 cursor-help",
1594
1594
  title: s.tooltip
1595
- }, e[1] || (e[1] = [
1595
+ }, [...e[1] || (e[1] = [
1596
1596
  t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
1597
- ]), 8, wo)) : x("", !0)
1597
+ ])], 8, wo)) : x("", !0)
1598
1598
  ]),
1599
1599
  (o(), D(S(i(s)), { item: s }, null, 8, ["item"]))
1600
1600
  ])
@@ -1617,9 +1617,9 @@ const Ot = { class: "space-y-0.5" }, Bt = ["onClick"], Rt = ["onClick"], Nt = {
1617
1617
  key: 1,
1618
1618
  class: "text-gray-400 cursor-help",
1619
1619
  title: s.tooltip
1620
- }, e[2] || (e[2] = [
1620
+ }, [...e[2] || (e[2] = [
1621
1621
  t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
1622
- ]), 8, Do)) : x("", !0)
1622
+ ])], 8, Do)) : x("", !0)
1623
1623
  ])
1624
1624
  ]),
1625
1625
  t("td", To, [
@@ -1845,7 +1845,7 @@ const Fo = { class: "relative" }, Ao = {
1845
1845
  "stroke-linecap": "round",
1846
1846
  "stroke-linejoin": "round",
1847
1847
  class: "icon icon-tabler icons-tabler-outline icon-tabler-x w-4 h-4"
1848
- }, d[6] || (d[6] = [
1848
+ }, [...d[6] || (d[6] = [
1849
1849
  t("path", {
1850
1850
  stroke: "none",
1851
1851
  d: "M0 0h24v24H0z",
@@ -1853,7 +1853,7 @@ const Fo = { class: "relative" }, Ao = {
1853
1853
  }, null, -1),
1854
1854
  t("path", { d: "M18 6l-12 12" }, null, -1),
1855
1855
  t("path", { d: "M6 6l12 12" }, null, -1)
1856
- ])))
1856
+ ])]))
1857
1857
  ]),
1858
1858
  t("div", So, [
1859
1859
  t("div", null, [
@@ -133,4 +133,4 @@
133
133
  *
134
134
  * This source code is licensed under the ISC license.
135
135
  * See the LICENSE file in the root directory of this source tree.
136
- */const S=y("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),xe={class:"border-t pt-3 mt-4"},ue={class:"flex gap-2"},we={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},_e={class:"flex-1 space-y-2"},Ve={class:"flex justify-between items-center"},Ee={class:"flex gap-2"},Ne=["disabled"],P=e.defineComponent({__name:"CommentInputZone",props:{isReply:{type:Boolean,required:!1,default:!1},isReplyModifiers:{}},emits:e.mergeModels(["sendComment"],["update:isReply"]),setup(s,{emit:l}){const n=e.useModel(s,"isReply"),t=e.ref(""),o=l,g=()=>{t.value.trim()&&(o("sendComment",t.value),t.value="")},d=p=>{(p.ctrlKey||p.metaKey)&&p.key==="Enter"&&(p.preventDefault(),g())};return(p,c)=>(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",ue,[e.createElementVNode("span",we,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",_e,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=m=>t.value=m),onKeydown:d,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,t.value]]),e.createElementVNode("div",Ve,[c[4]||(c[4]=e.createElementVNode("span",{class:"text-xs text-gray-500 hidden sm:inline"},"Cmd+Enter to send",-1)),e.createElementVNode("div",Ee,[n.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]=m=>n.value=!1)},[e.createVNode(e.unref(S),{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:!t.value.trim(),onClick:g},[e.createVNode(e.unref(W),{class:"h-3 w-3 mr-1"}),c[3]||(c[3]=e.createTextVNode(" Send ",-1))],8,Ne)])])])])]))}}),Be={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"},Ce=e.defineComponent({__name:"CommentDetails",props:{showMoreOptions:{type:Boolean,required:!0,default:!1},showMoreOptionsModifiers:{}},emits:e.mergeModels(["edit","delete"],["update:showMoreOptions"]),setup(s,{emit:l}){const n=l,t=e.useModel(s,"showMoreOptions"),o=e.ref(),g=e.ref(!0),d=async m=>{t.value&&o.value&&!o.value.contains(m.target)&&!g.value&&(t.value=!1),g.value=!1},p=()=>{t.value=!1,n("edit")},c=()=>{t.value=!1,n("delete")};return e.onMounted(()=>{document.addEventListener("click",d)}),e.onUnmounted(()=>{document.removeEventListener("click",d)}),(m,r)=>(e.openBlock(),e.createElementBlock("div",{class:"absolute bg-white left-0 top-full transform min-w-max z-50",ref_key:"moreOptionsRef",ref:o},[e.createElementVNode("div",Be,[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:p},[e.createVNode(e.unref(ye),{class:"h-3 w-3 mr-2"}),r[0]||(r[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(T),{class:"h-3 w-3 mr-2"}),r[1]||(r[1]=e.createTextVNode(" Delete ",-1))])])],512))}}),$e={class:"space-y-2"},Me={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},De={class:"flex-1 min-w-0 space-y-1 relative"},Le={class:"flex items-center gap-2"},Se={class:"font-medium text-xs"},ze={class:"text-xs text-gray-500"},Te={key:0,class:"text-xs text-gray-700 leading-relaxed"},Fe={class:"flex justify-between text-xs"},je={class:"flex items-center gap-2"},Ie={key:0,class:"flex gap-2"},Ae=["disabled"],He={key:0,class:"ml-8 space-y-1 border-l-2 border-gray-100 pl-3"},Oe=e.defineComponent({__name:"CommentItem",props:{comment:{},isInside:{type:Boolean}},emits:["like","reply","edit","delete"],setup(s,{emit:l}){const n=l,t=s,o=e.ref(t.comment.text),g=e.ref("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"),d=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"),p=e.ref(!1),c=e.ref(!1),m=e.ref(!1),r=e.ref(!1),f=a=>{const i=new Date,b=Math.floor((i.getTime()-a.getTime())/(1e3*60*60));return b<1?`${Math.floor((i.getTime()-a.getTime())/6e4)}m`:b<24?`${b}h`:`${Math.floor(b/24)}d`},w=()=>{r.value=!r.value,r.value?n("like",t.comment.id,"add"):n("like",t.comment.id,"delete")},_=()=>{n("edit",t.comment.id,o.value),m.value=!1},N=(a,i)=>{n("like",a,i)},k=(a,i)=>{n("edit",a,i)};return(a,i)=>{const b=e.resolveComponent("CommentItem",!0);return e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",{class:e.normalizeClass(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative",m.value?"bg-gray-50":""])},[e.createElementVNode("span",Me,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",De,[e.createElementVNode("div",Le,[e.createElementVNode("span",Se,e.toDisplayString(a.comment?.author),1),e.createElementVNode("span",ze,e.toDisplayString(f(a.comment?.createdAt)),1)]),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{key:1,"onUpdate:modelValue":i[0]||(i[0]=h=>o.value=h),class:e.normalizeClass(m.value?d.value:g.value)},null,2)),[[e.vModelText,o.value]]):(e.openBlock(),e.createElementBlock("p",Te,e.toDisplayString(a.comment?.text),1)),e.createElementVNode("div",Fe,[e.createElementVNode("div",je,[e.createElementVNode("button",{class:e.normalizeClass(["flex items-center gap-1",r.value?"text-blue-600":"text-gray-500 hover:text-blue-600 transition-colors"]),onClick:i[1]||(i[1]=h=>w())},[e.createVNode(e.unref(ce),{class:e.normalizeClass(["h-3 w-3",r.value?"fill-blue-600":""])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(a.comment?.likes),1)],2),a.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-gray-500 hover:text-blue-600 transition-colors",onClick:i[2]||(i[2]=h=>c.value=!0)},[e.createVNode(e.unref(fe),{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:i[3]||(i[3]=h=>p.value=!0)},[e.createVNode(e.unref(re),{class:"h-3 w-3"})])]),m.value?(e.openBlock(),e.createElementBlock("div",Ie,[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:i[4]||(i[4]=h=>m.value=!1)},[e.createVNode(e.unref(S),{class:"h-3 w-3"}),i[11]||(i[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:!o.value.trim(),onClick:i[5]||(i[5]=h=>_())},[e.createVNode(e.unref(W),{class:"h-3 w-3 mr-1"}),i[12]||(i[12]=e.createTextVNode(" Send ",-1))],8,Ae)])):e.createCommentVNode("",!0)])]),p.value?(e.openBlock(),e.createBlock(Ce,{key:0,showMoreOptions:p.value,"onUpdate:showMoreOptions":i[6]||(i[6]=h=>p.value=h),onEdit:i[7]||(i[7]=h=>m.value=!0),onDelete:i[8]||(i[8]=h=>a.$emit("delete",a.comment?.id)),comment:a.comment},null,8,["showMoreOptions","comment"])):e.createCommentVNode("",!0)],2),a.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",He,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.comment?.replies,h=>(e.openBlock(),e.createBlock(b,{key:h.id,comment:h,isInside:!0,onDelete:x=>a.$emit("delete",h.id),onLike:N,onEdit:k},null,8,["comment","onDelete"]))),128)),c.value&&!a.isInside?(e.openBlock(),e.createBlock(P,{key:0,onSendComment:i[9]||(i[9]=h=>a.$emit("reply",a.comment?.id,h)),isReply:c.value,"onUpdate:isReply":i[10]||(i[10]=h=>c.value=h)},null,8,["isReply"])):e.createCommentVNode("",!0)]))])}}}),Re=["id"],Ue={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},j=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(s,{emit:l}){const n=s,t=l,o=m=>{n.onAddComment(m),t("add",m)},g=(m,r)=>{n.onLike(m,r),t("like",m,r)},d=(m,r)=>{n.onReply(m,r),t("reply",m,r)},p=(m,r)=>{n.onEdit(m,r),t("edit",m,r)},c=m=>{n.onDelete(m),t("delete",m)};return(m,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mx-auto font-sans",m.className]),id:m.id,style:e.normalizeStyle(m.style)},[m.title?(e.openBlock(),e.createElementBlock("h3",Ue,e.toDisplayString(m.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([m.maxHeight?"overflow-y-auto":"","space-y-3"]),style:e.normalizeStyle({maxHeight:m.maxHeight+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.comments,f=>(e.openBlock(),e.createBlock(Oe,{key:f.id,comment:f,onReply:d,onLike:g,onDelete:r[0]||(r[0]=w=>c(w)),onEdit:p},null,8,["comment"]))),128))],6),e.createVNode(P,{onSendComment:r[1]||(r[1]=f=>o(f))})],14,Re))}}),q=new Map([["file",{name:"File",color:"bg-green-100 text-green-700 border-green-200",icon:E}],["post",{name:"Post",color:"bg-blue-100 text-blue-700 border-blue-200",icon:he}],["user",{name:"User",color:"bg-purple-100 text-purple-700 border-purple-200",icon:ke}],["custom",{name:"Custom",color:"bg-gray-100 text-gray-700 border-gray-200",icon:de}]]),We={class:"mx-auto font-sans"},Pe={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},qe={class:"relative"},Ge={class:"space-y-3"},Ke={class:"flex-1 min-w-0 pb-2"},Ze={class:"flex items-center gap-1.5 mb-1 mt-0.5"},Je={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Xe={class:"font-medium text-xs"},Qe={class:"text-xs text-gray-500"},Ye={class:"space-y-1"},ve={class:"text-xs text-gray-700"},et={class:"capitalize mr-1"},tt={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"},ot={key:0,class:"flex items-center gap-1 text-xs"},nt={key:0,class:"bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"},lt={key:2,class:"bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"},I=e.defineComponent({__name:"HistoryWidget",props:{data:{},title:{},maxHeight:{},id:{},className:{},style:{}},setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",We,[l.title?(e.openBlock(),e.createElementBlock("h3",Pe,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(l.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:l.maxHeight+"px"})},[e.createElementVNode("div",qe,[n[0]||(n[0]=e.createElementVNode("div",{class:"absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200"},null,-1)),e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,t=>(e.openBlock(),e.createElementBlock("div",{class:"relative flex items-start gap-2",key:t?.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(q).get(t?.entityType)?.color}`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q).get(t?.entityType)?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",Ke,[e.createElementVNode("div",Ze,[e.createElementVNode("span",Je,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("span",Xe,e.toDisplayString(t?.userName),1),e.createElementVNode("span",Qe,e.toDisplayString(t?.timestamp.toLocaleTimeString("ua-UA",{hour:"2-digit",minute:"2-digit"})),1)]),e.createElementVNode("div",Ye,[e.createElementVNode("div",ve,[e.createElementVNode("span",et,e.toDisplayString(t?.action),1),t?.entityId?(e.openBlock(),e.createElementBlock("span",tt,e.toDisplayString(t?.entityId),1)):e.createCommentVNode("",!0)]),t?.changes?.[t?.entityId]?(e.openBlock(),e.createElementBlock("div",ot,[t?.changes?.[t?.entityId]?.old?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(t?.changes?.[t?.entityId]?.old),1)):e.createCommentVNode("",!0),t?.changes?.[t?.entityId]?.old&&t?.changes?.[t?.entityId]?.new?(e.openBlock(),e.createBlock(e.unref(le),{key:1,class:"h-2 w-2 text-gray-400"})):e.createCommentVNode("",!0),t?.changes?.[t?.entityId]?.new?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(t?.changes?.[t?.entityId]?.new),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]))),128))])])],6)]))}}),st={key:0,class:"text-xl font-semibold"},rt={class:"flex gap-1"},at={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"},it=e.defineComponent({__name:"FileHeader",props:e.mergeModels({title:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["onAddFile"],["update:modelValue"]),setup(s){const l=e.useModel(s,"modelValue"),n={active:"bg-blue-100 text-black hover:bg-blue-100",inactive:"bg-white text-black hover:bg-blue-100"};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",t.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[t.title?(e.openBlock(),e.createElementBlock("h3",st,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",rt,[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",l.value==="list"?n.active:n.inactive]),onClick:o[0]||(o[0]=g=>l.value="list")},[e.createVNode(e.unref(me),{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",l.value==="grid"?n.active:n.inactive]),onClick:o[1]||(o[1]=g=>l.value="grid")},[e.createVNode(e.unref(ie),{class:"h-4 w-4"})],2),e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:o[2]||(o[2]=g=>t.$emit("onAddFile",g))},null,32),e.createElementVNode("div",at,[e.createVNode(e.unref(pe),{class:"h-4 w-4"}),o[3]||(o[3]=e.createTextVNode(" Додати файл ",-1))])])])],2))}}),G={pdf:{color:"bg-red-100 text-red-700 border-red-200",icon:E,label:"PDF"},sketch:{color:"bg-gray-100 text-gray-700 border-gray-200",icon:ae,label:"SKETCH"},mp4:{color:"bg-purple-100 text-purple-700 border-purple-200",icon:be,label:"VIDEO"},docx:{color:"bg-blue-100 text-blue-700 border-blue-200",icon:E,label:"DOC"},zip:{color:"bg-orange-100 text-orange-700 border-orange-200",icon:ne,label:"ARCHIVE"},png:{color:"bg-green-100 text-green-700 border-green-200",icon:U,label:"IMAGE"},jpg:{color:"bg-green-100 text-green-700 border-green-200",icon:U,label:"IMAGE"},xlsx:{color:"bg-emerald-100 text-emerald-700 border-emerald-200",icon:E,label:"EXCEL"},pptx:{color:"bg-amber-100 text-amber-700 border-amber-200",icon:E,label:"PPT"}};function K(s,l="en"){const n={month:"short",day:"numeric"};return new Intl.DateTimeFormat(l,n).format(s)}function Z(s){if(s===0)return"0 B";const l=1024,n=["B","KB","MB","GB","TB"],t=Math.floor(Math.log(s)/Math.log(l));return`${parseFloat((s/Math.pow(l,t)).toFixed(1))} ${n[t]}`}const ct={class:"space-y-0.5"},dt=["onClick"],mt=["onClick"],pt={class:"flex items-center gap-2"},ft={class:"font-medium text-xs truncate hover:text-blue-600"},gt={class:"hidden sm:block text-xs text-gray-500 w-16 text-right"},ht={class:"hidden md:block text-xs text-gray-500 w-12 text-right"},yt={class:"flex items-center gap-1"},kt=["onClick"],bt=["onClick"],xt=e.defineComponent({__name:"FileList",props:{files:{}},emits:["delete","download","openLightbox"],setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.files,t=>(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:t.id,onClick:e.withModifiers(o=>l.$emit("openLightbox",t),["stop"])},[e.createElementVNode("div",{class:e.normalizeClass(["p-1 rounded",e.unref(G)[t?.ext]?.color])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(G)[t?.ext]?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",{class:"flex-1 min-w-0",onClick:o=>l.$emit("openLightbox",t)},[e.createElementVNode("div",pt,[e.createElementVNode("span",ft,e.toDisplayString(t?.uploaded_name||t?.name),1)])],8,mt),e.createElementVNode("div",gt,e.toDisplayString(e.unref(Z)(t.size)),1),e.createElementVNode("div",ht,e.toDisplayString(e.unref(K)(t.createdAt)),1),e.createElementVNode("div",yt,[e.createElementVNode("button",{onClick:e.withModifiers(o=>l.$emit("download",t),["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(z),{class:"h-3 w-3"})],8,kt),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(o=>l.$emit("delete",o,t?.file_id),["stop"])},[e.createVNode(e.unref(T),{class:"h-3 w-3"})],8,bt)])],8,dt))),128))]))}}),ut={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"},wt=["onClick"],_t={class:"space-y-2"},Vt={class:"flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden"},Et=["src"],Nt={class:"space-y-1"},Bt=["title"],Ct={class:"text-xs text-gray-500 text-left"},$t={class:"absolute top-2 right-1 flex items-center gap-1"},Mt=["onClick"],Dt=["onClick"],Lt=e.defineComponent({__name:"FileGrid",props:{files:{}},emits:["delete","download","openLightbox"],setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.files,t=>(e.openBlock(),e.createElementBlock("div",{key:t.id,onClick:e.withModifiers(o=>l.$emit("openLightbox",t),["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",_t,[e.createElementVNode("div",Vt,[t.ext==="png"||t.ext==="jpg"||t.ext==="jpeg"||t.ext==="gif"||t.ext==="svg"||t.ext==="webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:`/file/resize?filepath=${t?.file_path}&w=500`,alt:"file",class:"w-full h-full object-cover"},null,8,Et)):(e.openBlock(),e.createBlock(e.unref(E),{key:1,class:"h-10 w-10 text-gray-500"}))]),e.createElementVNode("div",Nt,[e.createElementVNode("h3",{class:"font-medium text-xs leading-tight text-left",title:t.uploaded_name||t.name},e.toDisplayString(t.uploaded_name||t.name),9,Bt),e.createElementVNode("p",Ct,e.toDisplayString(e.unref(K)(t.createdAt))+", "+e.toDisplayString(e.unref(Z)(t.size)),1)])]),e.createElementVNode("div",$t,[e.createElementVNode("button",{onClick:e.withModifiers(o=>l.$emit("download",t),["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(z),{class:"h-3 w-3"})],8,Mt),e.createElementVNode("a",{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(o=>l.$emit("delete",o,t?.file_id),["stop"])},[e.createVNode(e.unref(T),{class:"h-3 w-3"})],8,Dt)])],8,wt))),128))]))}}),St={class:"mx-auto font-sans"},zt={key:1},A=e.defineComponent({__name:"FilesWidget",props:{title:{},view:{},files:{},maxHeight:{},onAddFile:{type:Function}},emits:["delete","add","openLightbox"],setup(s,{emit:l}){const n=s,t=e.ref(!1),o=e.ref(null),g=e.ref(!1),d=e.ref(0),p=l,c=(a,i)=>{o.value=i,t.value=!0},m=()=>{o.value&&(_(o.value),o.value=null,t.value=!1)},r=e.computed(()=>Array.isArray(n.files)?n.files.map(a=>a?.file_path):[]),f=a=>{const i=r.value.findIndex(b=>b===a.file_path);i!==-1&&(g.value=!0,d.value=i)},w=a=>{n.onAddFile&&n.onAddFile(a),p("add",a)},_=a=>{p("delete",a)},N=a=>{const i=document.createElement("a");i.setAttribute("download",a?.uploaded_name||a?.name),i.href=a?.file_path||a?.path,i.click()},k=e.ref("list");return(a,i)=>{const b=e.resolveComponent("MessageBox"),h=e.resolveComponent("Lightbox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",St,[e.createVNode(it,{modelValue:k.value,"onUpdate:modelValue":i[0]||(i[0]=x=>k.value=x),title:n.title,onOnAddFile:i[1]||(i[1]=x=>w(x))},null,8,["modelValue","title"]),n.files.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:a.maxHeight+"px"})},[k.value==="list"?(e.openBlock(),e.createBlock(xt,{key:0,onDelete:c,onDownload:N,onOpenLightbox:i[2]||(i[2]=x=>f(x)),files:n.files},null,8,["files"])):e.createCommentVNode("",!0),k.value==="grid"?(e.openBlock(),e.createBlock(Lt,{key:1,onDelete:c,onDownload:N,onOpenLightbox:i[3]||(i[3]=x=>f(x)),files:n.files},null,8,["files"])):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("div",zt,i[6]||(i[6]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Файлів не знайдено")],-1)])))]),e.createVNode(b,{modelValue:t.value,"onUpdate:modelValue":i[4]||(i[4]=x=>t.value=x),onConfirm:m,title:"Ви впевнені?",message:"Ви впевнені, що хочете видалити цей файл?",confirmButtonText:"Так, я впевнена/ий",cancelButtonText:"Скасувати"},null,8,["modelValue"]),e.createVNode(h,{modelValue:g.value,"onUpdate:modelValue":i[5]||(i[5]=x=>g.value=x),images:r.value,"start-index":d.value},null,8,["modelValue","images","start-index"])],64)}}}),Tt=["onClick"],Ft=e.defineComponent({__name:"CopyNotification",setup(s,{expose:l}){const n=e.ref([]);let t=1;const o=()=>{if(n.value.length>=10){const p=n.value[0];clearTimeout(p.timer),n.value.shift()}const d={id:t++,timer:setTimeout(()=>{g(d.id)},1500)};n.value.push(d)},g=d=>{const p=n.value.findIndex(c=>c.id===d);if(p!==-1){const c=n.value[p];clearTimeout(c.timer),n.value.splice(p,1)}};return l({addNotification:o}),e.onUnmounted(()=>{n.value.forEach(d=>{clearTimeout(d.timer)})}),(d,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.TransitionGroup,{name:"notification",tag:"div",class:"fixed top-4 right-4 z-50 space-y-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.id,class:"bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 min-w-64 max-w-sm"},[e.createVNode(e.unref(se),{class:"h-5 w-5 text-green-100 flex-shrink-0"}),p[0]||(p[0]=e.createElementVNode("div",{class:"flex-1"},[e.createElementVNode("p",{class:"font-medium text-sm"},"Ссылка скопирована!"),e.createElementVNode("p",{class:"text-xs text-green-100 opacity-90"},"Файл добавлен в буфер обмена")],-1)),e.createElementVNode("button",{onClick:m=>g(c.id),class:"text-green-100 hover:text-white transition-colors flex-shrink-0"},[e.createVNode(e.unref(S),{class:"h-4 w-4"})],8,Tt)]))),128))]),_:1})]))}}),V=(s,l)=>{const n=s.__vccOpts||s;for(const[t,o]of l)n[t]=o;return n},H=V(Ft,[["__scopeId","data-v-7b0d3ace"]]),jt={class:"fixed inset-0 z-50 bg-black/80"},It={class:"fixed bg-white left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 sm:rounded-lg max-w-4xl max-h-[90vh] p-0"},At={class:"flex flex-col space-y-1.5 text-center sm:text-left p-4 pb-2"},Ht={class:"flex items-center justify-between"},Ot={class:"flex items-center gap-2"},Rt={class:"tracking-tight text-base font-medium"},Ut={class:"p-4 pt-0"},Wt={class:"flex flex-col items-center"},Pt=["src","alt"],qt={class:"mt-3 flex items-center gap-4 text-sm text-gray-600"},Gt={class:"mt-3 flex gap-2"},Kt=e.defineComponent({__name:"GalleryModal",props:{item:{}},emits:["close"],setup(s){const l=e.ref(),n=d=>new Date(d).toLocaleDateString("uk-UA",{day:"2-digit",month:"2-digit",year:"numeric"}),t=d=>d>=1024*1024*1024?(d/(1024*1024*1024)).toFixed(2)+" GB":d>=1024*1024?(d/(1024*1024)).toFixed(2)+" MB":d>=1024?(d/1024).toFixed(2)+" KB":d+" B",o=d=>{navigator.clipboard.writeText(d),l.value?.addNotification()},g=async(d,p)=>{try{const m=await(await fetch(d)).blob(),r=window.URL.createObjectURL(m),f=document.createElement("a");f.href=r,f.download=p,document.body.appendChild(f),f.click(),window.URL.revokeObjectURL(r),document.body.removeChild(f)}catch(c){console.error("Download failed:",c),alert("Download failed. Please try opening the image in a new tab.")}};return(d,p)=>(e.openBlock(),e.createElementBlock("div",jt,[e.createElementVNode("div",It,[e.createElementVNode("div",At,[e.createElementVNode("div",Ht,[e.createElementVNode("div",Ot,[e.createElementVNode("h2",Rt,e.toDisplayString(d.item.name),1)])])]),e.createElementVNode("div",Ut,[e.createElementVNode("div",Wt,[e.createElementVNode("img",{src:d.item.path,alt:d.item.name,class:"max-w-full max-h-[60vh] object-contain rounded border"},null,8,Pt),e.createElementVNode("div",qt,[e.createElementVNode("span",null,"Size: "+e.toDisplayString(t(d.item.size)),1),p[3]||(p[3]=e.createElementVNode("span",null,"•",-1)),e.createElementVNode("span",null,"Date: "+e.toDisplayString(n(d.item.createdAt)),1)]),e.createElementVNode("div",Gt,[e.createElementVNode("button",{onClick:p[0]||(p[0]=c=>g(d.item.path,d.item.name)),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 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 h-9 rounded-md px-3"},[e.createVNode(e.unref(z),{class:"h-3 w-3 mr-1"}),p[4]||(p[4]=e.createTextVNode(" Download ",-1))]),e.createElementVNode("button",{onClick:p[1]||(p[1]=c=>o(d.item.path)),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 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 h-9 rounded-md px-3"},[e.createVNode(e.unref(ge),{class:"h-3 w-3 mr-1"}),p[5]||(p[5]=e.createTextVNode(" Share ",-1))])])])]),e.createElementVNode("button",{type:"button",onClick:p[2]||(p[2]=c=>d.$emit("close")),class:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"},[e.createVNode(e.unref(S),{class:"h-4 w-4"}),p[6]||(p[6]=e.createElementVNode("span",{class:"sr-only"},"Close",-1))])]),e.createVNode(H,{ref_key:"copyNotificationRef",ref:l},null,512)]))}}),Zt={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Jt=["onClick"],Xt=["src","alt"],O=e.defineComponent({__name:"GalleryWidget",props:{title:{},items:{},columns:{},maxHeight:{},id:{},className:{},style:{}},setup(s){const l=s,n=e.ref(!1),t=e.ref(null),o=e.ref(),g=e.ref(0);let d=null;const p=e.computed(()=>{const r=l.columns||4;return g.value>=1440?r:g.value>=1024?Math.max(1,r-1):g.value>=768?Math.max(1,r-2):g.value>=640?Math.max(1,r-3):1}),c=()=>{o.value&&(g.value=o.value.offsetWidth)};e.onMounted(()=>{e.nextTick(()=>{o.value&&(d=new ResizeObserver(r=>{for(const f of r)f.target===o.value&&(g.value=f.contentRect.width)}),d.observe(o.value),c())})}),e.onUnmounted(()=>{d&&d.disconnect()});const m=r=>{t.value=r,n.value=!0};return(r,f)=>(e.openBlock(),e.createElementBlock("div",{class:"w-full mx-auto font-sans",ref_key:"containerRef",ref:o},[r.title?(e.openBlock(),e.createElementBlock("h3",Zt,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",{style:e.normalizeStyle({columns:p.value+" auto",gap:"12px"}),class:"space-y-3"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,w=>(e.openBlock(),e.createElementBlock("div",{key:w.id,onClick:_=>m(w),class:"group relative break-inside-avoid bg-gray-200 rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-all mb-3"},[e.createElementVNode("img",{src:w.path,alt:w.name,class:"w-full h-auto min-h-40 rounded-md object-contain"},null,8,Xt),f[1]||(f[1]=e.createElementVNode("div",{class:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 pt-12"},[e.createElementVNode("h3",{class:"text-white font-medium text-base leading-tight mb-1"},"Mountain Landscape"),e.createElementVNode("p",{class:"text-white/90 text-sm"},"2.4 MB")],-1)),f[2]||(f[2]=e.createElementVNode("div",{class:"absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-200"},null,-1))],8,Jt))),128))],4)],6),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[n.value&&t.value?(e.openBlock(),e.createBlock(Kt,{key:0,item:t.value,onClose:f[0]||(f[0]=w=>n.value=!1)},null,8,["item"])):e.createCommentVNode("",!0)]))],512))}}),Qt={key:0,class:"overflow-hidden"},Yt={class:"flex border-b border-gray-200 bg-gray-50"},vt=["onClick"],eo={class:"p-4"},to=["innerHTML"],oo={key:1,class:"p-4"},no={class:"grid grid-cols-12 gap-4"},lo={key:0,class:"mb-4 pb-2 border-b border-gray-200"},so={class:"text-lg font-semibold text-gray-900"},ro=["innerHTML"],J=e.defineComponent({__name:"Card",props:{panels:{default:()=>[]},data:{default:()=>({})},view:{default:"plain"},id:{},className:{},style:{}},setup(s){const l=s,n=e.ref(0),t=e.computed(()=>l.panels&&l.panels.length>0?l.panels:l.data&&Array.isArray(l.data)?l.data.filter(m=>m.type==="tabs")[0]?.items||[]:[]),o=e.computed(()=>l.panels&&l.panels.length>0?l.panels:l.data&&Array.isArray(l.data)?l.data:[]),g=e.computed(()=>({[`view-${l.view}`]:!0})),d=c=>{const m={};return c.count&&(m.count=c.count),c.col&&(m.col=c.col),l.data&&c.name&&Object.assign(m,l.data[c.name]),m},p=c=>c.width?{gridColumn:`span ${c.width}`}:{};return(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white rounded-lg shadow-sm border border-gray-200",g.value])},[c.view==="tab"?(e.openBlock(),e.createElementBlock("div",Qt,[e.createElementVNode("div",Yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(r,f)=>(e.openBlock(),e.createElementBlock("button",{key:r.name||f,onClick:w=>n.value=f,class:e.normalizeClass(["px-4 py-3 text-sm font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-100 transition-colors",{"text-blue-600 bg-white border-b-2 border-blue-600":n.value===f}])},e.toDisplayString(r.title||r.label||r.name||`Tab ${f+1}`),11,vt))),128))]),e.createElementVNode("div",eo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:r.name||f,class:e.normalizeClass(["min-h-[400px] w-full",`col-span-${r.col||12}`])},[r.html?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:r.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,to)):c.$slots[`tab-${f}`]?e.renderSlot(c.$slots,`tab-${f}`,{key:1,item:r,data:c.data}):r.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({key:2,ref_for:!0},d(r),{class:"w-full h-full"}),null,16)):e.renderSlot(c.$slots,r.slot||`tab-${f}`,{key:3,item:r,data:c.data})],2)),[[e.vShow,n.value===f]])),128))])])):(e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(r,f)=>(e.openBlock(),e.createElementBlock("div",{key:r.name||f,class:e.normalizeClass(["bg-gray-50 rounded-lg p-4 min-h-[300px]",`col-span-${r.col||12}`]),style:e.normalizeStyle(p(r))},[r.title||r.label?(e.openBlock(),e.createElementBlock("div",lo,[e.createElementVNode("h3",so,e.toDisplayString(r.title||r.label),1)])):e.createCommentVNode("",!0),r.html?(e.openBlock(),e.createElementBlock("div",{key:1,innerHTML:r.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,ro)):c.$slots[`panel-${f}`]?e.renderSlot(c.$slots,`panel-${f}`,{key:2,item:r,data:c.data}):r.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({key:3,ref_for:!0},d(r),{class:"w-full h-full"}),null,16)):e.renderSlot(c.$slots,r.slot||`panel-${f}`,{key:4,item:r,data:c.data})],6))),128))])]))],2))}}),ao=["innerHTML"],X=e.defineComponent({__name:"CardItem",props:{name:{},label:{},component:{},slot:{},col:{default:12},html:{},title:{},id:{},className:{},style:{}},setup(s){const l=s,n=e.computed(()=>({[`col-span-${l.col}`]:!0})),t=e.computed(()=>{const o={};return o.col&&(o.col=o.col),o});return(o,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full",n.value])},[o.html?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:o.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,ao)):o.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.mergeProps({key:1},t.value,{class:"w-full"}),null,16)):e.renderSlot(o.$slots,"default",{key:2})],2))}}),io={class:"text-value"},co={class:"text-sm text-gray-900"},mo=V(e.defineComponent({__name:"TextValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=l.item.value;return typeof t=="boolean"?t?"Так":"Ні":t==null?"—":String(t)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",io,[e.createElementVNode("span",co,e.toDisplayString(n.value),1)]))}}),[["__scopeId","data-v-c14550b7"]]),po={class:"link-value"},fo=["href"],go=V(e.defineComponent({__name:"LinkValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=String(l.item.value);try{const o=new URL(t);return o.hostname+o.pathname}catch{return t}});return(t,o)=>(e.openBlock(),e.createElementBlock("div",po,[e.createElementVNode("a",{href:String(t.item.value),target:"_blank",rel:"noopener noreferrer",class:"text-blue-600 hover:text-blue-800 underline text-sm"},[e.createTextVNode(e.toDisplayString(n.value)+" ",1),o[0]||(o[0]=e.createElementVNode("i",{class:"fas fa-external-link-alt ml-1 text-xs"},null,-1))],8,fo)]))}}),[["__scopeId","data-v-e6eb07a6"]]),ho={class:"date-value"},yo={class:"text-sm text-gray-900"},ko=V(e.defineComponent({__name:"DateValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=l.item.value;if(t instanceof Date)return t.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"});if(typeof t=="string"){const o=new Date(t);if(!isNaN(o.getTime()))return o.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"})}return String(t)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",ho,[e.createElementVNode("span",yo,e.toDisplayString(n.value),1)]))}}),[["__scopeId","data-v-b9600618"]]),bo={class:"status-value"},xo={key:0,class:"mr-1"},uo=V(e.defineComponent({__name:"StatusValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{switch(String(l.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"}}),t=e.computed(()=>{switch(String(l.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(o,g)=>(e.openBlock(),e.createElementBlock("div",bo,[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",n.value])},[t.value?(e.openBlock(),e.createElementBlock("span",xo,[e.createElementVNode("i",{class:e.normalizeClass(t.value)},null,2)])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(String(o.item.value)),1)],2)]))}}),[["__scopeId","data-v-c72e0b01"]]),wo={class:"custom-value"},_o={class:"text-sm text-gray-900"},Vo=V(e.defineComponent({__name:"CustomValue",props:{item:{}},setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",wo,[e.renderSlot(l.$slots,"default",{item:l.item,value:l.item.value},()=>[e.createElementVNode("span",_o,e.toDisplayString(String(l.item.value)),1)],!0)]))}}),[["__scopeId","data-v-11a73810"]]),Eo=["id"],No={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Bo={key:1,class:"overflow-x-auto"},Co={class:"min-w-full divide-y divide-gray-200"},$o={class:"bg-white divide-y divide-gray-200"},Mo={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Do={class:"flex items-center gap-2"},Lo=["title"],So={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},zo={key:2,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},To={class:"flex items-start gap-3"},Fo={key:0,class:"flex-shrink-0"},jo={class:"flex-1 min-w-0"},Io={class:"flex items-center gap-2 mb-2"},Ao={class:"text-sm font-medium text-gray-900"},Ho=["title"],Oo={key:3,class:"overflow-x-auto"},Ro={class:"min-w-full divide-y divide-gray-200"},Uo={class:"bg-white divide-y divide-gray-200"},Wo={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Po={class:"flex items-center gap-2"},qo=["title"],Go={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Q=V(e.defineComponent({__name:"DescriptionListWidget",props:{title:{},items:{},view:{},id:{},className:{},style:{}},setup(s){const l=n=>{switch(n.type){case"link":return go;case"date":return ko;case"status":return uo;case"custom":return Vo;default:return mo}};return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["description-list-widget",n.className]),id:n.id,style:e.normalizeStyle(n.style)},[n.title?(e.openBlock(),e.createElementBlock("h3",No,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.view==="table"?(e.openBlock(),e.createElementBlock("div",Bo,[e.createElementVNode("table",Co,[e.createElementVNode("tbody",$o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id||o.label},[e.createElementVNode("td",Mo,[e.createElementVNode("div",Do,[o.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([o.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.label)+" ",1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:o.tooltip},t[0]||(t[0]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Lo)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",So,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])]))),128))])])])):n.view==="grid"?(e.openBlock(),e.createElementBlock("div",zo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id||o.label,class:"description-item-card bg-white border border-gray-200 rounded-lg p-4"},[e.createElementVNode("div",To,[o.icon?(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("i",{class:e.normalizeClass([o.icon,"text-gray-500 text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",jo,[e.createElementVNode("div",Io,[e.createElementVNode("h4",Ao,e.toDisplayString(o.label),1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:0,class:"text-gray-400 cursor-help",title:o.tooltip},t[1]||(t[1]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,Ho)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])])]))),128))])):(e.openBlock(),e.createElementBlock("div",Oo,[e.createElementVNode("table",Ro,[e.createElementVNode("tbody",Uo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id||o.label},[e.createElementVNode("td",Wo,[e.createElementVNode("div",Po,[o.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([o.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.label)+" ",1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:o.tooltip},t[2]||(t[2]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)]),8,qo)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Go,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])]))),128))])])]))],14,Eo))}}),[["__scopeId","data-v-36d43e50"]]),Ko={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 Zo(s){return s?s.type==="FeatureCollection"||s.type==="Feature"?s:s.geom?{type:"Feature",geometry:{type:s.geom.type,coordinates:s.geom.coordinates},properties:{}}:s.type&&s.coordinates?{type:"Feature",geometry:s,properties:{}}:null:null}const Jo={class:"relative"},Xo={key:1,class:"bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"},Qo={class:"flex items-center justify-between p-2 border-b"},Yo={class:"p-2 border-b"},vo={class:"flex items-center"},en={class:"flex items-center"},tn={class:"flex items-center"},on={class:"p-2"},nn={class:"flex items-center"},Y=e.defineComponent({__name:"MapWidget",props:{data:{}},setup(s){const l=s,n=e.ref(null);let t,o;const g={topo100:{url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png"},orto10:{url:"https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png"},osmb:{url:"https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png"}},d=e.ref("topo100");let p;const c=e.ref(!0),m=e.ref(!1);function r(){return new Promise((k,a)=>{if(window.L&&window.L.Draw)return k(0);const i=h=>{if(Array.from(document.styleSheets).some(C=>C?.href?.includes(h)))return;const B=document.createElement("link");B.rel="stylesheet",B.href=h,document.head.appendChild(B)},b=h=>new Promise((x,B)=>{const C=Array.from(document.scripts).find(M=>M.src===h);if(C){C.addEventListener("load",()=>x()),C.addEventListener("error",M=>B(M));return}const $=document.createElement("script");$.src=h,$.async=!0,$.onload=()=>x(),$.onerror=M=>B(M),document.body.appendChild($)});i("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),i("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"),b("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(()=>b("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(()=>k(0)).catch(a)})}e.onMounted(async()=>{await r(),L.drawLocal=Ko,t=L.map(n.value,{zoomControl:!1}).setView([50,30],10),L.control.zoom({position:"bottomright"}).addTo(t),p=L.tileLayer(g.topo100.url,{maxZoom:19}).addTo(t),d.value="topo100",o=new L.FeatureGroup().addTo(t);const k=Zo(l.data);if(k){const a=[];L.geoJSON(k).eachLayer(i=>a.push(i)),a.length&&o.addLayer(a[0]),o.toGeoJSON(),f()}});function f(k=30){const a=o.getLayers();if(!a.length)return;const b=L.featureGroup(a).getBounds();b&&b.isValid()&&t.fitBounds(b,{padding:[k,k]})}function w(k){p&&p.removeFrom(t);const a=g[k];p=L.tileLayer(a.url,a.options||{}).addTo(t),d.value=k}function _(){w(d.value)}function N(){o&&(c.value?o.addTo(t):o.removeFrom(t))}return(k,a)=>(e.openBlock(),e.createElementBlock("div",Jo,[e.createElementVNode("div",{ref_key:"mapContainer",ref:n,class:"w-full h-[400px]"},null,512),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=i=>m.value=!0),class:"z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer"}," Шари ")),m.value?(e.openBlock(),e.createElementBlock("div",Xo,[e.createElementVNode("div",Qo,[a[7]||(a[7]=e.createElementVNode("div",null,"Шари",-1)),(e.openBlock(),e.createElementBlock("svg",{onClick:a[1]||(a[1]=i=>m.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:"icon icon-tabler icons-tabler-outline icon-tabler-x w-4 h-4"},a[6]||(a[6]=[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",Yo,[e.createElementVNode("div",null,[e.createElementVNode("label",vo,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"topo100","onUpdate:modelValue":a[2]||(a[2]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[8]||(a[8]=e.createElementVNode("span",{class:"ml-2"},"Карта України",-1))])]),e.createElementVNode("div",null,[e.createElementVNode("label",en,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"orto10","onUpdate:modelValue":a[3]||(a[3]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[9]||(a[9]=e.createElementVNode("span",{class:"ml-2"},"Ortophoto 1:10К",-1))])]),e.createElementVNode("div",null,[e.createElementVNode("label",tn,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"osmb","onUpdate:modelValue":a[4]||(a[4]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[10]||(a[10]=e.createElementVNode("span",{class:"ml-2"},"Open Street Map",-1))])])]),e.createElementVNode("div",on,[e.createElementVNode("label",nn,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":a[5]||(a[5]=i=>c.value=i),onChange:N},null,544),[[e.vModelCheckbox,c.value]]),a[11]||(a[11]=e.createElementVNode("span",{class:"ml-2"}," Показати геометрію ",-1))])])])):e.createCommentVNode("",!0)]))}}),ln={install:s=>{s.component("vs-widget-file",A),s.component("vs-widget-comments",j),s.component("vs-widget-history",I),s.component("vs-widget-gallery",O),s.component("vs-widget-map",Y),s.component("CommentsWidget",j),s.component("HistoryWidget",I),s.component("GalleryWidget",O),s.component("FilesWidget",A),s.component("MapWidget",Y),s.component("Card",J),s.component("CardItem",X),s.component("DescriptionListWidget",Q),s.component("CopyNotification",H)}};u.Card=J,u.CardItem=X,u.CommentsWidget=j,u.CopyNotification=H,u.DescriptionListWidget=Q,u.FilesWidget=A,u.GalleryWidget=O,u.HistoryWidget=I,u.default=ln,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
136
+ */const S=y("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),xe={class:"border-t pt-3 mt-4"},ue={class:"flex gap-2"},we={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},_e={class:"flex-1 space-y-2"},Ve={class:"flex justify-between items-center"},Ee={class:"flex gap-2"},Ne=["disabled"],P=e.defineComponent({__name:"CommentInputZone",props:{isReply:{type:Boolean,required:!1,default:!1},isReplyModifiers:{}},emits:e.mergeModels(["sendComment"],["update:isReply"]),setup(s,{emit:l}){const n=e.useModel(s,"isReply"),t=e.ref(""),o=l,g=()=>{t.value.trim()&&(o("sendComment",t.value),t.value="")},d=p=>{(p.ctrlKey||p.metaKey)&&p.key==="Enter"&&(p.preventDefault(),g())};return(p,c)=>(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",ue,[e.createElementVNode("span",we,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",_e,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":c[0]||(c[0]=m=>t.value=m),onKeydown:d,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,t.value]]),e.createElementVNode("div",Ve,[c[4]||(c[4]=e.createElementVNode("span",{class:"text-xs text-gray-500 hidden sm:inline"},"Cmd+Enter to send",-1)),e.createElementVNode("div",Ee,[n.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]=m=>n.value=!1)},[e.createVNode(e.unref(S),{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:!t.value.trim(),onClick:g},[e.createVNode(e.unref(W),{class:"h-3 w-3 mr-1"}),c[3]||(c[3]=e.createTextVNode(" Send ",-1))],8,Ne)])])])])]))}}),Be={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"},Ce=e.defineComponent({__name:"CommentDetails",props:{showMoreOptions:{type:Boolean,required:!0,default:!1},showMoreOptionsModifiers:{}},emits:e.mergeModels(["edit","delete"],["update:showMoreOptions"]),setup(s,{emit:l}){const n=l,t=e.useModel(s,"showMoreOptions"),o=e.ref(),g=e.ref(!0),d=async m=>{t.value&&o.value&&!o.value.contains(m.target)&&!g.value&&(t.value=!1),g.value=!1},p=()=>{t.value=!1,n("edit")},c=()=>{t.value=!1,n("delete")};return e.onMounted(()=>{document.addEventListener("click",d)}),e.onUnmounted(()=>{document.removeEventListener("click",d)}),(m,r)=>(e.openBlock(),e.createElementBlock("div",{class:"absolute bg-white left-0 top-full transform min-w-max z-50",ref_key:"moreOptionsRef",ref:o},[e.createElementVNode("div",Be,[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:p},[e.createVNode(e.unref(ye),{class:"h-3 w-3 mr-2"}),r[0]||(r[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(T),{class:"h-3 w-3 mr-2"}),r[1]||(r[1]=e.createTextVNode(" Delete ",-1))])])],512))}}),$e={class:"space-y-2"},Me={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},De={class:"flex-1 min-w-0 space-y-1 relative"},Le={class:"flex items-center gap-2"},Se={class:"font-medium text-xs"},ze={class:"text-xs text-gray-500"},Te={key:0,class:"text-xs text-gray-700 leading-relaxed"},Fe={class:"flex justify-between text-xs"},je={class:"flex items-center gap-2"},Ie={key:0,class:"flex gap-2"},Ae=["disabled"],He={key:0,class:"ml-8 space-y-1 border-l-2 border-gray-100 pl-3"},Oe=e.defineComponent({__name:"CommentItem",props:{comment:{},isInside:{type:Boolean}},emits:["like","reply","edit","delete"],setup(s,{emit:l}){const n=l,t=s,o=e.ref(t.comment.text),g=e.ref("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"),d=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"),p=e.ref(!1),c=e.ref(!1),m=e.ref(!1),r=e.ref(!1),f=a=>{const i=new Date,b=Math.floor((i.getTime()-a.getTime())/(1e3*60*60));return b<1?`${Math.floor((i.getTime()-a.getTime())/6e4)}m`:b<24?`${b}h`:`${Math.floor(b/24)}d`},w=()=>{r.value=!r.value,r.value?n("like",t.comment.id,"add"):n("like",t.comment.id,"delete")},_=()=>{n("edit",t.comment.id,o.value),m.value=!1},N=(a,i)=>{n("like",a,i)},k=(a,i)=>{n("edit",a,i)};return(a,i)=>{const b=e.resolveComponent("CommentItem",!0);return e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",{class:e.normalizeClass(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative",m.value?"bg-gray-50":""])},[e.createElementVNode("span",Me,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("div",De,[e.createElementVNode("div",Le,[e.createElementVNode("span",Se,e.toDisplayString(a.comment?.author),1),e.createElementVNode("span",ze,e.toDisplayString(f(a.comment?.createdAt)),1)]),m.value?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{key:1,"onUpdate:modelValue":i[0]||(i[0]=h=>o.value=h),class:e.normalizeClass(m.value?d.value:g.value)},null,2)),[[e.vModelText,o.value]]):(e.openBlock(),e.createElementBlock("p",Te,e.toDisplayString(a.comment?.text),1)),e.createElementVNode("div",Fe,[e.createElementVNode("div",je,[e.createElementVNode("button",{class:e.normalizeClass(["flex items-center gap-1",r.value?"text-blue-600":"text-gray-500 hover:text-blue-600 transition-colors"]),onClick:i[1]||(i[1]=h=>w())},[e.createVNode(e.unref(ce),{class:e.normalizeClass(["h-3 w-3",r.value?"fill-blue-600":""])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(a.comment?.likes),1)],2),a.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-gray-500 hover:text-blue-600 transition-colors",onClick:i[2]||(i[2]=h=>c.value=!0)},[e.createVNode(e.unref(fe),{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:i[3]||(i[3]=h=>p.value=!0)},[e.createVNode(e.unref(re),{class:"h-3 w-3"})])]),m.value?(e.openBlock(),e.createElementBlock("div",Ie,[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:i[4]||(i[4]=h=>m.value=!1)},[e.createVNode(e.unref(S),{class:"h-3 w-3"}),i[11]||(i[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:!o.value.trim(),onClick:i[5]||(i[5]=h=>_())},[e.createVNode(e.unref(W),{class:"h-3 w-3 mr-1"}),i[12]||(i[12]=e.createTextVNode(" Send ",-1))],8,Ae)])):e.createCommentVNode("",!0)])]),p.value?(e.openBlock(),e.createBlock(Ce,{key:0,showMoreOptions:p.value,"onUpdate:showMoreOptions":i[6]||(i[6]=h=>p.value=h),onEdit:i[7]||(i[7]=h=>m.value=!0),onDelete:i[8]||(i[8]=h=>a.$emit("delete",a.comment?.id)),comment:a.comment},null,8,["showMoreOptions","comment"])):e.createCommentVNode("",!0)],2),a.isInside?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",He,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.comment?.replies,h=>(e.openBlock(),e.createBlock(b,{key:h.id,comment:h,isInside:!0,onDelete:x=>a.$emit("delete",h.id),onLike:N,onEdit:k},null,8,["comment","onDelete"]))),128)),c.value&&!a.isInside?(e.openBlock(),e.createBlock(P,{key:0,onSendComment:i[9]||(i[9]=h=>a.$emit("reply",a.comment?.id,h)),isReply:c.value,"onUpdate:isReply":i[10]||(i[10]=h=>c.value=h)},null,8,["isReply"])):e.createCommentVNode("",!0)]))])}}}),Re=["id"],Ue={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},j=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(s,{emit:l}){const n=s,t=l,o=m=>{n.onAddComment(m),t("add",m)},g=(m,r)=>{n.onLike(m,r),t("like",m,r)},d=(m,r)=>{n.onReply(m,r),t("reply",m,r)},p=(m,r)=>{n.onEdit(m,r),t("edit",m,r)},c=m=>{n.onDelete(m),t("delete",m)};return(m,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["mx-auto font-sans",m.className]),id:m.id,style:e.normalizeStyle(m.style)},[m.title?(e.openBlock(),e.createElementBlock("h3",Ue,e.toDisplayString(m.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([m.maxHeight?"overflow-y-auto":"","space-y-3"]),style:e.normalizeStyle({maxHeight:m.maxHeight+"px"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.comments,f=>(e.openBlock(),e.createBlock(Oe,{key:f.id,comment:f,onReply:d,onLike:g,onDelete:r[0]||(r[0]=w=>c(w)),onEdit:p},null,8,["comment"]))),128))],6),e.createVNode(P,{onSendComment:r[1]||(r[1]=f=>o(f))})],14,Re))}}),q=new Map([["file",{name:"File",color:"bg-green-100 text-green-700 border-green-200",icon:E}],["post",{name:"Post",color:"bg-blue-100 text-blue-700 border-blue-200",icon:he}],["user",{name:"User",color:"bg-purple-100 text-purple-700 border-purple-200",icon:ke}],["custom",{name:"Custom",color:"bg-gray-100 text-gray-700 border-gray-200",icon:de}]]),We={class:"mx-auto font-sans"},Pe={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},qe={class:"relative"},Ge={class:"space-y-3"},Ke={class:"flex-1 min-w-0 pb-2"},Ze={class:"flex items-center gap-1.5 mb-1 mt-0.5"},Je={class:"relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200"},Xe={class:"font-medium text-xs"},Qe={class:"text-xs text-gray-500"},Ye={class:"space-y-1"},ve={class:"text-xs text-gray-700"},et={class:"capitalize mr-1"},tt={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"},ot={key:0,class:"flex items-center gap-1 text-xs"},nt={key:0,class:"bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"},lt={key:2,class:"bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"},I=e.defineComponent({__name:"HistoryWidget",props:{data:{},title:{},maxHeight:{},id:{},className:{},style:{}},setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",We,[l.title?(e.openBlock(),e.createElementBlock("h3",Pe,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(l.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:l.maxHeight+"px"})},[e.createElementVNode("div",qe,[n[0]||(n[0]=e.createElementVNode("div",{class:"absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200"},null,-1)),e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,t=>(e.openBlock(),e.createElementBlock("div",{class:"relative flex items-start gap-2",key:t?.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(q).get(t?.entityType)?.color}`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q).get(t?.entityType)?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",Ke,[e.createElementVNode("div",Ze,[e.createElementVNode("span",Je,[e.createVNode(e.unref(F),{class:"h-3 w-3 text-gray-500"})]),e.createElementVNode("span",Xe,e.toDisplayString(t?.userName),1),e.createElementVNode("span",Qe,e.toDisplayString(t?.timestamp.toLocaleTimeString("ua-UA",{hour:"2-digit",minute:"2-digit"})),1)]),e.createElementVNode("div",Ye,[e.createElementVNode("div",ve,[e.createElementVNode("span",et,e.toDisplayString(t?.action),1),t?.entityId?(e.openBlock(),e.createElementBlock("span",tt,e.toDisplayString(t?.entityId),1)):e.createCommentVNode("",!0)]),t?.changes?.[t?.entityId]?(e.openBlock(),e.createElementBlock("div",ot,[t?.changes?.[t?.entityId]?.old?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(t?.changes?.[t?.entityId]?.old),1)):e.createCommentVNode("",!0),t?.changes?.[t?.entityId]?.old&&t?.changes?.[t?.entityId]?.new?(e.openBlock(),e.createBlock(e.unref(le),{key:1,class:"h-2 w-2 text-gray-400"})):e.createCommentVNode("",!0),t?.changes?.[t?.entityId]?.new?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(t?.changes?.[t?.entityId]?.new),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])])]))),128))])])],6)]))}}),st={key:0,class:"text-xl font-semibold"},rt={class:"flex gap-1"},at={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"},it=e.defineComponent({__name:"FileHeader",props:e.mergeModels({title:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["onAddFile"],["update:modelValue"]),setup(s){const l=e.useModel(s,"modelValue"),n={active:"bg-blue-100 text-black hover:bg-blue-100",inactive:"bg-white text-black hover:bg-blue-100"};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col sm:flex-row gap-3 mb-4",t.title?"justify-between sm:items-center":"justify-end sm:items-center"])},[t.title?(e.openBlock(),e.createElementBlock("h3",st,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",rt,[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",l.value==="list"?n.active:n.inactive]),onClick:o[0]||(o[0]=g=>l.value="list")},[e.createVNode(e.unref(me),{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",l.value==="grid"?n.active:n.inactive]),onClick:o[1]||(o[1]=g=>l.value="grid")},[e.createVNode(e.unref(ie),{class:"h-4 w-4"})],2),e.createElementVNode("label",null,[e.createElementVNode("input",{type:"file",class:"hidden",onChange:o[2]||(o[2]=g=>t.$emit("onAddFile",g))},null,32),e.createElementVNode("div",at,[e.createVNode(e.unref(pe),{class:"h-4 w-4"}),o[3]||(o[3]=e.createTextVNode(" Додати файл ",-1))])])])],2))}}),G={pdf:{color:"bg-red-100 text-red-700 border-red-200",icon:E,label:"PDF"},sketch:{color:"bg-gray-100 text-gray-700 border-gray-200",icon:ae,label:"SKETCH"},mp4:{color:"bg-purple-100 text-purple-700 border-purple-200",icon:be,label:"VIDEO"},docx:{color:"bg-blue-100 text-blue-700 border-blue-200",icon:E,label:"DOC"},zip:{color:"bg-orange-100 text-orange-700 border-orange-200",icon:ne,label:"ARCHIVE"},png:{color:"bg-green-100 text-green-700 border-green-200",icon:U,label:"IMAGE"},jpg:{color:"bg-green-100 text-green-700 border-green-200",icon:U,label:"IMAGE"},xlsx:{color:"bg-emerald-100 text-emerald-700 border-emerald-200",icon:E,label:"EXCEL"},pptx:{color:"bg-amber-100 text-amber-700 border-amber-200",icon:E,label:"PPT"}};function K(s,l="en"){const n={month:"short",day:"numeric"};return new Intl.DateTimeFormat(l,n).format(s)}function Z(s){if(s===0)return"0 B";const l=1024,n=["B","KB","MB","GB","TB"],t=Math.floor(Math.log(s)/Math.log(l));return`${parseFloat((s/Math.pow(l,t)).toFixed(1))} ${n[t]}`}const ct={class:"space-y-0.5"},dt=["onClick"],mt=["onClick"],pt={class:"flex items-center gap-2"},ft={class:"font-medium text-xs truncate hover:text-blue-600 cursor-pointer"},gt={class:"hidden sm:block text-xs text-gray-500 w-16 text-right"},ht={class:"hidden md:block text-xs text-gray-500 w-12 text-right"},yt={class:"flex items-center gap-1"},kt=["onClick"],bt=["onClick"],xt=e.defineComponent({__name:"FileList",props:{files:{}},emits:["delete","download","openLightbox"],setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.files,t=>(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:t.id,onClick:e.withModifiers(o=>l.$emit("openLightbox",t),["stop"])},[e.createElementVNode("div",{class:e.normalizeClass(["p-1 rounded",e.unref(G)[t?.ext]?.color])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(G)[t?.ext]?.icon),{class:"h-3 w-3"}))],2),e.createElementVNode("div",{class:"flex-1 min-w-0",onClick:o=>l.$emit("openLightbox",t)},[e.createElementVNode("div",pt,[e.createElementVNode("span",ft,e.toDisplayString(t?.uploaded_name||t?.name),1)])],8,mt),e.createElementVNode("div",gt,e.toDisplayString(e.unref(Z)(t.size)),1),e.createElementVNode("div",ht,e.toDisplayString(e.unref(K)(t.createdAt)),1),e.createElementVNode("div",yt,[e.createElementVNode("button",{onClick:e.withModifiers(o=>l.$emit("download",t),["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(z),{class:"h-3 w-3"})],8,kt),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(o=>l.$emit("delete",o,t?.file_id),["stop"])},[e.createVNode(e.unref(T),{class:"h-3 w-3"})],8,bt)])],8,dt))),128))]))}}),ut={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3"},wt=["onClick"],_t={class:"space-y-2"},Vt={class:"flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden"},Et=["src"],Nt={class:"space-y-1"},Bt=["title"],Ct={class:"text-xs text-gray-500 text-left"},$t={class:"absolute top-2 right-1 flex items-center gap-1"},Mt=["onClick"],Dt=["onClick"],Lt=e.defineComponent({__name:"FileGrid",props:{files:{}},emits:["delete","download","openLightbox"],setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.files,t=>(e.openBlock(),e.createElementBlock("div",{key:t.id,onClick:e.withModifiers(o=>l.$emit("openLightbox",t),["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",_t,[e.createElementVNode("div",Vt,[t.ext==="png"||t.ext==="jpg"||t.ext==="jpeg"||t.ext==="gif"||t.ext==="svg"||t.ext==="webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:`/file/resize?filepath=${t?.file_path}&w=500`,alt:"file",class:"w-full h-full object-cover"},null,8,Et)):(e.openBlock(),e.createBlock(e.unref(E),{key:1,class:"h-10 w-10 text-gray-500"}))]),e.createElementVNode("div",Nt,[e.createElementVNode("h3",{class:"font-medium text-xs leading-tight text-left",title:t.uploaded_name||t.name},e.toDisplayString(t.uploaded_name||t.name),9,Bt),e.createElementVNode("p",Ct,e.toDisplayString(e.unref(K)(t.createdAt))+", "+e.toDisplayString(e.unref(Z)(t.size)),1)])]),e.createElementVNode("div",$t,[e.createElementVNode("button",{onClick:e.withModifiers(o=>l.$emit("download",t),["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(z),{class:"h-3 w-3"})],8,Mt),e.createElementVNode("a",{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(o=>l.$emit("delete",o,t?.file_id),["stop"])},[e.createVNode(e.unref(T),{class:"h-3 w-3"})],8,Dt)])],8,wt))),128))]))}}),St={class:"mx-auto font-sans"},zt={key:1},A=e.defineComponent({__name:"FilesWidget",props:{title:{},view:{},files:{},maxHeight:{},onAddFile:{type:Function}},emits:["delete","add","openLightbox"],setup(s,{emit:l}){const n=s,t=e.ref(!1),o=e.ref(null),g=e.ref(!1),d=e.ref(0),p=l,c=(a,i)=>{o.value=i,t.value=!0},m=()=>{o.value&&(_(o.value),o.value=null,t.value=!1)},r=e.computed(()=>Array.isArray(n.files)?n.files.map(a=>a?.file_path):[]),f=a=>{const i=r.value.findIndex(b=>b===a.file_path);i!==-1&&(g.value=!0,d.value=i)},w=a=>{n.onAddFile&&n.onAddFile(a),p("add",a)},_=a=>{p("delete",a)},N=a=>{const i=document.createElement("a");i.setAttribute("download",a?.uploaded_name||a?.name),i.href=a?.file_path||a?.path,i.click()},k=e.ref("list");return(a,i)=>{const b=e.resolveComponent("MessageBox"),h=e.resolveComponent("Lightbox");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",St,[e.createVNode(it,{modelValue:k.value,"onUpdate:modelValue":i[0]||(i[0]=x=>k.value=x),title:n.title,onOnAddFile:i[1]||(i[1]=x=>w(x))},null,8,["modelValue","title"]),n.files.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.maxHeight?"overflow-y-auto":""),style:e.normalizeStyle({maxHeight:a.maxHeight+"px"})},[k.value==="list"?(e.openBlock(),e.createBlock(xt,{key:0,onDelete:c,onDownload:N,onOpenLightbox:i[2]||(i[2]=x=>f(x)),files:n.files},null,8,["files"])):e.createCommentVNode("",!0),k.value==="grid"?(e.openBlock(),e.createBlock(Lt,{key:1,onDelete:c,onDownload:N,onOpenLightbox:i[3]||(i[3]=x=>f(x)),files:n.files},null,8,["files"])):e.createCommentVNode("",!0)],6)):(e.openBlock(),e.createElementBlock("div",zt,[...i[6]||(i[6]=[e.createElementVNode("div",{class:"flex items-center justify-center h-full"},[e.createElementVNode("p",{class:"text-gray-500 leading-[3]"},"Файлів не знайдено")],-1)])]))]),e.createVNode(b,{modelValue:t.value,"onUpdate:modelValue":i[4]||(i[4]=x=>t.value=x),onConfirm:m,title:"Ви впевнені?",message:"Ви впевнені, що хочете видалити цей файл?",confirmButtonText:"Так, я впевнена/ий",cancelButtonText:"Скасувати"},null,8,["modelValue"]),e.createVNode(h,{modelValue:g.value,"onUpdate:modelValue":i[5]||(i[5]=x=>g.value=x),images:r.value,"start-index":d.value},null,8,["modelValue","images","start-index"])],64)}}}),Tt=["onClick"],Ft=e.defineComponent({__name:"CopyNotification",setup(s,{expose:l}){const n=e.ref([]);let t=1;const o=()=>{if(n.value.length>=10){const p=n.value[0];clearTimeout(p.timer),n.value.shift()}const d={id:t++,timer:setTimeout(()=>{g(d.id)},1500)};n.value.push(d)},g=d=>{const p=n.value.findIndex(c=>c.id===d);if(p!==-1){const c=n.value[p];clearTimeout(c.timer),n.value.splice(p,1)}};return l({addNotification:o}),e.onUnmounted(()=>{n.value.forEach(d=>{clearTimeout(d.timer)})}),(d,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.TransitionGroup,{name:"notification",tag:"div",class:"fixed top-4 right-4 z-50 space-y-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.id,class:"bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 min-w-64 max-w-sm"},[e.createVNode(e.unref(se),{class:"h-5 w-5 text-green-100 flex-shrink-0"}),p[0]||(p[0]=e.createElementVNode("div",{class:"flex-1"},[e.createElementVNode("p",{class:"font-medium text-sm"},"Ссылка скопирована!"),e.createElementVNode("p",{class:"text-xs text-green-100 opacity-90"},"Файл добавлен в буфер обмена")],-1)),e.createElementVNode("button",{onClick:m=>g(c.id),class:"text-green-100 hover:text-white transition-colors flex-shrink-0"},[e.createVNode(e.unref(S),{class:"h-4 w-4"})],8,Tt)]))),128))]),_:1})]))}}),V=(s,l)=>{const n=s.__vccOpts||s;for(const[t,o]of l)n[t]=o;return n},H=V(Ft,[["__scopeId","data-v-7b0d3ace"]]),jt={class:"fixed inset-0 z-50 bg-black/80"},It={class:"fixed bg-white left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 sm:rounded-lg max-w-4xl max-h-[90vh] p-0"},At={class:"flex flex-col space-y-1.5 text-center sm:text-left p-4 pb-2"},Ht={class:"flex items-center justify-between"},Ot={class:"flex items-center gap-2"},Rt={class:"tracking-tight text-base font-medium"},Ut={class:"p-4 pt-0"},Wt={class:"flex flex-col items-center"},Pt=["src","alt"],qt={class:"mt-3 flex items-center gap-4 text-sm text-gray-600"},Gt={class:"mt-3 flex gap-2"},Kt=e.defineComponent({__name:"GalleryModal",props:{item:{}},emits:["close"],setup(s){const l=e.ref(),n=d=>new Date(d).toLocaleDateString("uk-UA",{day:"2-digit",month:"2-digit",year:"numeric"}),t=d=>d>=1024*1024*1024?(d/(1024*1024*1024)).toFixed(2)+" GB":d>=1024*1024?(d/(1024*1024)).toFixed(2)+" MB":d>=1024?(d/1024).toFixed(2)+" KB":d+" B",o=d=>{navigator.clipboard.writeText(d),l.value?.addNotification()},g=async(d,p)=>{try{const m=await(await fetch(d)).blob(),r=window.URL.createObjectURL(m),f=document.createElement("a");f.href=r,f.download=p,document.body.appendChild(f),f.click(),window.URL.revokeObjectURL(r),document.body.removeChild(f)}catch(c){console.error("Download failed:",c),alert("Download failed. Please try opening the image in a new tab.")}};return(d,p)=>(e.openBlock(),e.createElementBlock("div",jt,[e.createElementVNode("div",It,[e.createElementVNode("div",At,[e.createElementVNode("div",Ht,[e.createElementVNode("div",Ot,[e.createElementVNode("h2",Rt,e.toDisplayString(d.item.name),1)])])]),e.createElementVNode("div",Ut,[e.createElementVNode("div",Wt,[e.createElementVNode("img",{src:d.item.path,alt:d.item.name,class:"max-w-full max-h-[60vh] object-contain rounded border"},null,8,Pt),e.createElementVNode("div",qt,[e.createElementVNode("span",null,"Size: "+e.toDisplayString(t(d.item.size)),1),p[3]||(p[3]=e.createElementVNode("span",null,"•",-1)),e.createElementVNode("span",null,"Date: "+e.toDisplayString(n(d.item.createdAt)),1)]),e.createElementVNode("div",Gt,[e.createElementVNode("button",{onClick:p[0]||(p[0]=c=>g(d.item.path,d.item.name)),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 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 h-9 rounded-md px-3"},[e.createVNode(e.unref(z),{class:"h-3 w-3 mr-1"}),p[4]||(p[4]=e.createTextVNode(" Download ",-1))]),e.createElementVNode("button",{onClick:p[1]||(p[1]=c=>o(d.item.path)),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 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 h-9 rounded-md px-3"},[e.createVNode(e.unref(ge),{class:"h-3 w-3 mr-1"}),p[5]||(p[5]=e.createTextVNode(" Share ",-1))])])])]),e.createElementVNode("button",{type:"button",onClick:p[2]||(p[2]=c=>d.$emit("close")),class:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"},[e.createVNode(e.unref(S),{class:"h-4 w-4"}),p[6]||(p[6]=e.createElementVNode("span",{class:"sr-only"},"Close",-1))])]),e.createVNode(H,{ref_key:"copyNotificationRef",ref:l},null,512)]))}}),Zt={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Jt=["onClick"],Xt=["src","alt"],O=e.defineComponent({__name:"GalleryWidget",props:{title:{},items:{},columns:{},maxHeight:{},id:{},className:{},style:{}},setup(s){const l=s,n=e.ref(!1),t=e.ref(null),o=e.ref(),g=e.ref(0);let d=null;const p=e.computed(()=>{const r=l.columns||4;return g.value>=1440?r:g.value>=1024?Math.max(1,r-1):g.value>=768?Math.max(1,r-2):g.value>=640?Math.max(1,r-3):1}),c=()=>{o.value&&(g.value=o.value.offsetWidth)};e.onMounted(()=>{e.nextTick(()=>{o.value&&(d=new ResizeObserver(r=>{for(const f of r)f.target===o.value&&(g.value=f.contentRect.width)}),d.observe(o.value),c())})}),e.onUnmounted(()=>{d&&d.disconnect()});const m=r=>{t.value=r,n.value=!0};return(r,f)=>(e.openBlock(),e.createElementBlock("div",{class:"w-full mx-auto font-sans",ref_key:"containerRef",ref:o},[r.title?(e.openBlock(),e.createElementBlock("h3",Zt,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",{style:e.normalizeStyle({columns:p.value+" auto",gap:"12px"}),class:"space-y-3"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,w=>(e.openBlock(),e.createElementBlock("div",{key:w.id,onClick:_=>m(w),class:"group relative break-inside-avoid bg-gray-200 rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-all mb-3"},[e.createElementVNode("img",{src:w.path,alt:w.name,class:"w-full h-auto min-h-40 rounded-md object-contain"},null,8,Xt),f[1]||(f[1]=e.createElementVNode("div",{class:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 pt-12"},[e.createElementVNode("h3",{class:"text-white font-medium text-base leading-tight mb-1"},"Mountain Landscape"),e.createElementVNode("p",{class:"text-white/90 text-sm"},"2.4 MB")],-1)),f[2]||(f[2]=e.createElementVNode("div",{class:"absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-200"},null,-1))],8,Jt))),128))],4)],6),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[n.value&&t.value?(e.openBlock(),e.createBlock(Kt,{key:0,item:t.value,onClose:f[0]||(f[0]=w=>n.value=!1)},null,8,["item"])):e.createCommentVNode("",!0)]))],512))}}),Qt={key:0,class:"overflow-hidden"},Yt={class:"flex border-b border-gray-200 bg-gray-50"},vt=["onClick"],eo={class:"p-4"},to=["innerHTML"],oo={key:1,class:"p-4"},no={class:"grid grid-cols-12 gap-4"},lo={key:0,class:"mb-4 pb-2 border-b border-gray-200"},so={class:"text-lg font-semibold text-gray-900"},ro=["innerHTML"],J=e.defineComponent({__name:"Card",props:{panels:{default:()=>[]},data:{default:()=>({})},view:{default:"plain"},id:{},className:{},style:{}},setup(s){const l=s,n=e.ref(0),t=e.computed(()=>l.panels&&l.panels.length>0?l.panels:l.data&&Array.isArray(l.data)?l.data.filter(m=>m.type==="tabs")[0]?.items||[]:[]),o=e.computed(()=>l.panels&&l.panels.length>0?l.panels:l.data&&Array.isArray(l.data)?l.data:[]),g=e.computed(()=>({[`view-${l.view}`]:!0})),d=c=>{const m={};return c.count&&(m.count=c.count),c.col&&(m.col=c.col),l.data&&c.name&&Object.assign(m,l.data[c.name]),m},p=c=>c.width?{gridColumn:`span ${c.width}`}:{};return(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white rounded-lg shadow-sm border border-gray-200",g.value])},[c.view==="tab"?(e.openBlock(),e.createElementBlock("div",Qt,[e.createElementVNode("div",Yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(r,f)=>(e.openBlock(),e.createElementBlock("button",{key:r.name||f,onClick:w=>n.value=f,class:e.normalizeClass(["px-4 py-3 text-sm font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-100 transition-colors",{"text-blue-600 bg-white border-b-2 border-blue-600":n.value===f}])},e.toDisplayString(r.title||r.label||r.name||`Tab ${f+1}`),11,vt))),128))]),e.createElementVNode("div",eo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:r.name||f,class:e.normalizeClass(["min-h-[400px] w-full",`col-span-${r.col||12}`])},[r.html?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:r.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,to)):c.$slots[`tab-${f}`]?e.renderSlot(c.$slots,`tab-${f}`,{key:1,item:r,data:c.data}):r.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({key:2,ref_for:!0},d(r),{class:"w-full h-full"}),null,16)):e.renderSlot(c.$slots,r.slot||`tab-${f}`,{key:3,item:r,data:c.data})],2)),[[e.vShow,n.value===f]])),128))])])):(e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(r,f)=>(e.openBlock(),e.createElementBlock("div",{key:r.name||f,class:e.normalizeClass(["bg-gray-50 rounded-lg p-4 min-h-[300px]",`col-span-${r.col||12}`]),style:e.normalizeStyle(p(r))},[r.title||r.label?(e.openBlock(),e.createElementBlock("div",lo,[e.createElementVNode("h3",so,e.toDisplayString(r.title||r.label),1)])):e.createCommentVNode("",!0),r.html?(e.openBlock(),e.createElementBlock("div",{key:1,innerHTML:r.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,ro)):c.$slots[`panel-${f}`]?e.renderSlot(c.$slots,`panel-${f}`,{key:2,item:r,data:c.data}):r.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.component),e.mergeProps({key:3,ref_for:!0},d(r),{class:"w-full h-full"}),null,16)):e.renderSlot(c.$slots,r.slot||`panel-${f}`,{key:4,item:r,data:c.data})],6))),128))])]))],2))}}),ao=["innerHTML"],X=e.defineComponent({__name:"CardItem",props:{name:{},label:{},component:{},slot:{},col:{default:12},html:{},title:{},id:{},className:{},style:{}},setup(s){const l=s,n=e.computed(()=>({[`col-span-${l.col}`]:!0})),t=e.computed(()=>{const o={};return o.col&&(o.col=o.col),o});return(o,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full",n.value])},[o.html?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:o.html,class:"text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"},null,8,ao)):o.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),e.mergeProps({key:1},t.value,{class:"w-full"}),null,16)):e.renderSlot(o.$slots,"default",{key:2})],2))}}),io={class:"text-value"},co={class:"text-sm text-gray-900"},mo=V(e.defineComponent({__name:"TextValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=l.item.value;return typeof t=="boolean"?t?"Так":"Ні":t==null?"—":String(t)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",io,[e.createElementVNode("span",co,e.toDisplayString(n.value),1)]))}}),[["__scopeId","data-v-c14550b7"]]),po={class:"link-value"},fo=["href"],go=V(e.defineComponent({__name:"LinkValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=String(l.item.value);try{const o=new URL(t);return o.hostname+o.pathname}catch{return t}});return(t,o)=>(e.openBlock(),e.createElementBlock("div",po,[e.createElementVNode("a",{href:String(t.item.value),target:"_blank",rel:"noopener noreferrer",class:"text-blue-600 hover:text-blue-800 underline text-sm"},[e.createTextVNode(e.toDisplayString(n.value)+" ",1),o[0]||(o[0]=e.createElementVNode("i",{class:"fas fa-external-link-alt ml-1 text-xs"},null,-1))],8,fo)]))}}),[["__scopeId","data-v-e6eb07a6"]]),ho={class:"date-value"},yo={class:"text-sm text-gray-900"},ko=V(e.defineComponent({__name:"DateValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{const t=l.item.value;if(t instanceof Date)return t.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"});if(typeof t=="string"){const o=new Date(t);if(!isNaN(o.getTime()))return o.toLocaleDateString("uk-UA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"})}return String(t)});return(t,o)=>(e.openBlock(),e.createElementBlock("div",ho,[e.createElementVNode("span",yo,e.toDisplayString(n.value),1)]))}}),[["__scopeId","data-v-b9600618"]]),bo={class:"status-value"},xo={key:0,class:"mr-1"},uo=V(e.defineComponent({__name:"StatusValue",props:{item:{}},setup(s){const l=s,n=e.computed(()=>{switch(String(l.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"}}),t=e.computed(()=>{switch(String(l.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(o,g)=>(e.openBlock(),e.createElementBlock("div",bo,[e.createElementVNode("span",{class:e.normalizeClass(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",n.value])},[t.value?(e.openBlock(),e.createElementBlock("span",xo,[e.createElementVNode("i",{class:e.normalizeClass(t.value)},null,2)])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(String(o.item.value)),1)],2)]))}}),[["__scopeId","data-v-c72e0b01"]]),wo={class:"custom-value"},_o={class:"text-sm text-gray-900"},Vo=V(e.defineComponent({__name:"CustomValue",props:{item:{}},setup(s){return(l,n)=>(e.openBlock(),e.createElementBlock("div",wo,[e.renderSlot(l.$slots,"default",{item:l.item,value:l.item.value},()=>[e.createElementVNode("span",_o,e.toDisplayString(String(l.item.value)),1)],!0)]))}}),[["__scopeId","data-v-11a73810"]]),Eo=["id"],No={key:0,class:"text-xl font-semibold text-gray-900 mb-4"},Bo={key:1,class:"overflow-x-auto"},Co={class:"min-w-full divide-y divide-gray-200"},$o={class:"bg-white divide-y divide-gray-200"},Mo={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Do={class:"flex items-center gap-2"},Lo=["title"],So={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},zo={key:2,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},To={class:"flex items-start gap-3"},Fo={key:0,class:"flex-shrink-0"},jo={class:"flex-1 min-w-0"},Io={class:"flex items-center gap-2 mb-2"},Ao={class:"text-sm font-medium text-gray-900"},Ho=["title"],Oo={key:3,class:"overflow-x-auto"},Ro={class:"min-w-full divide-y divide-gray-200"},Uo={class:"bg-white divide-y divide-gray-200"},Wo={class:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"},Po={class:"flex items-center gap-2"},qo=["title"],Go={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Q=V(e.defineComponent({__name:"DescriptionListWidget",props:{title:{},items:{},view:{},id:{},className:{},style:{}},setup(s){const l=n=>{switch(n.type){case"link":return go;case"date":return ko;case"status":return uo;case"custom":return Vo;default:return mo}};return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["description-list-widget",n.className]),id:n.id,style:e.normalizeStyle(n.style)},[n.title?(e.openBlock(),e.createElementBlock("h3",No,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.view==="table"?(e.openBlock(),e.createElementBlock("div",Bo,[e.createElementVNode("table",Co,[e.createElementVNode("tbody",$o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id||o.label},[e.createElementVNode("td",Mo,[e.createElementVNode("div",Do,[o.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([o.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.label)+" ",1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:o.tooltip},[...t[0]||(t[0]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)])],8,Lo)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",So,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])]))),128))])])])):n.view==="grid"?(e.openBlock(),e.createElementBlock("div",zo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id||o.label,class:"description-item-card bg-white border border-gray-200 rounded-lg p-4"},[e.createElementVNode("div",To,[o.icon?(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("i",{class:e.normalizeClass([o.icon,"text-gray-500 text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",jo,[e.createElementVNode("div",Io,[e.createElementVNode("h4",Ao,e.toDisplayString(o.label),1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:0,class:"text-gray-400 cursor-help",title:o.tooltip},[...t[1]||(t[1]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)])],8,Ho)):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])])]))),128))])):(e.openBlock(),e.createElementBlock("div",Oo,[e.createElementVNode("table",Ro,[e.createElementVNode("tbody",Uo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id||o.label},[e.createElementVNode("td",Wo,[e.createElementVNode("div",Po,[o.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([o.icon,"text-gray-500"])},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.label)+" ",1),o.tooltip?(e.openBlock(),e.createElementBlock("span",{key:1,class:"text-gray-400 cursor-help",title:o.tooltip},[...t[2]||(t[2]=[e.createElementVNode("i",{class:"fas fa-info-circle text-xs"},null,-1)])],8,qo)):e.createCommentVNode("",!0)])]),e.createElementVNode("td",Go,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(o)),{item:o},null,8,["item"]))])]))),128))])])]))],14,Eo))}}),[["__scopeId","data-v-36d43e50"]]),Ko={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 Zo(s){return s?s.type==="FeatureCollection"||s.type==="Feature"?s:s.geom?{type:"Feature",geometry:{type:s.geom.type,coordinates:s.geom.coordinates},properties:{}}:s.type&&s.coordinates?{type:"Feature",geometry:s,properties:{}}:null:null}const Jo={class:"relative"},Xo={key:1,class:"bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"},Qo={class:"flex items-center justify-between p-2 border-b"},Yo={class:"p-2 border-b"},vo={class:"flex items-center"},en={class:"flex items-center"},tn={class:"flex items-center"},on={class:"p-2"},nn={class:"flex items-center"},Y=e.defineComponent({__name:"MapWidget",props:{data:{}},setup(s){const l=s,n=e.ref(null);let t,o;const g={topo100:{url:"https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png"},orto10:{url:"https://data.gki.com.ua/api-user/rtile/orto10/ua/{z}/{x}/{y}.png"},osmb:{url:"https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png"}},d=e.ref("topo100");let p;const c=e.ref(!0),m=e.ref(!1);function r(){return new Promise((k,a)=>{if(window.L&&window.L.Draw)return k(0);const i=h=>{if(Array.from(document.styleSheets).some(C=>C?.href?.includes(h)))return;const B=document.createElement("link");B.rel="stylesheet",B.href=h,document.head.appendChild(B)},b=h=>new Promise((x,B)=>{const C=Array.from(document.scripts).find(M=>M.src===h);if(C){C.addEventListener("load",()=>x()),C.addEventListener("error",M=>B(M));return}const $=document.createElement("script");$.src=h,$.async=!0,$.onload=()=>x(),$.onerror=M=>B(M),document.body.appendChild($)});i("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),i("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"),b("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(()=>b("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(()=>k(0)).catch(a)})}e.onMounted(async()=>{await r(),L.drawLocal=Ko,t=L.map(n.value,{zoomControl:!1}).setView([50,30],10),L.control.zoom({position:"bottomright"}).addTo(t),p=L.tileLayer(g.topo100.url,{maxZoom:19}).addTo(t),d.value="topo100",o=new L.FeatureGroup().addTo(t);const k=Zo(l.data);if(k){const a=[];L.geoJSON(k).eachLayer(i=>a.push(i)),a.length&&o.addLayer(a[0]),o.toGeoJSON(),f()}});function f(k=30){const a=o.getLayers();if(!a.length)return;const b=L.featureGroup(a).getBounds();b&&b.isValid()&&t.fitBounds(b,{padding:[k,k]})}function w(k){p&&p.removeFrom(t);const a=g[k];p=L.tileLayer(a.url,a.options||{}).addTo(t),d.value=k}function _(){w(d.value)}function N(){o&&(c.value?o.addTo(t):o.removeFrom(t))}return(k,a)=>(e.openBlock(),e.createElementBlock("div",Jo,[e.createElementVNode("div",{ref_key:"mapContainer",ref:n,class:"w-full h-[400px]"},null,512),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=i=>m.value=!0),class:"z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer"}," Шари ")),m.value?(e.openBlock(),e.createElementBlock("div",Xo,[e.createElementVNode("div",Qo,[a[7]||(a[7]=e.createElementVNode("div",null,"Шари",-1)),(e.openBlock(),e.createElementBlock("svg",{onClick:a[1]||(a[1]=i=>m.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:"icon icon-tabler icons-tabler-outline icon-tabler-x w-4 h-4"},[...a[6]||(a[6]=[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",Yo,[e.createElementVNode("div",null,[e.createElementVNode("label",vo,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"topo100","onUpdate:modelValue":a[2]||(a[2]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[8]||(a[8]=e.createElementVNode("span",{class:"ml-2"},"Карта України",-1))])]),e.createElementVNode("div",null,[e.createElementVNode("label",en,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"orto10","onUpdate:modelValue":a[3]||(a[3]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[9]||(a[9]=e.createElementVNode("span",{class:"ml-2"},"Ortophoto 1:10К",-1))])]),e.createElementVNode("div",null,[e.createElementVNode("label",tn,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:"base-layer",value:"osmb","onUpdate:modelValue":a[4]||(a[4]=i=>d.value=i),onChange:_},null,544),[[e.vModelRadio,d.value]]),a[10]||(a[10]=e.createElementVNode("span",{class:"ml-2"},"Open Street Map",-1))])])]),e.createElementVNode("div",on,[e.createElementVNode("label",nn,[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":a[5]||(a[5]=i=>c.value=i),onChange:N},null,544),[[e.vModelCheckbox,c.value]]),a[11]||(a[11]=e.createElementVNode("span",{class:"ml-2"}," Показати геометрію ",-1))])])])):e.createCommentVNode("",!0)]))}}),ln={install:s=>{s.component("vs-widget-file",A),s.component("vs-widget-comments",j),s.component("vs-widget-history",I),s.component("vs-widget-gallery",O),s.component("vs-widget-map",Y),s.component("CommentsWidget",j),s.component("HistoryWidget",I),s.component("GalleryWidget",O),s.component("FilesWidget",A),s.component("MapWidget",Y),s.component("Card",J),s.component("CardItem",X),s.component("DescriptionListWidget",Q),s.component("CopyNotification",H)}};u.Card=J,u.CardItem=X,u.CommentsWidget=j,u.CopyNotification=H,u.DescriptionListWidget=Q,u.FilesWidget=A,u.GalleryWidget=O,u.HistoryWidget=I,u.default=ln,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,55 +1,55 @@
1
- {
2
- "name": "@opengis/widgets",
3
- "private": false,
4
- "version": "0.0.10",
5
- "type": "module",
6
- "description": "A collection of independent widgets for comments, history, files, and gallery",
7
- "main": "dist/index.js",
8
- "files": [
9
- "dist"
10
- ],
11
- "scripts": {
12
- "dev": "vite",
13
- "build:ts": "vue-tsc -b && vite build",
14
- "build": "vite build",
15
- "build:app": "app=true vite build",
16
- "preview": "vite preview",
17
- "prepublishOnly": "bun run build",
18
- "type-check": "vue-tsc --noEmit"
19
- },
20
- "homepage": "https://widget.opengis.info/",
21
- "author": {
22
- "name": "OpenGIS",
23
- "url": "https://opengis.info/"
24
- },
25
- "keywords": [
26
- "widgets",
27
- "comments",
28
- "history",
29
- "files",
30
- "gallery",
31
- "vue",
32
- "components",
33
- "opengis"
34
- ],
35
- "license": "MIT",
36
- "dependencies": {},
37
- "devDependencies": {
38
- "lucide-vue-next": "^0.535.0",
39
- "vue": "^3.0.0",
40
- "@tsconfig/node22": "^22.0.2",
41
- "@types/node": "^24.2.0",
42
- "@vitejs/plugin-vue": "^6.0.0",
43
- "@vue/tsconfig": "^0.7.0",
44
- "autoprefixer": "^10.4.16",
45
- "dts-bundle-generator": "^8.0.0",
46
- "postcss": "^8.4.31",
47
- "tailwindcss": "^3.4.0",
48
- "typescript": "~5.8.3",
49
- "vite": "^7.0.0",
50
- "vue-tsc": "^2.2.12"
51
- },
52
- "peerDependencies": {
53
- "vue": "^3.0.0"
54
- }
1
+ {
2
+ "name": "@opengis/widgets",
3
+ "private": false,
4
+ "version": "0.0.11",
5
+ "type": "module",
6
+ "description": "A collection of independent widgets for comments, history, files, and gallery",
7
+ "main": "dist/index.js",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "scripts": {
12
+ "dev": "vite",
13
+ "build:ts": "vue-tsc -b && vite build",
14
+ "build": "vite build",
15
+ "build:app": "app=true vite build",
16
+ "preview": "vite preview",
17
+ "prepublishOnly": "bun run build",
18
+ "type-check": "vue-tsc --noEmit"
19
+ },
20
+ "homepage": "https://widget.opengis.info/",
21
+ "author": {
22
+ "name": "OpenGIS",
23
+ "url": "https://opengis.info/"
24
+ },
25
+ "keywords": [
26
+ "widgets",
27
+ "comments",
28
+ "history",
29
+ "files",
30
+ "gallery",
31
+ "vue",
32
+ "components",
33
+ "opengis"
34
+ ],
35
+ "license": "MIT",
36
+ "dependencies": {},
37
+ "devDependencies": {
38
+ "lucide-vue-next": "^0.535.0",
39
+ "vue": "^3.0.0",
40
+ "@tsconfig/node22": "^22.0.2",
41
+ "@types/node": "^24.2.0",
42
+ "@vitejs/plugin-vue": "^6.0.0",
43
+ "@vue/tsconfig": "^0.7.0",
44
+ "autoprefixer": "^10.4.16",
45
+ "dts-bundle-generator": "^8.0.0",
46
+ "postcss": "^8.4.31",
47
+ "tailwindcss": "^3.4.0",
48
+ "typescript": "~5.8.3",
49
+ "vite": "^7.0.0",
50
+ "vue-tsc": "^2.2.12"
51
+ },
52
+ "peerDependencies": {
53
+ "vue": "^3.0.0"
54
+ }
55
55
  }