@ozdao/prometheus-framework 0.1.41 → 0.1.43

package/dist/BackofficeGallery-e54a33a3.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),q=require("./index-b41aac19.js"),R=require("./vue-draggable-next.esm-bundler-21a209c6.js"),G=require("./UploadImageMultiple-eddaac87.js"),A=require("vue-router"),O=require("./_plugin-vue_export-helper-f246444f.js");var z={};(function(n){Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=t;const i={class:"flex-nowrap flex-v-center flex pd-medium bg-white"},r={key:0,class:"t-left mn-r-small w-33"},c={class:"w-100"},N=["value","placeholder"],_=e.defineComponent({__name:"Field",props:{label:{default:"Label"},placeholder:{default:"Enter something here"},field:{default:null},validation:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(l,{emit:o}){const a=l,d=e.ref(a.field);return(u,f)=>(e.openBlock(),e.createElementBlock("div",i,[l.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("label",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("input",{onInput:f[0]||(f[0]=x=>{var p;return d.value=o("update:modelValue",(p=x.target)==null?void 0:p.value)}),type:"text",class:"w-100",value:l.field,placeholder:l.placeholder},null,40,N)])]))}}),m={class:"input-wrapper"},E={class:"t-transp p-small"},y={key:0,class:"flex-nojustify flex-v-center flex-nowrap flex w-100"},w={key:1,class:"w-100"},b=["onClick"],s={__name:"Select",props:["obj","label","prop","value","options","content","textarea","placeholder","size"],setup(l){const o=l,a=e.ref(null),d=e.ref(!1);e.ref("Please select an item");let u=e.computed(()=>{if(o.prop[o.content]){var p=o.options.indexOf(o.prop[o.content]),h=o.options.map(g=>g);return p!=-1&&h.splice(p,1),h}else return o.options});o.prop[o.content]&&(a.value=o.prop[o.content]);function f(){d.value=!d.value}function x(p,h,g){var j=g;a.value=j,d.value=!d.value,p[h]=j}return(p,h)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("span",E,e.toDisplayString(l.label),1),e.createElementVNode("li",{onClick:h[0]||(h[0]=e.withModifiers(g=>f(),["stop"])),class:e.normalizeClass([{"input-small":l.size==="small"},"pd-small flex-center flex-nowrap flex bg-grey input-select input"])},[a.value?(e.openBlock(),e.createElementBlock("span",y,[e.createElementVNode("span",null,e.toDisplayString(a.value.name?a.value.name:a.value),1)])):(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(l.placeholder?l.placeholder:"Please select"),1))],2),d.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([{"dropdown-small":l.size==="small"},"bg-grey dropdown-menu"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),g=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([{"input-small":l.size==="small"},"pd-small bg-grey input-select input"])},[g?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:j=>x(l.prop,l.content,g),class:"flex-nojustify flex-v-center flex-nowrap flex w-100"},[e.createElementVNode("span",null,e.toDisplayString(g.name?g.name:g),1)],8,b)):e.createCommentVNode("",!0)],2))),256))],2)):e.createCommentVNode("",!0)]))}},V=["disabled"],B={key:0},T={key:0,class:"loading"},k=e.createElementVNode("span",null,[e.createElementVNode("svg",{class:"i-default",width:"135",height:"140",viewBox:"0 0 135 140",xmlns:"http://www.w3.org/2000/svg",fill:"#fff"},[e.createElementVNode("rect",{y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"30",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"60",width:"15",height:"140",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"90",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.25s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.25s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})]),e.createElementVNode("rect",{x:"120",y:"10",width:"15",height:"120",rx:"6"},[e.createElementVNode("animate",{attributeName:"height",begin:"0.5s",dur:"1s",values:"120;110;100;90;80;70;60;50;40;140;120",calcMode:"linear",repeatCount:"indefinite"}),e.createTextVNode(),e.createElementVNode("animate",{attributeName:"y",begin:"0.5s",dur:"1s",values:"10;15;20;25;30;35;40;45;50;0;10",calcMode:"linear",repeatCount:"indefinite"})])])],-1),S=[k],P={key:0,class:"h4 loading"},L=e.createElementVNode("span",{class:"t-white"},"✔",-1),D=[L],U={key:0,class:"error"},I=e.defineComponent({__name:"Button",props:{submit:{type:Function,default:async()=>{console.log("Button click.")}},callback:{type:Function,default:async()=>{console.log("Button callback.")}},validation:{type:Boolean,default:!1}},setup(l){const o=l,a=e.ref(null),d=e.ref(null),u=e.ref(!1),f=e.ref(!1);async function x(){a.value.style["pointer-events"]="none",d.value=null,u.value=!0;try{await o.submit(),a.value.classList.add("bg-light-blue"),a.value.classList.remove("bg-blue"),u.value=!1,f.value=!0,setTimeout(()=>o.callback(),750)}catch{a.value.classList.add("bg-light-red"),a.value.classList.remove("bg-blue"),d.value="❌",setTimeout(()=>{a.value.classList.add("bg-blue"),a.value.classList.remove("bg-light-red"),a.value.style.pointerEvents="auto",u.value=!1,f.value=!1,d.value=null},1e3)}}return(p,h)=>(e.openBlock(),e.createElementBlock("button",{onClick:x,disabled:l.validation,ref_key:"button",ref:a,class:"w-100 t-white bg-blue button"},[e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[!u.value&&!d.value&&!f.value?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(p.$slots,"default")])):e.createCommentVNode("",!0)]),_:3}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[u.value&&!d.value?(e.openBlock(),e.createElementBlock("div",T,S)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[f.value?(e.openBlock(),e.createElementBlock("div",P,D)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{mode:"out-in",name:"fadeIn"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("span",null,e.toDisplayString(d.value),1)])):e.createCommentVNode("",!0)]),_:1})],8,V))}});var M={install:l=>{l.component("Field",_),l.component("Button",I),l.component("Select",s)}};n.Button=I,n.Field=_,n.Select=s,n.default=M})(z);const H=process.env.API_URL,F=q.axios.create({baseURL:H,withCredentials:!0}),v=t.reactive({gallery:[]}),C={async fetchGallery(n,e){const i=[];n&&i.push(`page=${n}`),e&&i.push(`limit=${e}`);const r=`/api/gallery${i.length?`?${i.join("&")}`:""}`;try{const c=await F.get(r);if(console.log(c),c&&c.data)return v.gallery=[...v.gallery,...c.data],c.data}catch(c){throw console.error("Error fetching gallery:",c),c}},async createPhoto(n){try{const e=await F.post("/api/gallery/create",n);console.log(e.data),v.gallery=[...e.data,...v.gallery]}catch(e){console.error(e)}},async updatePhoto(n){try{const e={...n,categories:typeof n.categories=="string"?n.categories.split(",").map(c=>c.trim()):n.categories},i=await q.axios.post("/api/gallery/update",e),r=v.gallery.findIndex(c=>c._id===n._id);r!==-1&&(v.gallery[r]=i.data)}catch(e){console.error(e)}},async deletePhoto(n){try{const e=await F.post(`/api/gallery/delete/${n}`),i=v.gallery.findIndex(r=>r._id===n);i!==-1&&v.gallery.splice(i,1)}catch(e){console.error(e)}}};const X={class:"pos-relative"},J=["src"],K=["onClick"],Q={__name:"EditImages",props:{images:Array},emits:["update"],setup(n,{emit:e}){const i=n,r=t.ref([...i.images]);t.watchEffect(()=>{r.value=[...i.images]});const c=()=>{e("update:images",r.value)},N=m=>{r.value=[...r.value,...m],c()},_=m=>{r.value.splice(m,1),c()};return(m,E)=>(t.openBlock(),t.createElementBlock("div",null,[t.createVNode(G._sfc_main,{"onUpdate:images":N,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),t.createVNode(t.unref(R.VueDraggableNext),{class:"gap-small flex dragArea list-group w-full",modelValue:r.value,"onUpdate:modelValue":E[0]||(E[0]=y=>r.value=y),onChange:c},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.value,(y,w)=>(t.openBlock(),t.createElementBlock("div",X,[t.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(m.FILE_SERVER_URL||"")+y},null,8,J),t.createElementVNode("a",{onClick:b=>_(w),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,K)]))),256))]),_:1},8,["modelValue"])]))}};const $=n=>(t.pushScopeId("data-v-f1c3938d"),n=n(),t.popScopeId(),n),W={class:"pos-relative w-100"},Y={class:"w-100 o-hidden"},Z={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},ee=["data-id"],te=["src","onClick"],le={key:1,class:"pd-small radius-small bg-white"},ae=["src","onClick"],oe={class:"t-black p-small mn-small"},ne=$(()=>t.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),se=$(()=>t.createElementVNode("br",null,null,-1)),re={class:"pd-2px radius-big d-inline-block bg-grey"},ce={class:"t-black p-small mn-small uppe"},ie=$(()=>t.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),de=$(()=>t.createElementVNode("br",null,null,-1)),ue={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},me={class:"flex-nowrap flex"},pe=["onClick"],ge={class:"modal pd-thin"},ve={class:"modal-content radius-big"},fe={class:""},he=["src"],_e={key:0,class:"flex-v-center flex m modal pd-big"},ye={class:"modal-content radius-small pd-medium bg-white"},be=["src"],ke=["src"],Ne={__name:"BackofficeGallery",setup(n){A.useRoute();const e=t.ref(!0),i=t.ref(null);let r=1;const c=10;let N=t.ref(null),_=t.ref(!1);const m=t.ref([]),E=l=>{m.value=l},y=t.computed(()=>M.value==="all"?v.gallery:v.gallery.filter(l=>l.categories.includes(M.value))),w=async()=>{_.value=!0,await C.fetchGallery(r,c),_.value=!1},b=t.ref(null),s=t.ref({categories:"",size:"",image:!1}),V=t.ref(null),B=l=>{console.log(e.value),e.value?T(l):(b.value="modal",s.value.image=l,S())},T=l=>{b.value="edit-modal",s.value=l||{categories:"",size:"",image:null},S()},k=()=>{s.value={categories:"",size:"",image:!1},V.value=null,P()},S=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},P=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},L=[{name:"Small",value:""},{name:"Regular",value:"grid-item--width1 grid-item--height1"},{name:"Medium",value:"grid-item--width2 grid-item--height2"},{name:"Big",value:"grid-item--width3 grid-item--height3"}],D=async l=>{await C.deletePhoto(l)},U=async()=>{await C.updatePhoto(s.value),k()},I=async l=>{if(m.length<1||!s.value.categories||!s.value.size){console.error("All fields are required.");return}await C.createPhoto({images:m.value,size:s.value.size,categories:typeof s.value.categories=="string"?s.value.categories.split(",").map(o=>o.trim()):s.value.categories}),k()};let M=t.ref("all");return t.onMounted(async()=>{await C.fetchGallery(r,c),typeof window<"u"&&new IntersectionObserver(o=>{o.some(a=>a.isIntersecting)&&(r+=1,w())}).observe(N.value)}),(l,o)=>(t.openBlock(),t.createElementBlock("div",W,[t.createElementVNode("div",Y,[t.createElementVNode("div",Z,[e.value?(t.openBlock(),t.createElementBlock("button",{key:0,onClick:o[0]||(o[0]=a=>B(null)),class:"mn-r-small t-white t-black bg-second button-small button"},"Add photos +")):t.createCommentVNode("",!0)])]),t.createElementVNode("div",{ref_key:"grid",ref:i,class:"pd-medium cols-4 gap-thin"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(y),(a,d)=>(t.openBlock(),t.createElementBlock("div",{key:a.id,"data-id":a.id},[t.createVNode(t.Transition,{name:"scaleIn",mode:"in-out"},{default:t.withCtx(()=>[!e.value&&i.value?(t.openBlock(),t.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+a.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:u=>B(a.image)},null,8,te)):(t.openBlock(),t.createElementBlock("div",le,[t.createTextVNode(t.toDisplayString(a._id)+" ",1),t.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+a.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:u=>B(a)},null,8,ae),t.createElementVNode("p",oe,[ne,se,t.createElementVNode("span",re,t.toDisplayString(a.size.name),1)]),t.createElementVNode("p",ce,[ie,de,(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.categories,u=>(t.openBlock(),t.createElementBlock("span",ue,t.toDisplayString(u),1))),256))]),t.createElementVNode("div",me,[t.createElementVNode("button",{class:"button-small w-100 button",onClick:u=>D(a._id)},"Delete",8,pe)])]))]),_:2},1024)],8,ee))),128)),t.createElementVNode("div",{ref_key:"sentinel",ref:N,class:"sentinel"},null,512),t.createVNode(t.Transition,{name:"modal"},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",ge,[t.createElementVNode("div",ve,[t.createElementVNode("div",fe,[t.createElementVNode("span",{class:"close",onClick:k},"×"),t.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+s.value.image},null,8,he)])])],512),[[t.vShow,s.value.image!==!1&&b.value==="modal"]])]),_:1}),t.createVNode(t.Transition,{name:"modal"},{default:t.withCtx(()=>[s.value.image!==!1&&b.value==="edit-modal"?(t.openBlock(),t.createElementBlock("div",_e,[t.createElementVNode("div",ye,[t.createElementVNode("span",{class:"close",onClick:k},"×"),typeof V.value=="string"?(t.openBlock(),t.createElementBlock("img",{key:0,src:V.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,be)):t.createCommentVNode("",!0),typeof V.value=="object"&&s.value.image!==null?(t.openBlock(),t.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+s.value.cover},null,8,ke)):t.createCommentVNode("",!0),t.createVNode(t.unref(z.Select),{options:L,label:"Size",select:s.value.size,"onUpdate:select":o[1]||(o[1]=a=>s.value.size=a),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),t.createVNode(t.unref(z.Field),{field:s.value.categories,"onUpdate:field":o[2]||(o[2]=a=>s.value.categories=a),type:"text",label:"Categories",placeholder:"Enter categories for image (comma separated)",class:"bg-grey pd-thin radius-small mn-medium t-black"},null,8,["field"]),t.createVNode(Q,{images:m.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),t.createVNode(t.unref(z.Button),{submit:s.value._id?U:I,callback:k,class:"mn-thin"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(s.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):t.createCommentVNode("",!0)]),_:1})],512)]))}},Ee=O._export_sfc(Ne,[["__scopeId","data-v-f1c3938d"]]);exports.default=Ee;

package/dist/BackofficeGallery-fe39cff3.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("./index-2a0269fc.js"),U=require("./Select-b9299fb6.js"),q=require("./vue-draggable-next.esm-bundler-80731ae0.js"),D=require("./UploadImageMultiple-b4c8d627.js"),M=require("vue-router"),R=require("./_plugin-vue_export-helper-f246444f.js");require("./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js");const j=process.env.API_URL,N=b.axios.create({baseURL:j,withCredentials:!0}),u=e.reactive({gallery:[]}),v={async fetchGallery(a,t){const c=[];a&&c.push(`page=${a}`),t&&c.push(`limit=${t}`);const o=`/api/gallery${c.length?`?${c.join("&")}`:""}`;try{const s=await N.get(o);if(console.log(s),s&&s.data)return u.gallery=[...u.gallery,...s.data],s.data}catch(s){throw console.error("Error fetching gallery:",s),s}},async createPhoto(a){try{const t=await N.post("/api/gallery/create",a);console.log(t.data),u.gallery=[...t.data,...u.gallery]}catch(t){console.error(t)}},async updatePhoto(a){try{const t={...a,categories:typeof a.categories=="string"?a.categories.split(",").map(s=>s.trim()):a.categories},c=await b.axios.post("/api/gallery/update",t),o=u.gallery.findIndex(s=>s._id===a._id);o!==-1&&(u.gallery[o]=c.data)}catch(t){console.error(t)}},async deletePhoto(a){try{const t=await N.post(`/api/gallery/delete/${a}`),c=u.gallery.findIndex(o=>o._id===a);c!==-1&&u.gallery.splice(c,1)}catch(t){console.error(t)}}};const G={class:"pos-relative"},L=["src"],T=["onClick"],A={__name:"EditImages",props:{images:Array},emits:["update"],setup(a,{emit:t}){const c=a,o=e.ref([...c.images]);e.watchEffect(()=>{o.value=[...c.images]});const s=()=>{t("update:images",o.value)},_=i=>{o.value=[...o.value,...i],s()},h=i=>{o.value.splice(i,1),s()};return(i,f)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(D._sfc_main,{"onUpdate:images":_,uploadPath:"photos",class:"mn-semi pd-small w-100 button bg-black t-white"}),e.createVNode(e.unref(q.VueDraggableNext),{class:"gap-small flex dragArea list-group w-full",modelValue:o.value,"onUpdate:modelValue":f[0]||(f[0]=m=>o.value=m),onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(m,w)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("img",{class:"i-extra radius-small o-hidden mn-thin",src:(i.FILE_SERVER_URL||"")+m},null,8,L),e.createElementVNode("a",{onClick:p=>h(w),class:"pos-absolute t-center radius-extra i-medium bg-red pos-t-0 pos-r-0"},"X",8,T)]))),256))]),_:1},8,["modelValue"])]))}};const E=a=>(e.pushScopeId("data-v-e82aa4af"),a=a(),e.popScopeId(),a),F={class:"pos-relative w-100"},O={class:"w-100 o-hidden"},H={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},X=["data-id"],J=["src","onClick"],K={key:1,class:"pd-small radius-small bg-white"},Q=["src","onClick"],W={class:"t-black p-small mn-small"},Y=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),Z=E(()=>e.createElementVNode("br",null,null,-1)),ee={class:"pd-2px radius-big d-inline-block bg-grey"},te={class:"t-black p-small mn-small uppe"},le=E(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),ae=E(()=>e.createElementVNode("br",null,null,-1)),oe={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},se={class:"flex-nowrap flex"},ne=["onClick"],ce={class:"modal pd-thin"},re={class:"modal-content radius-big"},ie={class:""},de=["src"],ue={key:0,class:"flex-v-center flex m modal pd-big"},me={class:"modal-content radius-small pd-medium bg-white"},pe=["src"],ge=["src"],ve={__name:"BackofficeGallery",setup(a){M.useRoute();const t=e.ref(!0),c=e.ref(null);let o=1;const s=10;let _=e.ref(null),h=e.ref(!1);const i=e.ref([]),f=r=>{i.value=r},m=e.computed(()=>B.value==="all"?u.gallery:u.gallery.filter(r=>r.categories.includes(B.value))),w=async()=>{h.value=!0,await v.fetchGallery(o,s),h.value=!1},p=e.ref(null),l=e.ref({categories:"",size:"",image:!1}),y=e.ref(null),V=r=>{console.log(t.value),t.value?C(r):(p.value="modal",l.value.image=r,x())},C=r=>{p.value="edit-modal",l.value=r||{categories:"",size:"",image:null},x()},g=()=>{l.value={categories:"",size:"",image:!1},y.value=null,I()},x=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},I=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},S=[{name:"Small",value:""},{name:"Regular",value:"grid-item--width1 grid-item--height1"},{name:"Medium",value:"grid-item--width2 grid-item--height2"},{name:"Big",value:"grid-item--width3 grid-item--height3"}],$=async r=>{await v.deletePhoto(r)},P=async()=>{await v.updatePhoto(l.value),g()},z=async r=>{if(i.length<1||!l.value.categories||!l.value.size){console.error("All fields are required.");return}await v.createPhoto({images:i.value,size:l.value.size,categories:typeof l.value.categories=="string"?l.value.categories.split(",").map(d=>d.trim()):l.value.categories}),g()};let B=e.ref("all");return e.onMounted(async()=>{await v.fetchGallery(o,s),typeof window<"u"&&new IntersectionObserver(d=>{d.some(n=>n.isIntersecting)&&(o+=1,w())}).observe(_.value)}),(r,d)=>(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",O,[e.createElementVNode("div",H,[t.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:d[0]||(d[0]=n=>V(null)),class:"mn-r-small t-white t-black bg-second button-small button"},"Add photos +")):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{ref_key:"grid",ref:c,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(n,he)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"data-id":n.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!t.value&&c.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+n.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:k=>V(n.image)},null,8,J)):(e.openBlock(),e.createElementBlock("div",K,[e.createTextVNode(e.toDisplayString(n._id)+" ",1),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+n.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:k=>V(n)},null,8,Q),e.createElementVNode("p",W,[Y,Z,e.createElementVNode("span",ee,e.toDisplayString(n.size.name),1)]),e.createElementVNode("p",te,[le,ae,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.categories,k=>(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(k),1))),256))]),e.createElementVNode("div",se,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:k=>$(n._id)},"Delete",8,ne)])]))]),_:2},1024)],8,X))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:_,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",ce,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,[e.createElementVNode("span",{class:"close",onClick:g},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.value.image},null,8,de)])])],512),[[e.vShow,l.value.image!==!1&&p.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[l.value.image!==!1&&p.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",me,[e.createElementVNode("span",{class:"close",onClick:g},"×"),typeof y.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:y.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,pe)):e.createCommentVNode("",!0),typeof y.value=="object"&&l.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+l.value.cover},null,8,ge)):e.createCommentVNode("",!0),e.createVNode(U.Select,{options:S,label:"Size",select:l.value.size,"onUpdate:select":d[1]||(d[1]=n=>l.value.size=n),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(b.Field,{field:l.value.categories,"onUpdate:field":d[2]||(d[2]=n=>l.value.categories=n),type:"text",label:"Categories",placeholder:"Enter categories for image (comma separated)",class:"bg-grey pd-thin radius-small mn-medium t-black"},null,8,["field"]),e.createVNode(A,{images:i.value,"onUpdate:images":f,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(b._sfc_main,{submit:l.value._id?P:z,callback:g,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},_e=R._export_sfc(ve,[["__scopeId","data-v-e82aa4af"]]);exports.default=_e;

package/dist/BackofficeReports-cb4b180d.mjs

@@ -1,44 +0,0 @@
-import { openBlock as e, createElementBlock as l, createElementVNode as s, Fragment as a, renderList as o, unref as c, toDisplayString as n } from "vue";
-import { a as i, s as p } from "./reports-79cd9459.mjs";
-import "./globals-96ba60e4.mjs";
-import "vue-i18n";
-import "./index-a661083c.mjs";
-const r = /* @__PURE__ */ s("div", { class: "flex-v-center flex-nowrap flex mn-medium" }, [
-  /* @__PURE__ */ s("h3", { class: "mn-r-medium" }, "Reports")
-], -1), d = { class: "cols-3 gap-thin" }, _ = { class: "t-black p-small mn-small" }, m = /* @__PURE__ */ s("span", { class: "uppercase t-transp" }, "User", -1), u = /* @__PURE__ */ s("br", null, null, -1), b = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, h = { class: "t-black p-small mn-small" }, g = /* @__PURE__ */ s("span", { class: "uppercase t-transp" }, "Type", -1), f = /* @__PURE__ */ s("br", null, null, -1), k = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, x = { class: "t-black p-small mn-small" }, y = /* @__PURE__ */ s("span", { class: "uppercase t-transp" }, "Reason", -1), v = /* @__PURE__ */ s("br", null, null, -1), w = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, R = /* @__PURE__ */ s("div", { class: "gap-thin flex-nowrap flex" }, [
-  /* @__PURE__ */ s("button", { class: "button-small w-100 bg-black t-white button" }, " Close Report "),
-  /* @__PURE__ */ s("button", { class: "button-small w-100 bg-black t-white button" }, " Hide Content ")
-], -1), S = {
-  __name: "BackofficeReports",
-  setup(B) {
-    return i.read(), (C, E) => (e(), l("div", null, [
-      r,
-      s("div", d, [
-        (e(!0), l(a, null, o(c(p).all, (t) => (e(), l("div", {
-          key: t._id,
-          class: "radius-medium pd-small bg-grey"
-        }, [
-          s("p", _, [
-            m,
-            u,
-            s("span", b, n(t.user), 1)
-          ]),
-          s("p", h, [
-            g,
-            f,
-            s("span", k, n(t.type), 1)
-          ]),
-          s("p", x, [
-            y,
-            v,
-            s("span", w, n(t.reason), 1)
-          ]),
-          R
-        ]))), 128))
-      ])
-    ]));
-  }
-};
-export {
-  S as default
-};

package/dist/BackofficeReports-d021871f.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./reports-270f69df.js");require("./globals-928eb13c.js");require("vue-i18n");require("./index-b41aac19.js");const l=e.createElementVNode("div",{class:"flex-v-center flex-nowrap flex mn-medium"},[e.createElementVNode("h3",{class:"mn-r-medium"},"Reports")],-1),n={class:"cols-3 gap-thin"},a={class:"t-black p-small mn-small"},o=e.createElementVNode("span",{class:"uppercase t-transp"},"User",-1),c=e.createElementVNode("br",null,null,-1),r={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},i={class:"t-black p-small mn-small"},d=e.createElementVNode("span",{class:"uppercase t-transp"},"Type",-1),m=e.createElementVNode("br",null,null,-1),p={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},u={class:"t-black p-small mn-small"},_=e.createElementVNode("span",{class:"uppercase t-transp"},"Reason",-1),b=e.createElementVNode("br",null,null,-1),g={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},h=e.createElementVNode("div",{class:"gap-thin flex-nowrap flex"},[e.createElementVNode("button",{class:"button-small w-100 bg-black t-white button"}," Close Report "),e.createElementVNode("button",{class:"button-small w-100 bg-black t-white button"}," Hide Content ")],-1),E={__name:"BackofficeReports",setup(N){return s.actions.read(),(V,k)=>(e.openBlock(),e.createElementBlock("div",null,[l,e.createElementVNode("div",n,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.state).all,t=>(e.openBlock(),e.createElementBlock("div",{key:t._id,class:"radius-medium pd-small bg-grey"},[e.createElementVNode("p",a,[o,c,e.createElementVNode("span",r,e.toDisplayString(t.user),1)]),e.createElementVNode("p",i,[d,m,e.createElementVNode("span",p,e.toDisplayString(t.type),1)]),e.createElementVNode("p",u,[_,b,e.createElementVNode("span",g,e.toDisplayString(t.reason),1)]),h]))),128))])]))}};exports.default=E;

package/dist/BlockTags-8cddaef7.js

@@ -1 +0,0 @@
-"use strict";const s=require("vue"),E=require("./index-b41aac19.js"),T=require("./_plugin-vue_export-helper-f246444f.js");var C=function e(t,a){if(t===a)return!0;if(t&&a&&typeof t=="object"&&typeof a=="object"){if(t.constructor!==a.constructor)return!1;var i,n,l;if(Array.isArray(t)){if(i=t.length,i!=a.length)return!1;for(n=i;n--!==0;)if(!e(t[n],a[n]))return!1;return!0}if(t.constructor===RegExp)return t.source===a.source&&t.flags===a.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===a.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===a.toString();if(l=Object.keys(t),i=l.length,i!==Object.keys(a).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(a,l[n]))return!1;for(n=i;n--!==0;){var d=l[n];if(!e(t[d],a[d]))return!1}return!0}return t!==t&&a!==a};const B=E.getDefaultExportFromCjs(C),S=(e,t)=>t.filter(a=>{const{text:i}=e;if(typeof a.rule=="string")return!new RegExp(a.rule).test(i);if(a.rule instanceof RegExp)return!a.rule.test(i);if({}.toString.call(a.rule)==="[object Function]")return a.rule(e)}).map(a=>a.classes),c=e=>JSON.parse(JSON.stringify(e)),w=(e,t)=>{let a=0;for(;a<e.length;){if(t(e[a],a,e))return a;a++}return-1},k=(e,t,a=[],i)=>{e.text===void 0&&(e={text:e});const n=S(e,a),l=w(t,u=>u===e),d=c(t),o=l!==-1?d.splice(l,1)[0]:c(e);return(i?i(d,o):d.map(u=>u.text).indexOf(o.text)!==-1)&&n.push("ti-duplicate"),n.length===0?n.push("ti-valid"):n.push("ti-invalid"),n},m=(e,...t)=>{e.text===void 0&&(e={text:e});const a=c(e);return a.tiClasses=k(e,...t),a},$=(e,...t)=>e.map(a=>m(a,e,...t));const D={name:"TagInput",props:{scope:{type:Object}}},O=["maxlength"];function I(e,t,a,i,n,l){return a.scope.edit?s.withDirectives((s.openBlock(),s.createElementBlock("input",{key:0,"onUpdate:modelValue":t[0]||(t[0]=d=>a.scope.tag.text=d),maxlength:a.scope.maxlength,type:"text",class:"ti-tag-input",size:"1",onInput:t[1]||(t[1]=d=>a.scope.validateTag(a.scope.index,d)),onBlur:t[2]||(t[2]=d=>a.scope.performCancelEdit(a.scope.index)),onKeydown:t[3]||(t[3]=d=>a.scope.performSaveEdit(a.scope.index,d))},null,40,O)),[[s.vModelText,a.scope.tag.text]]):s.createCommentVNode("",!0)}const A=T._export_sfc(D,[["render",I],["__scopeId","data-v-a1f1c345"]]),h=e=>!e.some(t=>{const a=!t.text;a&&console.warn('Missing property "text"',t);let i=!1;return t.classes&&(i=typeof t.classes!="string"),i&&console.warn('Property "classes" must be type of string',t),a||i}),y=e=>!e.some(t=>{if(typeof t=="number"){const a=isFinite(t)&&Math.floor(t)===t;return a||console.warn("Only numerics are allowed for this prop. Found:",t),!a}else if(typeof t=="string"){const a=/\W|[a-z]|!\d/i.test(t);return a||console.warn("Only alpha strings are allowed for this prop. Found:",t),!a}else return console.warn("Only numeric and string values are allowed. Found:",t),!1}),b={modelValue:{type:String,default:"",required:!0},tags:{type:Array,default:()=>[],validator:h},autocompleteItems:{type:Array,default:()=>[],validator:h},allowEditTags:{type:Boolean,default:!1},autocompleteFilterDuplicates:{default:!0,type:Boolean},addOnlyFromAutocomplete:{type:Boolean,default:!1},autocompleteMinLength:{type:Number,default:1},autocompleteAlwaysOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:"Add Tag"},addOnKey:{type:Array,default:()=>[13],validator:y},saveOnKey:{type:Array,default:()=>[13],validator:y},maxTags:{type:Number},maxlength:{type:Number},validation:{type:Array,default:()=>[],validator(e){return!e.some(t=>{const a=!t.rule;a&&console.warn('Property "rule" is missing',t);const i=t.rule&&(typeof t.rule=="string"||t.rule instanceof RegExp||{}.toString.call(t.rule)==="[object Function]");i||console.warn("A rule must be type of string, RegExp or function. Found:",JSON.stringify(t.rule));const n=!t.classes;n&&console.warn('Property "classes" is missing',t);const l=t.type&&typeof t.type!="string";return l&&console.warn('Property "type" must be type of string. Found:',t),!i||a||n||l})}},separators:{type:Array,default:()=>[";"],validator(e){return!e.some(t=>{const a=typeof t!="string";return a&&console.warn("Separators must be type of string. Found:",t),a})}},avoidAddingDuplicates:{type:Boolean,default:!0},addOnBlur:{type:Boolean,default:!0},isDuplicate:{type:Function,default:null},addFromPaste:{type:Boolean,default:!0},deleteOnBackspace:{default:!0,type:Boolean},onBeforeAddingTag:Function,onBeforeDeletingTag:Function,onBeforeEditingTag:Function,onBeforeSavingTag:Function},F={name:"VueTagsInput",components:{TagInput:A},props:b,emits:["adding-duplicate","before-adding-tag","before-deleting-tag","before-editing-tag","before-saving-tag","max-tags-reached","saving-duplicate","tags-changed","tag-clicked","update:modelValue","update:tags"],inheritAttrs:!1,data(){return{tagCenter:[],newTag:null,tagsCopy:[],tagsEditStatus:null,deletionMark:null,deletionMarkTime:null,selectedItem:null,focused:null}},computed:{autocompleteOpen(){return this.autocompleteAlwaysOpen?!0:this.newTag!==null&&this.newTag.length>=this.autocompleteMinLength&&this.filteredAutocompleteItems.length>0&&this.focused},filteredAutocompleteItems(){const e=this.autocompleteItems.map(t=>m(t,this.tags,this.validation,this.isDuplicate));return this.autocompleteFilterDuplicates?e.filter(this.duplicateFilter):e}},methods:{createClasses:k,getSelectedIndex(e){const t=this.filteredAutocompleteItems,a=this.selectedItem,i=t.length-1;if(t.length!==0)return a===null?0:e==="before"&&a===0?i:e==="after"&&a===i?0:e==="after"?a+1:a-1},selectDefaultItem(){this.addOnlyFromAutocomplete&&this.filteredAutocompleteItems.length>0?this.selectedItem=0:this.selectedItem=null},selectItem(e,t){e.preventDefault(),this.selectedItem=this.getSelectedIndex(t)},isSelected(e){return this.selectedItem===e},isMarked(e){return this.deletionMark===e},setTagCenter(e){e&&this.tagCenter.push(e)},invokeDelete(){if(!this.deleteOnBackspace||this.newTag.length>0)return;const e=this.tagsCopy.length-1;this.deletionMark===null?(this.deletionMarkTime=setTimeout(()=>this.deletionMark=null,1e3),this.deletionMark=e):this.performDeleteTag(e)},addTagsFromPaste(){this.addFromPaste&&setTimeout(()=>this.performAddTags(this.newTag),10)},performEditTag(e){this.allowEditTags&&(this.onBeforeAddingTag||this.editTag(e),this.$emit("before-editing-tag",{index:e,tag:this.tagsCopy[e],editTag:()=>this.editTag(e)}))},editTag(e){this.allowEditTags&&(this.toggleEditMode(e),this.focus(e))},toggleEditMode(e){!this.allowEditTags||this.disabled||(this.tagsEditStatus[e]=!this.tagsEditStatus[e])},createChangedTag(e,t){const a=this.tagsCopy[e];a.text=t?t.target.value:this.tagsCopy[e].text,this.tagsCopy[e]=m(a,this.tagsCopy,this.validation,this.isDuplicate)},focus(e){this.$nextTick(()=>{const t=this.tagCenter[e].querySelector("input.ti-tag-input");t&&t.focus()})},quote(e){return e.replace(/([()[{*+.$^\\|?])/g,"\\$1")},cancelEdit(e){this.tags[e]&&(this.tagsCopy[e]=c(m(this.tags[e],this.tags,this.validation,this.isDuplicate)),this.tagsEditStatus[e]=!1)},hasForbiddingAddRule(e){return e.some(t=>{const a=this.validation.find(i=>t===i.classes);return a?a.disableAdd:!1})},createTagTexts(e){const t=new RegExp(this.separators.map(a=>this.quote(a)).join("|"));return e.split(t).map(a=>({text:a}))},performDeleteTag(e){this.onBeforeDeletingTag||this.deleteTag(e),this.$emit("before-deleting-tag",{index:e,tag:this.tagsCopy[e],deleteTag:()=>this.deleteTag(e)})},deleteTag(e){this.disabled||(this.deletionMark=null,clearTimeout(this.deletionMarkTime),this.tagsCopy.splice(e,1),this.$emit("update:tags",this.tagsCopy),this.$emit("tags-changed",this.tagsCopy))},noTriggerKey(e,t){const a=this[t].indexOf(e.keyCode)!==-1||this[t].indexOf(e.key)!==-1;return a&&e.preventDefault(),!a},performAddTags(e,t,a){if(this.disabled||t&&this.noTriggerKey(t,"addOnKey"))return;let i=[];typeof e=="object"&&(i=[e]),typeof e=="string"&&(i=this.createTagTexts(e)),i=i.filter(n=>n.text.trim().length>0),i.forEach(n=>{n=m(n,this.tags,this.validation,this.isDuplicate),this.onBeforeAddingTag||this.addTag(n,a),this.$emit("before-adding-tag",{tag:n,addTag:()=>this.addTag(n,a)})})},duplicateFilter(e){return this.isDuplicate?!this.isDuplicate(this.tagsCopy,e):!this.tagsCopy.find(t=>t.text===e.text)},addTag(e,t="new-tag-input"){const a=this.filteredAutocompleteItems.map(i=>i.text);this.addOnlyFromAutocomplete&&a.indexOf(e.text)===-1||this.$nextTick(()=>{if(this.maxTags&&this.maxTags<=this.tagsCopy.length)return this.$emit("max-tags-reached",e);if(this.avoidAddingDuplicates&&!this.duplicateFilter(e))return this.$emit("adding-duplicate",e);this.hasForbiddingAddRule(e.tiClasses)||(this.newTag="",this.tagsCopy.push(e),this.$emit("update:tags",this.tagsCopy),t==="autocomplete"&&this.$refs.newTagInput.focus(),this.$emit("tags-changed",this.tagsCopy))})},performSaveTag(e,t){const a=this.tagsCopy[e];this.disabled||t&&this.noTriggerKey(t,"addOnKey")||a.text.trim().length!==0&&(this["on-before-saving-tag"]||this.saveTag(e,a),this.$emit("before-saving-tag",{index:e,tag:a,saveTag:()=>this.saveTag(e,a)}))},saveTag(e,t){if(this.avoidAddingDuplicates){const a=c(this.tagsCopy),i=a.splice(e,1)[0];if(this.isDuplicate?this.isDuplicate(a,i):a.map(l=>l.text).indexOf(i.text)!==-1)return this.$emit("saving-duplicate",t)}this.hasForbiddingAddRule(t.tiClasses)||(this.tagsCopy[e]=t,this.toggleEditMode(e),this.$emit("update:tags",this.tagsCopy),this.$emit("tags-changed",this.tagsCopy))},tagsEqual(){return!this.tagsCopy.some((e,t)=>!B(e,this.tags[t]))},updateNewTag(e){const t=e.target.value;this.newTag=t,this.$emit("update:modelValue",t)},initTags(){this.tagsCopy=$(this.tags,this.validation,this.isDuplicate),this.tagsEditStatus=c(this.tags).map(()=>!1),this.tagsEqual()||this.$emit("update:tags",this.tagsCopy)},blurredOnClick(e){this.$el.contains(e.target)||this.$el.contains(document.activeElement)||this.performBlur(e)},performBlur(){this.addOnBlur&&this.focused&&this.performAddTags(this.newTag),this.focused=!1}},watch:{modelValue(e){this.addOnlyFromAutocomplete||(this.selectedItem=null),this.newTag=e},tags:{handler(){this.initTags()},deep:!0},autocompleteOpen:"selectDefaultItem"},created(){this.newTag=this.modelValue,this.initTags()},mounted(){this.selectDefaultItem(),document.addEventListener("click",this.blurredOnClick)},beforeUpdate(){this.tagCenter=[]},unmounted(){document.removeEventListener("click",this.blurredOnClick)}};const V={class:"ti-input"},N={key:0,class:"ti-tags"},M=["onClick"],K={class:"ti-content"},R={key:0,class:"ti-tag-left"},j=["onClick"],q={key:1,class:"ti-tag-right"},P={class:"ti-actions"},z=["onClick"],L=["onClick"],U={class:"ti-new-tag-input-wrapper"},J=["placeholder","value","maxlength","disabled"],H=["onMouseover"],W=["onClick"];function Y(e,t,a,i,n,l){const d=s.resolveComponent("tag-input");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vue-tags-input",[{"ti-disabled":e.disabled},{"ti-focus":e.focused},e.$attrs.class]]),style:s.normalizeStyle(e.$attrs.style)},[s.createElementVNode("div",V,[e.tagsCopy?(s.openBlock(),s.createElementBlock("ul",N,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.tagsCopy,(o,r)=>(s.openBlock(),s.createElementBlock("li",{key:r,style:s.normalizeStyle(o.style),class:s.normalizeClass([[{"ti-editing":e.tagsEditStatus[r]},o.tiClasses,o.classes,{"ti-deletion-mark":e.isMarked(r)}],"ti-tag"]),tabindex:"0",onClick:u=>e.$emit("tag-clicked",{tag:o,index:r})},[s.createElementVNode("div",K,[e.$slots["tag-left"]?(s.openBlock(),s.createElementBlock("div",R,[s.renderSlot(e.$slots,"tag-left",{tag:o,index:r,edit:e.tagsEditStatus[r],performSaveEdit:e.performSaveTag,performDelete:e.performDeleteTag,performCancelEdit:e.cancelEdit,performOpenEdit:e.performEditTag,deletionMark:e.isMarked(r)},void 0,!0)])):s.createCommentVNode("",!0),s.createElementVNode("div",{ref_for:!0,ref:e.setTagCenter,class:"ti-tag-center"},[e.$slots["tag-center"]?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("span",{key:0,class:s.normalizeClass({"ti-hidden":e.tagsEditStatus[r]}),onClick:u=>e.performEditTag(r)},s.toDisplayString(o.text),11,j)),e.$slots["tag-center"]?s.createCommentVNode("",!0):(s.openBlock(),s.createBlock(d,{key:1,scope:{edit:e.tagsEditStatus[r],maxlength:e.maxlength,tag:o,index:r,validateTag:e.createChangedTag,performCancelEdit:e.cancelEdit,performSaveEdit:e.performSaveTag}},null,8,["scope"])),s.renderSlot(e.$slots,"tag-center",{tag:o,index:r,maxlength:e.maxlength,edit:e.tagsEditStatus[r],performSaveEdit:e.performSaveTag,performDelete:e.performDeleteTag,performCancelEdit:e.cancelEdit,validateTag:e.createChangedTag,performOpenEdit:e.performEditTag,deletionMark:e.isMarked(r)},void 0,!0)],512),e.$slots["tag-right"]?(s.openBlock(),s.createElementBlock("div",q,[s.renderSlot(e.$slots,"tag-right",{tag:o,index:r,edit:e.tagsEditStatus[r],performSaveEdit:e.performSaveTag,performDelete:e.performDeleteTag,performCancelEdit:e.cancelEdit,performOpenEdit:e.performEditTag,deletionMark:e.isMarked(r)},void 0,!0)])):s.createCommentVNode("",!0)]),s.createElementVNode("div",P,[e.$slots["tag-actions"]?s.createCommentVNode("",!0):s.withDirectives((s.openBlock(),s.createElementBlock("i",{key:0,class:"ti-icon-undo",onClick:u=>e.cancelEdit(r)},null,8,z)),[[s.vShow,e.tagsEditStatus[r]]]),e.$slots["tag-actions"]?s.createCommentVNode("",!0):s.withDirectives((s.openBlock(),s.createElementBlock("i",{key:1,class:"ti-icon-close",onClick:u=>e.performDeleteTag(r)},null,8,L)),[[s.vShow,!e.tagsEditStatus[r]]]),e.$slots["tag-actions"]?s.renderSlot(e.$slots,"tag-actions",{key:2,tag:o,index:r,edit:e.tagsEditStatus[r],performSaveEdit:e.performSaveTag,performDelete:e.performDeleteTag,performCancelEdit:e.cancelEdit,performOpenEdit:e.performEditTag,deletionMark:e.isMarked(r)},void 0,!0):s.createCommentVNode("",!0)])],14,M))),128)),s.createElementVNode("li",U,[s.createElementVNode("input",s.mergeProps({ref:"newTagInput"},e.$attrs,{class:[[e.createClasses(e.newTag,e.tags,e.validation,e.isDuplicate)],"ti-new-tag-input"],placeholder:e.placeholder,value:e.newTag,maxlength:e.maxlength,disabled:e.disabled,type:"text",size:"1",onKeydown:[t[0]||(t[0]=o=>e.performAddTags(e.filteredAutocompleteItems[e.selectedItem]||e.newTag,o)),t[2]||(t[2]=s.withKeys((...o)=>e.invokeDelete&&e.invokeDelete(...o),["delete"])),t[3]||(t[3]=s.withKeys((...o)=>e.performBlur&&e.performBlur(...o),["tab"])),t[4]||(t[4]=s.withKeys(o=>e.selectItem(o,"before"),["up"])),t[5]||(t[5]=s.withKeys(o=>e.selectItem(o,"after"),["down"]))],onPaste:t[1]||(t[1]=(...o)=>e.addTagsFromPaste&&e.addTagsFromPaste(...o)),onInput:t[6]||(t[6]=(...o)=>e.updateNewTag&&e.updateNewTag(...o)),onFocus:t[7]||(t[7]=o=>e.focused=!0),onClick:t[8]||(t[8]=o=>e.addOnlyFromAutocomplete?!1:e.selectedItem=null)}),null,16,J)])])):s.createCommentVNode("",!0)]),s.renderSlot(e.$slots,"between-elements",{},void 0,!0),e.autocompleteOpen?(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["ti-autocomplete",e.$attrs.class]),onMouseout:t[9]||(t[9]=o=>e.selectedItem=null)},[s.renderSlot(e.$slots,"autocomplete-header",{},void 0,!0),s.createElementVNode("ul",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.filteredAutocompleteItems,(o,r)=>(s.openBlock(),s.createElementBlock("li",{key:r,style:s.normalizeStyle(o.style),class:s.normalizeClass([[o.tiClasses,o.classes,{"ti-selected-item":e.isSelected(r)}],"ti-item"]),onMouseover:u=>e.disabled?!1:e.selectedItem=r},[e.$slots["autocomplete-item"]?s.renderSlot(e.$slots,"autocomplete-item",{key:1,item:o,index:r,performAdd:u=>e.performAddTags(u,void 0,"autocomplete"),selected:e.isSelected(r)},void 0,!0):(s.openBlock(),s.createElementBlock("div",{key:0,onClick:u=>e.performAddTags(o,void 0,"autocomplete")},s.toDisplayString(o.text),9,W))],46,H))),128))]),s.renderSlot(e.$slots,"autocomplete-footer",{},void 0,!0)],34)):s.createCommentVNode("",!0)],6)}const G=T._export_sfc(F,[["render",Y],["__scopeId","data-v-d14eec25"]]);const Q=s.createElementVNode("h5",{class:"mn-thin"},"Tags (maximum 20):",-1),X={class:"mn-medium"},Z=s.createElementVNode("p",{class:"p-small mn-thin"},"Suggested:",-1),_=["onClick"],x={key:1},ee={__name:"BlockTags",props:["tags"],emits:["tags-changed"],setup(e,{emit:t}){const a=e,i=s.ref(""),n=s.ref([]),l=s.ref([{text:"story"},{text:"news"},{text:"guide"},{text:"discussion"},{text:"photos"}]);a.tags&&(n.value=a.tags.map(p=>({text:p})));const d=s.computed(()=>l.value.filter(p=>p.text.toLowerCase().includes(i.value.toLowerCase()))),o=s.computed(()=>l.value.filter(p=>!n.value.some(g=>g.text===p.text)));function r(p){n.value.push(p),t("tags-changed",n.value.map(g=>g.text))}function u(p){n.value=p,t("tags-changed",n.value.map(g=>g.text))}return(p,g)=>(s.openBlock(),s.createElementBlock("div",null,[Q,s.createVNode(G,{modelValue:i.value,"onUpdate:modelValue":g[0]||(g[0]=f=>i.value=f),tags:n.value,"autocomplete-items":s.unref(d),"add-on-key":[13,":",";",","],"save-on-key":[13,":",";",","],separators:[";",","],"max-tags":20,maxlength:20,placeholder:"Please add tags","add-from-paste":!0,"allow-edit-tags":!0,onTagsChanged:u,class:"mn-thin bg-grey radius-medium pd-small"},null,8,["modelValue","tags","autocomplete-items"]),s.createElementVNode("p",X,[Z,s.unref(o).length>0?(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:0},s.renderList(s.unref(o),(f,v)=>(s.openBlock(),s.createElementBlock("span",{onClick:te=>r(f),class:s.normalizeClass(["cursor-pointer ti-tag-toDefactor",{"mn-r-micro":v!==s.unref(o).length-1}])},s.toDisplayString(f.text),11,_))),256)):(s.openBlock(),s.createElementBlock("span",x,"You added all suggested tags"))])]))}};exports._sfc_main=ee;