@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1 +1,233 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("vue-router"),C=require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs"),V=require("../../../../reports/components/sections/FormReport.vue.cjs"),N=require("../../../../../components/Tooltip/Tooltip.vue2.cjs"),v=require("../../../../../components/Dropdown/Dropdown.vue.cjs");;/* empty css                                            */;/* empty css                                            */require("../../../../auth/views/store/auth.cjs");require("../../../../organizations/store/memberships.cjs");const $=require("../../../../icons/navigation/IconEllipsis.vue.cjs"),z={key:0,class:"pd-b-zero"},S={class:"w-100 flex-v-center flex-nojustify flex"},D={class:"w-100 flex-nowrap flex-v-center flex"},M=["src"],q={key:2,class:"t-semi"},R={key:1,class:"mn-l-micro mn-r-micro"},F={key:2,class:"pos-relative"},P={key:3},T={class:"d-block mn-l-auto flex-nowrap flex flex-v-center"},U={key:0,class:"w-4r pos-relative i-thin"},L={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"},I=["src"],O={class:"bg-black flex-column flex gap-thin pd-thin radius-small"},j=e.createElementVNode("button",{class:"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"}," Report ",-1),A=["onClick"],H={__name:"CardHeader",props:["user","entity","entityType","date","dateFormatted","owner","creator","members","membersPhotos","type","actions"],setup(t){x.useRouter();function E(n){const r=new Date,u=new Date(n),m=Math.abs(r-u),d=Math.floor(m/1e3),a=Math.floor(d/60),s=Math.floor(a/60),i=Math.floor(s/24),c=Math.floor(i/7);return c>0?`${c} week${c>1?"s":""} ago`:i>0?`${i} day${i>1?"s":""} ago`:s>0?`${s} hour${s>1?"s":""} ago`:a>0?`${a} minute${a>1?"s":""} ago`:"Just now"}return(n,r)=>{var m,d,a,s,i,c,k,h,g,b,f,y,w,B,p;const u=e.resolveComponent("router-link");return t.owner?(e.openBlock(),e.createElementBlock("header",z,[e.createElementVNode("div",S,[e.createElementVNode("div",D,[((a=(d=(m=t.owner.target)==null?void 0:m.profile)==null?void 0:d.photo)==null?void 0:a.length)>0&&t.type!=="short"?(e.openBlock(),e.createElementBlock("img",{key:0,loading:"lazy",src:(n.FILE_SERVER_URL||"")+t.owner.target.profile.photo,class:"radius-medium object-fit-cover mn-r-thin i-thin",onClick:r[0]||(r[0]=e.withModifiers(o=>n.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},null,8,M)):e.createCommentVNode("",!0),!((i=(s=t.owner.target)==null?void 0:s.profile)!=null&&i.photo)&&t.type!=="short"?(e.openBlock(),e.createBlock(C.default,{key:1,class:"radius-medium mn-r-thin i-thin",onClick:r[1]||(r[1]=e.withModifiers(o=>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",q,[e.createElementVNode("span",{onClick:r[2]||(r[2]=e.withModifiers(o=>n.$router.push({name:t.owner.type==="user"?"User Profile":"Organization",params:{_id:t.owner.target._id}}),["stop"]))},e.toDisplayString(((k=(c=t.owner.target)==null?void 0:c.profile)==null?void 0:k.name)||((h=t.creator.target)==null?void 0:h.username)||"Anonymous"),1),!t.creator.hidden&&((b=(g=t.owner.target)==null?void 0:g.profile)==null?void 0:b.name)!==((y=(f=t.creator.target)==null?void 0:f.profile)==null?void 0:y.name)?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:r[3]||(r[3]=e.withModifiers(o=>{var l;return n.$router.push({name:"User Profile",params:{_id:(l=t.creator.target)==null?void 0:l._id}})},["stop"]))}," · by "+e.toDisplayString(((B=(w=t.creator.target)==null?void 0:w.profile)==null?void 0:B.name)||((p=t.creator.target)==null?void 0:p.username)||"Anonymous"),1)):e.createCommentVNode("",!0),t.date?(e.openBlock(),e.createElementBlock("span",R,"·")):e.createCommentVNode("",!0),t.date?(e.openBlock(),e.createElementBlock("span",F,[t.date?(e.openBlock(),e.createBlock(N.default,{key:0,text:n.formatDate(t.date)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(E(t.date)),1)]),_:1},8,["text"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.dateFormatted?(e.openBlock(),e.createElementBlock("span",P," · "+e.toDisplayString(t.dateFormatted),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",T,[t.members?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("span",L,e.toDisplayString(t.members),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.membersPhotos.slice(0,2),(o,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o?(e.openBlock(),e.createElementBlock("img",{loading:"lazy",key:l,src:(n.FILE_SERVER_URL||"")+o,style:e.normalizeStyle({position:"absolute",top:"0px",right:l*20+20+"%",zIndex:1-l}),class:"br-solid br-2px br-white i-thin bg-light radius-big"},null,12,I)):(e.openBlock(),e.createBlock(C.default,{key:1,style:e.normalizeStyle({position:"absolute",top:"0px",right:l*20+20+"%",zIndex:1-l}),class:"br-solid br-2px br-white i-thin bg-light radius-big"},null,8,["style"]))],64))),256))])):e.createCommentVNode("",!0)]),t.type!=="short"&&t.user?(e.openBlock(),e.createBlock(v.default,{key:3,label:{component:$.default,class:"t-transp i-regular"},align:"right",class:"cursor-pointer z-index-2"},{default:e.withCtx(()=>[e.createElementVNode("section",O,[t.user!==t.creator.target._id?(e.openBlock(),e.createBlock(V.default,{key:0,user:t.user,type:t.entityType,target:t.entity._id,text:"Report",class:"w-100"},{default:e.withCtx(()=>[j]),_:1},8,["user","type","target"])):e.createCommentVNode("",!0),t.actions&&t.actions.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.actions,o=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.to?(e.openBlock(),e.createBlock(u,{key:o.to,to:o.to,class:e.normalizeClass(o.class||"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["to","class"])):e.createCommentVNode("",!0),o.method?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:o.method,class:e.normalizeClass(o.class||"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")},e.toDisplayString(o.label),11,A)):e.createCommentVNode("",!0)],64))),256)):e.createCommentVNode("",!0)])]),_:1},8,["label"])):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)}}};exports.default=H;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
+const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");
+const Tooltip = require("../../../../../components/Tooltip/Tooltip.vue2.cjs");
+const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
+;/* empty css                                            */
+;/* empty css                                            */
+require("../../../../auth/views/store/auth.cjs");
+require("../../../../organizations/store/memberships.cjs");
+const IconEllipsis = require("../../../../icons/navigation/IconEllipsis.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-b-zero"
+};
+const _hoisted_2 = { class: "w-100 flex-v-center flex-nojustify flex" };
+const _hoisted_3 = { class: "w-100 flex-nowrap flex-v-center flex" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
+  key: 2,
+  class: "t-semi"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "mn-l-micro mn-r-micro"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "pos-relative"
+};
+const _hoisted_8 = { key: 3 };
+const _hoisted_9 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
+const _hoisted_10 = {
+  key: 0,
+  class: "w-4r pos-relative i-thin"
+};
+const _hoisted_11 = {
+  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"
+};
+const _hoisted_12 = ["src"];
+const _hoisted_13 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
+const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1);
+const _hoisted_15 = ["onClick"];
+const _sfc_main = {
+  __name: "CardHeader",
+  props: [
+    "user",
+    "entity",
+    "entityType",
+    "date",
+    "dateFormatted",
+    "owner",
+    "creator",
+    "members",
+    "membersPhotos",
+    "type",
+    "actions"
+  ],
+  setup(__props) {
+    vueRouter.useRouter();
+    function getTimeElapsed(timestamp) {
+      const now = /* @__PURE__ */ new Date();
+      const createdAt = new Date(timestamp);
+      const timeDiff = Math.abs(now - createdAt);
+      const seconds = Math.floor(timeDiff / 1e3);
+      const minutes = Math.floor(seconds / 60);
+      const hours = Math.floor(minutes / 60);
+      const days = Math.floor(hours / 24);
+      const weeks = Math.floor(days / 7);
+      if (weeks > 0) {
+        return `${weeks} week${weeks > 1 ? "s" : ""} ago`;
+      } else if (days > 0) {
+        return `${days} day${days > 1 ? "s" : ""} ago`;
+      } else if (hours > 0) {
+        return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+      } else if (minutes > 0) {
+        return `${minutes} minute${minutes > 1 ? "s" : ""} ago`;
+      } else {
+        return "Just now";
+      }
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      const _component_router_link = vue.resolveComponent("router-link");
+      return __props.owner ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            ((_c = (_b = (_a = __props.owner.target) == null ? void 0 : _a.profile) == null ? void 0 : _b.photo) == null ? void 0 : _c.length) > 0 && __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              loading: "lazy",
+              src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
+              class: "radius-medium object-fit-cover mn-r-thin i-thin",
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                params: {
+                  _id: __props.owner.target._id
+                }
+              }), ["stop"]))
+            }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true),
+            !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.photo) && __props.type !== "short" ? (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
+              key: 1,
+              class: "radius-medium mn-r-thin i-thin",
+              onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                params: {
+                  _id: __props.owner.target._id
+                }
+              }), ["stop"]))
+            })) : vue.createCommentVNode("", true),
+            __props.type !== "short" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+              vue.createElementVNode("span", {
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.$router.push({
+                  name: __props.owner.type === "user" ? "User Profile" : "Organization",
+                  params: {
+                    _id: __props.owner.target._id
+                  }
+                }), ["stop"]))
+              }, vue.toDisplayString(((_g = (_f = __props.owner.target) == null ? void 0 : _f.profile) == null ? void 0 : _g.name) || ((_h = __props.creator.target) == null ? void 0 : _h.username) || "Anonymous"), 1),
+              !__props.creator.hidden && ((_j = (_i = __props.owner.target) == null ? void 0 : _i.profile) == null ? void 0 : _j.name) !== ((_l = (_k = __props.creator.target) == null ? void 0 : _k.profile) == null ? void 0 : _l.name) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => {
+                  var _a2;
+                  return _ctx.$router.push({
+                    name: "User Profile",
+                    params: {
+                      _id: (_a2 = __props.creator.target) == null ? void 0 : _a2._id
+                    }
+                  });
+                }, ["stop"]))
+              }, " · by " + vue.toDisplayString(((_n = (_m = __props.creator.target) == null ? void 0 : _m.profile) == null ? void 0 : _n.name) || ((_o = __props.creator.target) == null ? void 0 : _o.username) || "Anonymous"), 1)) : vue.createCommentVNode("", true),
+              __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "·")) : vue.createCommentVNode("", true),
+              __props.date ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
+                __props.date ? (vue.openBlock(), vue.createBlock(Tooltip.default, {
+                  key: 0,
+                  text: _ctx.formatDate(__props.date)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(getTimeElapsed(__props.date)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["text"])) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true),
+              __props.dateFormatted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, " · " + vue.toDisplayString(__props.dateFormatted), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_9, [
+              __props.members ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+                vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(__props.members), 1),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.membersPhotos.slice(0, 2), (photo, index) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                    photo ? (vue.openBlock(), vue.createElementBlock("img", {
+                      loading: "lazy",
+                      key: index,
+                      src: (_ctx.FILE_SERVER_URL || "") + photo,
+                      style: vue.normalizeStyle({
+                        position: "absolute",
+                        top: "0px",
+                        right: index * 20 + 20 + "%",
+                        zIndex: 1 - index
+                      }),
+                      class: "br-solid br-2px br-white i-thin bg-light radius-big"
+                    }, null, 12, _hoisted_12)) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
+                      key: 1,
+                      style: vue.normalizeStyle({
+                        position: "absolute",
+                        top: "0px",
+                        right: index * 20 + 20 + "%",
+                        zIndex: 1 - index
+                      }),
+                      class: "br-solid br-2px br-white i-thin bg-light radius-big"
+                    }, null, 8, ["style"]))
+                  ], 64);
+                }), 256))
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            __props.type !== "short" && __props.user ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
+              key: 3,
+              label: { component: IconEllipsis.default, class: "t-transp i-regular" },
+              align: "right",
+              class: "cursor-pointer z-index-2"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("section", _hoisted_13, [
+                  __props.user !== __props.creator.target._id ? (vue.openBlock(), vue.createBlock(FormReport.default, {
+                    key: 0,
+                    user: __props.user,
+                    type: __props.entityType,
+                    target: __props.entity._id,
+                    text: "Report",
+                    class: "w-100"
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_14
+                    ]),
+                    _: 1
+                  }, 8, ["user", "type", "target"])) : vue.createCommentVNode("", true),
+                  __props.actions && __props.actions.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.actions, (action) => {
+                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                      action.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                        key: action.to,
+                        to: action.to,
+                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(action.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "class"])) : vue.createCommentVNode("", true),
+                      action.method ? (vue.openBlock(), vue.createElementBlock("button", {
+                        key: 1,
+                        onClick: action.method,
+                        class: vue.normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, vue.toDisplayString(action.label), 11, _hoisted_15)) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 256)) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CardHeader.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/blocks/CardHeader.vue"],"sourcesContent":["<template>\n\t<header \n\t\tv-if=\"owner\" \n\t\tclass=\"pd-b-zero \"\n\t>\n\t\t<div \n\t\t\tclass=\"w-100 flex-v-center flex-nojustify flex\"\n\t\t>\n\n\t\t\t<div\n\t\t\t\tclass=\"w-100 flex-nowrap flex-v-center flex\"\n\t\t\t>\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"owner.target?.profile?.photo?.length > 0 && type !== 'short'\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + owner.target.profile.photo\" \n\t\t\t\t\tclass=\"radius-medium object-fit-cover mn-r-thin i-thin\" \n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderUserpic\n\t\t\t\t\tv-if=\"!owner.target?.profile?.photo && type !== 'short'\"\n\t\t\t\t\tclass=\"radius-medium mn-r-thin i-thin\"\n\n\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t/>\n\n\t\t\t\t<span \n\t\t\t\t\tv-if=\"type !== 'short'\"\n\t\t\t\t\tclass=\"t-semi\"\n\t\t\t\t>\n\t\t\t\t\t<span \n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: owner.type === 'user' ? 'User Profile' : 'Organization', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: owner.target._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t>\n\t\t\t\t\t\t{{owner.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"!creator.hidden && owner.target?.profile?.name !== creator.target?.profile?.name\"\n\t\t\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\t\t\tname: 'User Profile', \n\t\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t\t_id: creator.target?._id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\" \n\t\t\t\t\t>\n\t\t\t\t\t\t· by {{creator.target?.profile?.name || creator.target?.username || 'Anonymous'}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"date\" class=\"mn-l-micro mn-r-micro \">·</span> \n\n\t\t\t\t\t<span v-if=\"date\" class=\"pos-relative\">\n\t\t\t\t\t\t<Tooltip v-if=\"date\" :text=\"formatDate(date)\">\n\t\t\t\t\t \t\t{{getTimeElapsed(date)}}\n\t\t\t\t\t \t</Tooltip>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span v-if=\"dateFormatted\">\n\t\t\t\t\t\t· {{dateFormatted}}\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t\n\n\t\t\t\t<!-- Participaters avatar -->\n\n\t\t\t\t<div class=\"d-block mn-l-auto flex-nowrap flex flex-v-center\">\n\t\t\t\t\t\n\t\t\t\t\t<div v-if=\"members\" class=\"w-4r pos-relative i-thin\">\n\t\t\t\t\t    <!-- Круг с числом участников -->\n\t\t\t\t\t    <span \n\t\t\t\t\t        :style=\"{ \n\t\t\t\t\t        \tposition: 'absolute', \n\t\t\t\t\t        \ttop: '0px', \n\t\t\t\t\t        \tright: '0px' \n\t\t\t\t\t        }\"\n\t\t\t\t\t        class=\"\n\t\t\t\t\t        \tbr-solid \n\t\t\t\t\t        \tbr-2px \n\t\t\t\t\t        \tbr-white \n\t\t\t\t\t        \tz-index-1 \n\t\t\t\t\t        \tradius-big \n\t\t\t\t\t        \ti-thin \n\t\t\t\t\t        \tbg-second \n\t\t\t\t\t        \tflex flex-center \n\t\t\t\t\t        \tt-white \n\t\t\t\t\t        \tp-small \n\t\t\t\t\t        \tt-semi\"\n\t\t\t\t\t    >\n\t\t\t\t\t        {{members}}\n\t\t\t\t\t    </span>\n\n\t\t\t\t\t    <!-- Аватарки -->\n\t\t\t\t\t    <template\n\t\t\t\t\t\t\t\tv-for=\"(photo, index) in membersPhotos.slice(0,2)\"\n\t\t\t\t\t    >\n\t\t\t\t\t\t    <img loading=\"lazy\" \n\t\t\t\t\t    \t\tv-if=\"photo\"\n\t\t\t\t\t     \n\t\t\t\t\t        :key=\"index\"\n\t\t\t\t\t        :src=\"(FILE_SERVER_URL || '') + photo\"\n\t\t\t\t\t        :style=\"{ \n\t\t\t\t\t        \tposition: 'absolute', \n\t\t\t\t\t        \ttop: '0px', \n\t\t\t\t\t        \tright: (index * 20 + 20) + '%', \n\t\t\t\t\t        \tzIndex: 1 - index \n\t\t\t\t\t        }\"\n\t\t\t\t\t        class=\"\n\t\t\t\t\t        \tbr-solid \n\t\t\t\t\t        \tbr-2px \n\t\t\t\t\t        \tbr-white \n\t\t\t\t\t        \ti-thin \n\t\t\t\t\t        \tbg-light \n\t\t\t\t\t        \tradius-big\n\t\t\t\t\t        \"\n\t\t\t\t\t\t    />\n\n\t\t\t\t\t\t    <PlaceholderUserpic\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\t:style=\"{ \n\t\t\t\t\t        \tposition: 'absolute', \n\t\t\t\t\t        \ttop: '0px', \n\t\t\t\t\t        \tright: (index * 20 + 20) + '%', \n\t\t\t\t\t        \tzIndex: 1 - index \n\t\t\t\t\t        }\"\n\t\t\t\t\t\t\t\t\tclass=\"\n\t\t\t\t\t        \tbr-solid \n\t\t\t\t\t        \tbr-2px \n\t\t\t\t\t        \tbr-white \n\t\t\t\t\t        \ti-thin \n\t\t\t\t\t        \tbg-light \n\t\t\t\t\t        \tradius-big\n\t\t\t\t\t        \"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</template> \n\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- Report -->\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"type !== 'short' && user\"\n\t\t\t\t\t:label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer z-index-2\"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black flex-column flex gap-thin pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\tv-if=\"user !== creator.target._id\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\t:type=\"entityType\" \n\t\t\t\t\t\t\t:target=\"entity._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<template  \n\t\t\t        v-for=\"action in actions\"   \n\t\t\t        v-if=\"actions && actions.length > 0\"\n\t\t\t      >\n\t\t\t        <router-link\n\t\t\t          v-if=\"action.to\"\n\t\t\t          :key=\"action.to\"\n\t\t\t          :to=\"action.to\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </router-link>\n\n\t\t\t        <button\n\t\t\t          v-if=\"action.method\"\n\t\t\t          @click=\"action.method\"\n\t\t\t          :class=\"action.class || 'w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button'\"\n\t\t\t        >\n\t\t\t          {{ action.label }}\n\t\t\t        </button>\n\t\t\t      </template>\n\t\t\t\t\t</section>\n\t\t    </Dropdown>\t\n\t\t\t</div>\n\t\t</div>\n\t</header>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed,ref } from 'vue'\n\t\n\timport { useRouter } from 'vue-router'\n\n\timport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\timport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n\timport Tooltip           from '@pf/src/components/Tooltip/Tooltip.vue'\n\timport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\n\timport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n\n\timport IconEllipsis from '@pf/src/modules/icons/navigation/IconEllipsis.vue'\n\n\tconst props = defineProps([\n\t\t'user',\n\t\t'entity',\n\t\t'entityType',\n\t\t'date',\n\t\t'dateFormatted',\n\t\t'owner',\n\t\t'creator',\n\t\t'members',\n\t\t'membersPhotos',\n\t\t'type',\n\t\t'actions'\n\t])\n\n\tconst router = useRouter()\n\n\n\n\tfunction getTimeElapsed(timestamp) {\n\t  const now = new Date();\n\t  const createdAt = new Date(timestamp);\n\t  const timeDiff = Math.abs(now - createdAt);\n\t  const seconds = Math.floor(timeDiff / 1000);\n\t  const minutes = Math.floor(seconds / 60);\n\t  const hours = Math.floor(minutes / 60);\n\t  const days = Math.floor(hours / 24);\n\t  const weeks = Math.floor(days / 7);\n\t  \n\t  if (weeks > 0) {\n\t    return `${weeks} week${weeks > 1 ? 's' : ''} ago`;\n\t  } else if (days > 0) {\n\t    return `${days} day${days > 1 ? 's' : ''} ago`;\n\t  } else if (hours > 0) {\n\t    return `${hours} hour${hours > 1 ? 's' : ''} ago`;\n\t  } else if (minutes > 0) {\n\t    return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n\t  } else {\n\t    return 'Just now';\n\t  }\n\t}\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4OgBA,wBAAW;AAI1B,aAAS,eAAe,WAAW;AACjC,YAAM,MAAM,oBAAI;AAChB,YAAM,YAAY,IAAI,KAAK,SAAS;AACpC,YAAM,WAAW,KAAK,IAAI,MAAM,SAAS;AACzC,YAAM,UAAU,KAAK,MAAM,WAAW,GAAI;AAC1C,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,YAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,YAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAEjC,UAAI,QAAQ,GAAG;AACb,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,OAAO,GAAG;AACnB,eAAO,GAAG,IAAI,OAAO,OAAO,IAAI,MAAM,EAAE;AAAA,MAC7C,WAAc,QAAQ,GAAG;AACpB,eAAO,GAAG,KAAK,QAAQ,QAAQ,IAAI,MAAM,EAAE;AAAA,MAChD,WAAc,UAAU,GAAG;AACtB,eAAO,GAAG,OAAO,UAAU,UAAU,IAAI,MAAM,EAAE;AAAA,MACtD,OAAU;AACL,eAAO;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,37 +1,52 @@
-import { resolveComponent as S, openBlock as t, createElementBlock as s, createElementVNode as c, withModifiers as y, createCommentVNode as o, createBlock as b, toDisplayString as d, withCtx as w, createTextVNode as U, Fragment as k, renderList as F, normalizeStyle as D, normalizeClass as L } from "vue";
-import { useRouter as T } from "vue-router";
-import V from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
-import A from "../../../../reports/components/sections/FormReport.vue.js";
-import B from "../../../../../components/Tooltip/Tooltip.vue2.js";
-import N from "../../../../../components/Dropdown/Dropdown.vue.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, createCommentVNode, createBlock, toDisplayString, withCtx, createTextVNode, Fragment, renderList, normalizeStyle, normalizeClass } from "vue";
+import { useRouter } from "vue-router";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+import _sfc_main$4 from "../../../../reports/components/sections/FormReport.vue.js";
+import _sfc_main$1 from "../../../../../components/Tooltip/Tooltip.vue2.js";
+import _sfc_main$2 from "../../../../../components/Dropdown/Dropdown.vue.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../../../../auth/views/store/auth.js";
 import "../../../../organizations/store/memberships.js";
-import O from "../../../../icons/navigation/IconEllipsis.vue.js";
-const j = {
+import _sfc_main$3 from "../../../../icons/navigation/IconEllipsis.vue.js";
+const _hoisted_1 = {
   key: 0,
   class: "pd-b-zero"
-}, H = { class: "w-100 flex-v-center flex-nojustify flex" }, J = { class: "w-100 flex-nowrap flex-v-center flex" }, q = ["src"], G = {
+};
+const _hoisted_2 = { class: "w-100 flex-v-center flex-nojustify flex" };
+const _hoisted_3 = { class: "w-100 flex-nowrap flex-v-center flex" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
   key: 2,
   class: "t-semi"
-}, K = {
+};
+const _hoisted_6 = {
   key: 1,
   class: "mn-l-micro mn-r-micro"
-}, Q = {
+};
+const _hoisted_7 = {
   key: 2,
   class: "pos-relative"
-}, W = { key: 3 }, X = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" }, Y = {
+};
+const _hoisted_8 = { key: 3 };
+const _hoisted_9 = { class: "d-block mn-l-auto flex-nowrap flex flex-v-center" };
+const _hoisted_10 = {
   key: 0,
   class: "w-4r pos-relative i-thin"
-}, Z = {
+};
+const _hoisted_11 = {
   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"
-}, _ = ["src"], ee = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" }, te = /* @__PURE__ */ c("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1), re = ["onClick"], be = {
+};
+const _hoisted_12 = ["src"];
+const _hoisted_13 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1);
+const _hoisted_15 = ["onClick"];
+const _sfc_main = {
   __name: "CardHeader",
   props: [
     "user",
@@ -46,151 +61,173 @@ const j = {
     "type",
     "actions"
   ],
-  setup(e) {
-    T();
-    function I(a) {
-      const n = /* @__PURE__ */ new Date(), x = new Date(a), f = Math.abs(n - x), g = Math.floor(f / 1e3), l = Math.floor(g / 60), u = Math.floor(l / 60), m = Math.floor(u / 24), h = Math.floor(m / 7);
-      return h > 0 ? `${h} week${h > 1 ? "s" : ""} ago` : m > 0 ? `${m} day${m > 1 ? "s" : ""} ago` : u > 0 ? `${u} hour${u > 1 ? "s" : ""} ago` : l > 0 ? `${l} minute${l > 1 ? "s" : ""} ago` : "Just now";
+  setup(__props) {
+    useRouter();
+    function getTimeElapsed(timestamp) {
+      const now = /* @__PURE__ */ new Date();
+      const createdAt = new Date(timestamp);
+      const timeDiff = Math.abs(now - createdAt);
+      const seconds = Math.floor(timeDiff / 1e3);
+      const minutes = Math.floor(seconds / 60);
+      const hours = Math.floor(minutes / 60);
+      const days = Math.floor(hours / 24);
+      const weeks = Math.floor(days / 7);
+      if (weeks > 0) {
+        return `${weeks} week${weeks > 1 ? "s" : ""} ago`;
+      } else if (days > 0) {
+        return `${days} day${days > 1 ? "s" : ""} ago`;
+      } else if (hours > 0) {
+        return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+      } else if (minutes > 0) {
+        return `${minutes} minute${minutes > 1 ? "s" : ""} ago`;
+      } else {
+        return "Just now";
+      }
     }
-    return (a, n) => {
-      var f, g, l, u, m, h, $, v, p, z, C, E, R, M, P;
-      const x = S("router-link");
-      return e.owner ? (t(), s("header", j, [
-        c("div", H, [
-          c("div", J, [
-            ((l = (g = (f = e.owner.target) == null ? void 0 : f.profile) == null ? void 0 : g.photo) == null ? void 0 : l.length) > 0 && e.type !== "short" ? (t(), s("img", {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      const _component_router_link = resolveComponent("router-link");
+      return __props.owner ? (openBlock(), createElementBlock("header", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            ((_c = (_b = (_a = __props.owner.target) == null ? void 0 : _a.profile) == null ? void 0 : _b.photo) == null ? void 0 : _c.length) > 0 && __props.type !== "short" ? (openBlock(), createElementBlock("img", {
               key: 0,
               loading: "lazy",
-              src: (a.FILE_SERVER_URL || "") + e.owner.target.profile.photo,
+              src: (_ctx.FILE_SERVER_URL || "") + __props.owner.target.profile.photo,
               class: "radius-medium object-fit-cover mn-r-thin i-thin",
-              onClick: n[0] || (n[0] = y((r) => a.$router.push({
-                name: e.owner.type === "user" ? "User Profile" : "Organization",
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
-                  _id: e.owner.target._id
+                  _id: __props.owner.target._id
                 }
               }), ["stop"]))
-            }, null, 8, q)) : o("", !0),
-            !((m = (u = e.owner.target) == null ? void 0 : u.profile) != null && m.photo) && e.type !== "short" ? (t(), b(V, {
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+            !((_e = (_d = __props.owner.target) == null ? void 0 : _d.profile) == null ? void 0 : _e.photo) && __props.type !== "short" ? (openBlock(), createBlock(PlaceholderUserpic, {
               key: 1,
               class: "radius-medium mn-r-thin i-thin",
-              onClick: n[1] || (n[1] = y((r) => a.$router.push({
-                name: e.owner.type === "user" ? "User Profile" : "Organization",
+              onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$router.push({
+                name: __props.owner.type === "user" ? "User Profile" : "Organization",
                 params: {
-                  _id: e.owner.target._id
+                  _id: __props.owner.target._id
                 }
               }), ["stop"]))
-            })) : o("", !0),
-            e.type !== "short" ? (t(), s("span", G, [
-              c("span", {
-                onClick: n[2] || (n[2] = y((r) => a.$router.push({
-                  name: e.owner.type === "user" ? "User Profile" : "Organization",
+            })) : createCommentVNode("", true),
+            __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_5, [
+              createElementVNode("span", {
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$router.push({
+                  name: __props.owner.type === "user" ? "User Profile" : "Organization",
                   params: {
-                    _id: e.owner.target._id
+                    _id: __props.owner.target._id
                   }
                 }), ["stop"]))
-              }, d((($ = (h = e.owner.target) == null ? void 0 : h.profile) == null ? void 0 : $.name) || ((v = e.creator.target) == null ? void 0 : v.username) || "Anonymous"), 1),
-              !e.creator.hidden && ((z = (p = e.owner.target) == null ? void 0 : p.profile) == null ? void 0 : z.name) !== ((E = (C = e.creator.target) == null ? void 0 : C.profile) == null ? void 0 : E.name) ? (t(), s("span", {
+              }, toDisplayString(((_g = (_f = __props.owner.target) == null ? void 0 : _f.profile) == null ? void 0 : _g.name) || ((_h = __props.creator.target) == null ? void 0 : _h.username) || "Anonymous"), 1),
+              !__props.creator.hidden && ((_j = (_i = __props.owner.target) == null ? void 0 : _i.profile) == null ? void 0 : _j.name) !== ((_l = (_k = __props.creator.target) == null ? void 0 : _k.profile) == null ? void 0 : _l.name) ? (openBlock(), createElementBlock("span", {
                 key: 0,
-                onClick: n[3] || (n[3] = y((r) => {
-                  var i;
-                  return a.$router.push({
+                onClick: _cache[3] || (_cache[3] = withModifiers(($event) => {
+                  var _a2;
+                  return _ctx.$router.push({
                     name: "User Profile",
                     params: {
-                      _id: (i = e.creator.target) == null ? void 0 : i._id
+                      _id: (_a2 = __props.creator.target) == null ? void 0 : _a2._id
                     }
                   });
                 }, ["stop"]))
-              }, " · by " + d(((M = (R = e.creator.target) == null ? void 0 : R.profile) == null ? void 0 : M.name) || ((P = e.creator.target) == null ? void 0 : P.username) || "Anonymous"), 1)) : o("", !0),
-              e.date ? (t(), s("span", K, "·")) : o("", !0),
-              e.date ? (t(), s("span", Q, [
-                e.date ? (t(), b(B, {
+              }, " · by " + toDisplayString(((_n = (_m = __props.creator.target) == null ? void 0 : _m.profile) == null ? void 0 : _n.name) || ((_o = __props.creator.target) == null ? void 0 : _o.username) || "Anonymous"), 1)) : createCommentVNode("", true),
+              __props.date ? (openBlock(), createElementBlock("span", _hoisted_6, "·")) : createCommentVNode("", true),
+              __props.date ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                __props.date ? (openBlock(), createBlock(_sfc_main$1, {
                   key: 0,
-                  text: a.formatDate(e.date)
+                  text: _ctx.formatDate(__props.date)
                 }, {
-                  default: w(() => [
-                    U(d(I(e.date)), 1)
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(getTimeElapsed(__props.date)), 1)
                   ]),
                   _: 1
-                }, 8, ["text"])) : o("", !0)
-              ])) : o("", !0),
-              e.dateFormatted ? (t(), s("span", W, " · " + d(e.dateFormatted), 1)) : o("", !0)
-            ])) : o("", !0),
-            c("div", X, [
-              e.members ? (t(), s("div", Y, [
-                c("span", Z, d(e.members), 1),
-                (t(!0), s(k, null, F(e.membersPhotos.slice(0, 2), (r, i) => (t(), s(k, null, [
-                  r ? (t(), s("img", {
-                    loading: "lazy",
-                    key: i,
-                    src: (a.FILE_SERVER_URL || "") + r,
-                    style: D({
-                      position: "absolute",
-                      top: "0px",
-                      right: i * 20 + 20 + "%",
-                      zIndex: 1 - i
-                    }),
-                    class: "br-solid br-2px br-white i-thin bg-light radius-big"
-                  }, null, 12, _)) : (t(), b(V, {
-                    key: 1,
-                    style: D({
-                      position: "absolute",
-                      top: "0px",
-                      right: i * 20 + 20 + "%",
-                      zIndex: 1 - i
-                    }),
-                    class: "br-solid br-2px br-white i-thin bg-light radius-big"
-                  }, null, 8, ["style"]))
-                ], 64))), 256))
-              ])) : o("", !0)
+                }, 8, ["text"])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true),
+              __props.dateFormatted ? (openBlock(), createElementBlock("span", _hoisted_8, " · " + toDisplayString(__props.dateFormatted), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_9, [
+              __props.members ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                createElementVNode("span", _hoisted_11, toDisplayString(__props.members), 1),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.membersPhotos.slice(0, 2), (photo, index) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    photo ? (openBlock(), createElementBlock("img", {
+                      loading: "lazy",
+                      key: index,
+                      src: (_ctx.FILE_SERVER_URL || "") + photo,
+                      style: normalizeStyle({
+                        position: "absolute",
+                        top: "0px",
+                        right: index * 20 + 20 + "%",
+                        zIndex: 1 - index
+                      }),
+                      class: "br-solid br-2px br-white i-thin bg-light radius-big"
+                    }, null, 12, _hoisted_12)) : (openBlock(), createBlock(PlaceholderUserpic, {
+                      key: 1,
+                      style: normalizeStyle({
+                        position: "absolute",
+                        top: "0px",
+                        right: index * 20 + 20 + "%",
+                        zIndex: 1 - index
+                      }),
+                      class: "br-solid br-2px br-white i-thin bg-light radius-big"
+                    }, null, 8, ["style"]))
+                  ], 64);
+                }), 256))
+              ])) : createCommentVNode("", true)
             ]),
-            e.type !== "short" && e.user ? (t(), b(N, {
+            __props.type !== "short" && __props.user ? (openBlock(), createBlock(_sfc_main$2, {
               key: 3,
-              label: { component: O, class: "t-transp i-regular" },
+              label: { component: _sfc_main$3, class: "t-transp i-regular" },
               align: "right",
               class: "cursor-pointer z-index-2"
             }, {
-              default: w(() => [
-                c("section", ee, [
-                  e.user !== e.creator.target._id ? (t(), b(A, {
+              default: withCtx(() => [
+                createElementVNode("section", _hoisted_13, [
+                  __props.user !== __props.creator.target._id ? (openBlock(), createBlock(_sfc_main$4, {
                     key: 0,
-                    user: e.user,
-                    type: e.entityType,
-                    target: e.entity._id,
+                    user: __props.user,
+                    type: __props.entityType,
+                    target: __props.entity._id,
                     text: "Report",
                     class: "w-100"
                   }, {
-                    default: w(() => [
-                      te
+                    default: withCtx(() => [
+                      _hoisted_14
                     ]),
                     _: 1
-                  }, 8, ["user", "type", "target"])) : o("", !0),
-                  e.actions && e.actions.length > 0 ? (t(!0), s(k, { key: 1 }, F(e.actions, (r) => (t(), s(k, null, [
-                    r.to ? (t(), b(x, {
-                      key: r.to,
-                      to: r.to,
-                      class: L(r.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                    }, {
-                      default: w(() => [
-                        U(d(r.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["to", "class"])) : o("", !0),
-                    r.method ? (t(), s("button", {
-                      key: 1,
-                      onClick: r.method,
-                      class: L(r.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
-                    }, d(r.label), 11, re)) : o("", !0)
-                  ], 64))), 256)) : o("", !0)
+                  }, 8, ["user", "type", "target"])) : createCommentVNode("", true),
+                  __props.actions && __props.actions.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.actions, (action) => {
+                    return openBlock(), createElementBlock(Fragment, null, [
+                      action.to ? (openBlock(), createBlock(_component_router_link, {
+                        key: action.to,
+                        to: action.to,
+                        class: normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(action.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "class"])) : createCommentVNode("", true),
+                      action.method ? (openBlock(), createElementBlock("button", {
+                        key: 1,
+                        onClick: action.method,
+                        class: normalizeClass(action.class || "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button")
+                      }, toDisplayString(action.label), 11, _hoisted_15)) : createCommentVNode("", true)
+                    ], 64);
+                  }), 256)) : createCommentVNode("", true)
                 ])
               ]),
               _: 1
-            }, 8, ["label"])) : o("", !0)
+            }, 8, ["label"])) : createCommentVNode("", true)
           ])
         ])
-      ])) : o("", !0);
+      ])) : createCommentVNode("", true);
     };
   }
 };
 export {
-  be as default
+  _sfc_main as default
 };
+//# sourceMappingURL=CardHeader.vue.js.map