@ozdao/martyrs 0.2.486 → 0.2.488

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

@@ -1,147 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const IconShow = require("../../modules/icons/actions/IconShow.vue.cjs");
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = { class: "t-nowrap" };
-const _hoisted_3 = { class: "w-100 pos-relative" };
-const _hoisted_4 = ["type", "value", "placeholder", "tabindex", "disabled", "autofocus"];
-const _hoisted_5 = ["value", "placeholder", "tabindex", "disabled"];
-const _hoisted_6 = {
-  key: 2,
-  class: "t-transp mn-l-small"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    value: null,
-    validation: false,
-    disabled: null,
-    tabindex: -1,
-    autofocus: false
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    if (props.value) {
-      emit("update:field", props.value);
-    }
-    const textarea = vue.ref(null);
-    const input = vue.ref(null);
-    const showPassword = vue.ref(false);
-    function resize() {
-      if (!textarea.value) {
-        textarea.value.style.height = "";
-        return;
-      }
-      const el = textarea.value;
-      el.style.height = "";
-      const scrollHeight = el.scrollHeight;
-      if (scrollHeight > 33) {
-        el.style.height = scrollHeight + "px";
-      } else {
-        el.style.height = "";
-      }
-    }
-    function focus() {
-      if (props.autofocus) {
-        if (props.type === "textarea" && textarea.value) {
-          textarea.value.focus();
-        } else if (input.value) {
-          input.value.focus();
-        }
-      }
-    }
-    vue.watch(() => props.field, () => {
-      if (props.type === "textarea") {
-        vue.nextTick(resize);
-      }
-    });
-    vue.watch(() => props.autofocus, (newVal) => {
-      if (newVal) {
-        vue.nextTick(focus);
-      }
-    });
-    vue.onMounted(() => {
-      vue.nextTick(focus);
-      vue.nextTick(resize);
-    });
-    const text = vue.ref(props.field);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([[
-            _ctx.$attrs.class,
-            { "bg-fourth-nano": __props.validation }
-          ], "flex-center flex-nowrap flex"])
-        }, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3, [
-            __props.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock("input", {
-              key: 0,
-              ref_key: "input",
-              ref: input,
-              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
-              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
-              type: __props.type === "password" && !showPassword.value ? "password" : __props.type === "password" ? "text" : __props.type,
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              autofocus: __props.autofocus
-            }, null, 40, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("textarea", {
-              key: 1,
-              ref_key: "textarea",
-              ref: textarea,
-              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
-              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled
-            }, null, 40, _hoisted_5))
-          ]),
-          __props.type === "password" ? (vue.openBlock(), vue.createBlock(IconShow.default, {
-            key: 1,
-            show: !showPassword.value,
-            onClick: _cache[6] || (_cache[6] = ($event) => showPassword.value = !showPassword.value),
-            class: "i-medium cursor-pointer"
-          }, null, 8, ["show"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          __props.symbol ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.symbol), 1)
-          ])) : vue.createCommentVNode("", true)
-        ], 2),
-        vue.createVNode(vue.Transition, { name: "fade" }, {
-          default: vue.withCtx(() => [
-            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-const Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a0727209"]]);
-exports.default = Field;
-//# sourceMappingURL=Field.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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';\n\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\n\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});\n\nif (props.value) {\n  emit('update:field', props.value)\n}\n\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    textarea.value.style.height = '';\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}\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}\n\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\n\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\n\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\n\nconst text = ref(props.field);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"flex-center flex-nowrap flex\"\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      />\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      />\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\n<style scoped>\ninput,\ntextarea,\nspan {\n  line-height: 1;\n  color: inherit;\n}\n\ntextarea {\n  resize: none;\n  overflow: hidden;\n  height: 1rem;\n  line-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\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.pos-relative {\n  position: relative;\n}\n</style>"],"names":["ref","watch","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAad,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AAEA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACzB,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,eAAeA,IAAG,IAAC,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB,iBAAS,MAAM,MAAM,SAAS;AAC9B;AAAA,MACJ;AACE,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACrC,OAAS;AACL,WAAG,MAAM,SAAS;AAAA,MACtB;AAAA,IACA;AAEA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAO;AAAA,QAC5B,WAAe,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAO;AAAA,QACzB;AAAA,MACA;AAAA,IACA;AAEAC,QAAAA,MAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7BC,YAAAA,SAAS,MAAM;AAAA,MACnB;AAAA,IACA,CAAC;AAEDD,QAAK,MAAC,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACVC,YAAAA,SAAS,KAAK;AAAA,MAClB;AAAA,IACA,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,KAAK;AACdA,UAAAA,SAAS,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,147 +0,0 @@
-import { ref, watch, nextTick, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeClass, createCommentVNode, createBlock, renderSlot, toDisplayString, Transition, withCtx } from "vue";
-import _sfc_main$1 from "../../modules/icons/actions/IconShow.vue.js";
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = { class: "t-nowrap" };
-const _hoisted_3 = { class: "w-100 pos-relative" };
-const _hoisted_4 = ["type", "value", "placeholder", "tabindex", "disabled", "autofocus"];
-const _hoisted_5 = ["value", "placeholder", "tabindex", "disabled"];
-const _hoisted_6 = {
-  key: 2,
-  class: "t-transp mn-l-small"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    value: null,
-    validation: false,
-    disabled: null,
-    tabindex: -1,
-    autofocus: false
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    if (props.value) {
-      emit("update:field", props.value);
-    }
-    const textarea = ref(null);
-    const input = ref(null);
-    const showPassword = ref(false);
-    function resize() {
-      if (!textarea.value) {
-        textarea.value.style.height = "";
-        return;
-      }
-      const el = textarea.value;
-      el.style.height = "";
-      const scrollHeight = el.scrollHeight;
-      if (scrollHeight > 33) {
-        el.style.height = scrollHeight + "px";
-      } else {
-        el.style.height = "";
-      }
-    }
-    function focus() {
-      if (props.autofocus) {
-        if (props.type === "textarea" && textarea.value) {
-          textarea.value.focus();
-        } else if (input.value) {
-          input.value.focus();
-        }
-      }
-    }
-    watch(() => props.field, () => {
-      if (props.type === "textarea") {
-        nextTick(resize);
-      }
-    });
-    watch(() => props.autofocus, (newVal) => {
-      if (newVal) {
-        nextTick(focus);
-      }
-    });
-    onMounted(() => {
-      nextTick(focus);
-      nextTick(resize);
-    });
-    const text = ref(props.field);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          class: normalizeClass([[
-            _ctx.$attrs.class,
-            { "bg-fourth-nano": __props.validation }
-          ], "flex-center flex-nowrap flex"])
-        }, [
-          __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
-            __props.type !== "textarea" ? (openBlock(), createElementBlock("input", {
-              key: 0,
-              ref_key: "input",
-              ref: input,
-              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
-              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
-              type: __props.type === "password" && !showPassword.value ? "password" : __props.type === "password" ? "text" : __props.type,
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              autofocus: __props.autofocus
-            }, null, 40, _hoisted_4)) : (openBlock(), createElementBlock("textarea", {
-              key: 1,
-              ref_key: "textarea",
-              ref: textarea,
-              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
-              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled
-            }, null, 40, _hoisted_5))
-          ]),
-          __props.type === "password" ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 1,
-            show: !showPassword.value,
-            onClick: _cache[6] || (_cache[6] = ($event) => showPassword.value = !showPassword.value),
-            class: "i-medium cursor-pointer"
-          }, null, 8, ["show"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          __props.symbol ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createElementVNode("span", null, toDisplayString(__props.symbol), 1)
-          ])) : createCommentVNode("", true)
-        ], 2),
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            __props.validation ? (openBlock(), createElementBlock("div", _hoisted_7, " * " + toDisplayString(__props.validation.message), 1)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-const Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0727209"]]);
-export {
-  Field as default
-};
-//# sourceMappingURL=Field.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue.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';\n\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\n\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});\n\nif (props.value) {\n  emit('update:field', props.value)\n}\n\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    textarea.value.style.height = '';\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}\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}\n\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\n\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\n\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\n\nconst text = ref(props.field);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"flex-center flex-nowrap flex\"\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      />\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      />\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\n<style scoped>\ninput,\ntextarea,\nspan {\n  line-height: 1;\n  color: inherit;\n}\n\ntextarea {\n  resize: none;\n  overflow: hidden;\n  height: 1rem;\n  line-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\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.pos-relative {\n  position: relative;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,OAAO;AAEb,UAAM,QAAQ;AAad,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AAEA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,eAAe,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB,iBAAS,MAAM,MAAM,SAAS;AAC9B;AAAA,MACJ;AACE,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACrC,OAAS;AACL,WAAG,MAAM,SAAS;AAAA,MACtB;AAAA,IACA;AAEA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAO;AAAA,QAC5B,WAAe,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAO;AAAA,QACzB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7B,iBAAS,MAAM;AAAA,MACnB;AAAA,IACA,CAAC;AAED,UAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACV,iBAAS,KAAK;AAAA,MAClB;AAAA,IACA,CAAC;AAED,cAAU,MAAM;AACd,eAAS,KAAK;AACd,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Field = require("../Field/Field.vue.cjs");
-const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
-const vueI18n = require("vue-i18n");
-const _hoisted_1 = { class: "pd-thin radius-extra flex-nowrap flex" };
-const _hoisted_2 = { class: "desktop-only mn-r-thin" };
-const _sfc_main = {
-  __name: "FieldBig",
-  props: {
-    input: String,
-    placeholder: {
-      type: String
-    },
-    action: {
-      type: String,
-      default: "Action"
-    },
-    placeholderTexts: {
-      type: Object,
-      default: () => ({
-        en: [
-          "Lowest THC, please!",
-          "Something with banana flavors?",
-          "I'm in the mood for trippy vibes."
-        ],
-        ru: [
-          "Я хочу самый низкий THC",
-          "Я хочу чего-нибудь бананового",
-          "Я хочу курнуть хейза"
-        ]
-      })
-    },
-    typingSpeed: {
-      type: Number,
-      default: 200
-    },
-    loopTyping: {
-      type: Boolean,
-      default: false
-    },
-    enableTyping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:input", "action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { t, locale } = vueI18n.useI18n();
-    let placeholderIndex = vue.ref(0);
-    let inputField = vue.ref(props.input);
-    let inputPlaceholder = vue.ref(props.placeholder);
-    let typing = vue.ref(props.enableTyping);
-    let typeInterval = vue.ref(null);
-    let userText = vue.ref("");
-    let cursorVisible = vue.ref(true);
-    let cursorInterval = null;
-    const emit = __emit;
-    function emitAction() {
-      emit("action");
-    }
-    function updateInput(event) {
-      emit("update:input", event);
-      userText.value = event;
-    }
-    function handleInput() {
-      placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length;
-    }
-    function handleFocus() {
-      typing.value = false;
-      clearInterval(typeInterval.value);
-      inputPlaceholder.value = props.placeholder;
-      if (!userText.value) {
-        inputField.value = "";
-      }
-    }
-    function checkInput() {
-      if (!userText.value && props.enableTyping) {
-        typing.value = true;
-        inputPlaceholder.value = "";
-        startTyping();
-      }
-    }
-    function startTyping() {
-      let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-      let i = 0;
-      let typingBackwards = false;
-      cursorInterval = setInterval(() => {
-        cursorVisible.value = !cursorVisible.value;
-      }, 200);
-      typeInterval.value = setInterval(() => {
-        if (typing.value) {
-          if (!typingBackwards) {
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i++;
-          } else {
-            inputField.value = inputField.value.slice(0, -1);
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i--;
-          }
-          if (i > placeholderText.length && props.loopTyping) {
-            setTimeout(() => {
-              typingBackwards = true;
-              inputField.value = placeholderText.substring(0, i);
-            }, 333);
-          }
-          if (i === 0 && typingBackwards) {
-            typingBackwards = false;
-            handleInput();
-            placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-          }
-        }
-      }, props.typingSpeed);
-    }
-    vue.onMounted(() => {
-      if (props.enableTyping) startTyping();
-    });
-    vue.watchEffect(() => {
-      if (!typing.value) {
-        clearInterval(typeInterval.value);
-        clearInterval(cursorInterval);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(Field.default, {
-          field: vue.unref(inputField),
-          "onUpdate:field": [
-            _cache[0] || (_cache[0] = ($event) => vue.isRef(inputField) ? inputField.value = $event : inputField = $event),
-            updateInput
-          ],
-          placeholder: vue.unref(typing) ? "" : __props.placeholder,
-          onInput: handleInput,
-          onFocus: handleFocus,
-          onBlur: checkInput,
-          class: "w-100 p-medium t-regular uppercase pd-small"
-        }, null, 8, ["field", "placeholder"]),
-        __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
-          key: 0,
-          onClick: emitAction,
-          class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
-        }, [
-          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.action), 1),
-          vue.createVNode(IconArrow.default, { class: "br-solid br-black-transp-10 br-1px radius-extra i-semi pd-nano" })
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=FieldBig.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin radius-extra flex-nowrap flex\">\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      class=\"w-100 p-medium t-regular uppercase pd-small\"\n    />\n    <button\n      v-if=\"action\" \n      @click=\"emitAction\" \n      class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n    >\n      <span class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"br-solid br-black-transp-10 br-1px radius-extra  i-semi pd-nano\"/>\n    </button>\n  </div>\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 IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String,\n      default: 'Action'\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  });\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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAsCd,UAAM,EAAE,GAAG,OAAM,IAAKA,QAAO,QAAA;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,IAAG,IAAC,EAAE;AACrB,QAAI,gBAAgBA,IAAAA,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,IACjB;AAEE,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACtB;AAEE,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IACjG;AAEE,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACzB;AAAA,IACA;AAEE,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACjB;AAAA,IACA;AAEE,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,MAC3C,GAAO,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,UACV,OAAe;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACV;AAEQ,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YAC7D,GAAa,GAAG;AAAA,UAChB;AAEQ,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UACvF;AAAA,QACA;AAAA,MACK,GAAE,MAAM,WAAW;AAAA,IACxB;AAGEC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACpC,CAAA;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAClC;AAAA,IACG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,153 +0,0 @@
-import { ref, onMounted, watchEffect, createElementBlock, openBlock, createVNode, createCommentVNode, unref, isRef, createElementVNode, toDisplayString } from "vue";
-import Field from "../Field/Field.vue.js";
-import _sfc_main$1 from "../../modules/icons/navigation/IconArrow.vue.js";
-import { useI18n } from "vue-i18n";
-const _hoisted_1 = { class: "pd-thin radius-extra flex-nowrap flex" };
-const _hoisted_2 = { class: "desktop-only mn-r-thin" };
-const _sfc_main = {
-  __name: "FieldBig",
-  props: {
-    input: String,
-    placeholder: {
-      type: String
-    },
-    action: {
-      type: String,
-      default: "Action"
-    },
-    placeholderTexts: {
-      type: Object,
-      default: () => ({
-        en: [
-          "Lowest THC, please!",
-          "Something with banana flavors?",
-          "I'm in the mood for trippy vibes."
-        ],
-        ru: [
-          "Я хочу самый низкий THC",
-          "Я хочу чего-нибудь бананового",
-          "Я хочу курнуть хейза"
-        ]
-      })
-    },
-    typingSpeed: {
-      type: Number,
-      default: 200
-    },
-    loopTyping: {
-      type: Boolean,
-      default: false
-    },
-    enableTyping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:input", "action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { t, locale } = useI18n();
-    let placeholderIndex = ref(0);
-    let inputField = ref(props.input);
-    let inputPlaceholder = ref(props.placeholder);
-    let typing = ref(props.enableTyping);
-    let typeInterval = ref(null);
-    let userText = ref("");
-    let cursorVisible = ref(true);
-    let cursorInterval = null;
-    const emit = __emit;
-    function emitAction() {
-      emit("action");
-    }
-    function updateInput(event) {
-      emit("update:input", event);
-      userText.value = event;
-    }
-    function handleInput() {
-      placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length;
-    }
-    function handleFocus() {
-      typing.value = false;
-      clearInterval(typeInterval.value);
-      inputPlaceholder.value = props.placeholder;
-      if (!userText.value) {
-        inputField.value = "";
-      }
-    }
-    function checkInput() {
-      if (!userText.value && props.enableTyping) {
-        typing.value = true;
-        inputPlaceholder.value = "";
-        startTyping();
-      }
-    }
-    function startTyping() {
-      let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-      let i = 0;
-      let typingBackwards = false;
-      cursorInterval = setInterval(() => {
-        cursorVisible.value = !cursorVisible.value;
-      }, 200);
-      typeInterval.value = setInterval(() => {
-        if (typing.value) {
-          if (!typingBackwards) {
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i++;
-          } else {
-            inputField.value = inputField.value.slice(0, -1);
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i--;
-          }
-          if (i > placeholderText.length && props.loopTyping) {
-            setTimeout(() => {
-              typingBackwards = true;
-              inputField.value = placeholderText.substring(0, i);
-            }, 333);
-          }
-          if (i === 0 && typingBackwards) {
-            typingBackwards = false;
-            handleInput();
-            placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-          }
-        }
-      }, props.typingSpeed);
-    }
-    onMounted(() => {
-      if (props.enableTyping) startTyping();
-    });
-    watchEffect(() => {
-      if (!typing.value) {
-        clearInterval(typeInterval.value);
-        clearInterval(cursorInterval);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(Field, {
-          field: unref(inputField),
-          "onUpdate:field": [
-            _cache[0] || (_cache[0] = ($event) => isRef(inputField) ? inputField.value = $event : inputField = $event),
-            updateInput
-          ],
-          placeholder: unref(typing) ? "" : __props.placeholder,
-          onInput: handleInput,
-          onFocus: handleFocus,
-          onBlur: checkInput,
-          class: "w-100 p-medium t-regular uppercase pd-small"
-        }, null, 8, ["field", "placeholder"]),
-        __props.action ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          onClick: emitAction,
-          class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
-        }, [
-          createElementVNode("span", _hoisted_2, toDisplayString(__props.action), 1),
-          createVNode(_sfc_main$1, { class: "br-solid br-black-transp-10 br-1px radius-extra i-semi pd-nano" })
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=FieldBig.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin radius-extra flex-nowrap flex\">\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      class=\"w-100 p-medium t-regular uppercase pd-small\"\n    />\n    <button\n      v-if=\"action\" \n      @click=\"emitAction\" \n      class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n    >\n      <span class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"br-solid br-black-transp-10 br-1px radius-extra  i-semi pd-nano\"/>\n    </button>\n  </div>\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 IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String,\n      default: 'Action'\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  });\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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAsCd,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;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,IACjB;AAEE,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACtB;AAEE,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IACjG;AAEE,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACzB;AAAA,IACA;AAEE,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACjB;AAAA,IACA;AAEE,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,MAC3C,GAAO,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,UACV,OAAe;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACV;AAEQ,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YAC7D,GAAa,GAAG;AAAA,UAChB;AAEQ,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UACvF;AAAA,QACA;AAAA,MACK,GAAE,MAAM,WAAW;AAAA,IACxB;AAGE,cAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACpC,CAAA;AAED,gBAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAClC;AAAA,IACG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}