@ozdao/prometheus-framework 0.1.82 → 0.1.83

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../../../../components/Field/Field.vue.cjs"),q=require("../../../../components/Button/Button.vue.cjs"),M=require("../../../../components/Select/Select.vue.cjs"),s=require("../../store/gallery.cjs"),P=require("../../../../components/EditImages/EditImages.vue.cjs");require("./BackofficeGallery.vue2.cjs");const j=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),c=i=>(e.pushScopeId("data-v-d6a1c805"),i=i(),e.popScopeId(),i),G={class:"pos-relative w-100"},D={class:"mn-semi flex-v-center flex-nowrap flex"},T=c(()=>e.createElementVNode("h1",{class:"mn-r-small"},"Manage Gallery",-1)),U=["data-id"],$=["src","onClick"],F={key:1,class:"radius-small bg-white"},O=["src","onClick"],L={class:"t-black p-small mn-thin"},A=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),H=c(()=>e.createElementVNode("br",null,null,-1)),R={class:"pd-2px radius-big d-inline-block bg-grey"},J={class:"t-black p-small mn-small uppe"},K=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),Q=c(()=>e.createElementVNode("br",null,null,-1)),W={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},X={class:"flex-nowrap flex"},Y=["onClick"],Z={class:"modal pd-thin"},ee={class:"modal-content radius-big"},te={class:""},le=["src"],oe={key:0,class:"flex-v-center flex m modal pd-big"},ae={class:"modal-content radius-small pd-medium bg-white"},se=["src"],ne=["src"],ce={__name:"BackofficeGallery",setup(i){const r=e.ref(!0),h=e.ref(null);let g=1;const f=10;let _=e.ref(null),k=e.ref(!1);const d=e.ref([]),E=o=>{d.value=o},w=e.computed(()=>y.value==="all"?s.state.gallery:s.state.gallery.filter(o=>o.categories.includes(y.value))),V=async()=>{k.value=!0,await s.actions.fetchGallery(g,f),k.value=!1},u=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),m=e.ref(null),v=o=>{console.log(r.value),r.value?N(o):(u.value="modal",t.value.image=o,b())},N=o=>{u.value="edit-modal",t.value=o||{categories:"",size:"",image:null},b()},n=()=>{t.value={categories:"",size:"",image:!1},m.value=null,B()},b=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},B=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],x=async o=>{await s.actions.deletePhoto(o)},S=async()=>{await s.actions.updatePhoto(t.value),n()},z=async o=>{if(d.length<1||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({images:d.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(a=>a.trim()):t.value.categories}),n()};let y=e.ref("all");return e.onMounted(async()=>{await s.actions.fetchGallery(g,f),typeof window<"u"&&new IntersectionObserver(a=>{a.some(l=>l.isIntersecting)&&(g+=1,V())}).observe(_.value)}),(o,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",D,[T,r.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=l=>v(null)),class:"t-white t-black bg-second i-big radius-extra"},"+")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:h,class:"cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w),(l,re)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!r.value&&h.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:p=>v(l.image)},null,8,$)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:p=>v(l)},null,8,O),e.createElementVNode("p",L,[A,H,e.createElementVNode("span",R,e.toDisplayString(l.size.name),1)]),e.createElementVNode("p",J,[K,Q,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.categories,p=>(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(p),1))),256))]),e.createElementVNode("div",X,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:p=>x(l._id)},"Delete",8,Y)])]))]),_:2},1024)],8,U))),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",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,le)])])],512),[[e.vShow,t.value.image!==!1&&u.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&u.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof m.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:m.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,se)):e.createCommentVNode("",!0),typeof m.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,ne)):e.createCommentVNode("",!0),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":a[1]||(a[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(I.default,{field:t.value.categories,"onUpdate:field":a[2]||(a[2]=l=>t.value.categories=l),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(P.default,{images:d.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(q.default,{submit:t.value._id?S:z,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},ie=j.default(ce,[["__scopeId","data-v-d6a1c805"]]);exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../../../../components/Field/Field.vue2.cjs"),q=require("../../../../components/Button/Button.vue2.cjs"),M=require("../../../../components/Select/Select.vue2.cjs"),s=require("../../store/gallery.cjs"),P=require("../../../../components/EditImages/EditImages.vue.cjs");require("./BackofficeGallery.vue2.cjs");const j=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),c=i=>(e.pushScopeId("data-v-d6a1c805"),i=i(),e.popScopeId(),i),G={class:"pos-relative w-100"},D={class:"mn-semi flex-v-center flex-nowrap flex"},T=c(()=>e.createElementVNode("h1",{class:"mn-r-small"},"Manage Gallery",-1)),U=["data-id"],$=["src","onClick"],F={key:1,class:"radius-small bg-white"},O=["src","onClick"],L={class:"t-black p-small mn-thin"},A=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Size",-1)),H=c(()=>e.createElementVNode("br",null,null,-1)),R={class:"pd-2px radius-big d-inline-block bg-grey"},J={class:"t-black p-small mn-small uppe"},K=c(()=>e.createElementVNode("span",{class:"uppercase t-transp"},"Categories",-1)),Q=c(()=>e.createElementVNode("br",null,null,-1)),W={class:"pd-2px radius-big d-inline-block bg-grey t-semi"},X={class:"flex-nowrap flex"},Y=["onClick"],Z={class:"modal pd-thin"},ee={class:"modal-content radius-big"},te={class:""},le=["src"],oe={key:0,class:"flex-v-center flex m modal pd-big"},ae={class:"modal-content radius-small pd-medium bg-white"},se=["src"],ne=["src"],y=10,ce={__name:"BackofficeGallery",setup(i){const r=e.ref(!0),h=e.ref(null);let v=1,f=e.ref(null),_=e.ref(!1);const d=e.ref([]),E=o=>{d.value=o},w=e.computed(()=>b.value==="all"?s.state.gallery:s.state.gallery.filter(o=>o.categories.includes(b.value))),V=async()=>{_.value=!0,await s.actions.fetchGallery(v,y),_.value=!1},u=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),m=e.ref(null),g=o=>{console.log(r.value),r.value?N(o):(u.value="modal",t.value.image=o,k())},N=o=>{u.value="edit-modal",t.value=o||{categories:"",size:"",image:null},k()},n=()=>{t.value={categories:"",size:"",image:!1},m.value=null,B()},k=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},B=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],x=async o=>{await s.actions.deletePhoto(o)},S=async()=>{await s.actions.updatePhoto(t.value),n()},z=async o=>{if(d.length<1||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({images:d.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(a=>a.trim()):t.value.categories}),n()};let b=e.ref("all");return e.onMounted(async()=>{await s.actions.fetchGallery(v,y),typeof window<"u"&&new IntersectionObserver(a=>{a.some(l=>l.isIntersecting)&&(v+=1,V())}).observe(f.value)}),(o,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",D,[T,r.value?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=l=>g(null)),class:"t-white t-black bg-second i-big radius-extra"},"+")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:h,class:"cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(l,re)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[!r.value&&h.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:p=>g(l.image)},null,8,$)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 radius-small mn-small h-10r object-fit-cover",onClick:p=>g(l)},null,8,O),e.createElementVNode("p",L,[A,H,e.createElementVNode("span",R,e.toDisplayString(l.size.name),1)]),e.createElementVNode("p",J,[K,Q,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.categories,p=>(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(p),1))),256))]),e.createElementVNode("div",X,[e.createElementVNode("button",{class:"button-small w-100 button",onClick:p=>x(l._id)},"Delete",8,Y)])]))]),_:2},1024)],8,U))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:f,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,le)])])],512),[[e.vShow,t.value.image!==!1&&u.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&u.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof m.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:m.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,se)):e.createCommentVNode("",!0),typeof m.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,ne)):e.createCommentVNode("",!0),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":a[1]||(a[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(I.default,{field:t.value.categories,"onUpdate:field":a[2]||(a[2]=l=>t.value.categories=l),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(P.default,{images:d.value,"onUpdate:images":E,uploadPath:"photos",class:"mn-semi"},null,8,["images"]),e.createVNode(q.default,{submit:t.value._id?S:z,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},ie=j.default(ce,[["__scopeId","data-v-d6a1c805"]]);exports.default=ie;

package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js

@@ -1,47 +1,45 @@
-import { ref as n, computed as q, onMounted as A, openBlock as a, createElementBlock as o, createElementVNode as t, createCommentVNode as f, Fragment as M, renderList as G, unref as L, createVNode as c, Transition as w, withCtx as b, toDisplayString as x, withDirectives as R, vShow as H, createTextVNode as J, pushScopeId as K, popScopeId as Q } from "vue";
-import W from "../../../../components/Field/Field.vue.js";
-import X from "../../../../components/Button/Button.vue.js";
-import Y from "../../../../components/Select/Select.vue.js";
-import { state as $, actions as d } from "../../store/gallery.js";
-import Z from "../../../../components/EditImages/EditImages.vue.js";
+import { ref as n, computed as q, onMounted as A, openBlock as a, createElementBlock as o, createElementVNode as t, createCommentVNode as f, Fragment as E, renderList as M, createVNode as c, Transition as w, withCtx as b, toDisplayString as x, withDirectives as L, vShow as R, createTextVNode as H, pushScopeId as J, popScopeId as K } from "vue";
+import Q from "../../../../components/Field/Field.vue2.js";
+import W from "../../../../components/Button/Button.vue2.js";
+import X from "../../../../components/Select/Select.vue2.js";
+import { state as G, actions as d } from "../../store/gallery.js";
+import Y from "../../../../components/EditImages/EditImages.vue.js";
 import "./BackofficeGallery.vue2.js";
-import ee from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-relative w-100" }, le = { class: "mn-semi flex-v-center flex-nowrap flex" }, se = /* @__PURE__ */ u(() => /* @__PURE__ */ t("h1", { class: "mn-r-small" }, "Manage Gallery", -1)), ae = ["data-id"], oe = ["src", "onClick"], ie = {
+import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = (m) => (J("data-v-d6a1c805"), m = m(), K(), m), ee = { class: "pos-relative w-100" }, te = { class: "mn-semi flex-v-center flex-nowrap flex" }, le = /* @__PURE__ */ u(() => /* @__PURE__ */ t("h1", { class: "mn-r-small" }, "Manage Gallery", -1)), se = ["data-id"], ae = ["src", "onClick"], oe = {
   key: 1,
   class: "radius-small bg-white"
-}, ne = ["src", "onClick"], ce = { class: "t-black p-small mn-thin" }, re = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Size", -1)), de = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ue = { class: "pd-2px radius-big d-inline-block bg-grey" }, me = { class: "t-black p-small mn-small uppe" }, pe = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Categories", -1)), ve = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ge = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, he = { class: "flex-nowrap flex" }, _e = ["onClick"], fe = { class: "modal pd-thin" }, be = { class: "modal-content radius-big" }, ye = { class: "" }, ke = ["src"], we = {
+}, ie = ["src", "onClick"], ne = { class: "t-black p-small mn-thin" }, ce = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Size", -1)), re = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), de = { class: "pd-2px radius-big d-inline-block bg-grey" }, ue = { class: "t-black p-small mn-small uppe" }, me = /* @__PURE__ */ u(() => /* @__PURE__ */ t("span", { class: "uppercase t-transp" }, "Categories", -1)), pe = /* @__PURE__ */ u(() => /* @__PURE__ */ t("br", null, null, -1)), ve = { class: "pd-2px radius-big d-inline-block bg-grey t-semi" }, ge = { class: "flex-nowrap flex" }, he = ["onClick"], _e = { class: "modal pd-thin" }, fe = { class: "modal-content radius-big" }, be = { class: "" }, ye = ["src"], ke = {
   key: 0,
   class: "flex-v-center flex m modal pd-big"
-}, xe = { class: "modal-content radius-small pd-medium bg-white" }, Ce = ["src"], ze = ["src"], Se = {
+}, we = { class: "modal-content radius-small pd-medium bg-white" }, xe = ["src"], Ce = ["src"], $ = 10, ze = {
   __name: "BackofficeGallery",
   setup(m) {
     const p = n(!0), C = n(null);
-    let y = 1;
-    const z = 10;
-    let S = n(null), I = n(!1);
+    let y = 1, z = n(null), S = n(!1);
     const v = n([]), j = (s) => {
       v.value = s;
-    }, B = q(() => E.value === "all" ? $.gallery : $.gallery.filter((s) => s.categories.includes(E.value))), U = async () => {
-      I.value = !0, await d.fetchGallery(y, z), I.value = !1;
+    }, B = q(() => P.value === "all" ? G.gallery : G.gallery.filter((s) => s.categories.includes(P.value))), U = async () => {
+      S.value = !0, await d.fetchGallery(y, $), S.value = !1;
     }, g = n(null), e = n({
       categories: "",
       size: "",
       image: !1
     }), h = n(null), k = (s) => {
-      console.log(p.value), p.value ? N(s) : (g.value = "modal", e.value.image = s, P());
+      console.log(p.value), p.value ? N(s) : (g.value = "modal", e.value.image = s, I());
     }, N = (s) => {
       g.value = "edit-modal", e.value = s || {
         categories: "",
         size: "",
         image: null
-      }, P();
+      }, I();
     }, r = () => {
       e.value = {
         categories: "",
         size: "",
         image: !1
       }, h.value = null, V();
-    }, P = () => {
+    }, I = () => {
       document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden";
     }, V = () => {
       document.body.style.overflow = "", document.documentElement.style.overflow = "";
@@ -65,14 +63,14 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
         categories: typeof e.value.categories == "string" ? e.value.categories.split(",").map((i) => i.trim()) : e.value.categories
       }), r();
     };
-    let E = n("all");
+    let P = n("all");
     return A(async () => {
-      await d.fetchGallery(y, z), typeof window < "u" && new IntersectionObserver((i) => {
+      await d.fetchGallery(y, $), typeof window < "u" && new IntersectionObserver((i) => {
         i.some((l) => l.isIntersecting) && (y += 1, U());
-      }).observe(S.value);
-    }), (s, i) => (a(), o("div", te, [
-      t("div", le, [
-        se,
+      }).observe(z.value);
+    }), (s, i) => (a(), o("div", ee, [
+      t("div", te, [
+        le,
         p.value ? (a(), o("button", {
           key: 0,
           onClick: i[0] || (i[0] = (l) => k(null)),
@@ -84,7 +82,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
         ref: C,
         class: "cols-4 gap-thin"
       }, [
-        (a(!0), o(M, null, G(L(B), (l, Ie) => (a(), o("div", {
+        (a(!0), o(E, null, M(B.value, (l, Se) => (a(), o("div", {
           key: l.id,
           "data-id": l.id
         }, [
@@ -98,62 +96,62 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                 src: "https://thecommunephuket.com/photos/" + l.cover,
                 class: "w-100 h-100 o-hidden radius-medium object-fit-cover",
                 onClick: (_) => k(l.image)
-              }, null, 8, oe)) : (a(), o("div", ie, [
+              }, null, 8, ae)) : (a(), o("div", oe, [
                 t("img", {
                   src: "https://thecommunephuket.com/photos/" + l.cover,
                   class: "w-100 radius-small mn-small h-10r object-fit-cover",
                   onClick: (_) => k(l)
-                }, null, 8, ne),
-                t("p", ce, [
+                }, null, 8, ie),
+                t("p", ne, [
+                  ce,
                   re,
-                  de,
-                  t("span", ue, x(l.size.name), 1)
+                  t("span", de, x(l.size.name), 1)
                 ]),
-                t("p", me, [
+                t("p", ue, [
+                  me,
                   pe,
-                  ve,
-                  (a(!0), o(M, null, G(l.categories, (_) => (a(), o("span", ge, x(_), 1))), 256))
+                  (a(!0), o(E, null, M(l.categories, (_) => (a(), o("span", ve, x(_), 1))), 256))
                 ]),
-                t("div", he, [
+                t("div", ge, [
                   t("button", {
                     class: "button-small w-100 button",
                     onClick: (_) => F(l._id)
-                  }, "Delete", 8, _e)
+                  }, "Delete", 8, he)
                 ])
               ]))
             ]),
             _: 2
           }, 1024)
-        ], 8, ae))), 128)),
+        ], 8, se))), 128)),
         t("div", {
           ref_key: "sentinel",
-          ref: S,
+          ref: z,
           class: "sentinel"
         }, null, 512),
         c(w, { name: "modal" }, {
           default: b(() => [
-            R(t("div", fe, [
-              t("div", be, [
-                t("div", ye, [
+            L(t("div", _e, [
+              t("div", fe, [
+                t("div", be, [
                   t("span", {
                     class: "close",
                     onClick: r
                   }, "×"),
                   t("img", {
                     src: "https://thecommunephuket.com/photos/" + e.value.image
-                  }, null, 8, ke)
+                  }, null, 8, ye)
                 ])
               ])
             ], 512), [
-              [H, e.value.image !== !1 && g.value === "modal"]
+              [R, e.value.image !== !1 && g.value === "modal"]
             ])
           ]),
           _: 1
         }),
         c(w, { name: "modal" }, {
           default: b(() => [
-            e.value.image !== !1 && g.value === "edit-modal" ? (a(), o("div", we, [
-              t("div", xe, [
+            e.value.image !== !1 && g.value === "edit-modal" ? (a(), o("div", ke, [
+              t("div", we, [
                 t("span", {
                   class: "close",
                   onClick: r
@@ -162,13 +160,13 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   key: 0,
                   src: h.value,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover"
-                }, null, 8, Ce)) : f("", !0),
+                }, null, 8, xe)) : f("", !0),
                 typeof h.value == "object" && e.value.image !== null ? (a(), o("img", {
                   key: 1,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover",
                   src: "/photos/" + e.value.cover
-                }, null, 8, ze)) : f("", !0),
-                c(Y, {
+                }, null, 8, Ce)) : f("", !0),
+                c(X, {
                   options: D,
                   label: "Size",
                   select: e.value.size,
@@ -176,7 +174,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   placeholder: "Select Size",
                   class: "bg-grey pd-thin radius-small mn-thin t-black"
                 }, null, 8, ["select"]),
-                c(W, {
+                c(Q, {
                   field: e.value.categories,
                   "onUpdate:field": i[2] || (i[2] = (l) => e.value.categories = l),
                   type: "text",
@@ -184,19 +182,19 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
                   placeholder: "Enter categories for image (comma separated)",
                   class: "bg-grey pd-thin radius-small mn-medium t-black"
                 }, null, 8, ["field"]),
-                c(Z, {
+                c(Y, {
                   images: v.value,
                   "onUpdate:images": j,
                   uploadPath: "photos",
                   class: "mn-semi"
                 }, null, 8, ["images"]),
-                c(X, {
+                c(W, {
                   submit: e.value._id ? O : T,
                   callback: r,
                   class: "mn-thin"
                 }, {
                   default: b(() => [
-                    J(x(e.value._id ? "Update" : "Create"), 1)
+                    H(x(e.value._id ? "Update" : "Create"), 1)
                   ]),
                   _: 1
                 }, 8, ["submit"])
@@ -208,7 +206,7 @@ const u = (m) => (K("data-v-d6a1c805"), m = m(), Q(), m), te = { class: "pos-rel
       ], 512)
     ]));
   }
-}, Ne = /* @__PURE__ */ ee(Se, [["__scopeId", "data-v-d6a1c805"]]);
+}, Ue = /* @__PURE__ */ Z(ze, [["__scopeId", "data-v-d6a1c805"]]);
 export {
-  Ne as default
+  Ue as default
 };

package/dist/prometheus-framework/src/modules/gallery/components/sections/GalleryWithCategories.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("vue-router"),S=require("../../../../components/Field/Field.vue.cjs"),q=require("../../../../components/Button/Button.vue.cjs"),M=require("../../../../components/Select/Select.vue.cjs"),F=require("../../../../components/Upload/Upload.vue.cjs"),s=require("../../store/gallery.cjs");require("./GalleryWithCategories.vue2.cjs");const I=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),P={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},j=["onClick"],G=["data-id"],R=["src","onClick"],T={class:"modal pd-thin"},U={class:"modal-content radius-big"},D={class:""},L=["src"],O={key:0,class:"flex-v-center flex m modal pd-big"},$={class:"modal-content radius-small pd-medium bg-white"},A=["src"],W=["src"],H={__name:"GalleryWithCategories",setup(K){z.useRoute();const h=!1,m=e.ref(null),_=["all","place","drinks","people","events"];let d=1;const v=10;let g=e.ref(null),p=e.ref(!1);const k=e.computed(()=>c.value==="all"?s.state.gallery:s.state.gallery.filter(a=>a.categories.includes(c.value))),y=async()=>{p.value=!0,await s.actions.fetchGallery(d,v),p.value=!1},r=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),i=e.ref(null),b=a=>{h.value?w(a):(r.value="modal",t.value.image=a,f())},w=a=>{r.value="edit-modal",t.value=a||{categories:"",size:"",image:null},f()},n=()=>{t.value={categories:"",size:"",image:!1},i.value=null,V()},f=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},V=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},C=[{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"}],E=async()=>{await s.actions.updatePhoto(t.value),n()},N=a=>{const o=a.files;if(t.value.image=o,o&&o.length>0){const l=new FileReader;l.onload=u=>{i.value=u.target.result},l.readAsDataURL(o[0])}},B=async a=>{if(!t.value.image||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({...t.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(o=>o.trim()):t.value.categories}),n()};let c=e.ref("all");const x=a=>{c.value=a};return e.onMounted(async()=>{await s.actions.fetchGallery(d,v),typeof window<"u"&&new IntersectionObserver(o=>{o.some(l=>l.isIntersecting)&&(d+=1,y())}).observe(g.value)}),(a,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",P,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_,l=>e.createElementVNode("a",{key:l,onClick:u=>x(l),class:e.normalizeClass(["h3 uppercase mn-r-big",{"t-transp":e.unref(c)!==l}])},e.toDisplayString(a.$t("gallery.categories."+l)),11,j)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:m,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:Q=>b(l.image)},null,8,R)):e.createCommentVNode("",!0)]),_:2},1024)],8,G))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:g,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",U,[e.createElementVNode("div",D,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,L)])])],512),[[e.vShow,t.value.image!==!1&&r.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&r.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",$,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof i.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,A)):e.createCommentVNode("",!0),typeof i.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,W)):e.createCommentVNode("",!0),t.value._id?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F.default,{key:2,id:"photo",name:"photo",type:"file",class:"t-black bg-grey pd-thin radius-small mn-thin",onFileChange:N,multiple:"true"})),e.createVNode(M.default,{options:C,label:"Size",select:t.value.size,"onUpdate:select":o[1]||(o[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(S.default,{field:t.value.categories,"onUpdate:field":o[2]||(o[2]=l=>t.value.categories=l),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(q.default,{submit:t.value._id?E:B,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},J=I.default(H,[["__scopeId","data-v-34379ac8"]]);exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("vue-router"),z=require("../../../../components/Field/Field.vue2.cjs"),S=require("../../../../components/Button/Button.vue2.cjs"),q=require("../../../../components/Select/Select.vue2.cjs"),M=require("../../../../components/Upload/Upload.vue.cjs"),s=require("../../store/gallery.cjs");require("./GalleryWithCategories.vue2.cjs");const F=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),I={class:"pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll"},P=["onClick"],j=["data-id"],G=["src","onClick"],R={class:"modal pd-thin"},T={class:"modal-content radius-big"},U={class:""},D=["src"],L={key:0,class:"flex-v-center flex m modal pd-big"},O={class:"modal-content radius-small pd-medium bg-white"},$=["src"],A=["src"],W=!1,h=10,H={__name:"GalleryWithCategories",setup(K){x.useRoute();const m=e.ref(null),f=["all","place","drinks","people","events"];let d=1,v=e.ref(null),g=e.ref(!1);const _=e.computed(()=>c.value==="all"?s.state.gallery:s.state.gallery.filter(a=>a.categories.includes(c.value))),k=async()=>{g.value=!0,await s.actions.fetchGallery(d,h),g.value=!1},r=e.ref(null),t=e.ref({categories:"",size:"",image:!1}),i=e.ref(null),y=a=>{W.value?b(a):(r.value="modal",t.value.image=a,p())},b=a=>{r.value="edit-modal",t.value=a||{categories:"",size:"",image:null},p()},n=()=>{t.value={categories:"",size:"",image:!1},i.value=null,w()},p=()=>{document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"},w=()=>{document.body.style.overflow="",document.documentElement.style.overflow=""},V=[{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"}],C=async()=>{await s.actions.updatePhoto(t.value),n()},E=a=>{const o=a.files;if(t.value.image=o,o&&o.length>0){const l=new FileReader;l.onload=u=>{i.value=u.target.result},l.readAsDataURL(o[0])}},N=async a=>{if(!t.value.image||!t.value.categories||!t.value.size){console.error("All fields are required.");return}await s.actions.createPhoto({...t.value,size:t.value.size,categories:typeof t.value.categories=="string"?t.value.categories.split(",").map(o=>o.trim()):t.value.categories}),n()};let c=e.ref("all");const B=a=>{c.value=a};return e.onMounted(async()=>{await s.actions.fetchGallery(d,h),typeof window<"u"&&new IntersectionObserver(o=>{o.some(l=>l.isIntersecting)&&(d+=1,k())}).observe(v.value)}),(a,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",I,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(f,l=>e.createElementVNode("a",{key:l,onClick:u=>B(l),class:e.normalizeClass(["h3 uppercase mn-r-big",{"t-transp":e.unref(c)!==l}])},e.toDisplayString(a.$t("gallery.categories."+l)),11,P)),64)),e.createCommentVNode("",!0)]),e.createElementVNode("div",{ref_key:"grid",ref:m,class:"pd-medium cols-4 gap-thin"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,"data-id":l.id},[e.createVNode(e.Transition,{name:"scaleIn",mode:"in-out"},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:"https://thecommunephuket.com/photos/"+l.cover,class:"w-100 h-100 o-hidden radius-medium object-fit-cover",onClick:Q=>y(l.image)},null,8,G)):e.createCommentVNode("",!0)]),_:2},1024)],8,j))),128)),e.createElementVNode("div",{ref_key:"sentinel",ref:v,class:"sentinel"},null,512),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",R,[e.createElementVNode("div",T,[e.createElementVNode("div",U,[e.createElementVNode("span",{class:"close",onClick:n},"×"),e.createElementVNode("img",{src:"https://thecommunephuket.com/photos/"+t.value.image},null,8,D)])])],512),[[e.vShow,t.value.image!==!1&&r.value==="modal"]])]),_:1}),e.createVNode(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.value.image!==!1&&r.value==="edit-modal"?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",O,[e.createElementVNode("span",{class:"close",onClick:n},"×"),typeof i.value=="string"?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,class:"radius-small w-100 mn-small h-20r object-fit-cover"},null,8,$)):e.createCommentVNode("",!0),typeof i.value=="object"&&t.value.image!==null?(e.openBlock(),e.createElementBlock("img",{key:1,class:"radius-small w-100 mn-small h-20r object-fit-cover",src:"/photos/"+t.value.cover},null,8,A)):e.createCommentVNode("",!0),t.value._id?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(M.default,{key:2,id:"photo",name:"photo",type:"file",class:"t-black bg-grey pd-thin radius-small mn-thin",onFileChange:E,multiple:"true"})),e.createVNode(q.default,{options:V,label:"Size",select:t.value.size,"onUpdate:select":o[1]||(o[1]=l=>t.value.size=l),placeholder:"Select Size",class:"bg-grey pd-thin radius-small mn-thin t-black"},null,8,["select"]),e.createVNode(z.default,{field:t.value.categories,"onUpdate:field":o[2]||(o[2]=l=>t.value.categories=l),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(S.default,{submit:t.value._id?C:N,callback:n,class:"mn-thin"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value._id?"Update":"Create"),1)]),_:1},8,["submit"])])])):e.createCommentVNode("",!0)]),_:1})],512)]))}},J=F.default(H,[["__scopeId","data-v-34379ac8"]]);exports.default=J;

package/dist/prometheus-framework/src/modules/gallery/components/sections/GalleryWithCategories.vue.js

@@ -1,55 +1,53 @@
-import { ref as n, computed as A, onMounted as L, openBlock as o, createElementBlock as i, createElementVNode as s, Fragment as z, renderList as x, normalizeClass as O, unref as S, toDisplayString as E, createCommentVNode as r, createVNode as c, Transition as _, withCtx as p, withDirectives as T, vShow as W, createBlock as q, createTextVNode as H } from "vue";
-import { useRoute as J } from "vue-router";
-import K from "../../../../components/Field/Field.vue.js";
-import Q from "../../../../components/Button/Button.vue.js";
-import X from "../../../../components/Select/Select.vue.js";
-import Y from "../../../../components/Upload/Upload.vue.js";
-import { state as I, actions as g } from "../../store/gallery.js";
+import { ref as n, computed as $, onMounted as D, openBlock as o, createElementBlock as i, createElementVNode as s, Fragment as C, renderList as z, normalizeClass as A, unref as L, toDisplayString as x, createCommentVNode as r, createVNode as c, Transition as _, withCtx as p, withDirectives as O, vShow as T, createBlock as W, createTextVNode as q } from "vue";
+import { useRoute as H } from "vue-router";
+import J from "../../../../components/Field/Field.vue2.js";
+import K from "../../../../components/Button/Button.vue2.js";
+import Q from "../../../../components/Select/Select.vue2.js";
+import X from "../../../../components/Upload/Upload.vue.js";
+import { state as S, actions as g } from "../../store/gallery.js";
 import "./GalleryWithCategories.vue2.js";
-import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" }, le = ["onClick"], te = ["data-id"], ae = ["src", "onClick"], se = { class: "modal pd-thin" }, oe = { class: "modal-content radius-big" }, ie = { class: "" }, ne = ["src"], re = {
+import Y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const Z = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" }, ee = ["onClick"], le = ["data-id"], te = ["src", "onClick"], ae = { class: "modal pd-thin" }, se = { class: "modal-content radius-big" }, oe = { class: "" }, ie = ["src"], ne = {
   key: 0,
   class: "flex-v-center flex m modal pd-big"
-}, ce = { class: "modal-content radius-small pd-medium bg-white" }, de = ["src"], ue = ["src"], me = {
+}, re = { class: "modal-content radius-small pd-medium bg-white" }, ce = ["src"], de = ["src"], ue = !1, E = 10, me = {
   __name: "GalleryWithCategories",
   setup(ve) {
-    J();
-    const M = !1, y = n(null), F = ["all", "place", "drinks", "people", "events"];
-    let f = 1;
-    const b = 10;
-    let k = n(null), w = n(!1);
-    const G = A(() => v.value === "all" ? I.gallery : I.gallery.filter((t) => t.categories.includes(v.value))), P = async () => {
-      w.value = !0, await g.fetchGallery(f, b), w.value = !1;
+    H();
+    const y = n(null), I = ["all", "place", "drinks", "people", "events"];
+    let f = 1, b = n(null), k = n(!1);
+    const M = $(() => v.value === "all" ? S.gallery : S.gallery.filter((t) => t.categories.includes(v.value))), F = async () => {
+      k.value = !0, await g.fetchGallery(f, E), k.value = !1;
     }, m = n(null), e = n({
       categories: "",
       size: "",
       image: !1
-    }), d = n(null), U = (t) => {
-      M.value ? j(t) : (m.value = "modal", e.value.image = t, C());
-    }, j = (t) => {
+    }), d = n(null), G = (t) => {
+      ue.value ? P(t) : (m.value = "modal", e.value.image = t, w());
+    }, P = (t) => {
       m.value = "edit-modal", e.value = t || {
         categories: "",
         size: "",
         image: null
-      }, C();
+      }, w();
     }, u = () => {
       e.value = {
         categories: "",
         size: "",
         image: !1
-      }, d.value = null, B();
-    }, C = () => {
+      }, d.value = null, U();
+    }, w = () => {
       document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden";
-    }, B = () => {
+    }, U = () => {
       document.body.style.overflow = "", document.documentElement.style.overflow = "";
-    }, N = [
+    }, j = [
       { 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" }
-    ], R = async () => {
+    ], B = async () => {
       await g.updatePhoto(e.value), u();
-    }, V = (t) => {
+    }, N = (t) => {
       const a = t.files;
       if (e.value.image = a, a && a.length > 0) {
         const l = new FileReader();
@@ -57,7 +55,7 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
           d.value = h.target.result;
         }, l.readAsDataURL(a[0]);
       }
-    }, $ = async (t) => {
+    }, R = async (t) => {
       if (!e.value.image || !e.value.categories || !e.value.size) {
         console.error("All fields are required.");
         return;
@@ -69,20 +67,20 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
       }), u();
     };
     let v = n("all");
-    const D = (t) => {
+    const V = (t) => {
       v.value = t;
     };
-    return L(async () => {
-      await g.fetchGallery(f, b), typeof window < "u" && new IntersectionObserver((a) => {
-        a.some((l) => l.isIntersecting) && (f += 1, P());
-      }).observe(k.value);
+    return D(async () => {
+      await g.fetchGallery(f, E), typeof window < "u" && new IntersectionObserver((a) => {
+        a.some((l) => l.isIntersecting) && (f += 1, F());
+      }).observe(b.value);
     }), (t, a) => (o(), i("div", null, [
-      s("div", ee, [
-        (o(), i(z, null, x(F, (l) => s("a", {
+      s("div", Z, [
+        (o(), i(C, null, z(I, (l) => s("a", {
           key: l,
-          onClick: (h) => D(l),
-          class: O(["h3 uppercase mn-r-big", { "t-transp": S(v) !== l }])
-        }, E(t.$t("gallery.categories." + l)), 11, le)), 64)),
+          onClick: (h) => V(l),
+          class: A(["h3 uppercase mn-r-big", { "t-transp": L(v) !== l }])
+        }, x(t.$t("gallery.categories." + l)), 11, ee)), 64)),
         r("", !0)
       ]),
       s("div", {
@@ -90,7 +88,7 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
         ref: y,
         class: "pd-medium cols-4 gap-thin"
       }, [
-        (o(!0), i(z, null, x(S(G), (l, h) => (o(), i("div", {
+        (o(!0), i(C, null, z(M.value, (l, h) => (o(), i("div", {
           key: l.id,
           "data-id": l.id
         }, [
@@ -103,41 +101,41 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
                 key: 0,
                 src: "https://thecommunephuket.com/photos/" + l.cover,
                 class: "w-100 h-100 o-hidden radius-medium object-fit-cover",
-                onClick: (pe) => U(l.image)
-              }, null, 8, ae)) : r("", !0)
+                onClick: (pe) => G(l.image)
+              }, null, 8, te)) : r("", !0)
             ]),
             _: 2
           }, 1024)
-        ], 8, te))), 128)),
+        ], 8, le))), 128)),
         s("div", {
           ref_key: "sentinel",
-          ref: k,
+          ref: b,
           class: "sentinel"
         }, null, 512),
         c(_, { name: "modal" }, {
           default: p(() => [
-            T(s("div", se, [
-              s("div", oe, [
-                s("div", ie, [
+            O(s("div", ae, [
+              s("div", se, [
+                s("div", oe, [
                   s("span", {
                     class: "close",
                     onClick: u
                   }, "×"),
                   s("img", {
                     src: "https://thecommunephuket.com/photos/" + e.value.image
-                  }, null, 8, ne)
+                  }, null, 8, ie)
                 ])
               ])
             ], 512), [
-              [W, e.value.image !== !1 && m.value === "modal"]
+              [T, e.value.image !== !1 && m.value === "modal"]
             ])
           ]),
           _: 1
         }),
         c(_, { name: "modal" }, {
           default: p(() => [
-            e.value.image !== !1 && m.value === "edit-modal" ? (o(), i("div", re, [
-              s("div", ce, [
+            e.value.image !== !1 && m.value === "edit-modal" ? (o(), i("div", ne, [
+              s("div", re, [
                 s("span", {
                   class: "close",
                   onClick: u
@@ -146,30 +144,30 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
                   key: 0,
                   src: d.value,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover"
-                }, null, 8, de)) : r("", !0),
+                }, null, 8, ce)) : r("", !0),
                 typeof d.value == "object" && e.value.image !== null ? (o(), i("img", {
                   key: 1,
                   class: "radius-small w-100 mn-small h-20r object-fit-cover",
                   src: "/photos/" + e.value.cover
-                }, null, 8, ue)) : r("", !0),
-                e.value._id ? r("", !0) : (o(), q(Y, {
+                }, null, 8, de)) : r("", !0),
+                e.value._id ? r("", !0) : (o(), W(X, {
                   key: 2,
                   id: "photo",
                   name: "photo",
                   type: "file",
                   class: "t-black bg-grey pd-thin radius-small mn-thin",
-                  onFileChange: V,
+                  onFileChange: N,
                   multiple: "true"
                 })),
-                c(X, {
-                  options: N,
+                c(Q, {
+                  options: j,
                   label: "Size",
                   select: e.value.size,
                   "onUpdate:select": a[1] || (a[1] = (l) => e.value.size = l),
                   placeholder: "Select Size",
                   class: "bg-grey pd-thin radius-small mn-thin t-black"
                 }, null, 8, ["select"]),
-                c(K, {
+                c(J, {
                   field: e.value.categories,
                   "onUpdate:field": a[2] || (a[2] = (l) => e.value.categories = l),
                   type: "text",
@@ -177,13 +175,13 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
                   placeholder: "Enter categories for image (comma separated)",
                   class: "bg-grey pd-thin radius-small mn-medium t-black"
                 }, null, 8, ["field"]),
-                c(Q, {
-                  submit: e.value._id ? R : $,
+                c(K, {
+                  submit: e.value._id ? B : R,
                   callback: u,
                   class: "mn-thin"
                 }, {
                   default: p(() => [
-                    H(E(e.value._id ? "Update" : "Create"), 1)
+                    q(x(e.value._id ? "Update" : "Create"), 1)
                   ]),
                   _: 1
                 }, 8, ["submit"])
@@ -195,7 +193,7 @@ const ee = { class: "pd-medium flex-nowrap flex pd-t-thin pd-b-thin o-scroll" },
       ], 512)
     ]));
   }
-}, ze = /* @__PURE__ */ Z(me, [["__scopeId", "data-v-34379ac8"]]);
+}, ze = /* @__PURE__ */ Y(me, [["__scopeId", "data-v-34379ac8"]]);
 export {
   ze as default
 };

package/dist/prometheus-framework/src/modules/globals/components/blocks/CardHeader.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("vue-router"),h=require("../../../icons/placeholders/PlaceholderUserpic.vue.cjs"),f=require("../../../reports/components/sections/FormReport.vue.cjs"),g=require("../../../../components/Dropdown/Dropdown.vue2.cjs");require("../../../../components/Button/Button.vue2.cjs");require("../../../auth/store/auth.cjs");require("../../../organizations/store/memberships.cjs");const k={key:0,class:"pd-b-zero"},y={class:"w-100 flex-v-center flex-nojustify flex"},w={class:"w-100 flex-nowrap flex-v-center flex"},b=["src"],B={key:2,class:"t-semi"},E={key:1},V={key:2},p={class:"d-block mn-l-auto flex-nowrap flex flex-v-center"},x={key:0,class:"w-4r i-thin"},C={style:{position:"absolute",top:"0px",right:"0px"},class:"br-solid br-2px br-white z-index-1 radius-big i-thin bg-second flex flex-center t-white p-small t-semi"},N=["src"],$={class:"bg-black pd-thin radius-small"},v=e.createElementVNode("button",{class:"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"}," Report ",-1),M={__name:"CardHeader",props:["user","entity","entityType","date","dateFormatted","owner","creator","members","membersPhotos","type"],setup(t){m.useRouter();function u(o){const r=new Date,i=new Date(o),s=Math.abs(r-i),a=Math.floor(s/1e3),n=Math.floor(a/60),l=Math.floor(n/60),c=Math.floor(l/24),d=Math.floor(c/7);return d>0?`${d} week${d>1?"s":""} ago`:c>0?`${c} day${c>1?"s":""} ago`:l>0?`${l} hour${l>1?"s":""} ago`:n>0?`${n} minute${n>1?"s":""} ago`:"Just now"}return(o,r)=>{var i,s;return t.owner?(e.openBlock(),e.createElementBlock("header",k,[e.createElementVNode("div",y,[e.createElementVNode("div",w,[t.owner.target.profile.photo.length>0&&t.type!=="short"?(e.openBlock(),e.createElementBlock("img",{key:0,src:(o.FILE_SERVER_URL||"")+t.owner.target.profile.photo,class:"radius-medium mn-r-thin i-thin",onClick:r[0]||(r[0]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},null,8,b)):e.createCommentVNode("",!0),!t.owner.target.profile.photo&&t.type!=="short"?(e.openBlock(),e.createBlock(h.default,{key:1,class:"radius-medium mn-r-thin i-thin",onClick:r[1]||(r[1]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))})):e.createCommentVNode("",!0),t.type!=="short"?(e.openBlock(),e.createElementBlock("span",B,[e.createElementVNode("span",{onClick:r[2]||(r[2]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},e.toDisplayString(t.owner.target.profile.name),1),!t.creator.hidden&&t.owner.target.profile.name!==((i=t.creator.target.profile)==null?void 0:i.name)?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:r[3]||(r[3]=e.withModifiers(a=>o.$router.push({name:"User Profile",params:{_id:t.creator.target._id}}),["stop"]))}," · by "+e.toDisplayString((s=t.creator.target.profile)==null?void 0:s.name),1)):e.createCommentVNode("",!0),t.date?(e.openBlock(),e.createElementBlock("span",E," · "+e.toDisplayString(u(t.date)),1)):e.createCommentVNode("",!0),t.dateFormatted?(e.openBlock(),e.createElementBlock("span",V," · "+e.toDisplayString(t.dateFormatted),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[t.members?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",C,e.toDisplayString(t.members),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.membersPhotos.slice(0,2),(a,n)=>(e.openBlock(),e.createElementBlock("img",{key:n,src:(o.FILE_SERVER_URL||"")+a,style:e.normalizeStyle({position:"absolute",top:"0px",right:n*20+20+"%",zIndex:1-n}),class:"br-solid br-2px br-white i-thin bg-grey radius-big"},null,12,N))),128))])):e.createCommentVNode("",!0)]),t.type!=="short"&&t.user&&t.user!=t.creator.target._id?(e.openBlock(),e.createBlock(g.default,{key:3,label:"...",align:"right",class:"cursor-pointer z-index-2 pd-thin radius-extra"},{default:e.withCtx(()=>[e.createElementVNode("section",$,[t.user!==t.creator.target._id?(e.openBlock(),e.createBlock(f.default,{key:0,user:t.user,type:t.entityType,target:t.entity._id,text:"Report",class:"w-100"},{default:e.withCtx(()=>[v]),_:1},8,["user","type","target"])):e.createCommentVNode("",!0)])]),_:1},8,["label"])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)}}};exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("vue-router"),h=require("../../../icons/placeholders/PlaceholderUserpic.vue.cjs"),f=require("../../../reports/components/sections/FormReport.vue.cjs"),g=require("../../../../components/Dropdown/Dropdown.vue.cjs");require("../../../../components/Button/Button.vue.cjs");require("../../../auth/store/auth.cjs");require("../../../organizations/store/memberships.cjs");const k={key:0,class:"pd-b-zero"},y={class:"w-100 flex-v-center flex-nojustify flex"},w={class:"w-100 flex-nowrap flex-v-center flex"},b=["src"],B={key:2,class:"t-semi"},E={key:1},V={key:2},p={class:"d-block mn-l-auto flex-nowrap flex flex-v-center"},x={key:0,class:"w-4r i-thin"},C={style:{position:"absolute",top:"0px",right:"0px"},class:"br-solid br-2px br-white z-index-1 radius-big i-thin bg-second flex flex-center t-white p-small t-semi"},N=["src"],$={class:"bg-black pd-thin radius-small"},v=e.createElementVNode("button",{class:"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"}," Report ",-1),M={__name:"CardHeader",props:["user","entity","entityType","date","dateFormatted","owner","creator","members","membersPhotos","type"],setup(t){m.useRouter();function u(o){const r=new Date,i=new Date(o),s=Math.abs(r-i),a=Math.floor(s/1e3),n=Math.floor(a/60),l=Math.floor(n/60),c=Math.floor(l/24),d=Math.floor(c/7);return d>0?`${d} week${d>1?"s":""} ago`:c>0?`${c} day${c>1?"s":""} ago`:l>0?`${l} hour${l>1?"s":""} ago`:n>0?`${n} minute${n>1?"s":""} ago`:"Just now"}return(o,r)=>{var i,s;return t.owner?(e.openBlock(),e.createElementBlock("header",k,[e.createElementVNode("div",y,[e.createElementVNode("div",w,[t.owner.target.profile.photo.length>0&&t.type!=="short"?(e.openBlock(),e.createElementBlock("img",{key:0,src:(o.FILE_SERVER_URL||"")+t.owner.target.profile.photo,class:"radius-medium mn-r-thin i-thin",onClick:r[0]||(r[0]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},null,8,b)):e.createCommentVNode("",!0),!t.owner.target.profile.photo&&t.type!=="short"?(e.openBlock(),e.createBlock(h.default,{key:1,class:"radius-medium mn-r-thin i-thin",onClick:r[1]||(r[1]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))})):e.createCommentVNode("",!0),t.type!=="short"?(e.openBlock(),e.createElementBlock("span",B,[e.createElementVNode("span",{onClick:r[2]||(r[2]=e.withModifiers(a=>o.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},e.toDisplayString(t.owner.target.profile.name),1),!t.creator.hidden&&t.owner.target.profile.name!==((i=t.creator.target.profile)==null?void 0:i.name)?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:r[3]||(r[3]=e.withModifiers(a=>o.$router.push({name:"User Profile",params:{_id:t.creator.target._id}}),["stop"]))}," · by "+e.toDisplayString((s=t.creator.target.profile)==null?void 0:s.name),1)):e.createCommentVNode("",!0),t.date?(e.openBlock(),e.createElementBlock("span",E," · "+e.toDisplayString(u(t.date)),1)):e.createCommentVNode("",!0),t.dateFormatted?(e.openBlock(),e.createElementBlock("span",V," · "+e.toDisplayString(t.dateFormatted),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[t.members?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",C,e.toDisplayString(t.members),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.membersPhotos.slice(0,2),(a,n)=>(e.openBlock(),e.createElementBlock("img",{key:n,src:(o.FILE_SERVER_URL||"")+a,style:e.normalizeStyle({position:"absolute",top:"0px",right:n*20+20+"%",zIndex:1-n}),class:"br-solid br-2px br-white i-thin bg-grey radius-big"},null,12,N))),128))])):e.createCommentVNode("",!0)]),t.type!=="short"&&t.user&&t.user!=t.creator.target._id?(e.openBlock(),e.createBlock(g.default,{key:3,label:"...",align:"right",class:"cursor-pointer z-index-2 pd-thin radius-extra"},{default:e.withCtx(()=>[e.createElementVNode("section",$,[t.user!==t.creator.target._id?(e.openBlock(),e.createBlock(f.default,{key:0,user:t.user,type:t.entityType,target:t.entity._id,text:"Report",class:"w-100"},{default:e.withCtx(()=>[v]),_:1},8,["user","type","target"])):e.createCommentVNode("",!0)])]),_:1},8,["label"])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)}}};exports.default=M;

package/dist/prometheus-framework/src/modules/globals/components/blocks/CardHeader.vue.js

@@ -2,8 +2,8 @@ import { openBlock as t, createElementBlock as i, createElementVNode as l, withM
 import { useRouter as v } from "vue-router";
 import p from "../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import E from "../../../reports/components/sections/FormReport.vue.js";
-import R from "../../../../components/Dropdown/Dropdown.vue2.js";
-import "../../../../components/Button/Button.vue2.js";
+import R from "../../../../components/Dropdown/Dropdown.vue.js";
+import "../../../../components/Button/Button.vue.js";
 import "../../../auth/store/auth.js";
 import "../../../organizations/store/memberships.js";
 const z = {

package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../components/Field/Field.vue2.cjs");require("../../../../components/Button/Button.vue2.cjs");const a=require("../../../mobile/components/Menu/Menu.vue2.cjs"),r=require("../../../mobile/components/Menu/MenuItem.vue.cjs"),n=require("vue-router");require("../../../auth/store/auth.cjs");require("./Legal.vue2.cjs");const u={class:"for-transition w-100 pd-medium"},l=e.createStaticVNode('<div class="bg-grey radius-medium pd-medium mn-small"><h2 class="mn-small">About No More Snow CO., LTD.</h2><p class="mn-small"> Welcome to NO MORE SNOW CO., LTD.! We are dedicated to providing top-notch services and creating a trustworthy environment for our users. Your trust and safety are our priority, and we are committed to being transparent about our policies and practices. </p><p class="mn-small"> If you have any questions, concerns, or feedback, please do not hesitate to contact us through the following details. Our team is always here to assist you! </p><p class="mn-small"> Address: 10/3 Laemsai Rd, Karon, Mueang Phuket District, Phuket 83100<br> Telephone: +660803202142<br> Email: <a href="mailto:hello@thecommunephuket.com">hello@thecommunephuket.com</a><br> Website: <a href="https://thecommunephuket.com" target="_blank">https://thecommunephuket.com</a></p></div>',1),i=e.createElementVNode("span",null,"Terms of Use",-1),c=e.createElementVNode("span",null,"Privacy Policy",-1),d=e.createElementVNode("span",null,"Cookie Policy",-1),m=e.createElementVNode("span",null,"EULA",-1),p={__name:"Legal",setup(h){n.useRoute();const o=n.useRouter();return e.ref(!1),(f,t)=>(e.openBlock(),e.createElementBlock("div",u,[l,e.createVNode(a.default,{class:"bg-grey"},{default:e.withCtx(()=>[e.createVNode(r.default,{onClick:t[0]||(t[0]=s=>e.unref(o).push({name:"Terms of Use"})),class:"cursor-pointer"},{default:e.withCtx(()=>[i]),_:1}),e.createVNode(r.default,{onClick:t[1]||(t[1]=s=>e.unref(o).push({name:"Privacy Policy"})),class:"cursor-pointer"},{default:e.withCtx(()=>[c]),_:1}),e.createVNode(r.default,{onClick:t[2]||(t[2]=s=>e.unref(o).push({name:"Cookie Policy"})),class:"cursor-pointer"},{default:e.withCtx(()=>[d]),_:1}),e.createVNode(r.default,{onClick:t[3]||(t[3]=s=>e.unref(o).push({name:"EULA"})),class:"cursor-pointer"},{default:e.withCtx(()=>[m]),_:1})]),_:1})]))}};exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../../components/Field/Field.vue.cjs");require("../../../../components/Button/Button.vue.cjs");const a=require("../../../mobile/components/Menu/Menu.vue2.cjs"),r=require("../../../mobile/components/Menu/MenuItem.vue.cjs"),n=require("vue-router");require("../../../auth/store/auth.cjs");require("./Legal.vue2.cjs");const u={class:"for-transition w-100 pd-medium"},l=e.createStaticVNode('<div class="bg-grey radius-medium pd-medium mn-small"><h2 class="mn-small">About No More Snow CO., LTD.</h2><p class="mn-small"> Welcome to NO MORE SNOW CO., LTD.! We are dedicated to providing top-notch services and creating a trustworthy environment for our users. Your trust and safety are our priority, and we are committed to being transparent about our policies and practices. </p><p class="mn-small"> If you have any questions, concerns, or feedback, please do not hesitate to contact us through the following details. Our team is always here to assist you! </p><p class="mn-small"> Address: 10/3 Laemsai Rd, Karon, Mueang Phuket District, Phuket 83100<br> Telephone: +660803202142<br> Email: <a href="mailto:hello@thecommunephuket.com">hello@thecommunephuket.com</a><br> Website: <a href="https://thecommunephuket.com" target="_blank">https://thecommunephuket.com</a></p></div>',1),i=e.createElementVNode("span",null,"Terms of Use",-1),c=e.createElementVNode("span",null,"Privacy Policy",-1),d=e.createElementVNode("span",null,"Cookie Policy",-1),m=e.createElementVNode("span",null,"EULA",-1),p={__name:"Legal",setup(h){n.useRoute();const o=n.useRouter();return e.ref(!1),(f,t)=>(e.openBlock(),e.createElementBlock("div",u,[l,e.createVNode(a.default,{class:"bg-grey"},{default:e.withCtx(()=>[e.createVNode(r.default,{onClick:t[0]||(t[0]=s=>e.unref(o).push({name:"Terms of Use"})),class:"cursor-pointer"},{default:e.withCtx(()=>[i]),_:1}),e.createVNode(r.default,{onClick:t[1]||(t[1]=s=>e.unref(o).push({name:"Privacy Policy"})),class:"cursor-pointer"},{default:e.withCtx(()=>[c]),_:1}),e.createVNode(r.default,{onClick:t[2]||(t[2]=s=>e.unref(o).push({name:"Cookie Policy"})),class:"cursor-pointer"},{default:e.withCtx(()=>[d]),_:1}),e.createVNode(r.default,{onClick:t[3]||(t[3]=s=>e.unref(o).push({name:"EULA"})),class:"cursor-pointer"},{default:e.withCtx(()=>[m]),_:1})]),_:1})]))}};exports.default=p;