@ozdao/martyrs 0.2.540 → 0.2.542

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

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

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

@@ -1,480 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index = require("../../../../_virtual/index.cjs");
-const createTags = require("./create-tags.cjs");
-const tagInput = require("./tag-input.vue2.cjs");
-const vueTagsInput_props = require("./vue-tags-input.props.cjs");
-;/* empty css                      */
-const _hoisted_1 = { class: "ti-input" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ti-tags"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "ti-content" };
-const _hoisted_5 = {
-  key: 0,
-  class: "ti-tag-left"
-};
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = {
-  key: 1,
-  class: "ti-tag-right"
-};
-const _hoisted_8 = { class: "ti-actions" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = { class: "ti-new-tag-input-wrapper" };
-const _hoisted_12 = ["placeholder", "value", "maxlength", "disabled"];
-const _hoisted_13 = ["onMouseenter"];
-const _hoisted_14 = ["onClick"];
-const _sfc_main = {
-  __name: "FieldTags",
-  props: vueTagsInput_props.default,
-  emits: [
-    "adding-duplicate",
-    "before-adding-tag",
-    "before-deleting-tag",
-    "before-editing-tag",
-    "before-saving-tag",
-    "max-tags-reached",
-    "saving-duplicate",
-    "tags-changed",
-    "tag-clicked",
-    "update:modelValue",
-    "update:tags"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const propsObj = __props;
-    const emit = __emit;
-    const tagCenterRefs = vue.ref(/* @__PURE__ */ new Map());
-    const newTag = vue.ref(propsObj.modelValue || "");
-    const tagsCopy = vue.shallowRef([]);
-    const tagsEditStatus = vue.ref([]);
-    const deletionMark = vue.ref(null);
-    const deletionMarkTimer = vue.ref(null);
-    const selectedItem = vue.ref(null);
-    const focused = vue.ref(false);
-    const newTagInputRef = vue.ref(null);
-    const autocompleteOpen = vue.computed(() => {
-      if (propsObj.autocompleteAlwaysOpen) return true;
-      return newTag.value !== null && newTag.value.length >= propsObj.autocompleteMinLength && filteredAutocompleteItems.value.length > 0 && focused.value;
-    });
-    const filteredAutocompleteItems = vue.computed(() => {
-      const items = propsObj.autocompleteItems.map(
-        (i) => createTags.createTag(i, propsObj.tags, propsObj.validation, propsObj.isDuplicate)
-      );
-      if (!propsObj.autocompleteFilterDuplicates) return items;
-      return items.filter(duplicateFilter);
-    });
-    const getSelectedIndex = (method) => {
-      const items = filteredAutocompleteItems.value;
-      const current = selectedItem.value;
-      const lastItem = items.length - 1;
-      if (items.length === 0) return;
-      if (current === null) return 0;
-      if (method === "before" && current === 0) return lastItem;
-      if (method === "after" && current === lastItem) return 0;
-      return method === "after" ? current + 1 : current - 1;
-    };
-    const selectDefaultItem = () => {
-      selectedItem.value = propsObj.addOnlyFromAutocomplete && filteredAutocompleteItems.value.length > 0 ? 0 : null;
-    };
-    const selectItem = (method) => {
-      selectedItem.value = getSelectedIndex(method);
-    };
-    const isSelected = (index2) => selectedItem.value === index2;
-    const isMarked = (index2) => deletionMark.value === index2;
-    const setTagCenter = (el, index2) => {
-      if (el) {
-        tagCenterRefs.value.set(index2, el);
-      } else {
-        tagCenterRefs.value.delete(index2);
-      }
-    };
-    const invokeDelete = () => {
-      if (!propsObj.deleteOnBackspace || newTag.value.length > 0) return;
-      const lastIndex = tagsCopy.value.length - 1;
-      if (deletionMark.value === null) {
-        clearTimeout(deletionMarkTimer.value);
-        deletionMarkTimer.value = setTimeout(() => deletionMark.value = null, 1e3);
-        deletionMark.value = lastIndex;
-      } else {
-        performDeleteTag(lastIndex);
-      }
-    };
-    const addTagsFromPaste = () => {
-      if (!propsObj.addFromPaste) return;
-      setTimeout(() => performAddTags(newTag.value), 10);
-    };
-    const performEditTag = (index2) => {
-      if (!propsObj.allowEditTags) return;
-      if (!propsObj.onBeforeEditingTag) {
-        editTag(index2);
-      } else {
-        emit("before-editing-tag", {
-          index: index2,
-          tag: tagsCopy.value[index2],
-          editTag: () => editTag(index2)
-        });
-      }
-    };
-    const editTag = (index2) => {
-      if (!propsObj.allowEditTags) return;
-      toggleEditMode(index2);
-      focus(index2);
-    };
-    const toggleEditMode = (index2) => {
-      if (!propsObj.allowEditTags || propsObj.disabled) return;
-      tagsEditStatus.value[index2] = !tagsEditStatus.value[index2];
-    };
-    const createChangedTag = (index2, event) => {
-      const tag = tagsCopy.value[index2];
-      tag.text = event ? event.target.value : tagsCopy.value[index2].text;
-      const newTags = [...tagsCopy.value];
-      newTags[index2] = createTags.createTag(tag, tagsCopy.value, propsObj.validation, propsObj.isDuplicate);
-      tagsCopy.value = newTags;
-    };
-    const focus = (index2) => {
-      vue.nextTick(() => {
-        const el = tagCenterRefs.value.get(index2)?.querySelector("input.ti-tag-input");
-        if (el) el.focus();
-      });
-    };
-    const quote = (regex) => regex.replace(/([()[{*+.$^\\|?])/g, "\\$1");
-    const cancelEdit = (index2) => {
-      if (!propsObj.tags[index2]) return;
-      const newTags = [...tagsCopy.value];
-      newTags[index2] = createTags.clone(createTags.createTag(propsObj.tags[index2], propsObj.tags, propsObj.validation, propsObj.isDuplicate));
-      tagsCopy.value = newTags;
-      tagsEditStatus.value[index2] = false;
-    };
-    const hasForbiddingAddRule = (tiClasses) => {
-      return tiClasses.some((type) => {
-        const rule = propsObj.validation.find((rule2) => type === rule2.classes);
-        return rule ? rule.disableAdd : false;
-      });
-    };
-    const createTagTexts = (string) => {
-      const regex = new RegExp(propsObj.separators.map((s) => quote(s)).join("|"));
-      return string.split(regex).map((text) => ({ text }));
-    };
-    const performDeleteTag = (index2) => {
-      if (!propsObj.onBeforeDeletingTag) {
-        deleteTag(index2);
-      } else {
-        emit("before-deleting-tag", {
-          index: index2,
-          tag: tagsCopy.value[index2],
-          deleteTag: () => deleteTag(index2)
-        });
-      }
-    };
-    const deleteTag = (index2) => {
-      if (propsObj.disabled) return;
-      deletionMark.value = null;
-      clearTimeout(deletionMarkTimer.value);
-      const newTags = [...tagsCopy.value];
-      newTags.splice(index2, 1);
-      tagsCopy.value = newTags;
-      tagsEditStatus.value.splice(index2, 1);
-      emit("update:tags", tagsCopy.value);
-      emit("tags-changed", tagsCopy.value);
-    };
-    const noTriggerKey = (event, category) => {
-      const triggerKey = propsObj[category].indexOf(event.keyCode) !== -1 || propsObj[category].indexOf(event.key) !== -1;
-      if (triggerKey) event.preventDefault();
-      return !triggerKey;
-    };
-    const performAddTags = (tag, event, source) => {
-      if (propsObj.disabled || event && noTriggerKey(event, "addOnKey")) return;
-      let tags = [];
-      if (typeof tag === "object") tags = [tag];
-      if (typeof tag === "string") tags = createTagTexts(tag);
-      tags = tags.filter((tag2) => tag2.text.trim().length > 0);
-      tags.forEach((tag2) => {
-        tag2 = createTags.createTag(tag2, propsObj.tags, propsObj.validation, propsObj.isDuplicate);
-        if (!propsObj.onBeforeAddingTag) {
-          addTag(tag2, source);
-        } else {
-          emit("before-adding-tag", {
-            tag: tag2,
-            addTag: () => addTag(tag2, source)
-          });
-        }
-      });
-    };
-    const duplicateFilter = (tag) => {
-      return propsObj.isDuplicate ? !propsObj.isDuplicate(tagsCopy.value, tag) : !tagsCopy.value.find((t) => t.text === tag.text);
-    };
-    const addTag = (tag, source = "new-tag-input") => {
-      const options = filteredAutocompleteItems.value.map((i) => i.text);
-      if (propsObj.addOnlyFromAutocomplete && options.indexOf(tag.text) === -1) return;
-      vue.nextTick(() => {
-        const maximumReached = propsObj.maxTags && propsObj.maxTags <= tagsCopy.value.length;
-        if (maximumReached) return emit("max-tags-reached", tag);
-        const dup = propsObj.avoidAddingDuplicates && !duplicateFilter(tag);
-        if (dup) return emit("adding-duplicate", tag);
-        if (hasForbiddingAddRule(tag.tiClasses)) return;
-        newTag.value = "";
-        tagsCopy.value = [...tagsCopy.value, tag];
-        tagsEditStatus.value.push(false);
-        emit("update:tags", tagsCopy.value);
-        if (source === "autocomplete") newTagInputRef.value?.focus();
-        emit("tags-changed", tagsCopy.value);
-      });
-    };
-    const performSaveTag = (index2, event) => {
-      const tag = tagsCopy.value[index2];
-      if (propsObj.disabled || event && noTriggerKey(event, "addOnKey")) return;
-      if (tag.text.trim().length === 0) return;
-      if (!propsObj["onBeforeSavingTag"]) {
-        saveTag(index2, tag);
-      } else {
-        emit("before-saving-tag", {
-          index: index2,
-          tag,
-          saveTag: () => saveTag(index2, tag)
-        });
-      }
-    };
-    const saveTag = (index2, tag) => {
-      if (propsObj.avoidAddingDuplicates) {
-        const tagsDiff = createTags.clone(tagsCopy.value);
-        const inputTag = tagsDiff.splice(index2, 1)[0];
-        const dup = propsObj.isDuplicate ? propsObj.isDuplicate(tagsDiff, inputTag) : tagsDiff.map((t) => t.text).indexOf(inputTag.text) !== -1;
-        if (dup) return emit("saving-duplicate", tag);
-      }
-      if (hasForbiddingAddRule(tag.tiClasses)) return;
-      const newTags = [...tagsCopy.value];
-      newTags[index2] = tag;
-      tagsCopy.value = newTags;
-      toggleEditMode(index2);
-      emit("update:tags", tagsCopy.value);
-      emit("tags-changed", tagsCopy.value);
-    };
-    const tagsEqual = () => {
-      return !tagsCopy.value.some((t, i) => !index.default(t, propsObj.tags[i]));
-    };
-    const updateNewTag = (event) => {
-      const value = event.target.value;
-      newTag.value = value;
-      emit("update:modelValue", value);
-    };
-    const initTags = () => {
-      tagsCopy.value = createTags.createTags(propsObj.tags, propsObj.validation, propsObj.isDuplicate);
-      tagsEditStatus.value = new Array(propsObj.tags.length).fill(false);
-      if (!tagsEqual()) {
-        emit("update:tags", tagsCopy.value);
-      }
-    };
-    const blurredOnClick = (e) => {
-      const el = e.currentTarget;
-      if (el?.contains(e.target) || el?.contains(document.activeElement)) return;
-      performBlur();
-    };
-    const performBlur = () => {
-      if (propsObj.addOnBlur && focused.value) performAddTags(newTag.value);
-      focused.value = false;
-    };
-    const handleKeyDown = (event) => {
-      const item = filteredAutocompleteItems.value[selectedItem.value] || newTag.value;
-      performAddTags(item, event);
-    };
-    vue.watch(() => propsObj.modelValue, (newValue) => {
-      if (!propsObj.addOnlyFromAutocomplete) selectedItem.value = null;
-      newTag.value = newValue;
-    });
-    vue.watch(() => propsObj.tags, () => {
-      initTags();
-    }, { deep: true });
-    vue.watch(autocompleteOpen, selectDefaultItem);
-    initTags();
-    vue.onMounted(() => {
-      selectDefaultItem();
-      document.addEventListener("click", blurredOnClick);
-    });
-    vue.onBeforeUnmount(() => {
-      document.removeEventListener("click", blurredOnClick);
-      clearTimeout(deletionMarkTimer.value);
-    });
-    __expose({
-      createClasses: createTags.createClasses
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["vue-tags-input pos-relative", [{ "ti-disabled": _ctx.disabled }, { "ti-focus": focused.value }, _ctx.$attrs.class]]),
-        style: vue.normalizeStyle(_ctx.$attrs.style)
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          tagsCopy.value.length || !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tagsCopy.value, (tag, index2) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: `tag-${index2}-${tag.text}`,
-                style: vue.normalizeStyle(tag.style),
-                class: vue.normalizeClass([[
-                  { "ti-editing": tagsEditStatus.value[index2] },
-                  tag.tiClasses,
-                  tag.classes,
-                  { "ti-deletion-mark": isMarked(index2) }
-                ], "ti-tag t-medium"]),
-                tabindex: "0",
-                onClick: ($event) => emit("tag-clicked", { tag, index: index2 })
-              }, [
-                vue.createElementVNode("div", _hoisted_4, [
-                  _ctx.$slots["tag-left"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                    vue.renderSlot(_ctx.$slots, "tag-left", {
-                      tag,
-                      index: index2,
-                      edit: tagsEditStatus.value[index2],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index2)
-                    })
-                  ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", {
-                    ref_for: true,
-                    ref: (el) => setTagCenter(el, index2),
-                    class: "ti-tag-center"
-                  }, [
-                    !_ctx.$slots["tag-center"] ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass({ "ti-hidden": tagsEditStatus.value[index2] }),
-                      onClick: ($event) => performEditTag(index2)
-                    }, vue.toDisplayString(tag.text), 11, _hoisted_6)) : vue.createCommentVNode("", true),
-                    !_ctx.$slots["tag-center"] ? (vue.openBlock(), vue.createBlock(tagInput.default, {
-                      key: 1,
-                      scope: {
-                        edit: tagsEditStatus.value[index2],
-                        maxlength: _ctx.maxlength,
-                        tag,
-                        index: index2,
-                        validateTag: createChangedTag,
-                        performCancelEdit: cancelEdit,
-                        performSaveEdit: performSaveTag
-                      }
-                    }, null, 8, ["scope"])) : vue.createCommentVNode("", true),
-                    vue.renderSlot(_ctx.$slots, "tag-center", {
-                      tag,
-                      index: index2,
-                      maxlength: _ctx.maxlength,
-                      edit: tagsEditStatus.value[index2],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      validateTag: createChangedTag,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index2)
-                    })
-                  ], 512),
-                  _ctx.$slots["tag-right"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                    vue.renderSlot(_ctx.$slots, "tag-right", {
-                      tag,
-                      index: index2,
-                      edit: tagsEditStatus.value[index2],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index2)
-                    })
-                  ])) : vue.createCommentVNode("", true)
-                ]),
-                vue.createElementVNode("div", _hoisted_8, [
-                  !_ctx.$slots["tag-actions"] ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("i", {
-                    key: 0,
-                    class: "ti-icon-undo",
-                    onClick: vue.withModifiers(($event) => cancelEdit(index2), ["stop"])
-                  }, null, 8, _hoisted_9)), [
-                    [vue.vShow, tagsEditStatus.value[index2]]
-                  ]) : vue.createCommentVNode("", true),
-                  !_ctx.$slots["tag-actions"] ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("i", {
-                    key: 1,
-                    class: "ti-icon-close",
-                    onClick: vue.withModifiers(($event) => performDeleteTag(index2), ["stop"])
-                  }, null, 8, _hoisted_10)), [
-                    [vue.vShow, !tagsEditStatus.value[index2]]
-                  ]) : vue.createCommentVNode("", true),
-                  _ctx.$slots["tag-actions"] ? vue.renderSlot(_ctx.$slots, "tag-actions", {
-                    key: 2,
-                    tag,
-                    index: index2,
-                    edit: tagsEditStatus.value[index2],
-                    performSaveEdit: performSaveTag,
-                    performDelete: performDeleteTag,
-                    performCancelEdit: cancelEdit,
-                    performOpenEdit: performEditTag,
-                    deletionMark: isMarked(index2)
-                  }) : vue.createCommentVNode("", true)
-                ])
-              ], 14, _hoisted_3);
-            }), 128)),
-            vue.createElementVNode("li", _hoisted_11, [
-              vue.createElementVNode("input", {
-                ref_key: "newTagInputRef",
-                ref: newTagInputRef,
-                class: vue.normalizeClass([[vue.unref(createTags.createClasses)(newTag.value, _ctx.tags, _ctx.validation, _ctx.isDuplicate)], "ti-new-tag-input"]),
-                placeholder: _ctx.placeholder,
-                value: newTag.value,
-                maxlength: _ctx.maxlength,
-                disabled: _ctx.disabled,
-                type: "text",
-                size: "1",
-                onKeydown: [
-                  handleKeyDown,
-                  vue.withKeys(invokeDelete, ["delete"]),
-                  vue.withKeys(performBlur, ["tab"]),
-                  _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(($event) => selectItem("before"), ["prevent"]), ["up"])),
-                  _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => selectItem("after"), ["prevent"]), ["down"]))
-                ],
-                onPaste: addTagsFromPaste,
-                onInput: updateNewTag,
-                onFocus: _cache[2] || (_cache[2] = ($event) => focused.value = true),
-                onClick: _cache[3] || (_cache[3] = ($event) => !_ctx.addOnlyFromAutocomplete && (selectedItem.value = null))
-              }, null, 42, _hoisted_12)
-            ])
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        vue.renderSlot(_ctx.$slots, "between-elements"),
-        autocompleteOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(["ti-autocomplete", _ctx.$attrs.class]),
-          onMouseleave: _cache[4] || (_cache[4] = ($event) => selectedItem.value = null)
-        }, [
-          vue.renderSlot(_ctx.$slots, "autocomplete-header"),
-          vue.createElementVNode("ul", null, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredAutocompleteItems.value, (item, index2) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: `autocomplete-${index2}-${item.text}`,
-                style: vue.normalizeStyle(item.style),
-                class: vue.normalizeClass([[
-                  item.tiClasses,
-                  item.classes,
-                  { "ti-selected-item": isSelected(index2) }
-                ], "ti-item"]),
-                onMouseenter: ($event) => !_ctx.disabled && (selectedItem.value = index2)
-              }, [
-                !_ctx.$slots["autocomplete-item"] ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  onClick: ($event) => performAddTags(item, void 0, "autocomplete")
-                }, vue.toDisplayString(item.text), 9, _hoisted_14)) : vue.renderSlot(_ctx.$slots, "autocomplete-item", {
-                  key: 1,
-                  item,
-                  index: index2,
-                  performAdd: (item2) => performAddTags(item2, void 0, "autocomplete"),
-                  selected: isSelected(index2)
-                })
-              ], 46, _hoisted_13);
-            }), 128))
-          ]),
-          vue.renderSlot(_ctx.$slots, "autocomplete-footer")
-        ], 34)) : vue.createCommentVNode("", true)
-      ], 6);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=FieldTags.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldTags.vue.cjs","sources":["../../../../../src/components/FieldTags/FieldTags.vue"],"sourcesContent":["<template>\n  <div\n    class=\"vue-tags-input pos-relative\"\n    :class=\"[{ 'ti-disabled': disabled }, { 'ti-focus': focused }, $attrs.class]\"\n    :style=\"$attrs.style\"\n  >\n    <div class=\"ti-input\">\n      <ul v-if=\"tagsCopy.length || !disabled\" class=\"ti-tags\">\n        <li\n          v-for=\"(tag, index) in tagsCopy\"\n          :key=\"`tag-${index}-${tag.text}`\"\n          :style=\"tag.style\"\n          :class=\"[\n            { 'ti-editing': tagsEditStatus[index] },\n            tag.tiClasses,\n            tag.classes,\n            { 'ti-deletion-mark': isMarked(index) }\n          ]\"\n          tabindex=\"0\"\n          class=\"ti-tag t-medium\"\n          @click=\"emit('tag-clicked', { tag, index })\"\n        >\n          <div class=\"ti-content\">\n            <div\n              v-if=\"$slots['tag-left']\"\n              class=\"ti-tag-left\"\n            >\n              <slot\n                name=\"tag-left\"\n                :tag=\"tag\"\n                :index=\"index\"\n                :edit=\"tagsEditStatus[index]\"\n                :perform-save-edit=\"performSaveTag\"\n                :perform-delete=\"performDeleteTag\"\n                :perform-cancel-edit=\"cancelEdit\"\n                :perform-open-edit=\"performEditTag\"\n                :deletion-mark=\"isMarked(index)\"\n              />\n            </div>\n            <div :ref=\"el => setTagCenter(el, index)\" class=\"ti-tag-center\">\n              <span\n                v-if=\"!$slots['tag-center']\"\n                :class=\"{ 'ti-hidden': tagsEditStatus[index] }\"\n                @click=\"performEditTag(index)\"\n              >{{ tag.text }}</span>\n              <tag-input\n                v-if=\"!$slots['tag-center']\"\n                :scope=\"{\n                  edit: tagsEditStatus[index],\n                  maxlength,\n                  tag,\n                  index,\n                  validateTag: createChangedTag,\n                  performCancelEdit: cancelEdit,\n                  performSaveEdit: performSaveTag,\n                }\"\n              />\n              <slot\n                name=\"tag-center\"\n                :tag=\"tag\"\n                :index=\"index\"\n                :maxlength=\"maxlength\"\n                :edit=\"tagsEditStatus[index]\"\n                :perform-save-edit=\"performSaveTag\"\n                :perform-delete=\"performDeleteTag\"\n                :perform-cancel-edit=\"cancelEdit\"\n                :validate-tag=\"createChangedTag\"\n                :perform-open-edit=\"performEditTag\"\n                :deletion-mark=\"isMarked(index)\"\n              />\n            </div>\n            <div\n              v-if=\"$slots['tag-right']\"\n              class=\"ti-tag-right\"\n            >\n              <slot\n                name=\"tag-right\"\n                :tag=\"tag\"\n                :index=\"index\"\n                :edit=\"tagsEditStatus[index]\"\n                :perform-save-edit=\"performSaveTag\"\n                :perform-delete=\"performDeleteTag\"\n                :perform-cancel-edit=\"cancelEdit\"\n                :perform-open-edit=\"performEditTag\"\n                :deletion-mark=\"isMarked(index)\"\n              />\n            </div>\n          </div>\n          <div class=\"ti-actions\">\n            <i\n              v-if=\"!$slots['tag-actions']\"\n              v-show=\"tagsEditStatus[index]\"\n              class=\"ti-icon-undo\"\n              @click.stop=\"cancelEdit(index)\"\n            />\n            <i\n              v-if=\"!$slots['tag-actions']\"\n              v-show=\"!tagsEditStatus[index]\"\n              class=\"ti-icon-close\"\n              @click.stop=\"performDeleteTag(index)\"\n            />\n            <slot\n              v-if=\"$slots['tag-actions']\"\n              name=\"tag-actions\"\n              :tag=\"tag\"\n              :index=\"index\"\n              :edit=\"tagsEditStatus[index]\"\n              :perform-save-edit=\"performSaveTag\"\n              :perform-delete=\"performDeleteTag\"\n              :perform-cancel-edit=\"cancelEdit\"\n              :perform-open-edit=\"performEditTag\"\n              :deletion-mark=\"isMarked(index)\"\n            />\n          </div>\n        </li>\n        <li class=\"ti-new-tag-input-wrapper\">\n          <input\n            ref=\"newTagInputRef\"\n            :class=\"[createClasses(newTag, tags, validation, isDuplicate)]\"\n            :placeholder=\"placeholder\"\n            :value=\"newTag\"\n            :maxlength=\"maxlength\"\n            :disabled=\"disabled\"\n            type=\"text\"\n            size=\"1\"\n            class=\"ti-new-tag-input\"\n            @keydown=\"handleKeyDown\"\n            @paste=\"addTagsFromPaste\"\n            @keydown.delete=\"invokeDelete\"\n            @keydown.tab=\"performBlur\"\n            @keydown.up.prevent=\"selectItem('before')\"\n            @keydown.down.prevent=\"selectItem('after')\"\n            @input=\"updateNewTag\"\n            @focus=\"focused = true\"\n            @click=\"!addOnlyFromAutocomplete && (selectedItem = null)\"\n          >\n        </li>\n      </ul>\n    </div>\n    <slot name=\"between-elements\" />\n    <div\n      v-if=\"autocompleteOpen\"\n      class=\"ti-autocomplete\"\n      :class=\"$attrs.class\"\n      @mouseleave=\"selectedItem = null\"\n    >\n      <slot name=\"autocomplete-header\" />\n      <ul>\n        <li\n          v-for=\"(item, index) in filteredAutocompleteItems\"\n          :key=\"`autocomplete-${index}-${item.text}`\"\n          :style=\"item.style\"\n          :class=\"[\n            item.tiClasses,\n            item.classes,\n            { 'ti-selected-item': isSelected(index) }\n          ]\"\n          class=\"ti-item\"\n          @mouseenter=\"!disabled && (selectedItem = index)\"\n        >\n          <div\n            v-if=\"!$slots['autocomplete-item']\"\n            @click=\"performAddTags(item, undefined, 'autocomplete')\"\n          >\n            {{ item.text }}\n          </div>\n          <slot\n            v-else\n            name=\"autocomplete-item\"\n            :item=\"item\"\n            :index=\"index\"\n            :perform-add=\"item => performAddTags(item, undefined, 'autocomplete')\"\n            :selected=\"isSelected(index)\"\n          />\n        </li>\n      </ul>\n      <slot name=\"autocomplete-footer\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, nextTick, onMounted, onBeforeUnmount, shallowRef, toRef } from 'vue';\nimport equal from 'fast-deep-equal';\nimport { clone, createClasses, createTag, createTags } from './create-tags.js';\nimport TagInput from './tag-input.vue';\nimport props from './vue-tags-input.props.js';\n\n// Props\nconst propsObj = defineProps(props);\n\n// Emits\nconst emit = defineEmits([\n  'adding-duplicate',\n  'before-adding-tag',\n  'before-deleting-tag',\n  'before-editing-tag',\n  'before-saving-tag',\n  'max-tags-reached',\n  'saving-duplicate',\n  'tags-changed',\n  'tag-clicked',\n  'update:modelValue',\n  'update:tags',\n]);\n\n// State\nconst tagCenterRefs = ref(new Map());\nconst newTag = ref(propsObj.modelValue || '');\nconst tagsCopy = shallowRef([]);\nconst tagsEditStatus = ref([]);\nconst deletionMark = ref(null);\nconst deletionMarkTimer = ref(null);\nconst selectedItem = ref(null);\nconst focused = ref(false);\nconst newTagInputRef = ref(null);\n\n// Computed\nconst autocompleteOpen = computed(() => {\n  if (propsObj.autocompleteAlwaysOpen) return true;\n  return newTag.value !== null && \n         newTag.value.length >= propsObj.autocompleteMinLength && \n         filteredAutocompleteItems.value.length > 0 && \n         focused.value;\n});\n\nconst filteredAutocompleteItems = computed(() => {\n  const items = propsObj.autocompleteItems.map(i => \n    createTag(i, propsObj.tags, propsObj.validation, propsObj.isDuplicate)\n  );\n\n  if (!propsObj.autocompleteFilterDuplicates) return items;\n  return items.filter(duplicateFilter);\n});\n\n// Methods\nconst getSelectedIndex = (method) => {\n  const items = filteredAutocompleteItems.value;\n  const current = selectedItem.value;\n  const lastItem = items.length - 1;\n  \n  if (items.length === 0) return;\n  if (current === null) return 0;\n  if (method === 'before' && current === 0) return lastItem;\n  if (method === 'after' && current === lastItem) return 0;\n  return method === 'after' ? current + 1 : current - 1;\n};\n\nconst selectDefaultItem = () => {\n  selectedItem.value = propsObj.addOnlyFromAutocomplete && filteredAutocompleteItems.value.length > 0 ? 0 : null;\n};\n\nconst selectItem = (method) => {\n  selectedItem.value = getSelectedIndex(method);\n};\n\nconst isSelected = (index) => selectedItem.value === index;\nconst isMarked = (index) => deletionMark.value === index;\n\nconst setTagCenter = (el, index) => {\n  if (el) {\n    tagCenterRefs.value.set(index, el);\n  } else {\n    tagCenterRefs.value.delete(index);\n  }\n};\n\nconst invokeDelete = () => {\n  if (!propsObj.deleteOnBackspace || newTag.value.length > 0) return;\n  \n  const lastIndex = tagsCopy.value.length - 1;\n  if (deletionMark.value === null) {\n    clearTimeout(deletionMarkTimer.value);\n    deletionMarkTimer.value = setTimeout(() => (deletionMark.value = null), 1000);\n    deletionMark.value = lastIndex;\n  } else {\n    performDeleteTag(lastIndex);\n  }\n};\n\nconst addTagsFromPaste = () => {\n  if (!propsObj.addFromPaste) return;\n  setTimeout(() => performAddTags(newTag.value), 10);\n};\n\nconst performEditTag = (index) => {\n  if (!propsObj.allowEditTags) return;\n  \n  if (!propsObj.onBeforeEditingTag) {\n    editTag(index);\n  } else {\n    emit('before-editing-tag', {\n      index,\n      tag: tagsCopy.value[index],\n      editTag: () => editTag(index),\n    });\n  }\n};\n\nconst editTag = (index) => {\n  if (!propsObj.allowEditTags) return;\n  toggleEditMode(index);\n  focus(index);\n};\n\nconst toggleEditMode = (index) => {\n  if (!propsObj.allowEditTags || propsObj.disabled) return;\n  tagsEditStatus.value[index] = !tagsEditStatus.value[index];\n};\n\nconst createChangedTag = (index, event) => {\n  const tag = tagsCopy.value[index];\n  tag.text = event ? event.target.value : tagsCopy.value[index].text;\n  \n  const newTags = [...tagsCopy.value];\n  newTags[index] = createTag(tag, tagsCopy.value, propsObj.validation, propsObj.isDuplicate);\n  tagsCopy.value = newTags;\n};\n\nconst focus = (index) => {\n  nextTick(() => {\n    const el = tagCenterRefs.value.get(index)?.querySelector('input.ti-tag-input');\n    if (el) el.focus();\n  });\n};\n\nconst quote = (regex) => regex.replace(/([()[{*+.$^\\\\|?])/g, '\\\\$1');\n\nconst cancelEdit = (index) => {\n  if (!propsObj.tags[index]) return;\n  \n  const newTags = [...tagsCopy.value];\n  newTags[index] = clone(createTag(propsObj.tags[index], propsObj.tags, propsObj.validation, propsObj.isDuplicate));\n  tagsCopy.value = newTags;\n  tagsEditStatus.value[index] = false;\n};\n\nconst hasForbiddingAddRule = (tiClasses) => {\n  return tiClasses.some(type => {\n    const rule = propsObj.validation.find(rule => type === rule.classes);\n    return rule ? rule.disableAdd : false;\n  });\n};\n\nconst createTagTexts = (string) => {\n  const regex = new RegExp(propsObj.separators.map(s => quote(s)).join('|'));\n  return string.split(regex).map(text => ({ text }));\n};\n\nconst performDeleteTag = (index) => {\n  if (!propsObj.onBeforeDeletingTag) {\n    deleteTag(index);\n  } else {\n    emit('before-deleting-tag', {\n      index,\n      tag: tagsCopy.value[index],\n      deleteTag: () => deleteTag(index),\n    });\n  }\n};\n\nconst deleteTag = (index) => {\n  if (propsObj.disabled) return;\n  \n  deletionMark.value = null;\n  clearTimeout(deletionMarkTimer.value);\n  \n  const newTags = [...tagsCopy.value];\n  newTags.splice(index, 1);\n  tagsCopy.value = newTags;\n  \n  tagsEditStatus.value.splice(index, 1);\n  \n  emit('update:tags', tagsCopy.value);\n  emit('tags-changed', tagsCopy.value);\n};\n\nconst noTriggerKey = (event, category) => {\n  const triggerKey = propsObj[category].indexOf(event.keyCode) !== -1 || \n                     propsObj[category].indexOf(event.key) !== -1;\n  if (triggerKey) event.preventDefault();\n  return !triggerKey;\n};\n\nconst performAddTags = (tag, event, source) => {\n  if (propsObj.disabled || (event && noTriggerKey(event, 'addOnKey'))) return;\n\n  let tags = [];\n  if (typeof tag === 'object') tags = [tag];\n  if (typeof tag === 'string') tags = createTagTexts(tag);\n\n  tags = tags.filter(tag => tag.text.trim().length > 0);\n\n  tags.forEach(tag => {\n    tag = createTag(tag, propsObj.tags, propsObj.validation, propsObj.isDuplicate);\n    if (!propsObj.onBeforeAddingTag) {\n      addTag(tag, source);\n    } else {\n      emit('before-adding-tag', {\n        tag,\n        addTag: () => addTag(tag, source),\n      });\n    }\n  });\n};\n\nconst duplicateFilter = (tag) => {\n  return propsObj.isDuplicate ? \n    !propsObj.isDuplicate(tagsCopy.value, tag) : \n    !tagsCopy.value.find(t => t.text === tag.text);\n};\n\nconst addTag = (tag, source = 'new-tag-input') => {\n  const options = filteredAutocompleteItems.value.map(i => i.text);\n  if (propsObj.addOnlyFromAutocomplete && options.indexOf(tag.text) === -1) return;\n\n  nextTick(() => {\n    const maximumReached = propsObj.maxTags && propsObj.maxTags <= tagsCopy.value.length;\n    if (maximumReached) return emit('max-tags-reached', tag);\n\n    const dup = propsObj.avoidAddingDuplicates && !duplicateFilter(tag);\n    if (dup) return emit('adding-duplicate', tag);\n\n    if (hasForbiddingAddRule(tag.tiClasses)) return;\n\n    newTag.value = '';\n    tagsCopy.value = [...tagsCopy.value, tag];\n    tagsEditStatus.value.push(false);\n\n    emit('update:tags', tagsCopy.value);\n\n    if (source === 'autocomplete') newTagInputRef.value?.focus();\n\n    emit('tags-changed', tagsCopy.value);\n  });\n};\n\nconst performSaveTag = (index, event) => {\n  const tag = tagsCopy.value[index];\n\n  if (propsObj.disabled || (event && noTriggerKey(event, 'addOnKey'))) return;\n  if (tag.text.trim().length === 0) return;\n\n  if (!propsObj['onBeforeSavingTag']) {\n    saveTag(index, tag);\n  } else {\n    emit('before-saving-tag', {\n      index,\n      tag,\n      saveTag: () => saveTag(index, tag),\n    });\n  }\n};\n\nconst saveTag = (index, tag) => {\n  if (propsObj.avoidAddingDuplicates) {\n    const tagsDiff = clone(tagsCopy.value);\n    const inputTag = tagsDiff.splice(index, 1)[0];\n    const dup = propsObj.isDuplicate ? \n      propsObj.isDuplicate(tagsDiff, inputTag) : \n      tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n    if (dup) return emit('saving-duplicate', tag);\n  }\n\n  if (hasForbiddingAddRule(tag.tiClasses)) return;\n\n  const newTags = [...tagsCopy.value];\n  newTags[index] = tag;\n  tagsCopy.value = newTags;\n  toggleEditMode(index);\n\n  emit('update:tags', tagsCopy.value);\n  emit('tags-changed', tagsCopy.value);\n};\n\nconst tagsEqual = () => {\n  return !tagsCopy.value.some((t, i) => !equal(t, propsObj.tags[i]));\n};\n\nconst updateNewTag = (event) => {\n  const value = event.target.value;\n  newTag.value = value;\n  emit('update:modelValue', value);\n};\n\nconst initTags = () => {\n  tagsCopy.value = createTags(propsObj.tags, propsObj.validation, propsObj.isDuplicate);\n  tagsEditStatus.value = new Array(propsObj.tags.length).fill(false);\n\n  if (!tagsEqual()) {\n    emit('update:tags', tagsCopy.value);\n  }\n};\n\nconst blurredOnClick = (e) => {\n  const el = e.currentTarget;\n  if (el?.contains(e.target) || el?.contains(document.activeElement)) return;\n  performBlur();\n};\n\nconst performBlur = () => {\n  if (propsObj.addOnBlur && focused.value) performAddTags(newTag.value);\n  focused.value = false;\n};\n\nconst handleKeyDown = (event) => {\n  const item = filteredAutocompleteItems.value[selectedItem.value] || newTag.value;\n  performAddTags(item, event);\n};\n\n// Watchers\nwatch(() => propsObj.modelValue, (newValue) => {\n  if (!propsObj.addOnlyFromAutocomplete) selectedItem.value = null;\n  newTag.value = newValue;\n});\n\nwatch(() => propsObj.tags, () => {\n  initTags();\n}, { deep: true });\n\nwatch(autocompleteOpen, selectDefaultItem);\n\n// Lifecycle\ninitTags();\n\nonMounted(() => {\n  selectDefaultItem();\n  document.addEventListener('click', blurredOnClick);\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('click', blurredOnClick);\n  clearTimeout(deletionMarkTimer.value);\n});\n\n// Expose for template\ndefineExpose({\n  createClasses\n});\n</script>\n\n<style lang=\"scss\" src=\"./vue-tags-input.scss\"></style>"],"names":["ref","shallowRef","computed","createTag","index","nextTick","clone","rule","tag","equal","createTags","watch","onMounted","onBeforeUnmount","createClasses"],"mappings":"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"}