@ozdao/martyrs 0.2.488 → 0.2.489

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

@@ -0,0 +1,482 @@
+"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(() => {
+        var _a;
+        const el = (_a = tagCenterRefs.value.get(index2)) == null ? void 0 : _a.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(() => {
+        var _a;
+        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") (_a = newTagInputRef.value) == null ? void 0 : _a.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 == null ? void 0 : el.contains(e.target)) || (el == null ? void 0 : 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

@@ -0,0 +1 @@
+{"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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"}