@ozdao/prometheus-framework 0.0.80 → 0.0.83

package/README.md

@@ -1,5 +1,5 @@
 # Prometheus Framework – Empowering Web3 Development
-Prometheus is a comprehensive Web3 framework designed for an optimal user experience and easy development. This library, built on Vue 3 with Server-Side Rendering (SSR) and Web3 support, provides a plethora of components, methods, styles, and more for robust frontend development.
+Prometheus is a comprehensive Web3 framework designed for an optimal user experience and easy development. This library, built on Vue 3 with Server-Side Rendering (SSR) and Web3 support, provides a plethora of components, methods, styles, and more for robust fullstack development.
 
 ⚠️ **WARNING**: This library is under active development. Expect changes in the module structure. Use only if you're prepared to contribute. Use at your own risk. ⚠️
 
@@ -24,15 +24,15 @@ In Greek mythology, Prometheus is a Titan god of fire. Prometheus is best known
 
 ## What's inside?
 - [Vue 3](https://vuejs.org/)
-- [Vite](https://vitejs.dev/)
-- [Vue SFC Setup](https://vuejs.org/api/sfc-script-setup.html)
+- [Express](https://expressjs.com/)
+- [Mongoose](https://mongoosejs.com/)
 
 ## Motivation
 Why create another UI framework when there are a huge number of solutions that have been developed and supported for a long time, with a large community?
 
-- Prometheus managed by OZ DAO
-- WEB3 and UX oriented
-- Easy to redefine
+- Prometheus Unchained by OZ DAO - Look, we're just gonna do it, okay? Our own thing, bugs and all. It's like building a treehouse, but for code.
+- Global Vision Quest - This ain't just any framework. We're aiming for the stars, man! Big dreams, big web 3.0 projects, worldwide. Like the Avengers, but nerdier.
+- Simple Swag - We've got those dope tranisition, some nifty fonts (Ave to Adrian Frutiger), and, oh boy, those ROUNDINGS that'll make everything pop. Because who doesn't love some good curve appeal?
 
 ## Installation
 Use npm to install the Prometheus Framework:
@@ -42,40 +42,37 @@ npm install '@ozdao/prometheus-framework'
 ```
 
 ## Usage
-### Global Import
-For a global import of all components:
 
-```js
-import PrometheusFramework from '@ozdao/prometheus-framework'
-// App initialization...
-app.use(PrometheusFramework)
-```
+Prometheus Framework is organized as a fullstack monorepo, containing modules each comprising both client-side and server-side code. Here is a breakdown of the typical structure within each module:
 
-### Individual Import
-To import specific components:
+- **Models**: These are the backend models utilized within the module.
+- **Routes**: The pathways to the module's endpoints.
+- **Controllers**: Controllers for the backend side of the module.
+- **Store**: The store for managing client-side state.
+- **Router**: The router for managing client-side navigation.
+- **Components**: The views or components in the MVC paradigm.
 
-```js
-import { createApp } from 'vue'
-import { Address, Button } from '@ozdao/prometheus-framework'
-// App initialization...
-app.component('Address', Address)
-app.component('Button', Button)
-```
+Here's how you can use and navigate the Prometheus Framework:
 
-### Local Import
-For a localized component use:
+### Modules
+The framework also encompasses the following modules:
 
-```html
-<template>
-  <Address></Address>
-</template>
+- auth
+- community
+- events
+- global
+- icons
+- marketplace
+- middlewares
+- mobile
+- orders
+- organizations
+- products
+- spots
+- users
 
-<script setup>
-import { Address } from '@ozdao/prometheus-framework'
-</script>
-```
 
-## Components
+### Components
 Prometheus Framework includes a broad array of UI components:
 
 - Address
@@ -112,27 +109,43 @@ Prometheus Framework includes a broad array of UI components:
 - UploadImageMultiple
 - index.ts
 
-For component-specific documentation, consult the [official documentation](https://docs.ozdao.dev/docs/components/).
+The styling in Prometheus Framework is meticulously organized to ensure a seamless development experience and an optimal user interface. Based on the given folder structure, here's how you can understand and utilize the styling resources provided:
 
-## Modules
-The framework also encompasses the following modules:
+### Styles
+The styles are organized in a hierarchical folder and file structure, providing a clear separation of concerns and making it easy to locate and manage style definitions. Here's a breakdown:
+
+- **Base Styles**:
+  - **reset.scss**: Resets the default styling of HTML elements to a consistent baseline.
+  - **layout.scss**: Contains general layout styles, grid system, and utility classes.
+  - **config.scss**: Contains configuration variables, like colors, breakpoints, and font definitions.
+
+- **Components Styles** (located in `components` folder):
+  - Styles for individual UI components are isolated into their own files, like `button.scss`, `card.scss`, `popup.scss`, etc. This makes it easy to find and edit styles for a specific component.
+
+- **Typography**:
+  - **typography.scss**: Contains style definitions for text elements, including font sizes, line heights, font weights, and other typography-related styles.
+
+- **Responsive Styles**:
+  - **responsive.scss**: Contains media queries and responsive style definitions to ensure a good appearance across various screen sizes.
+
+- **Theme Styles**:
+  - **theme.scss**: Contains theme-related styles, which could include color schemes, background images, and other styles related to the visual theme of the application.
+
+- **Base Utility Styles** (located in `base` folder):
+  - Sub-folders like `transitions`, `cursors`, `borders`, etc., contain utility styles and common design tokens that can be reused across the application.
+
+For component-specific documentation, consult the [official documentation](https://docs.ozdao.dev/docs/components/).
 
-- auth
-- community
-- events
-- global
-- icons
-- marketplace
-- middlewares
-- mobile
-- orders
-- organizations
-- products
-- spots
-- users
 
 ## Contributing
 Community contributions are encouraged. For guidelines, see the [contributing guide](https://docs.ozdao.dev/docs/contribution/).
 
+## Special Thanks
+During the work process, we study a vast amount of open-source code and are grateful to all the programmers who have shared it. Without you, all of this would have been impossible. Special attention is deserved by the authors whose code we have fully utilized, your names will forever be in the history of OZ:
+
+For [sipec][https://github.com/sipec] for his [vue-tags-input](https://github.com/sipec/vue-tags-input)
+For [VictorNico][https://github.com/VictorNico] for his [vue3-reactive-tel-input](https://github.com/VictorNico/vue3-reactive-tel-input)
+For [shentao][https://github.com/shentao] for his [vue-multiselect](https://github.com/shentao/vue-multiselect)
+
 ## License
 Prometheus Framework is licensed under the [GNU GPLv3](https://www.gnu.org/licenses/gpl-3.0.txt).

package/dist/Breadcrumbs.vue_vue_type_style_index_0_lang-a477dfc6.mjs

@@ -0,0 +1,138 @@
+import { ref as h, watch as C, computed as S, openBlock as t, createElementBlock as l, Fragment as b, createElementVNode as s, normalizeClass as f, toDisplayString as u, createCommentVNode as v, withModifiers as _, createVNode as g, Transition as x, withCtx as k, renderList as $, unref as B } from "vue";
+import { _ as A } from "./auth-8b5aac7a.mjs";
+const O = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, I = ["onClick"], M = ["onClick"], N = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+}, V = {
+  __name: "Select",
+  props: {
+    label: String,
+    select: [String, Object],
+    placeholder: { type: String, default: "Please select an item" },
+    options: { type: Array, default: () => [] },
+    validation: Boolean
+  },
+  emits: ["update:select", "focus", "blur"],
+  setup(e, { emit: o }) {
+    const a = e, c = h(a.select), n = h(!1);
+    C(() => a.select, (i) => {
+      c.value = i;
+    });
+    const r = S(() => a.select ? a.options.filter((i) => i !== a.select) : a.options), d = () => {
+      n.value = !n.value, o(n.value ? "focus" : "blur");
+    }, w = (i) => {
+      c.value = i, d(), o("update:select", c.value);
+    };
+    return (i, P) => {
+      var y;
+      return t(), l(b, null, [
+        s("div", {
+          class: f([i.$attrs.class, "flex-nowrap flex"])
+        }, [
+          e.label ? (t(), l("div", O, [
+            s("span", null, u(e.label), 1)
+          ])) : v("", !0),
+          s("li", {
+            onClick: _(d, ["stop"]),
+            class: "w-100"
+          }, [
+            s("span", null, u(((y = c.value) == null ? void 0 : y.name) || c.value || e.placeholder), 1)
+          ], 8, I),
+          g(x, {
+            mode: "out-in",
+            name: "fade"
+          }, {
+            default: k(() => [
+              n.value ? (t(), l("ul", {
+                key: 0,
+                class: f([i.$attrs.class, "pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])
+              }, [
+                (t(!0), l(b, null, $(B(r), (m) => (t(), l("li", null, [
+                  m ? (t(), l("span", {
+                    key: 0,
+                    onClick: (T) => w(m),
+                    class: "w-100"
+                  }, u(m.name || m), 9, M)) : v("", !0)
+                ]))), 256))
+              ], 2)) : v("", !0)
+            ]),
+            _: 1
+          })
+        ], 2),
+        g(x, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: k(() => [
+            e.validation ? (t(), l("div", N, " * " + u(e.validation.message), 1)) : v("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}, F = /* @__PURE__ */ A(V, [["__scopeId", "data-v-a78dbba1"]]);
+const j = { class: "flex-v-center flex-nowrap flex" }, z = {
+  key: 0,
+  class: "mn-r-auto t-transp mn-r-small"
+}, E = ["name", "value", "checked"], L = {
+  __name: "Checkbox",
+  props: {
+    label: String,
+    name: String,
+    value: String,
+    radio: {
+      type: [Array, Boolean, Object],
+      default: () => []
+    }
+  },
+  emits: ["update:radio"],
+  setup(e, { emit: o }) {
+    const a = e, c = (n) => {
+      if (Array.isArray(a.radio)) {
+        let r = [...a.radio];
+        if (n.target.checked)
+          r.push(a.value);
+        else {
+          const d = r.indexOf(a.value);
+          d !== -1 && r.splice(d, 1);
+        }
+        o("update:radio", r);
+      } else
+        typeof a.radio == "boolean" && o("update:radio", n.target.checked);
+    };
+    return (n, r) => (t(), l("label", j, [
+      e.label ? (t(), l("div", z, [
+        s("span", null, u(e.label), 1)
+      ])) : v("", !0),
+      s("input", {
+        onChange: c,
+        class: "round radiobutton",
+        type: "checkbox",
+        name: e.name,
+        value: e.value,
+        checked: Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+      }, null, 40, E),
+      s("div", {
+        class: f(["transition-elastic pd-thin h-2r w-4r radius-extra", {
+          "bg-grey": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+          "bg-main": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+        }])
+      }, [
+        s("div", {
+          class: f(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+            "mn-r-auto": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+            "mn-l-auto": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+          }])
+        }, null, 2)
+      ], 2)
+    ]));
+  }
+}, R = /* @__PURE__ */ A(L, [["__scopeId", "data-v-f641f618"]]);
+export {
+  R as C,
+  F as S
+};

package/dist/Breadcrumbs.vue_vue_type_style_index_0_lang-c6f3a0f0.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./auth-5aa8e90c.js");const v={key:0,class:"t-transp mn-r-small"},y=["onClick"],k=["onClick"],f={key:0,class:"mn-t-thin invalid-feedback"},h={__name:"Select",props:{label:String,select:[String,Object],placeholder:{type:String,default:"Please select an item"},options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(t,{emit:r}){const a=t,o=e.ref(a.select),l=e.ref(!1);e.watch(()=>a.select,n=>{o.value=n});const c=e.computed(()=>a.select?a.options.filter(n=>n!==a.select):a.options),i=()=>{l.value=!l.value,r(l.value?"focus":"blur")},m=n=>{o.value=n,i(),r("update:select",o.value)};return(n,N)=>{var d;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([n.$attrs.class,"flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",{onClick:e.withModifiers(i,["stop"]),class:"w-100"},[e.createElementVNode("span",null,e.toDisplayString(((d=o.value)==null?void 0:d.name)||o.value||t.placeholder),1)],8,y),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([n.$attrs.class,"pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),s=>(e.openBlock(),e.createElementBlock("li",null,[s?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:S=>m(s),class:"w-100"},e.toDisplayString(s.name||s),9,k)):e.createCommentVNode("",!0)]))),256))],2)):e.createCommentVNode("",!0)]),_:1})],2),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",f," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},b=u._export_sfc(h,[["__scopeId","data-v-a78dbba1"]]);const g={class:"flex-v-center flex-nowrap flex"},x={key:0,class:"mn-r-auto t-transp mn-r-small"},B=["name","value","checked"],C={__name:"Checkbox",props:{label:String,name:String,value:String,radio:{type:[Array,Boolean,Object],default:()=>[]}},emits:["update:radio"],setup(t,{emit:r}){const a=t,o=l=>{if(Array.isArray(a.radio)){let c=[...a.radio];if(l.target.checked)c.push(a.value);else{const i=c.indexOf(a.value);i!==-1&&c.splice(i,1)}r("update:radio",c)}else typeof a.radio=="boolean"&&r("update:radio",l.target.checked)};return(l,c)=>(e.openBlock(),e.createElementBlock("label",g,[t.label?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onChange:o,class:"round radiobutton",type:"checkbox",name:t.name,value:t.value,checked:Array.isArray(t.radio)?t.radio.includes(t.value):t.radio},null,40,B),e.createElementVNode("div",{class:e.normalizeClass(["transition-elastic pd-thin h-2r w-4r radius-extra",{"bg-grey":!(Array.isArray(t.radio)?t.radio.includes(t.value):t.radio),"bg-main":Array.isArray(t.radio)?t.radio.includes(t.value):t.radio}])},[e.createElementVNode("div",{class:e.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white",{"mn-r-auto":!(Array.isArray(t.radio)?t.radio.includes(t.value):t.radio),"mn-l-auto":Array.isArray(t.radio)?t.radio.includes(t.value):t.radio}])},null,2)],2)]))}},E=u._export_sfc(C,[["__scopeId","data-v-f641f618"]]);exports.Checkbox=E;exports.Select=b;

package/dist/ButtonFollow-2ce169ca.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),b=require("./auth-5aa8e90c.js"),u=require("./globals-928eb13c.js"),p=b.axios.create({baseURL:process.env.API_URL,withCredentials:!0}),a=n.reactive({memberships:[],error:null}),m={async read({user:r,type:e,target:t,role:s}){try{const o=await p.get("/api/memberships",{params:{user:r,type:e,target:t,role:s}});return a.error=null,a.memberships=o.data,Promise.resolve(o.data)}catch(o){return u.setError(o),Promise.reject(o)}},async create(r){try{const e=await p.post("/api/memberships/create",r);return a.error=null,Promise.resolve(e.data)}catch(e){return u.setError(e),Promise.reject(e)}},async update(r){try{const e=await p.post("/api/memberships/update",r);return a.error=null,Promise.resolve(e.data)}catch(e){return u.setError(e),Promise.reject(e)}},async delete(r){try{const e=await p.post("/api/memberships/delete",r);return a.error=null,Promise.resolve(e.data)}catch(e){return u.setError(e),Promise.reject(e)}}},h={handleMembershipUpdate(r,e,t){let s;if(Array.isArray(r)?s=r.find(o=>o._id===e.target):typeof r=="object"&&r._id===e.target&&(s=r),s)if(s.isMember=t,t)s.memberships.push(e),s.numberOfMemberships+=1;else{const o=s.memberships.findIndex(d=>d._id===e._id);o!==-1&&(s.memberships.splice(o,1),s.numberOfMemberships-=1)}}};n.watch(a,r=>{});const y=Object.freeze(Object.defineProperty({__proto__:null,actions:m,mutations:h,state:a},Symbol.toStringTag,{value:"Module"}));const _={__name:"ButtonFollow",props:{type:{type:String,required:!0},userId:{type:String,required:!0},isMember:{type:Boolean,required:!0},targetId:{type:String,required:!0}},emits:["updateMembership"],setup(r,{emit:e}){const t=r,s=async()=>{t.isMember?await d(t.targetId):await o(t.targetId)};async function o(l){try{const i={type:t.type,target:l,user:t.userId},c=await m.create(i);e("updateMembership",{membership:c,isMember:!0,targetId:t.targetId})}catch(i){throw console.log(i),i}}async function d(l){const i={type:t.type,target:l,user:t.userId};try{const c=await m.delete(i);e("updateMembership",{membership:c,isMember:!1,targetId:t.targetId})}catch(c){throw console.log(c),c}}return(l,i)=>(n.openBlock(),n.createBlock(b._sfc_main,{submit:s,class:"bg-main button-small button"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.isMember?"Unfollow":"Follow"),1)]),_:1}))}},g=b._export_sfc(_,[["__scopeId","data-v-c50e046c"]]);exports.ButtonFollow=g;exports.actions=m;exports.memberships=y;exports.mutations=h;exports.state=a;

package/dist/ButtonFollow-c9484003.mjs

@@ -0,0 +1,130 @@
+import { reactive as d, watch as b, openBlock as h, createBlock as y, withCtx as _, createTextVNode as f, toDisplayString as g } from "vue";
+import { a as w, _ as I, b as M } from "./auth-8b5aac7a.mjs";
+import { s as p } from "./globals-96ba60e4.mjs";
+const l = w.create({
+  baseURL: process.env.API_URL,
+  withCredentials: !0
+}), i = d({
+  memberships: [],
+  error: null
+}), u = {
+  async read({ user: r, type: e, target: t, role: s }) {
+    try {
+      const o = await l.get("/api/memberships", { params: { user: r, type: e, target: t, role: s } });
+      return i.error = null, i.memberships = o.data, Promise.resolve(o.data);
+    } catch (o) {
+      return p(o), Promise.reject(o);
+    }
+  },
+  async create(r) {
+    try {
+      const e = await l.post("/api/memberships/create", r);
+      return i.error = null, Promise.resolve(e.data);
+    } catch (e) {
+      return p(e), Promise.reject(e);
+    }
+  },
+  async update(r) {
+    try {
+      const e = await l.post("/api/memberships/update", r);
+      return i.error = null, Promise.resolve(e.data);
+    } catch (e) {
+      return p(e), Promise.reject(e);
+    }
+  },
+  async delete(r) {
+    try {
+      const e = await l.post("/api/memberships/delete", r);
+      return i.error = null, Promise.resolve(e.data);
+    } catch (e) {
+      return p(e), Promise.reject(e);
+    }
+  }
+}, P = {
+  handleMembershipUpdate(r, e, t) {
+    let s;
+    if (Array.isArray(r) ? s = r.find((o) => o._id === e.target) : typeof r == "object" && r._id === e.target && (s = r), s)
+      if (s.isMember = t, t)
+        s.memberships.push(e), s.numberOfMemberships += 1;
+      else {
+        const o = s.memberships.findIndex((m) => m._id === e._id);
+        o !== -1 && (s.memberships.splice(o, 1), s.numberOfMemberships -= 1);
+      }
+  }
+};
+b(i, (r) => {
+});
+const S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  actions: u,
+  mutations: P,
+  state: i
+}, Symbol.toStringTag, { value: "Module" }));
+const v = {
+  __name: "ButtonFollow",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    userId: {
+      type: String,
+      required: !0
+    },
+    isMember: {
+      type: Boolean,
+      required: !0
+    },
+    targetId: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["updateMembership"],
+  setup(r, { emit: e }) {
+    const t = r, s = async () => {
+      t.isMember ? await m(t.targetId) : await o(t.targetId);
+    };
+    async function o(c) {
+      try {
+        const a = {
+          type: t.type,
+          target: c,
+          user: t.userId
+        }, n = await u.create(a);
+        e("updateMembership", { membership: n, isMember: !0, targetId: t.targetId });
+      } catch (a) {
+        throw console.log(a), a;
+      }
+    }
+    async function m(c) {
+      const a = {
+        type: t.type,
+        target: c,
+        user: t.userId
+      };
+      try {
+        const n = await u.delete(a);
+        e("updateMembership", { membership: n, isMember: !1, targetId: t.targetId });
+      } catch (n) {
+        throw console.log(n), n;
+      }
+    }
+    return (c, a) => (h(), y(M, {
+      submit: s,
+      class: "bg-main button-small button"
+    }, {
+      default: _(() => [
+        f(g(r.isMember ? "Unfollow" : "Follow"), 1)
+      ]),
+      _: 1
+    }));
+  }
+}, F = /* @__PURE__ */ I(v, [["__scopeId", "data-v-c50e046c"]]);
+export {
+  F as B,
+  u as a,
+  S as b,
+  P as m,
+  i as s
+};

package/dist/CardHeader-2ef6618e.mjs

@@ -0,0 +1,96 @@
+import { openBlock as r, createElementBlock as o, createElementVNode as l, withModifiers as h, createCommentVNode as n, createBlock as y, toDisplayString as d, Fragment as b, renderList as k, normalizeStyle as $ } from "vue";
+import { useRouter as x } from "vue-router";
+import { P as v } from "./PlaceholderUserpic-e44ccca8.mjs";
+const p = {
+  key: 0,
+  class: "pd-b-zero"
+}, P = { class: "w-100 flex-v-center flex-nojustify flex" }, z = { class: "w-100 flex-nowrap flex-v-center flex" }, M = ["src"], C = {
+  key: 2,
+  class: "t-semi"
+}, U = { key: 1 }, D = { key: 2 }, F = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" }, B = {
+  key: 0,
+  class: "w-4r i-thin"
+}, E = {
+  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 mn-r-small t-semi"
+}, O = ["src"], j = {
+  __name: "CardHeader",
+  props: [
+    "date",
+    "dateFormatted",
+    "owner",
+    "creator",
+    "members",
+    "membersPhotos",
+    "type"
+  ],
+  setup(e) {
+    x();
+    function g(i) {
+      const t = /* @__PURE__ */ new Date(), s = new Date(i), a = Math.abs(t - s), w = Math.floor(a / 1e3), m = Math.floor(w / 60), u = Math.floor(m / 60), c = Math.floor(u / 24), f = Math.floor(c / 7);
+      return f > 0 ? `${f} week${f > 1 ? "s" : ""} ago` : c > 0 ? `${c} day${c > 1 ? "s" : ""} ago` : u > 0 ? `${u} hour${u > 1 ? "s" : ""} ago` : m > 0 ? `${m} minute${m > 1 ? "s" : ""} ago` : "Just now";
+    }
+    return (i, t) => e.owner ? (r(), o("header", p, [
+      l("div", P, [
+        l("div", z, [
+          e.owner.target.profile.photo.length > 0 && e.type !== "short" ? (r(), o("img", {
+            key: 0,
+            src: e.owner.target.profile.photo,
+            class: "radius-medium mn-r-thin i-thin",
+            onClick: t[0] || (t[0] = h((s) => i.$router.push({
+              name: e.owner.type === "user" ? "User Profile" : "Organization",
+              params: {
+                _id: e.owner.target._id
+              }
+            }), ["stop"]))
+          }, null, 8, M)) : n("", !0),
+          !e.owner.target.profile.photo && e.type !== "short" ? (r(), y(v, {
+            key: 1,
+            class: "radius-medium mn-r-thin i-thin",
+            onClick: t[1] || (t[1] = h((s) => i.$router.push({
+              name: e.owner.type === "user" ? "User Profile" : "Organization",
+              params: {
+                _id: e.owner.target._id
+              }
+            }), ["stop"]))
+          })) : n("", !0),
+          e.type !== "short" ? (r(), o("span", C, [
+            l("span", {
+              onClick: t[2] || (t[2] = h((s) => i.$router.push({
+                name: e.owner.type === "user" ? "User Profile" : "Organization",
+                params: {
+                  _id: e.owner.target._id
+                }
+              }), ["stop"]))
+            }, d(e.owner.target.profile.name), 1),
+            !e.creator.hidden && e.owner.target.profile.name !== e.creator.target.profile.name ? (r(), o("span", {
+              key: 0,
+              onClick: t[3] || (t[3] = h((s) => i.$router.push({
+                name: "User Profile",
+                params: {
+                  _id: e.owner.target._id
+                }
+              }), ["stop"]))
+            }, " · by " + d(e.creator.target.profile.name), 1)) : n("", !0),
+            e.date ? (r(), o("span", U, " · " + d(g(e.date)), 1)) : n("", !0),
+            e.dateFormatted ? (r(), o("span", D, " · " + d(e.dateFormatted), 1)) : n("", !0)
+          ])) : n("", !0),
+          l("div", F, [
+            e.members ? (r(), o("div", B, [
+              l("span", E, d(e.members), 1),
+              (r(!0), o(b, null, k(e.membersPhotos.slice(0, 2), (s, a) => (r(), o("img", {
+                key: a,
+                src: s,
+                style: $({ position: "absolute", top: "0px", right: a * 20 + 40 + "%", zIndex: 1 - a }),
+                class: "br-solid br-2px br-white i-thin bg-grey radius-big"
+              }, null, 12, O))), 128))
+            ])) : n("", !0)
+          ])
+        ])
+      ])
+    ])) : n("", !0);
+  }
+};
+export {
+  j as _
+};

package/dist/CardHeader-925a972b.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("vue-router"),h=require("./PlaceholderUserpic-d64d6dd5.js"),f={key:0,class:"pd-b-zero"},k={class:"w-100 flex-v-center flex-nojustify flex"},g={class:"w-100 flex-nowrap flex-v-center flex"},w=["src"],y={key:2,class:"t-semi"},b={key:1},B={key:2},p={class:"d-block mn-l-auto flex-nowrap flex flex-v-center"},$={key:0,class:"w-4r i-thin"},E={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 mn-r-small t-semi"},v=["src"],x={__name:"CardHeader",props:["date","dateFormatted","owner","creator","members","membersPhotos","type"],setup(t){u.useRouter();function m(n){const o=new Date,r=new Date(n),i=Math.abs(o-r),d=Math.floor(i/1e3),s=Math.floor(d/60),a=Math.floor(s/60),l=Math.floor(a/24),c=Math.floor(l/7);return c>0?`${c} week${c>1?"s":""} ago`:l>0?`${l} day${l>1?"s":""} ago`:a>0?`${a} hour${a>1?"s":""} ago`:s>0?`${s} minute${s>1?"s":""} ago`:"Just now"}return(n,o)=>t.owner?(e.openBlock(),e.createElementBlock("header",f,[e.createElementVNode("div",k,[e.createElementVNode("div",g,[t.owner.target.profile.photo.length>0&&t.type!=="short"?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.owner.target.profile.photo,class:"radius-medium mn-r-thin i-thin",onClick:o[0]||(o[0]=e.withModifiers(r=>n.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},null,8,w)):e.createCommentVNode("",!0),!t.owner.target.profile.photo&&t.type!=="short"?(e.openBlock(),e.createBlock(h.PlaceholderUserpic,{key:1,class:"radius-medium mn-r-thin i-thin",onClick:o[1]||(o[1]=e.withModifiers(r=>n.$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",y,[e.createElementVNode("span",{onClick:o[2]||(o[2]=e.withModifiers(r=>n.$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!==t.creator.target.profile.name?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:o[3]||(o[3]=e.withModifiers(r=>n.$router.push({name:"User Profile",params:{_id:t.owner.target._id}}),["stop"]))}," · by "+e.toDisplayString(t.creator.target.profile.name),1)):e.createCommentVNode("",!0),t.date?(e.openBlock(),e.createElementBlock("span",b," · "+e.toDisplayString(m(t.date)),1)):e.createCommentVNode("",!0),t.dateFormatted?(e.openBlock(),e.createElementBlock("span",B," · "+e.toDisplayString(t.dateFormatted),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[t.members?(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("span",E,e.toDisplayString(t.members),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.membersPhotos.slice(0,2),(r,i)=>(e.openBlock(),e.createElementBlock("img",{key:i,src:r,style:e.normalizeStyle({position:"absolute",top:"0px",right:i*20+40+"%",zIndex:1-i}),class:"br-solid br-2px br-white i-thin bg-grey radius-big"},null,12,v))),128))])):e.createCommentVNode("",!0)])])])])):e.createCommentVNode("",!0)}};exports._sfc_main=x;