@ozdao/martyrs 0.2.507 → 0.2.509

package/dist/martyrs/src/components/Button/Button.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 3rem;\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAAA,IAAI,IAAI;AACvB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Dropdown/Dropdown.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.vue2.cjs","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":["clickOutside","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAASC,IAAAA,IAAI,KAAK;AACxB,UAAM,mBAAmBC,IAAAA,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Loader/Loader.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.vue.js","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div class=\"circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r h-min-1r w-min-1r\" :class=\"{ 'circular-loader-centered': centered }\">\n    <svg viewBox=\"25 25 50 50\">\n      <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n      <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n    </svg>\n    <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n    <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    progress: {\n      type: Number,\n      default: null,\n    },\n    status: {\n      type: String,\n      default: null,\n    },\n    centered: {\n      type: Boolean,\n      default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n    },\n  },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n  top: calc(50% - 1rem);\n  left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n  animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n  stroke: rgb(var(--main));\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n  stroke-linecap: round;\n  stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0.8rem;\n  color: rgb(var(--main));;\n}\n\n.status-text {\n  position: absolute;\n  top: 120%;\n  left: calc(50% - 5rem);\n  font-size: 0.8rem;\n  width: 10rem !important;\n  text-align: center;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: -124;\n  }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;;AAGf;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;sBAN3BA,mBAOM,OAAA;AAAA,IAPD,OADPC,eAAA,CACa,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAA,yBAAXF,mBAA+D,OAA/D,YAA+DG,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,uBAAXJ,mBAAkF,OAAlF,YAAkFG,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,mBAAA,IAAA,IAAA;AAAA;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Select/Select.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.vue.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    ref=\"fieldWrapper\"\n    tabindex=\"0\"\n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 pd-small radius-small bg-white mn-t-thin w-100\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"radius-thin hover-bg-light pd-thin text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<script setup>\nimport { ref, computed, watch, nextTick } from 'vue'\nimport clickOutside from '../FieldPhone/click-outside.js';\nlet vClickOutside = clickOutside\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\nconst showMenu = ref(false)\nconst fieldWrapper = ref(null)\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\nconst toggleMenu = async () => {\n  showMenu.value = !showMenu.value\n  \n  if (showMenu.value) {\n    await nextTick()\n    fieldWrapper.value?.focus()\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n}\nfunction clickedOutside () {\n  showMenu.value = false\n}\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n  ul li {\n    line-height: 2;\n  }\n  .field-wrapper:focus {\n    outline: none;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgB;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACD,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AACD,UAAM,aAAa,YAAY;AAC7B,eAAS,QAAQ,CAAC,SAAS;AAE3B,UAAI,SAAS,OAAO;AAClB,cAAM,SAAQ;AACd,qBAAa,OAAO,MAAK;AACzB,aAAK,OAAO;AAAA,MACd,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AACA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AACV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC7D,OAAO;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC7C;AAAA,IACF;AACA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
-const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
-const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
-const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
-const PlaceholderOrganizationPic = require("../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
-const ButtonToggleMembership = require("../elements/ButtonToggleMembership.vue.cjs");
-const Socials = require("../blocks/Socials.vue.cjs");
-const FormReport = require("../../../reports/components/sections/FormReport.vue.cjs");
-const organizations = require("../../store/organizations.cjs");
-const memberships = require("../../store/memberships.cjs");
-const _hoisted_1 = { class: "flex-center flex flex-column t-center pd-medium radius-medium bg-light" };
-const _hoisted_2 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "mn-b-thin" };
-const _hoisted_5 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_6 = { class: "mn-t-thin p-medium t-medium uppercase mn-b-thin" };
-const _hoisted_7 = {
-  key: 5,
-  class: "mn-t-small mn-b-thin"
-};
-const _sfc_main = {
-  __name: "DetailsTabSection",
-  props: {
-    organization: Object,
-    user: Object
-  },
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
-          key: 0,
-          label: { component: IconEllipsis.default, class: "i-regular t-transp" },
-          align: "right",
-          class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("section", _hoisted_2, [
-              vue.createVNode(FormReport.default, {
-                user: __props.user._id,
-                type: "organization",
-                target: __props.organization._id,
-                text: "Report",
-                class: "w-100"
-              }, {
-                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                  vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
-                ])),
-                _: 1
-              }, 8, ["user", "target"]),
-              __props.user._id && __props.user._id !== __props.organization.owner ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
-                key: 0,
-                user: __props.user._id,
-                type: "organization",
-                role: "blocked",
-                target: __props.organization._id,
-                status: __props.organization.isBlocked,
-                text: { create: "Block", remove: "Unblock" },
-                onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
-                class: "t-white w-100 mn-t-thin bg-red"
-              }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-            ])
-          ]),
-          _: 1
-        }, 8, ["label"])) : vue.createCommentVNode("", true),
-        __props.user._id === __props.organization.owner ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-          key: 1,
-          to: {
-            name: "Organization Edit",
-            params: {
-              _id: __props.organization._id
-            }
-          },
-          class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(IconEdit.default, {
-              class: "i-regular",
-              classes: "fill-white"
-            })
-          ]),
-          _: 1
-        }, 8, ["to"])) : vue.createCommentVNode("", true),
-        __props.organization.profile.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-          key: 2,
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-          class: "radius-big bg-light flex-center flex mn-b-small w-8r"
-        }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
-          key: 3,
-          class: "radius-medium mn-b-small i-extra"
-        })),
-        vue.createElementVNode("h1", _hoisted_4, vue.toDisplayString(__props.organization.profile.name), 1),
-        vue.createElementVNode("div", _hoisted_5, [
-          vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-micro t-transp" }),
-          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-          __props.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== __props.user._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[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-            class: "mn-l-thin p-medium t-medium radius-extra i-semi"
-          }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-        ]),
-        __props.organization.profile?.tags?.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-          key: 4,
-          chips: __props.organization.profile.tags,
-          class: "p-medium"
-        }, null, 8, ["chips"])) : vue.createCommentVNode("", true),
-        Object.values(__props.organization.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_7, " Find us in socials ")) : vue.createCommentVNode("", true),
-        vue.createVNode(Socials.default, {
-          telegram: __props.organization.socials.telegram,
-          facebook: __props.organization.socials.facebook,
-          instagram: __props.organization.socials.instagram,
-          twitter: __props.organization.socials.twitter,
-          youtube: __props.organization.socials.youtube
-        }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"]),
-        vue.renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=DetailsTabSection.vue.cjs.map

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailsTabSection.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTabSection.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\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>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t      :user=\"user._id\"\n\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t      :target=\"organization._id\" \n\t\t      :status=\"organization.isBlocked\" \n\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t</section>\n    </Dropdown>\n\n   <router-link\n\t\t\tv-if=\"user._id === organization.owner\"\n      :to=\"{\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t}\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n    <h1\n    \tclass=\"mn-b-thin\"\n    >\n  \t\t{{ organization.profile.name }}\n  \t</h1>\n\n   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n      <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n      <ButtonToggleMembership\n        v-if=\"\n\t      \tuser._id \n\t      \t&& route.params._id \n\t      \t&& route.params._id !== user._id\n\t      \t&& organization.owner !== user._id\n\t      \"\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 => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n        class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n      />\n    </div>\n\n    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-semi\">\n   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n  \t</p>   -->\n\n  \t<Chips \n    \tv-if=\"organization.profile?.tags?.length > 0\" \n    \t:chips=\"organization.profile.tags\"\n    \tclass=\"p-medium\"\n   \t/>\n\n\n    <h4 \n    \tv-if=\"Object.values(organization.socials).some(value => value)\" \n    \tclass=\"mn-t-small mn-b-thin\"\n    >\n  \t\tFind us in socials\n  \t</h4>\n  \t\n   \t<Socials \n   \t\t:telegram=\"organization.socials.telegram\"\n   \t\t:facebook=\"organization.socials.facebook\"\n   \t\t:instagram=\"organization.socials.instagram\"\n   \t\t:twitter=\"organization.socials.twitter\"\n   \t\t:youtube=\"organization.socials.youtube\"\n   \t/>\n   \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n  <Contacts\n    :website=\"organization.contacts.website\"\n    :phone=\"organization.contacts.phone\"\n    :email=\"organization.contacts.email\"\n    :address=\"organization.contacts.address\"\n    class=\"w-100 pd-medium radius-big bg-light\"\n  /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\timport * as memberships \tfrom '@martyrs/src/modules/organizations/store/memberships.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["useRoute","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQA,UAAAA,SAAQ;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.js

@@ -1,137 +0,0 @@
-import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, renderSlot, withCtx, toDisplayString, unref } from "vue";
-import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
-import _sfc_main$7 from "../../../../components/Chips/Chips.vue2.js";
-import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
-import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
-import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";
-import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
-import _sfc_main$4 from "../elements/ButtonToggleMembership.vue.js";
-import _sfc_main$8 from "../blocks/Socials.vue.js";
-import _sfc_main$3 from "../../../reports/components/sections/FormReport.vue.js";
-import { state } from "../../store/organizations.js";
-import { mutations } from "../../store/memberships.js";
-const _hoisted_1 = { class: "flex-center flex flex-column t-center pd-medium radius-medium bg-light" };
-const _hoisted_2 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "mn-b-thin" };
-const _hoisted_5 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_6 = { class: "mn-t-thin p-medium t-medium uppercase mn-b-thin" };
-const _hoisted_7 = {
-  key: 5,
-  class: "mn-t-small mn-b-thin"
-};
-const _sfc_main = {
-  __name: "DetailsTabSection",
-  props: {
-    organization: Object,
-    user: Object
-  },
-  setup(__props) {
-    const route = useRoute();
-    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      mutations.handleMembershipUpdate(state.current, membership, status, target, statusName, statusNumber);
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$1, {
-          key: 0,
-          label: { component: _sfc_main$2, class: "i-regular t-transp" },
-          align: "right",
-          class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("section", _hoisted_2, [
-              createVNode(_sfc_main$3, {
-                user: __props.user._id,
-                type: "organization",
-                target: __props.organization._id,
-                text: "Report",
-                class: "w-100"
-              }, {
-                default: withCtx(() => _cache[2] || (_cache[2] = [
-                  createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
-                ])),
-                _: 1
-              }, 8, ["user", "target"]),
-              __props.user._id && __props.user._id !== __props.organization.owner ? (openBlock(), createBlock(_sfc_main$4, {
-                key: 0,
-                user: __props.user._id,
-                type: "organization",
-                role: "blocked",
-                target: __props.organization._id,
-                status: __props.organization.isBlocked,
-                text: { create: "Block", remove: "Unblock" },
-                onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
-                class: "t-white w-100 mn-t-thin bg-red"
-              }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-            ])
-          ]),
-          _: 1
-        }, 8, ["label"])) : createCommentVNode("", true),
-        __props.user._id === __props.organization.owner ? (openBlock(), createBlock(_component_router_link, {
-          key: 1,
-          to: {
-            name: "Organization Edit",
-            params: {
-              _id: __props.organization._id
-            }
-          },
-          class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$5, {
-              class: "i-regular",
-              classes: "fill-white"
-            })
-          ]),
-          _: 1
-        }, 8, ["to"])) : createCommentVNode("", true),
-        __props.organization.profile.photo ? (openBlock(), createElementBlock("img", {
-          key: 2,
-          loading: "lazy",
-          src: (_ctx.FILE_SERVER_URL || "") + __props.organization.profile.photo,
-          class: "radius-big bg-light flex-center flex mn-b-small w-8r"
-        }, null, 8, _hoisted_3)) : (openBlock(), createBlock(PlaceholderOrganizationPic, {
-          key: 3,
-          class: "radius-medium mn-b-small i-extra"
-        })),
-        createElementVNode("h1", _hoisted_4, toDisplayString(__props.organization.profile.name), 1),
-        createElementVNode("div", _hoisted_5, [
-          createVNode(_sfc_main$6, { class: "i-medium mn-r-micro t-transp" }),
-          createElementVNode("p", _hoisted_6, toDisplayString(__props.organization.numberOfSubscribers) + " followers", 1),
-          __props.user._id && unref(route).params._id && unref(route).params._id !== __props.user._id && __props.organization.owner !== __props.user._id ? (openBlock(), createBlock(_sfc_main$4, {
-            key: 0,
-            user: __props.user._id,
-            type: "organization",
-            role: "subscriber",
-            target: __props.organization._id,
-            status: __props.organization.isSubscriber,
-            text: { create: "+", remove: "-" },
-            onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-            class: "mn-l-thin p-medium t-medium radius-extra i-semi"
-          }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
-        ]),
-        __props.organization.profile?.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$7, {
-          key: 4,
-          chips: __props.organization.profile.tags,
-          class: "p-medium"
-        }, null, 8, ["chips"])) : createCommentVNode("", true),
-        Object.values(__props.organization.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_7, " Find us in socials ")) : createCommentVNode("", true),
-        createVNode(_sfc_main$8, {
-          telegram: __props.organization.socials.telegram,
-          facebook: __props.organization.socials.facebook,
-          instagram: __props.organization.socials.instagram,
-          twitter: __props.organization.socials.twitter,
-          youtube: __props.organization.socials.youtube
-        }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"]),
-        renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=DetailsTabSection.vue.js.map

package/dist/martyrs/src/modules/organizations/components/sections/DetailsTabSection.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailsTabSection.vue.js","sources":["../../../../../../../src/modules/organizations/components/sections/DetailsTabSection.vue"],"sourcesContent":["<template>\n\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light\">\n\n\t\t<Dropdown \n\t\t\tv-if=\"user._id !== organization.owner\"\n\t\t\t:label=\"{ component: IconEllipsis, class: 'i-regular t-transp' }\"\n\t\t\t:align=\"'right'\"\n\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t>\n\t\t\t<section \n\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t>\n\t\t\t\t<FormReport \n\t\t\t\t\t:user=\"user._id\"\n\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t:target=\"organization._id\" \n\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t>\n\t\t\t\t\t<button \n\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>\n\t\t\t\t\t\tReport\n\t\t\t\t\t</button>\n\t\t\t\t</FormReport>\n\n\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\tv-if=\"user._id && user._id !== organization.owner\"\n\t\t      :user=\"user._id\"\n\t\t      :type=\"'organization'\" \n\t      \t:role=\"'blocked'\" \n\t\t      :target=\"organization._id\" \n\t\t      :status=\"organization.isBlocked\" \n\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t       class=\"t-white w-100 mn-t-thin bg-red\" \n\t    \t/>\n\t\t\t</section>\n    </Dropdown>\n\n   <router-link\n\t\t\tv-if=\"user._id === organization.owner\"\n      :to=\"{\n\t\t\t\tname: 'Organization Edit', \n\t\t\t\tparams: {\n\t\t\t\t\t_id: organization._id\n\t\t\t\t}\n\t\t\t}\" \n      class=\"\n      \tz-index-2\n        cursor-pointer \n        pos-absolute pos-t-regular pos-r-regular\n        radius-extra pd-thin bg-second\n      \"\n    >\n      <IconEdit\n        class=\"i-regular\"\n        classes=\"fill-white\"\n      />\n    </router-link>\n\n\n\t\t<img loading=\"lazy\" \n\t\t\tv-if=\"organization.profile.photo\" \n\t\t\t:src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n\t\t\tclass=\"radius-big bg-light flex-center flex mn-b-small w-8r\" \n\t\t/>\n\n\t\t<PlaceholderOrganizationPic\n\t\t\tv-else\n\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t/>\n\n    <h1\n    \tclass=\"mn-b-thin\"\n    >\n  \t\t{{ organization.profile.name }}\n  \t</h1>\n\n   \t<div class=\"flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n   \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n      <p class=\"mn-t-thin p-medium t-medium uppercase mn-b-thin\">{{organization.numberOfSubscribers}} followers</p>\n\n      <ButtonToggleMembership\n        v-if=\"\n\t      \tuser._id \n\t      \t&& route.params._id \n\t      \t&& route.params._id !== user._id\n\t      \t&& organization.owner !== user._id\n\t      \"\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 => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n        class=\" mn-l-thin p-medium t-medium radius-extra i-semi\" \n      />\n    </div>\n\n    <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-semi\">\n   \t\t<Text :text=\"organization.profile.description || ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n  \t</p>   -->\n\n  \t<Chips \n    \tv-if=\"organization.profile?.tags?.length > 0\" \n    \t:chips=\"organization.profile.tags\"\n    \tclass=\"p-medium\"\n   \t/>\n\n\n    <h4 \n    \tv-if=\"Object.values(organization.socials).some(value => value)\" \n    \tclass=\"mn-t-small mn-b-thin\"\n    >\n  \t\tFind us in socials\n  \t</h4>\n  \t\n   \t<Socials \n   \t\t:telegram=\"organization.socials.telegram\"\n   \t\t:facebook=\"organization.socials.facebook\"\n   \t\t:instagram=\"organization.socials.instagram\"\n   \t\t:twitter=\"organization.socials.twitter\"\n   \t\t:youtube=\"organization.socials.youtube\"\n   \t/>\n   \t<slot></slot>\n\t</section>\n\n<!-- <h3 class=\"mn-b-small\">Rating</h3>\n\t<Rating \n\t\t:rating=\"organization.rating.median\" \n\t\t:amount=\"organization.rating.amount\"\n\t\tclass=\"pd-medium mn-b-thin radius-big bg-light\"\n\t/>\n\n\t<h3 class=\"mn-b-small\">Contacts</h3>\n  <Contacts\n    :website=\"organization.contacts.website\"\n    :phone=\"organization.contacts.phone\"\n    :email=\"organization.contacts.email\"\n    :address=\"organization.contacts.address\"\n    class=\"w-100 pd-medium radius-big bg-light\"\n  /> -->\n\n\n</template>\n\n<script setup>\n\timport { ref, computed } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text  \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Org Module\n\timport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\timport Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'\n\timport Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'\n\timport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue' \n\t// Store \n\timport * as organizations \tfrom '@martyrs/src/modules/organizations/store/organizations.js'\n\timport * as memberships \tfrom '@martyrs/src/modules/organizations/store/memberships.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n\tconst props = defineProps({\n\t\torganization: Object,\n\t\tuser: Object\n\t})\n\t// Store\n\tconst route = useRoute()\n\t\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n\n</style>"],"names":["memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmLC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FA,gBAAsB,uBAAuBC,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/src/modules/organizations/components/sections/DetailsTabSection.vue

@@ -1,190 +0,0 @@
-<template>
-	<section class="flex-center flex flex-column t-center pd-medium radius-medium bg-light">
-
-		<Dropdown 
-			v-if="user._id !== organization.owner"
-			:label="{ component: IconEllipsis, class: 'i-regular t-transp' }"
-			:align="'right'"
-			class="cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra "
-		>
-			<section 
-				class="bg-black pd-thin radius-small"
-			>
-				<FormReport 
-					:user="user._id"
-					:type="'organization'" 
-					:target="organization._id" 
-					:text="'Report'" 
-					class="w-100"
-				>
-					<button 
-						class="w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
-					>
-						Report
-					</button>
-				</FormReport>
-
-				<ButtonToggleMembership
-					v-if="user._id && user._id !== organization.owner"
-		      :user="user._id"
-		      :type="'organization'" 
-	      	:role="'blocked'" 
-		      :target="organization._id" 
-		      :status="organization.isBlocked" 
-		      :text="{create: 'Block', remove: 'Unblock'}"
-		      @updateMembership="event => handleMembershipUpdate(event, 'isBlocked')"
-		       class="t-white w-100 mn-t-thin bg-red" 
-	    	/>
-			</section>
-    </Dropdown>
-
-   <router-link
-			v-if="user._id === organization.owner"
-      :to="{
-				name: 'Organization Edit', 
-				params: {
-					_id: organization._id
-				}
-			}" 
-      class="
-      	z-index-2
-        cursor-pointer 
-        pos-absolute pos-t-regular pos-r-regular
-        radius-extra pd-thin bg-second
-      "
-    >
-      <IconEdit
-        class="i-regular"
-        classes="fill-white"
-      />
-    </router-link>
-
-
-		<img loading="lazy" 
-			v-if="organization.profile.photo" 
-			:src="(FILE_SERVER_URL || '') + organization.profile.photo" 
-			class="radius-big bg-light flex-center flex mn-b-small w-8r" 
-		/>
-
-		<PlaceholderOrganizationPic
-			v-else
-			class="radius-medium mn-b-small i-extra"
-		/>
-
-    <h1
-    	class="mn-b-thin"
-    >
-  		{{ organization.profile.name }}
-  	</h1>
-
-   	<div class="flex-center  pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max">
-   		<IconFollowing class="i-medium mn-r-micro t-transp"/>
-
-      <p class="mn-t-thin p-medium t-medium uppercase mn-b-thin">{{organization.numberOfSubscribers}} followers</p>
-
-      <ButtonToggleMembership
-        v-if="
-	      	user._id 
-	      	&& route.params._id 
-	      	&& route.params._id !== user._id
-	      	&& organization.owner !== user._id
-	      "
-        :user="user._id"
-        :type="'organization'" 
-        :role="'subscriber'" 
-        :target="organization._id" 
-        :status="organization.isSubscriber" 
-        :text="{create: '+', remove: '-'}"
-        @updateMembership="event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')"
-        class=" mn-l-thin p-medium t-medium radius-extra i-semi" 
-      />
-    </div>
-
-    <!-- <p class="w-max-50r mn-t-regular mn-b-medium p-semi">
-   		<Text :text="organization.profile.description || ''" :showToggleText="true" :maxLen="320" />
-  	</p>   -->
-
-  	<Chips 
-    	v-if="organization.profile?.tags?.length > 0" 
-    	:chips="organization.profile.tags"
-    	class="p-medium"
-   	/>
-
-
-    <h4 
-    	v-if="Object.values(organization.socials).some(value => value)" 
-    	class="mn-t-small mn-b-thin"
-    >
-  		Find us in socials
-  	</h4>
-  	
-   	<Socials 
-   		:telegram="organization.socials.telegram"
-   		:facebook="organization.socials.facebook"
-   		:instagram="organization.socials.instagram"
-   		:twitter="organization.socials.twitter"
-   		:youtube="organization.socials.youtube"
-   	/>
-   	<slot></slot>
-	</section>
-
-<!-- <h3 class="mn-b-small">Rating</h3>
-	<Rating 
-		:rating="organization.rating.median" 
-		:amount="organization.rating.amount"
-		class="pd-medium mn-b-thin radius-big bg-light"
-	/>
-
-	<h3 class="mn-b-small">Contacts</h3>
-  <Contacts
-    :website="organization.contacts.website"
-    :phone="organization.contacts.phone"
-    :email="organization.contacts.email"
-    :address="organization.contacts.address"
-    class="w-100 pd-medium radius-big bg-light"
-  /> -->
-
-
-</template>
-
-<script setup>
-	import { ref, computed } from 'vue'
-	import { useRoute, useRouter } from 'vue-router'
-	// Import components
-	import Dropdown from "@martyrs/src/components/Dropdown/Dropdown.vue";
-	import Text  		from '@martyrs/src/components/Text/Text.vue'
-	import Chips  from '@martyrs/src/components/Chips/Chips.vue'
-	// Icons
-	import IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'
-	import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'
-	import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'
-	import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'
-	// Org Module
-	import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'
-	import Contacts from '@martyrs/src/modules/organizations/components/blocks/Contacts.vue'
-	import Rating from '@martyrs/src/modules/organizations/components/blocks/Rating.vue'
-	import Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'
-	// Report Module
-	import FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue' 
-	// Store 
-	import * as organizations 	from '@martyrs/src/modules/organizations/store/organizations.js'
-	import * as memberships 	from '@martyrs/src/modules/organizations/store/memberships.js'
-	// ///////////////////////////////////////
- 	// Components Props
- 	// ///////////////////////////////////////
-	const props = defineProps({
-		organization: Object,
-		user: Object
-	})
-	// Store
-	const route = useRoute()
-	
-	// Methods
-	const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-	  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)
-	};
-</script>
-
-<style lang="scss">
-
-</style>