@ozdao/martyrs 0.2.547 → 0.2.549

package/dist/martyrs/src/components/Countdown/Countdown.vue.cjs

@@ -10,22 +10,22 @@ const _hoisted_3 = {
   key: 1,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_4 = { class: "p-semi" };
+const _hoisted_4 = { class: "p-medium" };
 const _hoisted_5 = {
   key: 2,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_6 = { class: "p-semi" };
+const _hoisted_6 = { class: "p-medium" };
 const _hoisted_7 = {
   key: 3,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_8 = { class: "p-semi" };
+const _hoisted_8 = { class: "p-medium" };
 const _hoisted_9 = {
   key: 4,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_10 = { class: "p-semi" };
+const _hoisted_10 = { class: "p-medium" };
 const _sfc_main = {
   __name: "Countdown",
   props: [

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

@@ -1 +1 @@
-{"version":3,"file":"Countdown.vue.cjs","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":["ref","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAcA,IAAAA,KAAI,oBAAI,KAAI,GAAG,QAAO,CAAE;AAE5C,QAAI;AAEJ,UAAM,OAAOA,IAAAA,IAAI,CAAC;AAClB,UAAM,QAAQA,IAAAA,IAAI,CAAC;AACnB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AACrB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AAErB,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MACxB,OAAO;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MAClE;AAAA,IACF;AAEA,kBAAa;AAEbC,QAAAA,UAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAI,GAAG,QAAO;AACtC,sBAAa;AAAA,MACf,GAAG,GAAI;AAAA,IACT,CAAC;AAEDC,QAAAA,gBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Countdown.vue.cjs","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":["ref","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAcA,IAAAA,KAAI,oBAAI,KAAI,GAAG,QAAO,CAAE;AAE5C,QAAI;AAEJ,UAAM,OAAOA,IAAAA,IAAI,CAAC;AAClB,UAAM,QAAQA,IAAAA,IAAI,CAAC;AACnB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AACrB,UAAM,UAAUA,IAAAA,IAAI,CAAC;AAErB,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MACxB,OAAO;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MAClE;AAAA,IACF;AAEA,kBAAa;AAEbC,QAAAA,UAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAI,GAAG,QAAO;AACtC,sBAAa;AAAA,MACf,GAAG,GAAI;AAAA,IACT,CAAC;AAEDC,QAAAA,gBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,22 +8,22 @@ const _hoisted_3 = {
   key: 1,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_4 = { class: "p-semi" };
+const _hoisted_4 = { class: "p-medium" };
 const _hoisted_5 = {
   key: 2,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_6 = { class: "p-semi" };
+const _hoisted_6 = { class: "p-medium" };
 const _hoisted_7 = {
   key: 3,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_8 = { class: "p-semi" };
+const _hoisted_8 = { class: "p-medium" };
 const _hoisted_9 = {
   key: 4,
   class: "flex-child-grow-1 flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small"
 };
-const _hoisted_10 = { class: "p-semi" };
+const _hoisted_10 = { class: "p-medium" };
 const _sfc_main = {
   __name: "Countdown",
   props: [

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

@@ -1 +1 @@
-{"version":3,"file":"Countdown.vue.js","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-semi\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAc,KAAI,oBAAI,KAAI,GAAG,QAAO,CAAE;AAE5C,QAAI;AAEJ,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AACnB,UAAM,UAAU,IAAI,CAAC;AACrB,UAAM,UAAU,IAAI,CAAC;AAErB,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MACxB,OAAO;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MAClE;AAAA,IACF;AAEA,kBAAa;AAEb,cAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAI,GAAG,QAAO;AACtC,sBAAa;AAAA,MACf,GAAG,GAAI;AAAA,IACT,CAAC;AAED,oBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Countdown.vue.js","sources":["../../../../../src/components/Countdown/Countdown.vue"],"sourcesContent":["<template>\n  <div class=\"gap-thin flex-nowrap flex flex-center\">\n    <div v-if=\"isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-medium bg-blur-small bg-white-transp-5 radius-small\">\n      <p class=\"p-small t-transp\">Offer is over</p>\n    </div>\n\n    <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ days }}</p>\n    \t<p class=\"p-small t-transp\">Days</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ hours }}</p>\n    \t<p class=\"p-small t-transp\">hours</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ minutes }}</p>\n    \t<p class=\"p-small t-transp\">minutes</p>\n    </div>\n     <div  v-if=\"!isTimeOver\" class=\"flex-child-grow-1  flex-child-shrink-0 flex-child-basis-auto pd-thin bg-blur-small bg-white-transp-5 radius-small\">\n    \t<p class=\"p-medium\">{{ seconds }}</p>\n    \t<p class=\"p-small t-transp\">seconds</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nconst props = defineProps([\n  'date',\n])\n\nconst targetDate = new Date(props.date).getTime();\nconst currentDate = ref(new Date().getTime());\n\nlet interval;\n\nconst days = ref(0);\nconst hours = ref(0);\nconst minutes = ref(0);\nconst seconds = ref(0);\n\nconst isTimeOver = ref(false);\n\nconst calculateTime = () => {\n  const timeDifference = targetDate - currentDate.value;\n\n  if (timeDifference <= 0) {\n    // Target date has passed, set all values to 0\n    days.value = 0;\n    hours.value = 0;\n    minutes.value = 0;\n    seconds.value = 0;\n    isTimeOver.value = true\n    clearInterval(interval);\n  } else {\n    days.value = Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n    hours.value = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n    minutes.value = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));\n    seconds.value = Math.floor((timeDifference % (1000 * 60)) / 1000);\n  }\n};\n\ncalculateTime();\n\nonMounted(() => {\n  interval = setInterval(() => {\n    currentDate.value = new Date().getTime();\n    calculateTime();\n  }, 1000);\n});\n\nonBeforeUnmount(() => {\n  clearInterval(interval);\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAM,QAAQ;AAId,UAAM,aAAa,IAAI,KAAK,MAAM,IAAI,EAAE,QAAO;AAC/C,UAAM,cAAc,KAAI,oBAAI,KAAI,GAAG,QAAO,CAAE;AAE5C,QAAI;AAEJ,UAAM,OAAO,IAAI,CAAC;AAClB,UAAM,QAAQ,IAAI,CAAC;AACnB,UAAM,UAAU,IAAI,CAAC;AACrB,UAAM,UAAU,IAAI,CAAC;AAErB,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,aAAa,YAAY;AAEhD,UAAI,kBAAkB,GAAG;AAEvB,aAAK,QAAQ;AACb,cAAM,QAAQ;AACd,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAChB,mBAAW,QAAQ;AACnB,sBAAc,QAAQ;AAAA,MACxB,OAAO;AACL,aAAK,QAAQ,KAAK,MAAM,kBAAkB,MAAO,KAAK,KAAK,GAAG;AAC9D,cAAM,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,KAAK,OAAQ,MAAO,KAAK,GAAG;AACpF,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,KAAK,OAAQ,MAAO,GAAG;AAC5E,gBAAQ,QAAQ,KAAK,MAAO,kBAAkB,MAAO,MAAO,GAAI;AAAA,MAClE;AAAA,IACF;AAEA,kBAAa;AAEb,cAAU,MAAM;AACd,iBAAW,YAAY,MAAM;AAC3B,oBAAY,SAAQ,oBAAI,KAAI,GAAG,QAAO;AACtC,sBAAa;AAAA,MACf,GAAG,GAAI;AAAA,IACT,CAAC;AAED,oBAAgB,MAAM;AACpB,oBAAc,QAAQ;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Dropdown/{Dropdown.vue2.cjs → Dropdown.vue.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const clickOutside = require("../FieldPhone/click-outside.cjs");
-;/* empty css               */
+;/* empty css                */
 const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
@@ -61,4 +61,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Dropdown.vue2.cjs.map
+//# sourceMappingURL=Dropdown.vue.cjs.map

package/dist/martyrs/src/components/Dropdown/{Dropdown.vue2.js.map → Dropdown.vue.cjs.map}

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

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

@@ -1,6 +1,6 @@
 import { ref, computed, withDirectives, createElementBlock, openBlock, withModifiers, createVNode, createBlock, resolveDynamicComponent, mergeProps, toDisplayString, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot, vShow, unref } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
-/* empty css             */
+/* empty css              */
 const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
@@ -61,4 +61,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Dropdown.vue2.js.map
+//# sourceMappingURL=Dropdown.vue.js.map

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

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

package/dist/martyrs/src/components/EditImages/EditImages.vue2.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.3.0_sortablejs@1.15.6_vue@3.5.21_typescript@5.9.2_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
 const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
 const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-require("./EditImages.vue.cjs");
+;/* empty css                 */
 const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
 const _hoisted_2 = { class: "pos-relative" };
 const _hoisted_3 = ["src"];

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

@@ -2,7 +2,7 @@ import { ref, watchEffect, createElementBlock, openBlock, createBlock, createCom
 import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.3.0_sortablejs@1.15.6_vue@3.5.21_typescript@5.9.2_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
 import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
-import "./EditImages.vue.js";
+/* empty css               */
 const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
 const _hoisted_2 = { class: "pos-relative" };
 const _hoisted_3 = ["src"];

package/dist/martyrs/src/components/EmptyState/EmptyState.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = { class: "mn-b-small" };
-const _hoisted_2 = { class: "t-transp p-medium" };
+const _hoisted_2 = { class: "t-transp p-regular" };
 const _sfc_main = {
   __name: "EmptyState",
   props: {

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString } from "vue";
 const _hoisted_1 = { class: "mn-b-small" };
-const _hoisted_2 = { class: "t-transp p-medium" };
+const _hoisted_2 = { class: "t-transp p-regular" };
 const _sfc_main = {
   __name: "EmptyState",
   props: {

package/dist/martyrs/src/components/Feed/Feed.vue.cjs

@@ -5,7 +5,7 @@ const mixins = require("../../modules/globals/views/mixins/mixins.cjs");
 const Loader = require("../Loader/Loader.vue2.cjs");
 const Skeleton = require("../Skeleton/Skeleton.vue2.cjs");
 const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
-const Dropdown = require("../Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../Dropdown/Dropdown.vue.cjs");
 const Calendar = require("../Calendar/Calendar.vue2.cjs");
 const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");
 const BlockSorting = require("../../modules/globals/views/components/blocks/BlockSorting.vue.cjs");

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

@@ -3,7 +3,7 @@ import { useGlobalMixins } from "../../modules/globals/views/mixins/mixins.js";
 import Loader from "../Loader/Loader.vue2.js";
 import Skeleton from "../Skeleton/Skeleton.vue2.js";
 import _sfc_main$6 from "../EmptyState/EmptyState.vue.js";
-import _sfc_main$2 from "../Dropdown/Dropdown.vue2.js";
+import _sfc_main$2 from "../Dropdown/Dropdown.vue.js";
 import Calendar from "../Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$5 from "../../modules/globals/views/components/blocks/BlockSorting.vue.js";

package/dist/martyrs/src/components/Field/{Field.vue.cjs → Field.vue2.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconShow = require("../../modules/icons/actions/IconShow.vue.cjs");
-;/* empty css             */
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 2,
@@ -158,4 +158,4 @@ const _sfc_main = {
 };
 const Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-36998019"]]);
 exports.default = Field;
-//# sourceMappingURL=Field.vue.cjs.map
+//# sourceMappingURL=Field.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.vue2.cjs","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":["ref","watch","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,eAAeA,IAAAA,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACAC,QAAAA,MAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7BC,YAAAA,SAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACDD,QAAAA,MAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACVC,YAAAA,SAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACDC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,KAAK;AACdA,UAAAA,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, watch, nextTick, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx } from "vue";
 import _sfc_main$1 from "../../modules/icons/actions/IconShow.vue.js";
-/* empty css           */
+/* empty css          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 2,
@@ -158,4 +158,4 @@ const Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3699
 export {
   Field as default
 };
-//# sourceMappingURL=Field.vue.js.map
+//# sourceMappingURL=Field.vue2.js.map

package/dist/martyrs/src/components/Field/{Field.vue.cjs.map → Field.vue2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Field.vue.cjs","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":["ref","watch","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,eAAeA,IAAAA,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACAC,QAAAA,MAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7BC,YAAAA,SAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACDD,QAAAA,MAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACVC,YAAAA,SAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACDC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,KAAK;AACdA,UAAAA,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Field.vue2.js","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,eAAe,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACA,UAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7B,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACD,UAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACV,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACD,cAAU,MAAM;AACd,eAAS,KAAK;AACd,eAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../Field/Field.vue.cjs");
+const Field = require("../Field/Field.vue2.cjs");
 const Button = require("../Button/Button.vue.cjs");
 const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
 const vueI18n = require("vue-i18n");
@@ -174,7 +174,7 @@ const _sfc_main = {
         name: vue.unref(fieldName),
         id: vue.unref(fieldId),
         validation: __props.validation,
-        class: "radius-medium flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
+        class: "radius-medium flex-nowrap flex w-100 p-regular t-regular uppercase pd-thin"
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":"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"}
+{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-regular t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCE,UAAM,WAAW,KAAK,OAAM,EAAG,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAEvD,UAAM,QAAQ;AAkEd,UAAM,YAAY,MAAM,QAAQ,aAAa,QAAQ;AACrD,UAAM,UAAU,MAAM,MAAM,aAAa,QAAQ;AAEjD,UAAM,EAAE,GAAG,OAAM,IAAKA,QAAAA,QAAO;AAE7B,QAAI,mBAAmBC,IAAAA,IAAI,CAAC;AAE5B,QAAI,aAAaA,QAAI,MAAM,KAAK;AAChC,QAAI,mBAAmBA,QAAI,MAAM,WAAW;AAC5C,QAAI,SAASA,QAAI,MAAM,YAAY;AACnC,QAAI,eAAeA,IAAAA,IAAI,IAAI;AAC3B,QAAI,WAAWA,IAAAA,IAAI,EAAE;AACrB,QAAI,gBAAgBA,IAAAA,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAMb,mBAAe,eAAe;AAC5B,YAAM,SAAS,KAAK,QAAQ;AAE5B,UAAI,UAAU,OAAO,OAAO,SAAS,YAAY;AAC/C,eAAO;AAAA,MACT;AAEA,aAAO,QAAQ,QAAQ,MAAM;AAAA,IAC/B;AAEA,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACpB;AAEA,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IAC/F;AAEA,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACb;AAAA,IACF;AAEA,aAAS,cAAc;AACrB,UAAI,kBAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AACjF,UAAI,IAAI;AACR,UAAI,kBAAkB;AAGtB,uBAAiB,YAAY,MAAM;AACjC,sBAAc,QAAQ,CAAC,cAAc;AAAA,MACvC,GAAG,GAAG;AAEN,mBAAa,QAAQ,YAAY,MAAM;AACrC,YAAI,OAAO,OAAO;AAChB,cAAI,CAAC,iBAAiB;AACpB,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF,OAAO;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF;AAEA,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YACnD,GAAG,GAAG;AAAA,UACR;AAEA,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UAC/E;AAAA,QACF;AAAA,MACF,GAAG,MAAM,WAAW;AAAA,IACtB;AAGAC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACrC,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAC9B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { ref, onMounted, watchEffect, createBlock, openBlock, unref, isRef, withCtx, renderSlot, createVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
-import Field from "../Field/Field.vue.js";
+import Field from "../Field/Field.vue2.js";
 import _sfc_main$1 from "../Button/Button.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconArrow.vue.js";
 import { useI18n } from "vue-i18n";
@@ -172,7 +172,7 @@ const _sfc_main = {
         name: unref(fieldName),
         id: unref(fieldId),
         validation: __props.validation,
-        class: "radius-medium flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
+        class: "radius-medium flex-nowrap flex w-100 p-regular t-regular uppercase pd-thin"
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCE,UAAM,WAAW,KAAK,OAAM,EAAG,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAEvD,UAAM,QAAQ;AAkEd,UAAM,YAAY,MAAM,QAAQ,aAAa,QAAQ;AACrD,UAAM,UAAU,MAAM,MAAM,aAAa,QAAQ;AAEjD,UAAM,EAAE,GAAG,OAAM,IAAK,QAAO;AAE7B,QAAI,mBAAmB,IAAI,CAAC;AAE5B,QAAI,aAAa,IAAI,MAAM,KAAK;AAChC,QAAI,mBAAmB,IAAI,MAAM,WAAW;AAC5C,QAAI,SAAS,IAAI,MAAM,YAAY;AACnC,QAAI,eAAe,IAAI,IAAI;AAC3B,QAAI,WAAW,IAAI,EAAE;AACrB,QAAI,gBAAgB,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAMb,mBAAe,eAAe;AAC5B,YAAM,SAAS,KAAK,QAAQ;AAE5B,UAAI,UAAU,OAAO,OAAO,SAAS,YAAY;AAC/C,eAAO;AAAA,MACT;AAEA,aAAO,QAAQ,QAAQ,MAAM;AAAA,IAC/B;AAEA,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACpB;AAEA,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IAC/F;AAEA,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACb;AAAA,IACF;AAEA,aAAS,cAAc;AACrB,UAAI,kBAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AACjF,UAAI,IAAI;AACR,UAAI,kBAAkB;AAGtB,uBAAiB,YAAY,MAAM;AACjC,sBAAc,QAAQ,CAAC,cAAc;AAAA,MACvC,GAAG,GAAG;AAEN,mBAAa,QAAQ,YAAY,MAAM;AACrC,YAAI,OAAO,OAAO;AAChB,cAAI,CAAC,iBAAiB;AACpB,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF,OAAO;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF;AAEA,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YACnD,GAAG,GAAG;AAAA,UACR;AAEA,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UAC/E;AAAA,QACF;AAAA,MACF,GAAG,MAAM,WAAW;AAAA,IACtB;AAGA,cAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACrC,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAC9B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-regular t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/components/FieldPhone/FieldPhone.vue.cjs

@@ -6,7 +6,7 @@ const allCountries = require("./all-countries.cjs");
 ;/* empty css                  */
 const parsePhoneNumber = require("../../../node_modules/.pnpm/libphonenumber-js@1.12.6/node_modules/libphonenumber-js/min/exports/parsePhoneNumber.cjs");
 const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = { class: "flex-nowrap flex flex-v-center p-medium vti__selection" };
+const _hoisted_2 = { class: "flex-nowrap flex flex-v-center p-regular vti__selection" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = ["placeholder", "disabled", "size"];
 const _hoisted_5 = ["onClick", "onMousemove"];