@ozdao/martyrs 0.2.603 → 0.2.605

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

@@ -4,7 +4,7 @@ import clickOutside from "../FieldPhone/click-outside.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
-  class: "t-transp mn-r-small"
+  class: "opacity-50 mn-r-small"
 };
 const _hoisted_2 = {
   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",
@@ -127,7 +127,7 @@ const _sfc_main = {
     };
   }
 };
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af5048fc"]]);
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-814b4dfb"]]);
 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=\"opacity-50 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/Status/Snack.vue.js

@@ -46,7 +46,7 @@ const _sfc_main = {
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
             fill: "rgb(var(--white))",
-            class: "t-transp i-medium mn-r-thin z-index-5"
+            class: "opacity-50 i-medium mn-r-thin z-index-5"
           })),
           createElementVNode("p", _hoisted_2, toDisplayString(unref(te)(`core.snacks.${__props.message}`) ? unref(t)(`core.snacks.${__props.message}`) : __props.message), 1)
         ], 2)

package/dist/martyrs/src/components/Status/Snack.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snack.vue.js","sources":["../../../../../src/components/Status/Snack.vue"],"sourcesContent":["<template>\n  <div class=\"snack-wrapper\" v-if=\"show\">\n    <div \n      class=\"flex-nowrap flex-v-center flex radius-small pd-small t-white\"\n      :class=\"snackClass\"\n        @click=\"$emit('close')\" \n    >\n      <component \n        :is=\"iconComponent\" \n        fill=\"rgb(var(--white))\" \n        class=\"t-transp i-medium mn-r-thin z-index-5\"\n      />\n      <p class=\"w-100\">\n        {{ te(`core.snacks.${message}`) ? t(`core.snacks.${message}`) : message }}\n      </p>\n      <!-- <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"\n      /> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconSuccess from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconAlert from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\nconst { t, te } = useI18n({ useScope: 'global' })\n\nconst props = defineProps({\n  type: {\n    type: String,\n    default: 'notification',\n    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)\n  },\n  message: String,\n  show: Boolean\n})\n\ndefineEmits(['close'])\n\nconst snackClass = computed(() => ({\n  'bg-red': props.type === 'error',\n  'bg-green': props.type === 'success', \n  'bg-fourth': props.type === 'alert',\n  'bg-second': props.type === 'notification'\n}))\n\nconst iconComponent = computed(() => {\n  const icons = {\n    error: IconCross,\n    success: IconSuccess,\n    alert: IconAlert,\n    notification: IconInfo\n  }\n  return icons[props.type] || IconInfo\n})\n</script>\n\n<style lang=\"scss\">\n.snack-wrapper {\n  position: fixed;\n  bottom: var(--gap);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateX(-50%) translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}\n</style>"],"names":["IconCross","IconSuccess","IconAlert","IconInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAa,SAAS,OAAO;AAAA,MACjC,UAAU,MAAM,SAAS;AAAA,MACzB,YAAY,MAAM,SAAS;AAAA,MAC3B,aAAa,MAAM,SAAS;AAAA,MAC5B,aAAa,MAAM,SAAS;AAAA,IAC9B,EAAE;AAEF,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOA;AAAAA,QACP,SAASC;AAAAA,QACT,OAAOC;AAAAA,QACP,cAAcC;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Snack.vue.js","sources":["../../../../../src/components/Status/Snack.vue"],"sourcesContent":["<template>\n  <div class=\"snack-wrapper\" v-if=\"show\">\n    <div \n      class=\"flex-nowrap flex-v-center flex radius-small pd-small t-white\"\n      :class=\"snackClass\"\n        @click=\"$emit('close')\" \n    >\n      <component \n        :is=\"iconComponent\" \n        fill=\"rgb(var(--white))\" \n        class=\"opacity-50 i-medium mn-r-thin z-index-5\"\n      />\n      <p class=\"w-100\">\n        {{ te(`core.snacks.${message}`) ? t(`core.snacks.${message}`) : message }}\n      </p>\n      <!-- <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"\n      /> -->\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconSuccess from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconAlert from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\nconst { t, te } = useI18n({ useScope: 'global' })\n\nconst props = defineProps({\n  type: {\n    type: String,\n    default: 'notification',\n    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)\n  },\n  message: String,\n  show: Boolean\n})\n\ndefineEmits(['close'])\n\nconst snackClass = computed(() => ({\n  'bg-red': props.type === 'error',\n  'bg-green': props.type === 'success', \n  'bg-fourth': props.type === 'alert',\n  'bg-second': props.type === 'notification'\n}))\n\nconst iconComponent = computed(() => {\n  const icons = {\n    error: IconCross,\n    success: IconSuccess,\n    alert: IconAlert,\n    notification: IconInfo\n  }\n  return icons[props.type] || IconInfo\n})\n</script>\n\n<style lang=\"scss\">\n.snack-wrapper {\n  position: fixed;\n  bottom: var(--gap);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateX(-50%) translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}\n</style>"],"names":["IconCross","IconSuccess","IconAlert","IconInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAa,SAAS,OAAO;AAAA,MACjC,UAAU,MAAM,SAAS;AAAA,MACzB,YAAY,MAAM,SAAS;AAAA,MAC3B,aAAa,MAAM,SAAS;AAAA,MAC5B,aAAa,MAAM,SAAS;AAAA,IAC9B,EAAE;AAEF,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOA;AAAAA,QACP,SAASC;AAAAA,QACT,OAAOC;AAAAA,QACP,cAAcC;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;"}

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

@@ -28,7 +28,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$1, {
             fill: "rgb(var(--white))",
-            class: "t-transp i-medium mn-r-thin z-index-5"
+            class: "opacity-50 i-medium mn-r-thin z-index-5"
           }),
           createElementVNode("p", _hoisted_3, toDisplayString(unref(te)(`core.errors.${__props.data.message}`) ? unref(t)(`core.errors.${__props.data.message}`) : __props.data.message), 1),
           createVNode(_sfc_main$2, {

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

@@ -1 +1 @@
-{"version":3,"file":"Status.vue.js","sources":["../../../../../src/components/Status/Status.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-small error-wrapper\">\n\t\t<div class=\"\n\t\t\tflex-nowrap flex-v-center flex\n\t\t\tradius-small\n\t\t\tpd-small\n\t\t\tt-white \n\t\t\tbg-fourth\n\t\t\">\n\t\t\t<IconInfo fill=\"rgb(var(--white))\" class=\"t-transp i-medium mn-r-thin z-index-5\"/>\n\t\t\t<p class=\"w-100\">\n\t\t\t\t{{te(`core.errors.${data.message}`) ? t(`core.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"/>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\n\timport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n\tconst { t, te } = useI18n({\n\t\tuseScope: 'global',\n\t})\n\n\tconst emits = defineEmits('close')\n\tconst props = defineProps({\n\t  status: String,\n\t  message: String,\n\t  show: Boolean,\n\t  data: Object\n\t})\n\n\tfunction closeError () {\n\t\temits('close')\n\t} \n</script>\n\n<style lang=\"scss\">\n\t.error-wrapper {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA0BC,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Status.vue.js","sources":["../../../../../src/components/Status/Status.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-small error-wrapper\">\n\t\t<div class=\"\n\t\t\tflex-nowrap flex-v-center flex\n\t\t\tradius-small\n\t\t\tpd-small\n\t\t\tt-white \n\t\t\tbg-fourth\n\t\t\">\n\t\t\t<IconInfo fill=\"rgb(var(--white))\" class=\"opacity-50 i-medium mn-r-thin z-index-5\"/>\n\t\t\t<p class=\"w-100\">\n\t\t\t\t{{te(`core.errors.${data.message}`) ? t(`core.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-medium z-index-5\"/>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\n\timport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n\tconst { t, te } = useI18n({\n\t\tuseScope: 'global',\n\t})\n\n\tconst emits = defineEmits('close')\n\tconst props = defineProps({\n\t  status: String,\n\t  message: String,\n\t  show: Boolean,\n\t  data: Object\n\t})\n\n\tfunction closeError () {\n\t\temits('close')\n\t} \n</script>\n\n<style lang=\"scss\">\n\t.error-wrapper {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA0BC,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
 import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
-/* empty css         */
+/* empty css        */
 const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_2 = ["onClick"];
 const _sfc_main = {
@@ -71,4 +71,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Tab.vue.js.map
+//# sourceMappingURL=Tab.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue2.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        replaceClasses('pd-small pd-r-medium pd-l-medium w-max pd-small radius-small', classTab)\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { replaceClasses } = useGlobalMixins();\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  classTab: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAC1C,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF,WAAW,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B,WAAW,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B;AACA,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAG,CAAE;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACrC;AAGA,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,11 @@
-import { createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, renderSlot, createTextVNode } from "vue";
+import { createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, normalizeClass, renderSlot, createTextVNode } from "vue";
+import { useRouter } from "vue-router";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "o-x-scroll" };
 const _hoisted_2 = { class: "w-100 custom-table" };
 const _hoisted_3 = { class: "t-left bg-light t-black" };
+const _hoisted_4 = ["onClick"];
 const _sfc_main = {
   __name: "Table",
   props: {
@@ -18,10 +20,21 @@ const _sfc_main = {
       type: Array,
       required: true,
       default: () => []
+    },
+    // функция (row) => '/path' для кликабельных строк
+    rowLink: {
+      type: Function,
+      default: null
     }
   },
   setup(__props) {
+    const router = useRouter();
     const props = __props;
+    function onRowClick(row) {
+      if (!props.rowLink) return;
+      const path = props.rowLink(row);
+      if (path) router.push(path);
+    }
     const getNestedValue = (obj, path) => path.split(".").reduce((o, k) => o ? o[k] : void 0, obj);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -38,7 +51,11 @@ const _sfc_main = {
           ]),
           createElementVNode("tbody", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (row, rowIndex) => {
-              return openBlock(), createElementBlock("tr", { key: rowIndex }, [
+              return openBlock(), createElementBlock("tr", {
+                key: rowIndex,
+                class: normalizeClass({ "cursor-pointer hover-bg-light": __props.rowLink }),
+                onClick: ($event) => onRowClick(row)
+              }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
                   return openBlock(), createElementBlock("td", {
                     key: col.key,
@@ -52,7 +69,7 @@ const _sfc_main = {
                     ], true)
                   ]);
                 }), 128))
-              ]);
+              ], 10, _hoisted_4);
             }), 128))
           ])
         ])
@@ -60,7 +77,7 @@ const _sfc_main = {
     };
   }
 };
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76864ff9"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5927c7af"]]);
 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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\nimport { useRouter } from 'vue-router'\n\nconst router = useRouter()\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  // функция (row) => '/path' для кликабельных строк\n  rowLink: {\n    type: Function,\n    default: null\n  }\n})\n\nfunction onRowClick(row) {\n  if (!props.rowLink) return\n  const path = props.rowLink(row)\n  if (path) router.push(path)\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\" :class=\"{ 'cursor-pointer hover-bg-light': rowLink }\" @click=\"onRowClick(row)\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBd,aAAS,WAAW,KAAK;AACvB,UAAI,CAAC,MAAM,QAAS;AACpB,YAAM,OAAO,MAAM,QAAQ,GAAG;AAC9B,UAAI,KAAM,QAAO,KAAK,IAAI;AAAA,IAC5B;AAGA,UAAM,iBAAiB,CAAC,KAAK,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,GAAG,MAAO,IAAI,EAAE,CAAC,IAAI,QAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue.js","sources":["../../../../../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"cursor-pointer tooltip-container\" @mouseover=\"showTooltip\" @mouseleave=\"hideTooltip\">\n    <slot></slot>\n    <Transition name=\"tooltip\">\n      <div v-if=\"visible\" class=\"tooltip-content\" :style=\"{ left: posX, top: posY }\">\n        <span>{{ text }}</span>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\ndefineProps({\n  text: {\n    type: String,\n    required: true\n  }\n});\n\nconst visible = ref(false);\nconst posX = ref('0px');\nconst posY = ref('0px');\n\nfunction showTooltip(event) {\n  visible.value = true;\n  posX.value = `${(event.clientX / 100) + 10}px`;\n  posY.value = `${(event.clientY / 100) + 10}px`;\n}\n\nfunction hideTooltip() {\n  visible.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n.tooltip-container {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip-content {\n  position: absolute;\n  width: max-content;\n  z-index: 1000;\n  background: #333;\n  color: #fff;\n  padding: 5px;\n  border-radius: 3px;\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.tooltip-enter-active,\n.tooltip-leave-active {\n  transition: opacity 0.2s ease;\n}\n\n.tooltip-enter-from,\n.tooltip-leave-to {\n  opacity: 0;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,OAAO,IAAI,KAAK;AAEtB,aAAS,YAAY,OAAO;AAC1B,cAAQ,QAAQ;AAChB,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAC1C,WAAK,QAAQ,GAAI,MAAM,UAAU,MAAO,EAAE;AAAA,IAC5C;AAEA,aAAS,cAAc;AACrB,cAAQ,QAAQ;AAAA,IAClB;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, renderSlot, createVNode } from "vue";
-import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import { VueDraggableNext } from "../../../node_modules/.pnpm/vue-draggable-next@2.3.0_sortablejs@1.15.7_vue@3.5.13/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
 const _sfc_main = {
   __name: "Tree",
   props: {

package/dist/martyrs/src/components/Upload/Upload.vue2.js

@@ -5,7 +5,7 @@ import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
-  class: "t-transp mn-r-small"
+  class: "opacity-50 mn-r-small"
 };
 const _hoisted_2 = {
   key: 1,
@@ -115,7 +115,7 @@ const _sfc_main = {
     };
   }
 };
-const Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efdb42f1"]]);
+const Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a3fd57e"]]);
 export {
   Upload as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.vue2.js","sources":["../../../../../src/components/Upload/Upload.vue"],"sourcesContent":["<template>\n  <div :class=\"[$attrs.class, { 'bg-fourth-nano': validation }]\" class=\"flex-center flex-nowrap flex\">\n    <!-- Label -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <div v-if=\"fileURL\" class=\"flex-nowrap flex w-100  flex-v-center\">\n      <a :href=\"fileURL\" class=\"w-100\" target=\"_blank\">{{ fileURL }}</a>\n\n      <IconCross  \n        @click=\"removeFile\" \n        class=\"cursor-pointer  t-center flex-center flex radius-extra i-medium bg-red pd-micro\"\n      />\n\n    </div>\n\n    <div v-else class=\"w-100\">\n      <!-- Input / File -->\n      <input \n        @change=\"onFileChange\"\n        type=\"file\"\n        class=\"w-100\"\n        :placeholder=\"placeholder\"\n        :multiple=\"multiple\"\n        id=\"photo\"\n        name=\"photo\"\n      >\n    </div>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch} from 'vue'\nimport axios from 'axios';\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst emit = defineEmits(['update:field', 'focus', 'blur', 'file-change']);\n\nconst props = defineProps({\n  field: String,\n  label: null,\n  type: {\n    type: String,\n    default: 'file'\n  },\n  placeholder: 'Upload a file',\n  validation: false,\n  uploadPath: {\n    type: String,\n    default: '/files'\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst fileURL = ref(props.field);\nconst fileInput = ref(null);\n\nwatch(() => props.field, (newValue) => {\n  fileURL.value = newValue;\n});\n\n// Handles file change event\n\nasync function onFileChange(e) {\n\n  let file = e.target.files[0];\n  let formData = new FormData();\n\n  formData.append(\"file\", file);\n\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/${props.type}?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n\n    fileURL.value = response.data[0].filepath;\n    emit('file-change', fileURL.value);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nconst removeFile = () => {\n  fileURL.value = null;\n  emit('update:field', null); // Обновляем значение, связанное с v-model:field\n  emit('file-change', null); // Посылаем событие об изменении файла\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  input, span {\n    line-height: 1;\n    color: inherit;\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAmBd,UAAM,UAAU,IAAI,MAAM,KAAK;AACb,QAAI,IAAI;AAE1B,UAAM,MAAM,MAAM,OAAO,CAAC,aAAa;AACrC,cAAQ,QAAQ;AAAA,IAClB,CAAC;AAID,mBAAe,aAAa,GAAG;AAE7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,WAAW,IAAI,SAAQ;AAE3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,eAAe,MAAM,IAAI,eAAe,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACzH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,gBAAQ,QAAQ,SAAS,KAAK,CAAC,EAAE;AACjC,aAAK,eAAe,QAAQ,KAAK;AAAA,MACnC,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,cAAQ,QAAQ;AAChB,WAAK,gBAAgB,IAAI;AACzB,WAAK,eAAe,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Upload.vue2.js","sources":["../../../../../src/components/Upload/Upload.vue"],"sourcesContent":["<template>\n  <div :class=\"[$attrs.class, { 'bg-fourth-nano': validation }]\" class=\"flex-center flex-nowrap flex\">\n    <!-- Label -->\n    <div v-if=\"label\" class=\"opacity-50 mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n\n    <div v-if=\"fileURL\" class=\"flex-nowrap flex w-100  flex-v-center\">\n      <a :href=\"fileURL\" class=\"w-100\" target=\"_blank\">{{ fileURL }}</a>\n\n      <IconCross  \n        @click=\"removeFile\" \n        class=\"cursor-pointer  t-center flex-center flex radius-extra i-medium bg-red pd-micro\"\n      />\n\n    </div>\n\n    <div v-else class=\"w-100\">\n      <!-- Input / File -->\n      <input \n        @change=\"onFileChange\"\n        type=\"file\"\n        class=\"w-100\"\n        :placeholder=\"placeholder\"\n        :multiple=\"multiple\"\n        id=\"photo\"\n        name=\"photo\"\n      >\n    </div>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch} from 'vue'\nimport axios from 'axios';\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst emit = defineEmits(['update:field', 'focus', 'blur', 'file-change']);\n\nconst props = defineProps({\n  field: String,\n  label: null,\n  type: {\n    type: String,\n    default: 'file'\n  },\n  placeholder: 'Upload a file',\n  validation: false,\n  uploadPath: {\n    type: String,\n    default: '/files'\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst fileURL = ref(props.field);\nconst fileInput = ref(null);\n\nwatch(() => props.field, (newValue) => {\n  fileURL.value = newValue;\n});\n\n// Handles file change event\n\nasync function onFileChange(e) {\n\n  let file = e.target.files[0];\n  let formData = new FormData();\n\n  formData.append(\"file\", file);\n\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/${props.type}?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n\n    fileURL.value = response.data[0].filepath;\n    emit('file-change', fileURL.value);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nconst removeFile = () => {\n  fileURL.value = null;\n  emit('update:field', null); // Обновляем значение, связанное с v-model:field\n  emit('file-change', null); // Посылаем событие об изменении файла\n};\n</script>\n\n<style lang=\"scss\" scoped>\n  input, span {\n    line-height: 1;\n    color: inherit;\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAmBd,UAAM,UAAU,IAAI,MAAM,KAAK;AACb,QAAI,IAAI;AAE1B,UAAM,MAAM,MAAM,OAAO,CAAC,aAAa;AACrC,cAAQ,QAAQ;AAAA,IAClB,CAAC;AAID,mBAAe,aAAa,GAAG;AAE7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,WAAW,IAAI,SAAQ;AAE3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,eAAe,MAAM,IAAI,eAAe,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACzH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,gBAAQ,QAAQ,SAAS,KAAK,CAAC,EAAE;AACjC,aAAK,eAAe,QAAQ,KAAK;AAAA,MACnC,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,cAAQ,QAAQ;AAChB,WAAK,gBAAgB,IAAI;AACzB,WAAK,eAAe,IAAI;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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.vue2.js";
+import Loader from "../Loader/Loader.vue.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                 */
@@ -28,7 +28,7 @@ const _hoisted_7 = {
   class: "upload-text-block flex flex-column"
 };
 const _hoisted_8 = { class: "mn-b-small fw-medium" };
-const _hoisted_9 = { class: "mn-b-medium t-transp" };
+const _hoisted_9 = { class: "mn-b-medium opacity-50" };
 const _hoisted_10 = { key: 0 };
 const _hoisted_11 = {
   key: 1,
@@ -212,7 +212,7 @@ const _sfc_main = {
     };
   }
 };
-const UploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24b590ef"]]);
+const UploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f0ff1cb"]]);
 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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50\">{{ 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.vue2.js";
+import Loader from "../Loader/Loader.vue.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 = {
@@ -13,7 +13,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 1,
-  class: "mn-b-small t-transp d-block"
+  class: "mn-b-small opacity-50 d-block"
 };
 const _hoisted_4 = {
   key: 2,

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50 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/auth.client.js

@@ -6,6 +6,7 @@ import { cancelAuth, closeAuth, showAuth } from "./views/plugins/popup.auth.plug
 import addRoutes from "../core/views/router/addRoutes.js";
 import { getAuthRoutes } from "./views/router/auth.router.js";
 import { getUsersRoutes } from "./views/router/users.router.js";
+import usersBackofficeRoutes from "./views/router/users.backoffice.router.js";
 import * as auth_validation from "./views/middlewares/auth.validation.js";
 import { i18nManager } from "../core/views/classes/i18n.manager.js";
 import locales from "./locales/index.js";
@@ -29,9 +30,20 @@ console.log(`[LOADING 36] Router/middleware/locales imports completed in ${impor
 function initializeAuth(app, store, router, options = {}) {
   i18nManager.register("auth", locales);
   const authRoute = getAuthRoutes(options);
-  const usersRoute = getUsersRoutes(options);
   addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });
-  addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });
+  if (!options.contexts || options.contexts.includes("client")) {
+    const usersRoute = getUsersRoutes(options);
+    addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });
+  }
+  if (!options.contexts || options.contexts.includes("backoffice")) {
+    addRoutes(router, {
+      parentName: options.routeBackoffice || "Backoffice Root",
+      basePath: "users",
+      routes: usersBackofficeRoutes,
+      routeNamePrefix: "Backoffice",
+      meta: { context: "backoffice" }
+    });
+  }
   store.addStore("auth", auth);
   store.addStore("users", users);
   app.use(otpPlugin);

package/dist/martyrs/src/modules/auth/auth.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// [LOADING 36] Auth module import started\nperformance.mark('loading-36-start');\nconsole.log('[LOADING 36] Auth module import started...');\n\n// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeUsers from './views/store/users.js';\nimport otpPlugin from './views/plugins/otp.plugin.js';\nimport popupAuthPlugin, { showAuth, closeAuth, cancelAuth } from './views/plugins/popup.auth.plugin.js';\n\nperformance.mark('loading-36-stores-end');\nconst storesTime = performance.measure('loading-36-stores', 'loading-36-start', 'loading-36-stores-end');\nconsole.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getAuthRoutes } from './views/router/auth.router.js';\nimport { getUsersRoutes } from './views/router/users.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/i18n.manager.js';\n\nimport locales from './locales/index.js';\n\nperformance.mark('loading-36-imports-end');\nconst importsTime = performance.measure('loading-36-imports', 'loading-36-stores-end', 'loading-36-imports-end');\nconsole.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const authRoute = getAuthRoutes(options);\n  const usersRoute = getUsersRoutes(options);\n\n  addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });\n  addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });\n\n  store.addStore('auth', storeAuth);\n  store.addStore('users', storeUsers);\n\n  // OTP plugin для challenge-response\n  app.use(otpPlugin);\n\n  // Auth popup plugin\n  app.use(popupAuthPlugin);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeUsers,\n    },\n    router: {\n      getAuthRoutes,\n      getUsersRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeUsers,\n  getAuthRoutes,\n  getUsersRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n  // Auth popup\n  showAuth,\n  closeAuth,\n  cancelAuth,\n};\n\n// [LOADING 36] Auth module import completed\nperformance.mark('loading-36-end');\nperformance.measure('loading-36-total', 'loading-36-start', 'loading-36-end');\nconst totalTime = performance.getEntriesByName('loading-36-total')[0];\nconsole.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleAuth;\n"],"names":["storeAuth","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,4CAA4C;AAQxD,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAczF,YAAY,KAAK,wBAAwB;AACzC,MAAM,cAAc,YAAY,QAAQ,sBAAsB,yBAAyB,wBAAwB;AAC/G,QAAQ,IAAI,+DAA+D,YAAY,SAAS,QAAQ,CAAC,CAAC,IAAI;AAc9G,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,YAAY,cAAc,OAAO;AACvC,QAAM,aAAa,eAAe,OAAO;AAEzC,YAAU,QAAQ,EAAE,GAAG,UAAU,QAAQ,YAAY,UAAU,YAAY;AAC3E,YAAU,QAAQ,EAAE,GAAG,WAAW,QAAQ,YAAY,WAAW,YAAY;AAE7E,QAAM,SAAS,QAAQA,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAGlC,MAAI,IAAI,SAAS;AAGjB,MAAI,IAAI,eAAe;AAEvB,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMD;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAiBA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,8CAA8C,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}
+{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// [LOADING 36] Auth module import started\nperformance.mark('loading-36-start');\nconsole.log('[LOADING 36] Auth module import started...');\n\n// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeUsers from './views/store/users.js';\nimport otpPlugin from './views/plugins/otp.plugin.js';\nimport popupAuthPlugin, { showAuth, closeAuth, cancelAuth } from './views/plugins/popup.auth.plugin.js';\n\nperformance.mark('loading-36-stores-end');\nconst storesTime = performance.measure('loading-36-stores', 'loading-36-start', 'loading-36-stores-end');\nconsole.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getAuthRoutes } from './views/router/auth.router.js';\nimport { getUsersRoutes } from './views/router/users.router.js';\nimport routerBackofficeUsers from './views/router/users.backoffice.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/i18n.manager.js';\n\nimport locales from './locales/index.js';\n\nperformance.mark('loading-36-imports-end');\nconst importsTime = performance.measure('loading-36-imports', 'loading-36-stores-end', 'loading-36-imports-end');\nconsole.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const authRoute = getAuthRoutes(options);\n  addRoutes(router, { ...authRoute.config, parentName: authRoute.parentName });\n\n  // Users client context\n  if (!options.contexts || options.contexts.includes('client')) {\n    const usersRoute = getUsersRoutes(options);\n    addRoutes(router, { ...usersRoute.config, parentName: usersRoute.parentName });\n  }\n\n  // Users backoffice context\n  if (!options.contexts || options.contexts.includes('backoffice')) {\n    addRoutes(router, {\n      parentName: options.routeBackoffice || 'Backoffice Root',\n      basePath: 'users',\n      routes: routerBackofficeUsers,\n      routeNamePrefix: 'Backoffice',\n      meta: { context: 'backoffice' },\n    });\n  }\n\n  store.addStore('auth', storeAuth);\n  store.addStore('users', storeUsers);\n\n  // OTP plugin для challenge-response\n  app.use(otpPlugin);\n\n  // Auth popup plugin\n  app.use(popupAuthPlugin);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeUsers,\n    },\n    router: {\n      getAuthRoutes,\n      getUsersRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeUsers,\n  getAuthRoutes,\n  getUsersRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n  // Auth popup\n  showAuth,\n  closeAuth,\n  cancelAuth,\n};\n\n// [LOADING 36] Auth module import completed\nperformance.mark('loading-36-end');\nperformance.measure('loading-36-total', 'loading-36-start', 'loading-36-end');\nconst totalTime = performance.getEntriesByName('loading-36-total')[0];\nconsole.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleAuth;\n"],"names":["routerBackofficeUsers","storeAuth","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,4CAA4C;AAQxD,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAezF,YAAY,KAAK,wBAAwB;AACzC,MAAM,cAAc,YAAY,QAAQ,sBAAsB,yBAAyB,wBAAwB;AAC/G,QAAQ,IAAI,+DAA+D,YAAY,SAAS,QAAQ,CAAC,CAAC,IAAI;AAc9G,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,YAAY,cAAc,OAAO;AACvC,YAAU,QAAQ,EAAE,GAAG,UAAU,QAAQ,YAAY,UAAU,YAAY;AAG3E,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,QAAQ,GAAG;AAC5D,UAAM,aAAa,eAAe,OAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,WAAW,QAAQ,YAAY,WAAW,YAAY;AAAA,EAC/E;AAGA,MAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,SAAS,YAAY,GAAG;AAChE,cAAU,QAAQ;AAAA,MAChB,YAAY,QAAQ,mBAAmB;AAAA,MACvC,UAAU;AAAA,MACV,QAAQA;AAAAA,MACR,iBAAiB;AAAA,MACjB,MAAM,EAAE,SAAS,aAAY;AAAA,IACnC,CAAK;AAAA,EACH;AAEA,QAAM,SAAS,QAAQC,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAGlC,MAAI,IAAI,SAAS;AAGjB,MAAI,IAAI,eAAe;AAEvB,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMD;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAiBA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,8CAA8C,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}

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

@@ -6,14 +6,14 @@ const _hoisted_1 = {
   class: "t-center"
 };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "mn-b-big t-transp" };
-const _hoisted_4 = { class: "mn-b-small t-transp" };
+const _hoisted_3 = { class: "mn-b-big opacity-50" };
+const _hoisted_4 = { class: "mn-b-small opacity-50" };
 const _hoisted_5 = { class: "d-flex flex-h-center gap-small" };
 const _hoisted_6 = {
   key: 1,
   class: "t-center"
 };
-const _hoisted_7 = { class: "mn-b-thin t-transp" };
+const _hoisted_7 = { class: "mn-b-thin opacity-50" };
 const _hoisted_8 = { class: "mn-b-small" };
 const _hoisted_9 = ["onClick"];
 const _hoisted_10 = ["onUpdate:modelValue", "onInput"];
@@ -81,7 +81,7 @@ const _sfc_main = {
       return openBlock(), createBlock(_sfc_main$1, {
         isPopupOpen: __props.otpState.visible,
         onClosePopup: __props.cancelOtp,
-        class: "bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium"
+        class: "bg-white w-clamp-20r-30r-100 radius-medium pd-medium"
       }, {
         default: withCtx(() => [
           __props.otpState.mode !== "dual" ? (openBlock(), createElementBlock("section", _hoisted_1, [

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

@@ -1 +1 @@
-{"version":3,"file":"OtpDialog.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/OtpDialog.vue"],"sourcesContent":["<template>\n  <Popup\n    :isPopupOpen=\"otpState.visible\"\n    @close-popup=\"cancelOtp\"\n    class=\"bg-white w-min-20r w-max-30r w-max-100 radius-medium pd-medium\"\n  >\n    <!-- Single mode -->\n    <section v-if=\"otpState.mode !== 'dual'\" class=\"t-center\">\n      <h3 class=\"mn-b-medium\">\n        {{ otpState.challenge?.type === 'email' ? 'Verify Email' : 'Verify Phone' }}\n      </h3>\n\n      <p class=\"mn-b-big t-transp\">\n        {{ otpState.challenge?.type === 'email'\n          ? 'Enter the code sent to your email'\n          : 'Enter the code sent to your phone' }}\n      </p>\n\n      <p class=\"mn-b-small t-transp\">{{ otpState.challenge?.identifier }}</p>\n\n      <div class=\"pos-relative mn-b-big cursor-text\" @click=\"focusInput(0)\">\n        <input\n          ref=\"inputRefs\"\n          v-model=\"code\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          pattern=\"[0-9]*\"\n          maxlength=\"4\"\n          class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n          autocomplete=\"one-time-code\"\n        >\n        <div class=\"d-flex flex-h-center gap-small\">\n          <div\n            v-for=\"i in 4\"\n            :key=\"i\"\n            class=\"w-[60px] h-[60px] d-flex flex-center text-[28px] fw-medium bg-light radius-small br-1px ease-cubic\"\n            :class=\"code.length === i - 1 ? 'br-main' : 'br-grey'\"\n          >\n            {{ code[i - 1] || '' }}\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- Dual mode -->\n    <section v-else class=\"t-center\">\n      <h3 class=\"mn-b-medium\">Verify Change</h3>\n\n      <div v-for=\"(challenge, idx) in otpState.challenges\" :key=\"idx\" class=\"mn-b-big\">\n        <p class=\"mn-b-thin t-transp\">\n          {{ challenge.label === 'old' ? 'Current' : 'New' }}\n        </p>\n        <p class=\"mn-b-small\">{{ challenge.identifier }}</p>\n\n        <div class=\"pos-relative cursor-text\" @click=\"focusDualInput(idx)\">\n          <input\n            :ref=\"el => dualInputRefs[idx] = el\"\n            v-model=\"dualCodes[idx]\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            pattern=\"[0-9]*\"\n            maxlength=\"4\"\n            class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n            @input=\"onDualInput(idx)\"\n            @keydown=\"onKeydown\"\n            autocomplete=\"one-time-code\"\n          >\n          <div class=\"d-flex flex-h-center gap-small\">\n            <div\n              v-for=\"i in 4\"\n              :key=\"i\"\n              class=\"w-[48px] h-[48px] d-flex flex-center text-[24px] fw-medium bg-light radius-small br-1px ease-cubic\"\n              :class=\"dualCodes[idx].length === i - 1 ? 'br-main' : 'br-grey'\"\n            >\n              {{ dualCodes[idx][i - 1] || '' }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Button\n        @click=\"submitDual\"\n        :disabled=\"!bothComplete\"\n        class=\"w-100\"\n      >\n        Confirm\n      </Button>\n    </section>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport { Button } from '@ozdao/martyrs'\n\nconst props = defineProps({\n  otpState: { type: Object, required: true },\n  closeOtp: { type: Function, required: true },\n  closeDualOtp: { type: Function, required: true },\n  cancelOtp: { type: Function, required: true }\n})\n\nconst inputRefs = ref(null)\nconst dualInputRefs = ref([null, null])\nconst code = ref('')\nconst dualCodes = ref(['', ''])\n\nconst bothComplete = computed(() =>\n  dualCodes.value[0].length === 4 && dualCodes.value[1].length === 4\n)\n\nwatch(() => props.otpState.visible, (visible) => {\n  if (visible) {\n    code.value = ''\n    dualCodes.value = ['', '']\n    setTimeout(() => {\n      if (props.otpState.mode === 'dual') {\n        dualInputRefs.value[0]?.focus()\n      } else {\n        inputRefs.value?.focus()\n      }\n    }, 100)\n  }\n})\n\nfunction focusInput() {\n  inputRefs.value?.focus()\n}\n\nfunction focusDualInput(idx) {\n  dualInputRefs.value[idx]?.focus()\n}\n\nfunction onKeydown(e) {\n  if (!/^\\d$/.test(e.key) && !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key) && !e.ctrlKey && !e.metaKey) {\n    e.preventDefault()\n  }\n}\n\nfunction onInput() {\n  code.value = code.value.replace(/\\D/g, '').slice(0, 4)\n\n  if (code.value.length === 4) {\n    props.closeOtp(code.value)\n  }\n}\n\nfunction onDualInput(idx) {\n  dualCodes.value[idx] = dualCodes.value[idx].replace(/\\D/g, '').slice(0, 4)\n\n  // Auto-focus next input when current is complete\n  if (dualCodes.value[idx].length === 4 && idx === 0) {\n    dualInputRefs.value[1]?.focus()\n  }\n\n  // Auto-submit when both are complete\n  if (bothComplete.value) {\n    submitDual()\n  }\n}\n\nfunction submitDual() {\n  props.closeDualOtp([dualCodes.value[0], dualCodes.value[1]])\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ;AAOd,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC;AACtC,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC;AAE9B,UAAM,eAAe;AAAA,MAAS,MAC5B,UAAU,MAAM,CAAC,EAAE,WAAW,KAAK,UAAU,MAAM,CAAC,EAAE,WAAW;AAAA,IACnE;AAEA,UAAM,MAAM,MAAM,SAAS,SAAS,CAAC,YAAY;AAC/C,UAAI,SAAS;AACX,aAAK,QAAQ;AACb,kBAAU,QAAQ,CAAC,IAAI,EAAE;AACzB,mBAAW,MAAM;AACf,cAAI,MAAM,SAAS,SAAS,QAAQ;AAClC,0BAAc,MAAM,CAAC,GAAG,MAAK;AAAA,UAC/B,OAAO;AACL,sBAAU,OAAO,MAAK;AAAA,UACxB;AAAA,QACF,GAAG,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAED,aAAS,aAAa;AACpB,gBAAU,OAAO,MAAK;AAAA,IACxB;AAEA,aAAS,eAAe,KAAK;AAC3B,oBAAc,MAAM,GAAG,GAAG,MAAK;AAAA,IACjC;AAEA,aAAS,UAAU,GAAG;AACpB,UAAI,CAAC,OAAO,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,aAAa,UAAU,aAAa,cAAc,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS;AACjI,UAAE,eAAc;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,UAAU;AACjB,WAAK,QAAQ,KAAK,MAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAErD,UAAI,KAAK,MAAM,WAAW,GAAG;AAC3B,cAAM,SAAS,KAAK,KAAK;AAAA,MAC3B;AAAA,IACF;AAEA,aAAS,YAAY,KAAK;AACxB,gBAAU,MAAM,GAAG,IAAI,UAAU,MAAM,GAAG,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAGzE,UAAI,UAAU,MAAM,GAAG,EAAE,WAAW,KAAK,QAAQ,GAAG;AAClD,sBAAc,MAAM,CAAC,GAAG,MAAK;AAAA,MAC/B;AAGA,UAAI,aAAa,OAAO;AACtB,mBAAU;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,YAAM,aAAa,CAAC,UAAU,MAAM,CAAC,GAAG,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,IAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OtpDialog.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/OtpDialog.vue"],"sourcesContent":["<template>\n  <Popup\n    :isPopupOpen=\"otpState.visible\"\n    @close-popup=\"cancelOtp\"\n    class=\"bg-white w-clamp-20r-30r-100 radius-medium pd-medium\"\n  >\n    <!-- Single mode -->\n    <section v-if=\"otpState.mode !== 'dual'\" class=\"t-center\">\n      <h3 class=\"mn-b-medium\">\n        {{ otpState.challenge?.type === 'email' ? 'Verify Email' : 'Verify Phone' }}\n      </h3>\n\n      <p class=\"mn-b-big opacity-50\">\n        {{ otpState.challenge?.type === 'email'\n          ? 'Enter the code sent to your email'\n          : 'Enter the code sent to your phone' }}\n      </p>\n\n      <p class=\"mn-b-small opacity-50\">{{ otpState.challenge?.identifier }}</p>\n\n      <div class=\"pos-relative mn-b-big cursor-text\" @click=\"focusInput(0)\">\n        <input\n          ref=\"inputRefs\"\n          v-model=\"code\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          pattern=\"[0-9]*\"\n          maxlength=\"4\"\n          class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n          autocomplete=\"one-time-code\"\n        >\n        <div class=\"d-flex flex-h-center gap-small\">\n          <div\n            v-for=\"i in 4\"\n            :key=\"i\"\n            class=\"w-[60px] h-[60px] d-flex flex-center text-[28px] fw-medium bg-light radius-small br-1px ease-cubic\"\n            :class=\"code.length === i - 1 ? 'br-main' : 'br-grey'\"\n          >\n            {{ code[i - 1] || '' }}\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- Dual mode -->\n    <section v-else class=\"t-center\">\n      <h3 class=\"mn-b-medium\">Verify Change</h3>\n\n      <div v-for=\"(challenge, idx) in otpState.challenges\" :key=\"idx\" class=\"mn-b-big\">\n        <p class=\"mn-b-thin opacity-50\">\n          {{ challenge.label === 'old' ? 'Current' : 'New' }}\n        </p>\n        <p class=\"mn-b-small\">{{ challenge.identifier }}</p>\n\n        <div class=\"pos-relative cursor-text\" @click=\"focusDualInput(idx)\">\n          <input\n            :ref=\"el => dualInputRefs[idx] = el\"\n            v-model=\"dualCodes[idx]\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            pattern=\"[0-9]*\"\n            maxlength=\"4\"\n            class=\"pos-absolute inset-0 w-100 h-100 opacity-0 z-1\"\n            @input=\"onDualInput(idx)\"\n            @keydown=\"onKeydown\"\n            autocomplete=\"one-time-code\"\n          >\n          <div class=\"d-flex flex-h-center gap-small\">\n            <div\n              v-for=\"i in 4\"\n              :key=\"i\"\n              class=\"w-[48px] h-[48px] d-flex flex-center text-[24px] fw-medium bg-light radius-small br-1px ease-cubic\"\n              :class=\"dualCodes[idx].length === i - 1 ? 'br-main' : 'br-grey'\"\n            >\n              {{ dualCodes[idx][i - 1] || '' }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <Button\n        @click=\"submitDual\"\n        :disabled=\"!bothComplete\"\n        class=\"w-100\"\n      >\n        Confirm\n      </Button>\n    </section>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport { Button } from '@ozdao/martyrs'\n\nconst props = defineProps({\n  otpState: { type: Object, required: true },\n  closeOtp: { type: Function, required: true },\n  closeDualOtp: { type: Function, required: true },\n  cancelOtp: { type: Function, required: true }\n})\n\nconst inputRefs = ref(null)\nconst dualInputRefs = ref([null, null])\nconst code = ref('')\nconst dualCodes = ref(['', ''])\n\nconst bothComplete = computed(() =>\n  dualCodes.value[0].length === 4 && dualCodes.value[1].length === 4\n)\n\nwatch(() => props.otpState.visible, (visible) => {\n  if (visible) {\n    code.value = ''\n    dualCodes.value = ['', '']\n    setTimeout(() => {\n      if (props.otpState.mode === 'dual') {\n        dualInputRefs.value[0]?.focus()\n      } else {\n        inputRefs.value?.focus()\n      }\n    }, 100)\n  }\n})\n\nfunction focusInput() {\n  inputRefs.value?.focus()\n}\n\nfunction focusDualInput(idx) {\n  dualInputRefs.value[idx]?.focus()\n}\n\nfunction onKeydown(e) {\n  if (!/^\\d$/.test(e.key) && !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key) && !e.ctrlKey && !e.metaKey) {\n    e.preventDefault()\n  }\n}\n\nfunction onInput() {\n  code.value = code.value.replace(/\\D/g, '').slice(0, 4)\n\n  if (code.value.length === 4) {\n    props.closeOtp(code.value)\n  }\n}\n\nfunction onDualInput(idx) {\n  dualCodes.value[idx] = dualCodes.value[idx].replace(/\\D/g, '').slice(0, 4)\n\n  // Auto-focus next input when current is complete\n  if (dualCodes.value[idx].length === 4 && idx === 0) {\n    dualInputRefs.value[1]?.focus()\n  }\n\n  // Auto-submit when both are complete\n  if (bothComplete.value) {\n    submitDual()\n  }\n}\n\nfunction submitDual() {\n  props.closeDualOtp([dualCodes.value[0], dualCodes.value[1]])\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQ;AAOd,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC,MAAM,IAAI,CAAC;AACtC,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC;AAE9B,UAAM,eAAe;AAAA,MAAS,MAC5B,UAAU,MAAM,CAAC,EAAE,WAAW,KAAK,UAAU,MAAM,CAAC,EAAE,WAAW;AAAA,IACnE;AAEA,UAAM,MAAM,MAAM,SAAS,SAAS,CAAC,YAAY;AAC/C,UAAI,SAAS;AACX,aAAK,QAAQ;AACb,kBAAU,QAAQ,CAAC,IAAI,EAAE;AACzB,mBAAW,MAAM;AACf,cAAI,MAAM,SAAS,SAAS,QAAQ;AAClC,0BAAc,MAAM,CAAC,GAAG,MAAK;AAAA,UAC/B,OAAO;AACL,sBAAU,OAAO,MAAK;AAAA,UACxB;AAAA,QACF,GAAG,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAED,aAAS,aAAa;AACpB,gBAAU,OAAO,MAAK;AAAA,IACxB;AAEA,aAAS,eAAe,KAAK;AAC3B,oBAAc,MAAM,GAAG,GAAG,MAAK;AAAA,IACjC;AAEA,aAAS,UAAU,GAAG;AACpB,UAAI,CAAC,OAAO,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,aAAa,UAAU,aAAa,cAAc,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS;AACjI,UAAE,eAAc;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,UAAU;AACjB,WAAK,QAAQ,KAAK,MAAM,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAErD,UAAI,KAAK,MAAM,WAAW,GAAG;AAC3B,cAAM,SAAS,KAAK,KAAK;AAAA,MAC3B;AAAA,IACF;AAEA,aAAS,YAAY,KAAK;AACxB,gBAAU,MAAM,GAAG,IAAI,UAAU,MAAM,GAAG,EAAE,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAGzE,UAAI,UAAU,MAAM,GAAG,EAAE,WAAW,KAAK,QAAQ,GAAG;AAClD,sBAAc,MAAM,CAAC,GAAG,MAAK;AAAA,MAC/B;AAGA,UAAI,aAAa,OAAO;AACtB,mBAAU;AAAA,MACZ;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,YAAM,aAAa,CAAC,UAAU,MAAM,CAAC,GAAG,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,IAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,7 +5,7 @@ import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import Button from "../../../../../components/Button/Button.vue2.js";
 const _hoisted_1 = { class: "t-center" };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "mn-b-semi t-transp" };
+const _hoisted_3 = { class: "mn-b-semi opacity-50" };
 const _hoisted_4 = { class: "flex-column flex gap-thin" };
 const _sfc_main = {
   __name: "PopupAuth",

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

@@ -1 +1 @@
-{"version":3,"file":"PopupAuth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/PopupAuth.vue"],"sourcesContent":["<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->\n<template>\n  <Popup\n    :isPopupOpen=\"authState.visible\"\n    @close-popup=\"closeAuth\"\n    @after-leave=\"$emit('after-leave')\"\n    class=\"bg-white radius-medium pd-medium\"\n  >\n    <div class=\"t-center\">\n      <img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-medium\">\n      <h3 class=\"mn-b-medium\">{{ authState.title || t('auth.popup.title') }}</h3>\n      <p class=\"mn-b-semi t-transp\">{{ authState.subtitle || t('auth.popup.subtitle') }}</p>\n\n      <div class=\"flex-column flex gap-thin\">\n        <Button\n          :submit=\"handleSignUp\"\n          class=\"bg-main radius-small mn-b-small pd-thin\"\n        >\n          {{ authState.buttonText || t('auth.popup.signUp') }}\n        </Button>\n\n        <span>\n          {{ t('auth.popup.haveAccount') }}\n          <a @click=\"handleSignIn\" class=\"t-dark cursor-pointer\">{{ t('auth.popup.signIn') }}</a>\n        </span>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { useRouter, useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nconst { t } = useI18n();\n\ndefineEmits(['after-leave']);\n\nconst props = defineProps({\n  authState: {\n    type: Object,\n    required: true\n  },\n  closeAuth: {\n    type: Function,\n    required: true\n  }\n});\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst handleSignIn = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign In',\n    query: { returnUrl }\n  });\n  props.closeAuth('signin');\n};\n\nconst handleSignUp = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign Up',\n    query: { returnUrl }\n  });\n  props.closeAuth('signup');\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,EAAC,IAAK,QAAO;AAIrB,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;AAEA,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopupAuth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/PopupAuth.vue"],"sourcesContent":["<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->\n<template>\n  <Popup\n    :isPopupOpen=\"authState.visible\"\n    @close-popup=\"closeAuth\"\n    @after-leave=\"$emit('after-leave')\"\n    class=\"bg-white radius-medium pd-medium\"\n  >\n    <div class=\"t-center\">\n      <img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-medium\">\n      <h3 class=\"mn-b-medium\">{{ authState.title || t('auth.popup.title') }}</h3>\n      <p class=\"mn-b-semi opacity-50\">{{ authState.subtitle || t('auth.popup.subtitle') }}</p>\n\n      <div class=\"flex-column flex gap-thin\">\n        <Button\n          :submit=\"handleSignUp\"\n          class=\"bg-main radius-small mn-b-small pd-thin\"\n        >\n          {{ authState.buttonText || t('auth.popup.signUp') }}\n        </Button>\n\n        <span>\n          {{ t('auth.popup.haveAccount') }}\n          <a @click=\"handleSignIn\" class=\"t-dark cursor-pointer\">{{ t('auth.popup.signIn') }}</a>\n        </span>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { useRouter, useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nconst { t } = useI18n();\n\ndefineEmits(['after-leave']);\n\nconst props = defineProps({\n  authState: {\n    type: Object,\n    required: true\n  },\n  closeAuth: {\n    type: Function,\n    required: true\n  }\n});\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst handleSignIn = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign In',\n    query: { returnUrl }\n  });\n  props.closeAuth('signin');\n};\n\nconst handleSignUp = async () => {\n  const returnUrl = props.authState.returnUrl || route.fullPath;\n  await router.push({ \n    name: 'Sign Up',\n    query: { returnUrl }\n  });\n  props.closeAuth('signup');\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,EAAC,IAAK,QAAO;AAIrB,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;AAEA,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}