npm - @ozdao/prometheus-framework - Versions diffs - 0.2.306 → 0.2.308 - Mend

@ozdao/prometheus-framework 0.2.306 → 0.2.308

Files changed (97) hide show

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.cjs CHANGED Viewed

@@ -12,16 +12,16 @@ const ButtonToggleMembership = require("../elements/ButtonToggleMembership.vue.c
 const _hoisted_1 = { class: "h-4r flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100" };
-const _hoisted_4 = { class: "h4 t-truncate" };
+const _hoisted_4 = { class: "h4 t-truncate w-100" };
 const _hoisted_5 = {
   key: 0,
   class: "mn-t-micro gap-micro flex-nowrap flex"
 };
 const _hoisted_6 = {
   key: 0,
-  class: "fpos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
 };
-const _hoisted_7 = { class: "" };
+const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
@@ -75,7 +75,7 @@ const _sfc_main = {
     const emits = __emit;
     vueRouter.useRouter();
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "o-hidden pos-relative cursor-pointer bg-light",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "Organization", params: { _id: __props.organization._id } }))
@@ -85,33 +85,42 @@ const _sfc_main = {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-            class: "h-4r w-4r radius-extra bg-white"
+            class: "h-4r w-4r radius-extra bg-white",
+            style: { "flex": "0 1 auto" }
           }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
             key: 1,
-            class: "w-4r h-max radius-medium"
+            class: "w-4r h-max radius-medium",
+            style: { "flex": "0 1 auto" }
           })),
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.organization.profile.name), 1),
             __props.showFollowers || __props.showTags ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              __props.showFollowers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                ((_a = __props.user) == null ? void 0 : _a._id) && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                  class: "i-semi"
-                }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true),
-              __props.showTags && ((_b = __props.organization.profile.tags) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-                key: 1,
+              __props.showTags && ((_a = __props.organization.profile.tags) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
+                key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative p-medium"
-              }, null, 8, ["chips"])) : vue.createCommentVNode("", true)
+                class: "pos-relative t-trimmed p-medium"
+              }, {
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    __props.showFollowers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                      vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+                      ((_a2 = __props.user) == null ? void 0 : _a2._id) && __props.organization.owner !== __props.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
+                        key: 0,
+                        user: __props.user._id,
+                        type: "organization",
+                        role: "subscriber",
+                        target: __props.organization._id,
+                        status: __props.organization.isSubscriber,
+                        text: { create: "+", remove: "-" },
+                        onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
+                        class: "i-semi"
+                      }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+                    ])) : vue.createCommentVNode("", true)
+                  ];
+                }),
+                _: 1
+              }, 8, ["chips"])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ])
         ]),
@@ -125,7 +134,7 @@ const _sfc_main = {
           vue.createVNode(IconShopcart.default, { class: "i-medium mn-r-micro" }),
           vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(__props.organization.products.length) + " products", 1)
         ])) : vue.createCommentVNode("", true),
-        __props.showProducts && ((_c = __props.organization.products) == null ? void 0 : _c.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+        __props.showProducts && ((_b = __props.organization.products) == null ? void 0 : _b.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
           vue.createElementVNode("div", _hoisted_15, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.organization.products.slice(0, 5), (product) => {
               return vue.openBlock(), vue.createBlock(CardOrderItem.default, {

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardOrganization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n <div v-if=\"showFollowers\" class=\"~~fpos~~-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n~~\n <~~Chips \n ~~v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative p-medium\"\n />\n\n~~ </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA2JE~~,UAAM,QAAQ;AAECA,wBAAY~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"CardOrganization.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n style=\"flex: 0 1 auto\"\n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n style=\"flex: 0 1 auto\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate w-100\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n \n\n <Chips \n v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative t-trimmed p-medium\"\n >\n <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"t-truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n </Chips>\n </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JE,UAAM,QAAQ;AAECA,wBAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, withModifiers } from "vue";
+import { openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, withCtx, createCommentVNode, createVNode, Fragment, renderList, withModifiers } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$4 from "../../../orders/components/blocks/CardOrderItem.vue.js";
-import _sfc_main$2 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$1 from "../../../../components/Chips/Chips.vue.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import IconPrice from "../../../icons/entities/IconPrice.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconShopcart.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
-import _sfc_main$1 from "../elements/ButtonToggleMembership.vue.js";
+import _sfc_main$2 from "../elements/ButtonToggleMembership.vue.js";
 const _hoisted_1 = { class: "h-4r flex pos-relative" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100" };
-const _hoisted_4 = { class: "h4 t-truncate" };
+const _hoisted_4 = { class: "h4 t-truncate w-100" };
 const _hoisted_5 = {
   key: 0,
   class: "mn-t-micro gap-micro flex-nowrap flex"
 };
 const _hoisted_6 = {
   key: 0,
-  class: "fpos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
 };
-const _hoisted_7 = { class: "" };
+const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium"
@@ -73,7 +73,7 @@ const _sfc_main = {
     const emits = __emit;
     useRouter();
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: "o-hidden pos-relative cursor-pointer bg-light",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({ name: "Organization", params: { _id: __props.organization._id } }))
@@ -83,33 +83,42 @@ const _sfc_main = {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-            class: "h-4r w-4r radius-extra bg-white"
+            class: "h-4r w-4r radius-extra bg-white",
+            style: { "flex": "0 1 auto" }
           }, null, 8, _hoisted_2)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
             key: 1,
-            class: "w-4r h-max radius-medium"
+            class: "w-4r h-max radius-medium",
+            style: { "flex": "0 1 auto" }
           })),
           createElementVNode("div", _hoisted_3, [
             createElementVNode("p", _hoisted_4, toDisplayString(__props.organization.profile.name), 1),
             __props.showFollowers || __props.showTags ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              __props.showFollowers ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-                ((_a = __props.user) == null ? void 0 : _a._id) && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  user: __props.user._id,
-                  type: "organization",
-                  role: "subscriber",
-                  target: __props.organization._id,
-                  status: __props.organization.isSubscriber,
-                  text: { create: "+", remove: "-" },
-                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                  class: "i-semi"
-                }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true),
-              __props.showTags && ((_b = __props.organization.profile.tags) == null ? void 0 : _b.length) > 0 ? (openBlock(), createBlock(_sfc_main$2, {
-                key: 1,
+              __props.showTags && ((_a = __props.organization.profile.tags) == null ? void 0 : _a.length) > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative p-medium"
-              }, null, 8, ["chips"])) : createCommentVNode("", true)
+                class: "pos-relative t-trimmed p-medium"
+              }, {
+                default: withCtx(() => {
+                  var _a2;
+                  return [
+                    __props.showFollowers ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                      createElementVNode("p", _hoisted_7, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
+                      ((_a2 = __props.user) == null ? void 0 : _a2._id) && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$2, {
+                        key: 0,
+                        user: __props.user._id,
+                        type: "organization",
+                        role: "subscriber",
+                        target: __props.organization._id,
+                        status: __props.organization.isSubscriber,
+                        text: { create: "+", remove: "-" },
+                        onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
+                        class: "i-semi"
+                      }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true)
+                  ];
+                }),
+                _: 1
+              }, 8, ["chips"])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ])
         ]),
@@ -123,7 +132,7 @@ const _sfc_main = {
           createVNode(_sfc_main$3, { class: "i-medium mn-r-micro" }),
           createElementVNode("span", _hoisted_13, toDisplayString(__props.organization.products.length) + " products", 1)
         ])) : createCommentVNode("", true),
-        __props.showProducts && ((_c = __props.organization.products) == null ? void 0 : _c.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_14, [
+        __props.showProducts && ((_b = __props.organization.products) == null ? void 0 : _b.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_14, [
           createElementVNode("div", _hoisted_15, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.organization.products.slice(0, 5), (product) => {
               return openBlock(), createBlock(_sfc_main$4, {

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n <div v-if=\"showFollowers\" class=\"~~fpos~~-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n~~\n <~~Chips \n ~~v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative p-medium\"\n />\n\n~~ </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA2JE~~,UAAM,QAAQ;AAEC,cAAY~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n style=\"flex: 0 1 auto\"\n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n style=\"flex: 0 1 auto\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate w-100\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n \n\n <Chips \n v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative t-trimmed p-medium\"\n >\n <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"t-truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n </Chips>\n </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JE,UAAM,QAAQ;AAEC,cAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ require("vue-i18n");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
 ;/* empty css                                           */

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import "vue-i18n";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css                                         */

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ require("vue-i18n");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import "vue-i18n";
 import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue2.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs CHANGED Viewed

@@ -9,9 +9,9 @@ const organizations = require("../../store/organizations.cjs");
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
 const _hoisted_1 = {
   key: 0,
-  class: "pd-small flex-v-center flex-nowrap flex"
+  class: "pd-small bg-red flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = { class: "pd-small" };
+const _hoisted_2 = { class: "pd-small h-100 bg-white" };
 const _sfc_main = {
   __name: "Organizations",
   setup(__props) {
@@ -42,6 +42,7 @@ const _sfc_main = {
             { name: "Member", value: "member" },
             { name: "Follower", value: "follower" }
           ],
+          style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
           tabClass: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
@@ -68,7 +69,8 @@ const _sfc_main = {
                   user: auth.state.user._id,
                   [tabOrganization.value === "owner" ? "owner" : tabOrganization.value === "member" ? "member" : "subscriber"]: vue.unref(route).params._id,
                   lookup: ["memberships"]
-                }
+                },
+                style: { "height": "200rem" }
               }, {
                 default: vue.withCtx(({
                   items

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t<header v-if=\"!MOBILE_APP\" class=\"pd-small flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small\">\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed\n :showLoadMore=\"false\" \n :search=\"{\n placeholder: 'Search organization...',\n class: 'mn-b-small'\n }\"\n :states=\"{\n empty: {\n title: 'No organizations Found',\n description: 'Currently, there are no such organizations available.'\n }\n }\"\n :store=\"{\n read: (options) => organizations.actions.read(options),\n state: null\n }\"\n :options=\"{\n user: auth.state.user._id,\n [tabOrganization === 'owner' ? 'owner' : \n tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n lookup: ['memberships']\n }\"\n v-slot=\"{ \n items \n }\"\n >\n \t<CardOrganization \n\t\t\t \tv-for=\"(organization, index) in items\" \n v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t :organization=\"organization\"\n\t\t\t :showRating=\"true\"\n\t\t\t :showFollowers=\"true\"\n\t\t\t :showProducts=\"false\"\n\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t />\n </Feed>\n\t</transition>\n</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;~~AA8FC~~,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-red flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AA+FC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js CHANGED Viewed

@@ -7,9 +7,9 @@ import { actions } from "../../store/organizations.js";
 import _sfc_main$3 from "../blocks/CardOrganization.vue.js";
 const _hoisted_1 = {
   key: 0,
-  class: "pd-small flex-v-center flex-nowrap flex"
+  class: "pd-small bg-red flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = { class: "pd-small" };
+const _hoisted_2 = { class: "pd-small h-100 bg-white" };
 const _sfc_main = {
   __name: "Organizations",
   setup(__props) {
@@ -40,6 +40,7 @@ const _sfc_main = {
             { name: "Member", value: "member" },
             { name: "Follower", value: "follower" }
           ],
+          style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
           tabClass: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
@@ -66,7 +67,8 @@ const _sfc_main = {
                   user: state.user._id,
                   [tabOrganization.value === "owner" ? "owner" : tabOrganization.value === "member" ? "member" : "subscriber"]: unref(route).params._id,
                   lookup: ["memberships"]
-                }
+                },
+                style: { "height": "200rem" }
               }, {
                 default: withCtx(({
                   items

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t<header v-if=\"!MOBILE_APP\" class=\"pd-small flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small\">\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed\n :showLoadMore=\"false\" \n :search=\"{\n placeholder: 'Search organization...',\n class: 'mn-b-small'\n }\"\n :states=\"{\n empty: {\n title: 'No organizations Found',\n description: 'Currently, there are no such organizations available.'\n }\n }\"\n :store=\"{\n read: (options) => organizations.actions.read(options),\n state: null\n }\"\n :options=\"{\n user: auth.state.user._id,\n [tabOrganization === 'owner' ? 'owner' : \n tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n lookup: ['memberships']\n }\"\n v-slot=\"{ \n items \n }\"\n >\n \t<CardOrganization \n\t\t\t \tv-for=\"(organization, index) in items\" \n v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t :organization=\"organization\"\n\t\t\t :showRating=\"true\"\n\t\t\t :showFollowers=\"true\"\n\t\t\t :showProducts=\"false\"\n\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t />\n </Feed>\n\t</transition>\n</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;~~AA8FC~~,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-red flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;AA+FC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref, resolveDirective, openBlock, createElementBlock, createElementVNode, toDisplayString, withDirectives, createVNode, isRef, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/BlockSearch.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs CHANGED Viewed

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
 ;/* empty css                                   */
 ;/* empty css                                        */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                          */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                      */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 /* empty css                                        */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";