@ozdao/martyrs 0.2.571 → 0.2.572

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.vue.js","sources":["../../../../../src/components/Radio/Radio.vue"],"sourcesContent":["<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <!-- ////////////////////////// -->\n    <!-- Checkmark -->\n    <!-- ////////////////////////// -->\n    <div \n      class=\"cursor-pointer radius-extra pd-micro h-100 aspect-1x1 pos-relative\"\n      :class=\"{\n        'bg-main': radio === value,\n      }\"\n    >\n      <div \n        class=\"radius-extra pd-micro w-100 h-100\"\n        :class=\"{\n          'bg-white': radio === value,\n        }\"\n      >\n\n      </div> \n\n      <div \n        v-if=\"radio !== value\"\n        class=\"br-solid br-2px br-grey-transp-25 pos-absolute pos-t-0 pos-r-0 radius-extra w-100 h-100\"\n      >\n\n      </div> \n    </div> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n\n    <div v-if=\"label\" class=\"mn-l-thin mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input \n      @input=\"event => text = emit('update:radio', event.target.value)\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"value === radio\"\n    >\n  </label>\n</template>\n\n<script setup>\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: false,\n    radio: [Object, String]\n  })\n\n  const emit = defineEmits(['update:radio'])\n\n  const updateInputText = () => {\n    emit('update:radio', value)\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyDE,UAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Radio.vue.js","sources":["../../../../../src/components/Radio/Radio.vue"],"sourcesContent":["<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <!-- ////////////////////////// -->\n    <!-- Checkmark -->\n    <!-- ////////////////////////// -->\n    <div \n      class=\"cursor-pointer radius-extra pd-micro h-100 aspect-1x1 pos-relative\"\n      :class=\"{\n        'bg-main': radio === value,\n      }\"\n    >\n      <div \n        class=\"radius-extra pd-micro w-100 h-100\"\n        :class=\"{\n          'bg-white': radio === value,\n        }\"\n      >\n\n      </div> \n\n      <div \n        v-if=\"radio !== value\"\n        class=\"br-2px br-grey-transp-25 pos-absolute pos-t-0 pos-r-0 radius-extra w-100 h-100\"\n      >\n\n      </div> \n    </div> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n\n    <div v-if=\"label\" class=\"mn-l-thin mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input \n      @input=\"event => text = emit('update:radio', event.target.value)\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"value === radio\"\n    >\n  </label>\n</template>\n\n<script setup>\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: false,\n    radio: [Object, String]\n  })\n\n  const emit = defineEmits(['update:radio'])\n\n  const updateInputText = () => {\n    emit('update:radio', value)\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyDE,UAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -100,7 +100,7 @@ const _sfc_main = {
                 (openBlock(true), createElementBlock(Fragment, null, renderList(optionsListed.value, (option) => {
                   return openBlock(), createElementBlock("li", {
                     onClick: withModifiers(($event) => selectOption(option), ["stop"]),
-                    class: "radius-thin hover-bg-light pd-thin text-box-trim"
+                    class: "radius-thin hover:bg-light pd-thin text-box-trim"
                   }, [
                     option ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(option.name || option[props.value] || option), 1)) : createCommentVNode("", true)
                   ], 8, _hoisted_3);
@@ -127,7 +127,7 @@ const _sfc_main = {
     };
   }
 };
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849e5dfe"]]);
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af5048fc"]]);
 export {
   Select as default
 };

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/components/Table/Table.vue.js

@@ -31,7 +31,7 @@ const _sfc_main = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
                 return openBlock(), createElementBlock("th", {
                   key: col.key,
-                  class: "pd-small t-medium"
+                  class: "pd-small fw-medium"
                 }, toDisplayString(col.label), 1);
               }), 128))
             ])
@@ -42,7 +42,7 @@ const _sfc_main = {
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
                   return openBlock(), createElementBlock("td", {
                     key: col.key,
-                    class: "pd-small br-t br-solid br-light t-left"
+                    class: "pd-small br-t-1px br-light t-left"
                   }, [
                     renderSlot(_ctx.$slots, `cell-${col.key}`, {
                       value: getNestedValue(row, col.key),
@@ -60,7 +60,7 @@ const _sfc_main = {
     };
   }
 };
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b85cde7e"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76864ff9"]]);
 export {
   Table as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Table.vue.js","sources":["../../../../../src/components/Table/Table.vue"],"sourcesContent":["<!-- src/components/Table/Table.vue -->\n<script setup>\nimport { defineProps, computed } from 'vue'\n\nconst props = defineProps({\n  // принимаем уже отформатированный набор строк\n  items: {\n    type: Array,\n    required: true,\n    default: () => []\n  },\n  // массив колонок { key, label }\n  columns: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// если вам нужен геттер для вложенных свойств\nconst getNestedValue = (obj, path) => path.split('.').reduce((o, k) => (o ? o[k] : undefined), obj) \n</script>\n\n<template>\n  <div class=\"o-x-scroll\">\n    <table class=\"w-100 custom-table\">\n      <thead class=\"t-left bg-light t-black\">\n        <tr>\n          <th v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small t-medium\">\n            {{ col.label }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"(row, rowIndex) in props.items\" :key=\"rowIndex\">\n          <td v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small br-t br-solid br-light t-left\">\n            <!-- Передаем полный объект row и текущее значение -->\n            <slot :name=\"`cell-${col.key}`\" :value=\"getNestedValue(row, col.key)\" :row=\"row\">\n              {{ getNestedValue(row, col.key) }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.custom-table {\n  border-collapse: collapse;\n  td {\n    vertical-align: middle;\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAgBd,UAAM,iBAAiB,CAAC,KAAK,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,GAAG,MAAO,IAAI,EAAE,CAAC,IAAI,QAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Table.vue.js","sources":["../../../../../src/components/Table/Table.vue"],"sourcesContent":["<!-- src/components/Table/Table.vue -->\n<script setup>\nimport { defineProps, computed } from 'vue'\n\nconst props = defineProps({\n  // принимаем уже отформатированный набор строк\n  items: {\n    type: Array,\n    required: true,\n    default: () => []\n  },\n  // массив колонок { key, label }\n  columns: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// если вам нужен геттер для вложенных свойств\nconst getNestedValue = (obj, path) => path.split('.').reduce((o, k) => (o ? o[k] : undefined), obj) \n</script>\n\n<template>\n  <div class=\"o-x-scroll\">\n    <table class=\"w-100 custom-table\">\n      <thead class=\"t-left bg-light t-black\">\n        <tr>\n          <th v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small fw-medium\">\n            {{ col.label }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"(row, rowIndex) in props.items\" :key=\"rowIndex\">\n          <td v-for=\"col in columns\" :key=\"col.key\" class=\"pd-small br-t-1px br-light t-left\">\n            <!-- Передаем полный объект row и текущее значение -->\n            <slot :name=\"`cell-${col.key}`\" :value=\"getNestedValue(row, col.key)\" :row=\"row\">\n              {{ getNestedValue(row, col.key) }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.custom-table {\n  border-collapse: collapse;\n  td {\n    vertical-align: middle;\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAgBd,UAAM,iBAAiB,CAAC,KAAK,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,GAAG,MAAO,IAAI,EAAE,CAAC,IAAI,QAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Text/Text.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, openBlock, createTextVNode, createCommentVNode, toDisplayString } from "vue";
 const _hoisted_1 = {
   key: 0,
-  class: "cursor-pointer t-second"
+  class: "cursor-pointer t-grey"
 };
 const _sfc_main = {
   __name: "Text",

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

@@ -1 +1 @@
-{"version":3,"file":"Text.vue.js","sources":["../../../../../src/components/Text/Text.vue"],"sourcesContent":["<template>\n  <span @click=\"toggleShow\" class=\"\">\n    {{ shownText }}\n    <span v-if=\"isTruncated && showToggleText\" class=\"cursor-pointer t-second\">{{ showMoreText }}</span>\n  </span>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Максимальная длина, текст и опциональный параметр отображения текста переключателя, передаваемые как параметры\nconst props = defineProps({\n  maxLen: { type: Number, required: true },\n  text:   { type: String, required: true },\n  showToggleText: { type: Boolean, default: false }\n})\n\n// Управление показом полного текста\nconst showFull = ref(false);\n\n// Компонент вычисляет обрезанный текст\nconst truncatedText = computed(() => {\n  return props.text.length > props.maxLen ? props.text.slice(0, props.maxLen) + '...' : props.text;\n});\nconst fullText = computed(() => props.text);\n\n// Переключение показа полного текста\nconst toggleShow = () => {\n  showFull.value = !showFull.value;\n};\n\n// Текст, который нужно показать\nconst shownText = computed(() => showFull.value ? fullText.value : truncatedText.value);\n\n// Вычисляем, когда текст обрезан\nconst isTruncated = computed(() => props.text.length > props.maxLen);\n\n// Вычисляем текст для кнопки \"Показать больше/Скрыть\"\nconst showMoreText = computed(() => showFull.value ? 'Hide' : 'Show more');\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAOd,UAAM,WAAW,IAAI,KAAK;AAG1B,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,SAAS,MAAM,SAAS,MAAM,KAAK,MAAM,GAAG,MAAM,MAAM,IAAI,QAAQ,MAAM;AAAA,IAC9F,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,MAAM,IAAI;AAG1C,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAAA,IAC7B;AAGA,UAAM,YAAY,SAAS,MAAM,SAAS,QAAQ,SAAS,QAAQ,cAAc,KAAK;AAGtF,UAAM,cAAc,SAAS,MAAM,MAAM,KAAK,SAAS,MAAM,MAAM;AAGnE,UAAM,eAAe,SAAS,MAAM,SAAS,QAAQ,SAAS,WAAW;;;;;;;;;;;;"}
+{"version":3,"file":"Text.vue.js","sources":["../../../../../src/components/Text/Text.vue"],"sourcesContent":["<template>\n  <span @click=\"toggleShow\" class=\"\">\n    {{ shownText }}\n    <span v-if=\"isTruncated && showToggleText\" class=\"cursor-pointer t-grey\">{{ showMoreText }}</span>\n  </span>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\n// Максимальная длина, текст и опциональный параметр отображения текста переключателя, передаваемые как параметры\nconst props = defineProps({\n  maxLen: { type: Number, required: true },\n  text:   { type: String, required: true },\n  showToggleText: { type: Boolean, default: false }\n})\n\n// Управление показом полного текста\nconst showFull = ref(false);\n\n// Компонент вычисляет обрезанный текст\nconst truncatedText = computed(() => {\n  return props.text.length > props.maxLen ? props.text.slice(0, props.maxLen) + '...' : props.text;\n});\nconst fullText = computed(() => props.text);\n\n// Переключение показа полного текста\nconst toggleShow = () => {\n  showFull.value = !showFull.value;\n};\n\n// Текст, который нужно показать\nconst shownText = computed(() => showFull.value ? fullText.value : truncatedText.value);\n\n// Вычисляем, когда текст обрезан\nconst isTruncated = computed(() => props.text.length > props.maxLen);\n\n// Вычисляем текст для кнопки \"Показать больше/Скрыть\"\nconst showMoreText = computed(() => showFull.value ? 'Hide' : 'Show more');\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAOd,UAAM,WAAW,IAAI,KAAK;AAG1B,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,SAAS,MAAM,SAAS,MAAM,KAAK,MAAM,GAAG,MAAM,MAAM,IAAI,QAAQ,MAAM;AAAA,IAC9F,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,MAAM,IAAI;AAG1C,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAAA,IAC7B;AAGA,UAAM,YAAY,SAAS,MAAM,SAAS,QAAQ,SAAS,QAAQ,cAAc,KAAK;AAGtF,UAAM,cAAc,SAAS,MAAM,MAAM,KAAK,SAAS,MAAM,MAAM;AAGnE,UAAM,eAAe,SAAS,MAAM,SAAS,QAAQ,SAAS,WAAW;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Tooltip/{Tooltip.vue.js → Tooltip.vue2.js}

@@ -1,5 +1,5 @@
 import { ref, reactive, createElementBlock, openBlock, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
-/* empty css             */
+/* empty css            */
 const _sfc_main = {
   __name: "Tooltip",
   props: {
@@ -51,4 +51,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Tooltip.vue.js.map
+//# sourceMappingURL=Tooltip.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue2.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <div  class=\"tooltip-content\" :style=\"tooltipStyle\">\n      <span>{{ text }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\n\nconst tooltipStyle = reactive({\n  position: 'absolute',\n  width: 'max-content',\n  zIndex: 1000,\n  background: '#333',\n  color: '#fff',\n  padding: '5px',\n  borderRadius: '3px',\n  fontSize: '14px',\n  display: 'none',\n});\n\nfunction showTooltip(event) {\n  visible.value = true;\n  tooltipStyle.left = `${(event.clientX / 100) + 10 }px`;\n  tooltipStyle.top = `${(event.clientY / 100) + 10 }px`;\n  tooltipStyle.display = 'block';\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n  tooltipStyle.display = 'none';\n}\n</script>\n\n<style >\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  pointer-events: none;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAmBA,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,eAAe,SAAS;AAAA,MAC5B,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,mBAAa,OAAO,GAAI,MAAM,UAAU,MAAO,EAAE;AACjD,mBAAa,MAAM,GAAI,MAAM,UAAU,MAAO,EAAE;AAChD,mBAAa,UAAU;AAAA,IACzB;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAChB,mBAAa,UAAU;AAAA,IACzB;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/UploadImage/UploadImage.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, withModifiers, createVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconDelete.vue.js";
 /* empty css                 */
@@ -27,7 +27,7 @@ const _hoisted_7 = {
   key: 0,
   class: "upload-text-block flex flex-column"
 };
-const _hoisted_8 = { class: "mn-b-small t-medium" };
+const _hoisted_8 = { class: "mn-b-small fw-medium" };
 const _hoisted_9 = { class: "mn-b-medium t-transp" };
 const _hoisted_10 = { key: 0 };
 const _hoisted_11 = {
@@ -136,7 +136,7 @@ const _sfc_main = {
           onDrop,
           onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["prevent"])),
-          class: "pos-relative radius-small br-solid br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer"
+          class: "pos-relative radius-small br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer"
         }, [
           imageUrl.value || __props.photo || previewUrl.value ? (openBlock(), createElementBlock("img", {
             key: 0,
@@ -212,7 +212,7 @@ const _sfc_main = {
     };
   }
 };
-const UploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65075013"]]);
+const UploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24b590ef"]]);
 export {
   UploadImage as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"UploadImage.vue.js","sources":["../../../../../src/components/UploadImage/UploadImage.vue"],"sourcesContent":["<template>\n  <div class=\"upload-image-wrapper flex-v-center flex-nowrap flex gap-small\" :class=\"{'with-text': text}\">\n    <div \n      @click=\"onComponentClick\"\n      @drop=\"onDrop\"\n      @dragover.prevent\n      class=\"pos-relative radius-small br-solid br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer\"\n    >\n      <img loading=\"lazy\" \n        v-if=\"imageUrl || photo || previewUrl\" \n        :src=\"previewUrl || (FILE_SERVER_URL || '') + (imageUrl || photo)\"\n        alt=\"Uploaded image\" \n        class=\"pos-absolute  radius-small o-hidden z-index-1 w-100 h-100 object-fit-cover\"\n      />\n      \n      <div v-else class=\"flex-v-center pos-relative z-index-2 flex-h-center flex w-100 h-100 radius-small  bg-second\" >\n        <IconUpload class=\"i-medium upload-icon\" fill=\"rgb(var(--white))\" />\n      </div>\n      \n      <!-- Hover controls -->\n      <div class=\"z-index-2 pos-relative  hover-controls pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <div v-if=\"!imageUrl && !photo && !previewUrl\" class=\"hover-upload-icon\">\n          <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n        </div>\n        <div v-else class=\"hover-buttons flex gap-small\">\n          <button @click.stop=\"onComponentClick\" class=\"hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer\">\n            <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n          <button @click.stop=\"deleteImage\" class=\"hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer\">\n            <IconDelete class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n        </div>\n      </div>\n      \n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"z-index-2 loading-overlay pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <Loader :centered=\"false\" />\n      </div>\n      \n      <input type=\"file\" name=\"file\" ref=\"fileInput\" @change=\"onFileChange\" style=\"display: none\"/>\n    </div>\n    \n    <!-- Text block -->\n    <div v-if=\"text\" class=\"upload-text-block  flex flex-column\">\n      <span class=\"mn-b-small t-medium\">{{ textConfig.title }}</span>\n      <span class=\"mn-b-medium t-transp\">{{ textConfig.subtitle }}</span>\n      <div v-if=\"!imageUrl && !photo && !previewUrl\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-main t-black cursor-pointer\">\n          {{ textConfig.buttonText }}\n        </button>\n      </div>\n      <div v-else class=\"flex gap-thin\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-second t-white cursor-pointer\">\n          Upload \n        </button>\n        <button @click=\"deleteImage\" class=\"button button-small w-max bg-red t-white cursor-pointer\">\n          Delete\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\nconst previewUrl = ref(null);\nconst loading = ref(false);\n\nconst props = defineProps({\n  uploadPath: {\n    type: String,\n    required: true\n  },\n  photo: {\n    type: String,\n    default: null\n  },\n  text: {\n    type: [Object, Boolean],\n    default: null\n  }\n});\n\nconst emit = defineEmits(['update:photo', 'error']);\n\n// Text configuration with defaults\nconst textConfig = computed(() => {\n  const defaults = {\n    title: 'Upload Image',\n    subtitle: 'Drag & drop your image here or click button. Supported: JPG, PNG, GIF. Max size: 2MB',\n    buttonText: 'Choose Image'\n  };\n  \n  if (props.text === true) {\n    return defaults;\n  } else if (typeof props.text === 'object' && props.text !== null) {\n    return {\n      title: props.text.title || defaults.title,\n      subtitle: props.text.subtitle || defaults.subtitle,\n      buttonText: props.text.buttonText || defaults.buttonText\n    };\n  }\n  \n  return defaults;\n});\n\nwatch(props, ({photo}) => {\n  if(photo) imageUrl.value = photo;\n});\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n  if (!file) {\n    console.error(\"No file selected\");\n    return;\n  }\n  \n  // Create preview from file\n  const reader = new FileReader();\n  reader.onload = (e) => {\n    previewUrl.value = e.target.result;\n  };\n  reader.readAsDataURL(file);\n  \n  let formData = new FormData();\n  formData.append(\"file\", file);\n\n  console.log(\"Sending file:\", file.name); // Логируем имя файла перед отправкой\n  \n  loading.value = true;\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);\n    console.log(\"Upload response:\", response); // Логируем ответ сервера\n    imageUrl.value = response.data[0].filepath;\n    previewUrl.value = null; // Clear preview after successful upload\n    emit('update:photo', imageUrl.value);\n  } catch (error) {\n    emit('error', error);\n    console.error(\"Upload error:\", error); // Логируем ошибку\n    previewUrl.value = null; // Clear preview on error\n  } finally {\n    loading.value = false;\n  }\n}\n\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n\nfunction deleteImage() {\n  imageUrl.value = null;\n  previewUrl.value = null;\n  emit('update:photo', null);\n  // Reset file input\n  if (fileInput.value) {\n    fileInput.value.value = '';\n  }\n}\n</script>\n\n<style scoped>\n.image-upload-area {\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.image-upload-area:hover {\n  opacity: 0.95;\n}\n\n/* Hover controls */\n.hover-controls {\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.image-upload-area:hover .hover-controls {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.hover-upload-icon {\n  animation: pulse 1.5s infinite;\n}\n\n.hover-button {\n  transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.hover-button:hover {\n  transform: scale(1.1);\n}\n\n.hover-button:active {\n  transform: scale(0.95);\n}\n\n/* Loading overlay */\n.loading-overlay {\n  top: 0;\n  left: 0;\n  background: rgba(255, 255, 255, 0.9);\n  z-index: 10;\n}\n\n/* Animations */\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n/* Upload icon in empty state */\n.upload-icon {\n  transition: transform 0.3s ease;\n}\n\n.image-upload-area:hover .upload-icon {\n  transform: scale(1.1);\n}\n</style>\n"],"names":["e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,aAAa,IAAI,IAAI;AAC3B,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAQ;AAed,UAAM,OAAO;AAGb,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAY;AAAA,MAChB;AAEE,UAAI,MAAM,SAAS,MAAM;AACvB,eAAO;AAAA,MACT,WAAW,OAAO,MAAM,SAAS,YAAY,MAAM,SAAS,MAAM;AAChE,eAAO;AAAA,UACL,OAAO,MAAM,KAAK,SAAS,SAAS;AAAA,UACpC,UAAU,MAAM,KAAK,YAAY,SAAS;AAAA,UAC1C,YAAY,MAAM,KAAK,cAAc,SAAS;AAAA,QACpD;AAAA,MACE;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO,CAAC,EAAC,MAAK,MAAM;AACxB,UAAG,MAAO,UAAS,QAAQ;AAAA,IAC7B,CAAC;AAED,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,CAAC,MAAM;AACT,gBAAQ,MAAM,kBAAkB;AAChC;AAAA,MACF;AAGA,YAAM,SAAS,IAAI,WAAU;AAC7B,aAAO,SAAS,CAACA,OAAM;AACrB,mBAAW,QAAQA,GAAE,OAAO;AAAA,MAC9B;AACA,aAAO,cAAc,IAAI;AAEzB,UAAI,WAAW,IAAI,SAAQ;AAC3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,cAAQ,IAAI,iBAAiB,KAAK,IAAI;AAEtC,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,QAAQ;AACpH,gBAAQ,IAAI,oBAAoB,QAAQ;AACxC,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,mBAAW,QAAQ;AACnB,aAAK,gBAAgB,SAAS,KAAK;AAAA,MACrC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AACnB,gBAAQ,MAAM,iBAAiB,KAAK;AACpC,mBAAW,QAAQ;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;AAEA,aAAS,cAAc;AACrB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AACnB,WAAK,gBAAgB,IAAI;AAEzB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,QAAQ;AAAA,MAC1B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UploadImage.vue.js","sources":["../../../../../src/components/UploadImage/UploadImage.vue"],"sourcesContent":["<template>\n  <div class=\"upload-image-wrapper flex-v-center flex-nowrap flex gap-small\" :class=\"{'with-text': text}\">\n    <div \n      @click=\"onComponentClick\"\n      @drop=\"onDrop\"\n      @dragover.prevent\n      class=\"pos-relative radius-small br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer\"\n    >\n      <img loading=\"lazy\" \n        v-if=\"imageUrl || photo || previewUrl\" \n        :src=\"previewUrl || (FILE_SERVER_URL || '') + (imageUrl || photo)\"\n        alt=\"Uploaded image\" \n        class=\"pos-absolute  radius-small o-hidden z-index-1 w-100 h-100 object-fit-cover\"\n      />\n      \n      <div v-else class=\"flex-v-center pos-relative z-index-2 flex-h-center flex w-100 h-100 radius-small  bg-second\" >\n        <IconUpload class=\"i-medium upload-icon\" fill=\"rgb(var(--white))\" />\n      </div>\n      \n      <!-- Hover controls -->\n      <div class=\"z-index-2 pos-relative  hover-controls pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <div v-if=\"!imageUrl && !photo && !previewUrl\" class=\"hover-upload-icon\">\n          <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n        </div>\n        <div v-else class=\"hover-buttons flex gap-small\">\n          <button @click.stop=\"onComponentClick\" class=\"hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer\">\n            <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n          <button @click.stop=\"deleteImage\" class=\"hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer\">\n            <IconDelete class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n        </div>\n      </div>\n      \n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"z-index-2 loading-overlay pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <Loader :centered=\"false\" />\n      </div>\n      \n      <input type=\"file\" name=\"file\" ref=\"fileInput\" @change=\"onFileChange\" style=\"display: none\"/>\n    </div>\n    \n    <!-- Text block -->\n    <div v-if=\"text\" class=\"upload-text-block  flex flex-column\">\n      <span class=\"mn-b-small fw-medium\">{{ textConfig.title }}</span>\n      <span class=\"mn-b-medium t-transp\">{{ textConfig.subtitle }}</span>\n      <div v-if=\"!imageUrl && !photo && !previewUrl\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-main t-black cursor-pointer\">\n          {{ textConfig.buttonText }}\n        </button>\n      </div>\n      <div v-else class=\"flex gap-thin\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-second t-white cursor-pointer\">\n          Upload \n        </button>\n        <button @click=\"deleteImage\" class=\"button button-small w-max bg-red t-white cursor-pointer\">\n          Delete\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\nconst previewUrl = ref(null);\nconst loading = ref(false);\n\nconst props = defineProps({\n  uploadPath: {\n    type: String,\n    required: true\n  },\n  photo: {\n    type: String,\n    default: null\n  },\n  text: {\n    type: [Object, Boolean],\n    default: null\n  }\n});\n\nconst emit = defineEmits(['update:photo', 'error']);\n\n// Text configuration with defaults\nconst textConfig = computed(() => {\n  const defaults = {\n    title: 'Upload Image',\n    subtitle: 'Drag & drop your image here or click button. Supported: JPG, PNG, GIF. Max size: 2MB',\n    buttonText: 'Choose Image'\n  };\n  \n  if (props.text === true) {\n    return defaults;\n  } else if (typeof props.text === 'object' && props.text !== null) {\n    return {\n      title: props.text.title || defaults.title,\n      subtitle: props.text.subtitle || defaults.subtitle,\n      buttonText: props.text.buttonText || defaults.buttonText\n    };\n  }\n  \n  return defaults;\n});\n\nwatch(props, ({photo}) => {\n  if(photo) imageUrl.value = photo;\n});\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n  if (!file) {\n    console.error(\"No file selected\");\n    return;\n  }\n  \n  // Create preview from file\n  const reader = new FileReader();\n  reader.onload = (e) => {\n    previewUrl.value = e.target.result;\n  };\n  reader.readAsDataURL(file);\n  \n  let formData = new FormData();\n  formData.append(\"file\", file);\n\n  console.log(\"Sending file:\", file.name); // Логируем имя файла перед отправкой\n  \n  loading.value = true;\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);\n    console.log(\"Upload response:\", response); // Логируем ответ сервера\n    imageUrl.value = response.data[0].filepath;\n    previewUrl.value = null; // Clear preview after successful upload\n    emit('update:photo', imageUrl.value);\n  } catch (error) {\n    emit('error', error);\n    console.error(\"Upload error:\", error); // Логируем ошибку\n    previewUrl.value = null; // Clear preview on error\n  } finally {\n    loading.value = false;\n  }\n}\n\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n\nfunction deleteImage() {\n  imageUrl.value = null;\n  previewUrl.value = null;\n  emit('update:photo', null);\n  // Reset file input\n  if (fileInput.value) {\n    fileInput.value.value = '';\n  }\n}\n</script>\n\n<style scoped>\n.image-upload-area {\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.image-upload-area:hover {\n  opacity: 0.95;\n}\n\n/* Hover controls */\n.hover-controls {\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.image-upload-area:hover .hover-controls {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.hover-upload-icon {\n  animation: pulse 1.5s infinite;\n}\n\n.hover-button {\n  transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.hover-button:hover {\n  transform: scale(1.1);\n}\n\n.hover-button:active {\n  transform: scale(0.95);\n}\n\n/* Loading overlay */\n.loading-overlay {\n  top: 0;\n  left: 0;\n  background: rgba(255, 255, 255, 0.9);\n  z-index: 10;\n}\n\n/* Animations */\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n/* Upload icon in empty state */\n.upload-icon {\n  transition: transform 0.3s ease;\n}\n\n.image-upload-area:hover .upload-icon {\n  transform: scale(1.1);\n}\n</style>\n"],"names":["e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,aAAa,IAAI,IAAI;AAC3B,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAQ;AAed,UAAM,OAAO;AAGb,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAY;AAAA,MAChB;AAEE,UAAI,MAAM,SAAS,MAAM;AACvB,eAAO;AAAA,MACT,WAAW,OAAO,MAAM,SAAS,YAAY,MAAM,SAAS,MAAM;AAChE,eAAO;AAAA,UACL,OAAO,MAAM,KAAK,SAAS,SAAS;AAAA,UACpC,UAAU,MAAM,KAAK,YAAY,SAAS;AAAA,UAC1C,YAAY,MAAM,KAAK,cAAc,SAAS;AAAA,QACpD;AAAA,MACE;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO,CAAC,EAAC,MAAK,MAAM;AACxB,UAAG,MAAO,UAAS,QAAQ;AAAA,IAC7B,CAAC;AAED,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,CAAC,MAAM;AACT,gBAAQ,MAAM,kBAAkB;AAChC;AAAA,MACF;AAGA,YAAM,SAAS,IAAI,WAAU;AAC7B,aAAO,SAAS,CAACA,OAAM;AACrB,mBAAW,QAAQA,GAAE,OAAO;AAAA,MAC9B;AACA,aAAO,cAAc,IAAI;AAEzB,UAAI,WAAW,IAAI,SAAQ;AAC3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,cAAQ,IAAI,iBAAiB,KAAK,IAAI;AAEtC,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,QAAQ;AACpH,gBAAQ,IAAI,oBAAoB,QAAQ;AACxC,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,mBAAW,QAAQ;AACnB,aAAK,gBAAgB,SAAS,KAAK;AAAA,MACrC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AACnB,gBAAQ,MAAM,iBAAiB,KAAK;AACpC,mBAAW,QAAQ;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;AAEA,aAAS,cAAc;AACrB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AACnB,WAAK,gBAAgB,IAAI;AAEzB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,QAAQ;AAAA,MAC1B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue.js

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, withModifiers, createVNode, createElementVNode, Transition, withCtx, createBlock, createCommentVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import { useStore } from "../../modules/core/views/store/core.store.js";
 const _hoisted_1 = {
@@ -17,15 +17,15 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
   key: 2,
-  class: "mn-b-small uppercase p-small t-medium d-block"
+  class: "mn-b-small uppercase p-small fw-medium d-block"
 };
 const _hoisted_5 = {
   key: 3,
-  class: "cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin t-main"
+  class: "cursor-pointer mn-b-small br-2px br-main radius-extra pd-l-thin pd-r-thin t-main"
 };
 const _hoisted_6 = {
   key: 4,
-  class: "uppercase p-small t-medium d-block"
+  class: "uppercase p-small fw-medium d-block"
 };
 const _sfc_main = {
   __name: "UploadImageMultiple",

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

@@ -1 +1 @@
-{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 mn-b-thin h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-medium  mn-b-medium d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-small t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-small uppercase p-small t-medium d-block\">or</span>\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nconst core = useStore();\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n  let files = e.target.files;\n  let formData = new FormData();\n  \n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n  \n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    \n    response.data.forEach(file => {\n      images.value.push(file.filepath);\n    });\n    \n    emit('update:images', images.value);\n  } catch (error) {\n    core.setError(error);\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,OAAO,SAAQ;AAErB,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAChB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAQ;AAE3B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC9B;AAEA,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AACnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACjC,CAAC;AAED,aAAK,iBAAiB,OAAO,KAAK;AAAA,MACpC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 mn-b-thin h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-medium  mn-b-medium d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-small t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-small uppercase p-small fw-medium d-block\">or</span>\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n        <span  v-if=\"options.showText\" class=\"uppercase p-small fw-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nconst core = useStore();\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n  let files = e.target.files;\n  let formData = new FormData();\n  \n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n  \n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    \n    response.data.forEach(file => {\n      images.value.push(file.filepath);\n    });\n    \n    emit('update:images', images.value);\n  } catch (error) {\n    core.setError(error);\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,OAAO,SAAQ;AAErB,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAChB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAQ;AAE3B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC9B;AAEA,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AACnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACjC,CAAC;AAED,aAAK,iBAAiB,OAAO,KAAK;AAAA,MACpC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.js

@@ -10,7 +10,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
   key: 0,
-  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-thin bg-main"
+  class: "flex-child flex-shrink-0 capitalize w-max fw-medium radius-big pd-thin bg-main"
 };
 const _sfc_main = {
   __name: "CardUser",
@@ -78,7 +78,7 @@ const _sfc_main = {
           __props.action ? (openBlock(), createElementBlock("button", {
             key: 1,
             onClick: _cache[2] || (_cache[2] = withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"])),
-            class: "h-2r w-2r t-white mn-l-thin capitalize t-medium radius-big bg-red"
+            class: "h-2r w-2r t-white mn-l-thin capitalize fw-medium radius-big bg-red"
           }, [
             __props.action.label.is ? (openBlock(), createBlock(resolveDynamicComponent(__props.action.label.is), normalizeProps(mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(__props.action.label), 1)

package/dist/martyrs/src/modules/auth/views/components/blocks/ProfileCard.vue.js

@@ -4,7 +4,7 @@ const _hoisted_1 = { class: "profile-card bg-light radius-small pd-small mn-smal
 const _hoisted_2 = { class: "flex flex-v-center gap-small" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "profile-info flex-child-default" };
-const _hoisted_5 = { class: "profile-name mn-b-micro t-medium" };
+const _hoisted_5 = { class: "profile-name mn-b-micro fw-medium" };
 const _hoisted_6 = { class: "lex-nowrap flex gap-micro" };
 const _sfc_main = {
   __name: "ProfileCard",
@@ -17,10 +17,10 @@ const _sfc_main = {
             key: 0,
             loading: "lazy",
             src: (_ctx.FILE_SERVER_URL || "") + unref(store).users.state.current.profile.photo,
-            class: "avatar radius-100 bg-white object-fit-cover i-semi"
+            class: "avatar radius-extra bg-white object-fit-cover i-semi"
           }, null, 8, _hoisted_3)) : (openBlock(), createBlock(PlaceholderUserpic, {
             key: 1,
-            class: "avatar radius-100 i-semi"
+            class: "avatar radius-extra i-semi"
           })),
           createElementVNode("div", _hoisted_4, [
             createElementVNode("div", _hoisted_5, toDisplayString(unref(store).users?.state?.current?.profile?.name || "Anonymous"), 1),
@@ -28,7 +28,7 @@ const _sfc_main = {
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(store).users?.state?.current?.roles, (role, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
-                  class: "pd-thin radius-small t-small t-semi bg-white"
+                  class: "pd-thin radius-small t-small fw-semi bg-white"
                 }, toDisplayString(role.icon) + " " + toDisplayString(role.name), 1);
               }), 128))
             ])

package/dist/martyrs/src/modules/auth/views/components/blocks/ProfileCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/ProfileCard.vue"],"sourcesContent":["<template>\n  <div class=\"profile-card bg-light radius-small pd-small mn-small mn-b-zero\">\n    <div class=\"flex flex-v-center gap-small\">\n      <img\n        loading=\"lazy\"\n        v-if=\"store.users?.state?.current?.profile?.photo && store.users.state.current.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + store.users.state.current.profile.photo\"\n        class=\"avatar radius-100 bg-white object-fit-cover i-semi\"\n      />\n\n      <PlaceholderUserpic\n        v-else\n        class=\"avatar radius-100 i-semi\"\n      />\n\n      <div class=\"profile-info flex-child-default\">\n        <div class=\"profile-name mn-b-micro t-medium\">{{ store.users?.state?.current?.profile?.name || 'Anonymous' }}</div>\n        <div class=\"lex-nowrap flex gap-micro\">\n          <div\n            v-for=\"(role, index) in store.users?.state?.current?.roles\"\n            :key=\"index\"\n            class=\"pd-thin radius-small t-small t-semi bg-white\"\n          >\n            {{ role.icon }}\n            {{ role.name }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { inject } from 'vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\nconst store = inject('store');\n</script>\n\n<style scoped>\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAoCA,UAAM,QAAQ,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileCard.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/ProfileCard.vue"],"sourcesContent":["<template>\n  <div class=\"profile-card bg-light radius-small pd-small mn-small mn-b-zero\">\n    <div class=\"flex flex-v-center gap-small\">\n      <img\n        loading=\"lazy\"\n        v-if=\"store.users?.state?.current?.profile?.photo && store.users.state.current.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + store.users.state.current.profile.photo\"\n        class=\"avatar radius-extra bg-white object-fit-cover i-semi\"\n      />\n\n      <PlaceholderUserpic\n        v-else\n        class=\"avatar radius-extra i-semi\"\n      />\n\n      <div class=\"profile-info flex-child-default\">\n        <div class=\"profile-name mn-b-micro fw-medium\">{{ store.users?.state?.current?.profile?.name || 'Anonymous' }}</div>\n        <div class=\"lex-nowrap flex gap-micro\">\n          <div\n            v-for=\"(role, index) in store.users?.state?.current?.roles\"\n            :key=\"index\"\n            class=\"pd-thin radius-small t-small fw-semi bg-white\"\n          >\n            {{ role.icon }}\n            {{ role.name }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { inject } from 'vue';\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\n\nconst store = inject('store');\n</script>\n\n<style scoped>\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAoCA,UAAM,QAAQ,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -1,7 +1,7 @@
 import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Transition, createBlock, resolveDynamicComponent } from "vue";
 import _sfc_main$1 from "../sections/SliderFeatures.vue.js";
 import { useRoute } from "vue-router";
-const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small" };
+const _hoisted_1 = { class: "cols-[1fr_2fr] mobile:cols-1 gap-small pd-small" };
 const _hoisted_2 = { class: "w-100 h-100 desktop-only o-hidden radius-big bg-black t-white" };
 const _sfc_main = {
   __name: "Auth",

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 h-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":[],"mappings":";;;;;;;;AA+Bc,aAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Auth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-[1fr_2fr] mobile:cols-1 gap-small pd-small\"\n  >\n    <router-view\n    \tclass=\"pd-big mobile:pd-medium w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 h-100 desktop-only o-hidden radius-big bg-black t-white\">\n      <SliderFeatures/>  \n    </section>\n  </div>\n</template>\n\n<script setup>\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n\nimport { useRoute } from 'vue-router'\n\nconst route = useRoute()\n</script>"],"names":[],"mappings":";;;;;;;;AA+Bc,aAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js

@@ -20,7 +20,7 @@ const _hoisted_4 = {
 const _hoisted_5 = { class: "mn-b-semi radius-small o-hidden" };
 const _hoisted_6 = {
   key: 2,
-  class: "p-regular t-semi mn-b-semi"
+  class: "p-regular fw-semi mn-b-semi"
 };
 const _hoisted_7 = { key: 0 };
 const _hoisted_8 = { key: 1 };
@@ -92,7 +92,7 @@ const _sfc_main = {
         unref(route).query.method !== "reset-password" ? (openBlock(), createElementBlock("div", _hoisted_6, _cache[2] || (_cache[2] = [
           createTextVNode(" By registering, you agree to our "),
           createElementVNode("a", {
-            class: "t-second",
+            class: "t-grey",
             href: "/legal/eula",
             target: "_blank",
             rel: "noopener noreferrer"

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.enterPassword.almostDone') }}</h3>\n\t\t<p v-if=\"route.query.method === 'reset-password'\" class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.newPasswordPrompt') }}</p>\n\t\t<p v-else class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.registrationPasswordPrompt') }}</p>\n\t\n\t\t<!-- Form -->\n\t\t<div class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\t:placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\t\t\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\t v-if=\"route.query.method !== 'reset-password'\" \n\t\t\t class=\"p-regular t-semi mn-b-semi \"\n\t\t>\n\t\t\t By registering, you agree to our <a class=\"t-second\" href=\"/legal/eula\" target=\"_blank\" rel=\"noopener noreferrer\">End User License Agreement (EULA)</a>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">\n\t\t\t<span  v-if=\"route.query.method === 'reset-password'\">{{ t('auth.enterPassword.changePasswordBtn') }}</span>\n\t\t\t<span v-else>{{ t('auth.enterPassword.registerBtn') }}</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\n\tif (route.query.method === 'reset-password') await auth.actions.updatePassword(auth.state.user, route.query.type)\n\tif (route.query.method !== 'reset-password') await auth.actions.signup(auth.state.user, route.query.type)\n}\n\nfunction redirectTo () {\n\tif (route.query.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,sBAAsB,IAAI,IAAI;AAEpC,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAER,QAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMA;AAAAA,UACL;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AAEA,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,eAAeD,MAAW,MAAM,MAAM,MAAM,IAAI;AAChH,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,OAAOD,MAAW,MAAM,MAAM,MAAM,IAAI;AAAA,IACzG;AAEA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EnterPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.enterPassword.almostDone') }}</h3>\n\t\t<p v-if=\"route.query.method === 'reset-password'\" class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.newPasswordPrompt') }}</p>\n\t\t<p v-else class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.registrationPasswordPrompt') }}</p>\n\t\n\t\t<!-- Form -->\n\t\t<div class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\t:placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\t\t\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\t v-if=\"route.query.method !== 'reset-password'\" \n\t\t\t class=\"p-regular fw-semi mn-b-semi \"\n\t\t>\n\t\t\t By registering, you agree to our <a class=\"t-grey\" href=\"/legal/eula\" target=\"_blank\" rel=\"noopener noreferrer\">End User License Agreement (EULA)</a>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">\n\t\t\t<span  v-if=\"route.query.method === 'reset-password'\">{{ t('auth.enterPassword.changePasswordBtn') }}</span>\n\t\t\t<span v-else>{{ t('auth.enterPassword.registerBtn') }}</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\n\tif (route.query.method === 'reset-password') await auth.actions.updatePassword(auth.state.user, route.query.type)\n\tif (route.query.method !== 'reset-password') await auth.actions.signup(auth.state.user, route.query.type)\n}\n\nfunction redirectTo () {\n\tif (route.query.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,sBAAsB,IAAI,IAAI;AAEpC,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAER,QAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMA;AAAAA,UACL;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AAEA,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,eAAeD,MAAW,MAAM,MAAM,MAAM,IAAI;AAChH,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,OAAOD,MAAW,MAAM,MAAM,MAAM,IAAI;AAAA,IACzG;AAEA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.js

@@ -1,9 +1,9 @@
 import { ref, inject, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, withCtx, toDisplayString, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
 /* empty css                                         */
-/* empty css                                           */
 /* empty css                                          */
-import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$6 from "../../../../../components/Menu/Menu.vue.js";
+/* empty css                                          */
+import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$6 from "../../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$2 from "../../../../reports/components/sections/FormReport.vue.js";
@@ -27,7 +27,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
   key: 0,
-  class: "flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"
+  class: "flex-center flex pd-medium radius-big bg-light uppercase fw-semi w-100 h-100"
 };
 const _hoisted_3 = {
   key: 1,
@@ -40,11 +40,11 @@ const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "mn-b-thin" };
 const _hoisted_8 = {
   key: 4,
-  class: "mn-b-thin t-main t-semi"
+  class: "mn-b-thin t-main fw-semi"
 };
 const _hoisted_9 = { class: "mn-b-small p-regular" };
 const _hoisted_10 = { class: "mn-b-medium flex-center flex-nowrap flex" };
-const _hoisted_11 = { class: "t-semi mn-b-small" };
+const _hoisted_11 = { class: "fw-semi mn-b-small" };
 const _hoisted_12 = {
   key: 6,
   class: "mn-t-small mn-b-thin"
@@ -115,7 +115,7 @@ const _sfc_main = {
                     class: "w-100"
                   }, {
                     default: withCtx(() => _cache[7] || (_cache[7] = [
-                      createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                      createElementVNode("button", { class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
                     ])),
                     _: 1
                   }, 8, ["user", "target"]),
@@ -159,7 +159,7 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_10, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(state$1.current.roles, (role, index) => {
                 return openBlock(), createElementBlock("div", {
-                  class: normalizeClass(["pd-thin radius-small t-semi bg-white", { "mn-r-thin": index !== state$1.current.roles.length - 1 }])
+                  class: normalizeClass(["pd-thin radius-small fw-semi bg-white", { "mn-r-thin": index !== state$1.current.roles.length - 1 }])
                 }, toDisplayString(role.icon) + " " + toDisplayString(role.name), 3);
               }), 256))
             ]),

package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'Profile Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-regular\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\n\t          @click=\"router.push({\n\t            name: `${module.route}`, \n\t            params: {\n\t              _id: route.params._id,\n\t              user: route.params._id\n\t            }\n\t          })\" \n\t          class=\"profile-menu-item cursor-pointer\"\n\t        >\n\t          <component \n\t            :is=\"module.icon\" \n\t            v-if=\"module.icon\"\n\t            class=\"i-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups,\n    visible: () => true\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity,\n    visible: () => true\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAER,WAAO,OAAO;AAC5B,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAGA,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase fw-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'Profile Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main fw-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-regular\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small fw-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"fw-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\n\t          @click=\"router.push({\n\t            name: `${module.route}`, \n\t            params: {\n\t              _id: route.params._id,\n\t              user: route.params._id\n\t            }\n\t          })\" \n\t          class=\"profile-menu-item cursor-pointer\"\n\t        >\n\t          <component \n\t            :is=\"module.icon\" \n\t            v-if=\"module.icon\"\n\t            class=\"i-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups,\n    visible: () => true\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity,\n    visible: () => true\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAER,WAAO,OAAO;AAC5B,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAGA,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileBlogposts.vue.js

@@ -27,7 +27,7 @@ const _sfc_main = {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "Create BlogPost"
             })),
-            class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")) : createCommentVNode("", true)
         ]),
         state.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$1, {

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileBlogposts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r bg-light radius-medium\"\n\t\t\t/>\n\t\t</Feed>\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  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\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":";;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,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,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r bg-light radius-medium\"\n\t\t\t/>\n\t\t</Feed>\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  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\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":";;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,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,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEdit.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, provide, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, createVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import _sfc_main$2 from "./ProfileEditSidebar.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state } from "../../store/auth.js";