@ozdao/martyrs 0.2.541 → 0.2.543

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

@@ -1,480 +0,0 @@
-import { ref, shallowRef, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, toDisplayString, withDirectives, withModifiers, vShow, withKeys, unref, nextTick } from "vue";
-import equal from "../../../../_virtual/index.js";
-import { createTag, createClasses, createTags, clone } from "./create-tags.js";
-import TagInput from "./tag-input.vue2.js";
-import props from "./vue-tags-input.props.js";
-/* 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,
-  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 = ref(/* @__PURE__ */ new Map());
-    const newTag = ref(propsObj.modelValue || "");
-    const tagsCopy = shallowRef([]);
-    const tagsEditStatus = ref([]);
-    const deletionMark = ref(null);
-    const deletionMarkTimer = ref(null);
-    const selectedItem = ref(null);
-    const focused = ref(false);
-    const newTagInputRef = ref(null);
-    const autocompleteOpen = computed(() => {
-      if (propsObj.autocompleteAlwaysOpen) return true;
-      return newTag.value !== null && newTag.value.length >= propsObj.autocompleteMinLength && filteredAutocompleteItems.value.length > 0 && focused.value;
-    });
-    const filteredAutocompleteItems = computed(() => {
-      const items = propsObj.autocompleteItems.map(
-        (i) => 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 = (index) => selectedItem.value === index;
-    const isMarked = (index) => deletionMark.value === index;
-    const setTagCenter = (el, index) => {
-      if (el) {
-        tagCenterRefs.value.set(index, el);
-      } else {
-        tagCenterRefs.value.delete(index);
-      }
-    };
-    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 = (index) => {
-      if (!propsObj.allowEditTags) return;
-      if (!propsObj.onBeforeEditingTag) {
-        editTag(index);
-      } else {
-        emit("before-editing-tag", {
-          index,
-          tag: tagsCopy.value[index],
-          editTag: () => editTag(index)
-        });
-      }
-    };
-    const editTag = (index) => {
-      if (!propsObj.allowEditTags) return;
-      toggleEditMode(index);
-      focus(index);
-    };
-    const toggleEditMode = (index) => {
-      if (!propsObj.allowEditTags || propsObj.disabled) return;
-      tagsEditStatus.value[index] = !tagsEditStatus.value[index];
-    };
-    const createChangedTag = (index, event) => {
-      const tag = tagsCopy.value[index];
-      tag.text = event ? event.target.value : tagsCopy.value[index].text;
-      const newTags = [...tagsCopy.value];
-      newTags[index] = createTag(tag, tagsCopy.value, propsObj.validation, propsObj.isDuplicate);
-      tagsCopy.value = newTags;
-    };
-    const focus = (index) => {
-      nextTick(() => {
-        const el = tagCenterRefs.value.get(index)?.querySelector("input.ti-tag-input");
-        if (el) el.focus();
-      });
-    };
-    const quote = (regex) => regex.replace(/([()[{*+.$^\\|?])/g, "\\$1");
-    const cancelEdit = (index) => {
-      if (!propsObj.tags[index]) return;
-      const newTags = [...tagsCopy.value];
-      newTags[index] = clone(createTag(propsObj.tags[index], propsObj.tags, propsObj.validation, propsObj.isDuplicate));
-      tagsCopy.value = newTags;
-      tagsEditStatus.value[index] = 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 = (index) => {
-      if (!propsObj.onBeforeDeletingTag) {
-        deleteTag(index);
-      } else {
-        emit("before-deleting-tag", {
-          index,
-          tag: tagsCopy.value[index],
-          deleteTag: () => deleteTag(index)
-        });
-      }
-    };
-    const deleteTag = (index) => {
-      if (propsObj.disabled) return;
-      deletionMark.value = null;
-      clearTimeout(deletionMarkTimer.value);
-      const newTags = [...tagsCopy.value];
-      newTags.splice(index, 1);
-      tagsCopy.value = newTags;
-      tagsEditStatus.value.splice(index, 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 = 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;
-      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 = (index, event) => {
-      const tag = tagsCopy.value[index];
-      if (propsObj.disabled || event && noTriggerKey(event, "addOnKey")) return;
-      if (tag.text.trim().length === 0) return;
-      if (!propsObj["onBeforeSavingTag"]) {
-        saveTag(index, tag);
-      } else {
-        emit("before-saving-tag", {
-          index,
-          tag,
-          saveTag: () => saveTag(index, tag)
-        });
-      }
-    };
-    const saveTag = (index, tag) => {
-      if (propsObj.avoidAddingDuplicates) {
-        const tagsDiff = clone(tagsCopy.value);
-        const inputTag = tagsDiff.splice(index, 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[index] = tag;
-      tagsCopy.value = newTags;
-      toggleEditMode(index);
-      emit("update:tags", tagsCopy.value);
-      emit("tags-changed", tagsCopy.value);
-    };
-    const tagsEqual = () => {
-      return !tagsCopy.value.some((t, i) => !equal(t, propsObj.tags[i]));
-    };
-    const updateNewTag = (event) => {
-      const value = event.target.value;
-      newTag.value = value;
-      emit("update:modelValue", value);
-    };
-    const initTags = () => {
-      tagsCopy.value = 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);
-    };
-    watch(() => propsObj.modelValue, (newValue) => {
-      if (!propsObj.addOnlyFromAutocomplete) selectedItem.value = null;
-      newTag.value = newValue;
-    });
-    watch(() => propsObj.tags, () => {
-      initTags();
-    }, { deep: true });
-    watch(autocompleteOpen, selectDefaultItem);
-    initTags();
-    onMounted(() => {
-      selectDefaultItem();
-      document.addEventListener("click", blurredOnClick);
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", blurredOnClick);
-      clearTimeout(deletionMarkTimer.value);
-    });
-    __expose({
-      createClasses
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["vue-tags-input pos-relative", [{ "ti-disabled": _ctx.disabled }, { "ti-focus": focused.value }, _ctx.$attrs.class]]),
-        style: normalizeStyle(_ctx.$attrs.style)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          tagsCopy.value.length || !_ctx.disabled ? (openBlock(), createElementBlock("ul", _hoisted_2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(tagsCopy.value, (tag, index) => {
-              return openBlock(), createElementBlock("li", {
-                key: `tag-${index}-${tag.text}`,
-                style: normalizeStyle(tag.style),
-                class: normalizeClass([[
-                  { "ti-editing": tagsEditStatus.value[index] },
-                  tag.tiClasses,
-                  tag.classes,
-                  { "ti-deletion-mark": isMarked(index) }
-                ], "ti-tag t-medium"]),
-                tabindex: "0",
-                onClick: ($event) => emit("tag-clicked", { tag, index })
-              }, [
-                createElementVNode("div", _hoisted_4, [
-                  _ctx.$slots["tag-left"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    renderSlot(_ctx.$slots, "tag-left", {
-                      tag,
-                      index,
-                      edit: tagsEditStatus.value[index],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index)
-                    })
-                  ])) : createCommentVNode("", true),
-                  createElementVNode("div", {
-                    ref_for: true,
-                    ref: (el) => setTagCenter(el, index),
-                    class: "ti-tag-center"
-                  }, [
-                    !_ctx.$slots["tag-center"] ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass({ "ti-hidden": tagsEditStatus.value[index] }),
-                      onClick: ($event) => performEditTag(index)
-                    }, toDisplayString(tag.text), 11, _hoisted_6)) : createCommentVNode("", true),
-                    !_ctx.$slots["tag-center"] ? (openBlock(), createBlock(TagInput, {
-                      key: 1,
-                      scope: {
-                        edit: tagsEditStatus.value[index],
-                        maxlength: _ctx.maxlength,
-                        tag,
-                        index,
-                        validateTag: createChangedTag,
-                        performCancelEdit: cancelEdit,
-                        performSaveEdit: performSaveTag
-                      }
-                    }, null, 8, ["scope"])) : createCommentVNode("", true),
-                    renderSlot(_ctx.$slots, "tag-center", {
-                      tag,
-                      index,
-                      maxlength: _ctx.maxlength,
-                      edit: tagsEditStatus.value[index],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      validateTag: createChangedTag,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index)
-                    })
-                  ], 512),
-                  _ctx.$slots["tag-right"] ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    renderSlot(_ctx.$slots, "tag-right", {
-                      tag,
-                      index,
-                      edit: tagsEditStatus.value[index],
-                      performSaveEdit: performSaveTag,
-                      performDelete: performDeleteTag,
-                      performCancelEdit: cancelEdit,
-                      performOpenEdit: performEditTag,
-                      deletionMark: isMarked(index)
-                    })
-                  ])) : createCommentVNode("", true)
-                ]),
-                createElementVNode("div", _hoisted_8, [
-                  !_ctx.$slots["tag-actions"] ? withDirectives((openBlock(), createElementBlock("i", {
-                    key: 0,
-                    class: "ti-icon-undo",
-                    onClick: withModifiers(($event) => cancelEdit(index), ["stop"])
-                  }, null, 8, _hoisted_9)), [
-                    [vShow, tagsEditStatus.value[index]]
-                  ]) : createCommentVNode("", true),
-                  !_ctx.$slots["tag-actions"] ? withDirectives((openBlock(), createElementBlock("i", {
-                    key: 1,
-                    class: "ti-icon-close",
-                    onClick: withModifiers(($event) => performDeleteTag(index), ["stop"])
-                  }, null, 8, _hoisted_10)), [
-                    [vShow, !tagsEditStatus.value[index]]
-                  ]) : createCommentVNode("", true),
-                  _ctx.$slots["tag-actions"] ? renderSlot(_ctx.$slots, "tag-actions", {
-                    key: 2,
-                    tag,
-                    index,
-                    edit: tagsEditStatus.value[index],
-                    performSaveEdit: performSaveTag,
-                    performDelete: performDeleteTag,
-                    performCancelEdit: cancelEdit,
-                    performOpenEdit: performEditTag,
-                    deletionMark: isMarked(index)
-                  }) : createCommentVNode("", true)
-                ])
-              ], 14, _hoisted_3);
-            }), 128)),
-            createElementVNode("li", _hoisted_11, [
-              createElementVNode("input", {
-                ref_key: "newTagInputRef",
-                ref: newTagInputRef,
-                class: normalizeClass([[unref(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,
-                  withKeys(invokeDelete, ["delete"]),
-                  withKeys(performBlur, ["tab"]),
-                  _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => selectItem("before"), ["prevent"]), ["up"])),
-                  _cache[1] || (_cache[1] = withKeys(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)
-            ])
-          ])) : createCommentVNode("", true)
-        ]),
-        renderSlot(_ctx.$slots, "between-elements"),
-        autocompleteOpen.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["ti-autocomplete", _ctx.$attrs.class]),
-          onMouseleave: _cache[4] || (_cache[4] = ($event) => selectedItem.value = null)
-        }, [
-          renderSlot(_ctx.$slots, "autocomplete-header"),
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredAutocompleteItems.value, (item, index) => {
-              return openBlock(), createElementBlock("li", {
-                key: `autocomplete-${index}-${item.text}`,
-                style: normalizeStyle(item.style),
-                class: normalizeClass([[
-                  item.tiClasses,
-                  item.classes,
-                  { "ti-selected-item": isSelected(index) }
-                ], "ti-item"]),
-                onMouseenter: ($event) => !_ctx.disabled && (selectedItem.value = index)
-              }, [
-                !_ctx.$slots["autocomplete-item"] ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  onClick: ($event) => performAddTags(item, void 0, "autocomplete")
-                }, toDisplayString(item.text), 9, _hoisted_14)) : renderSlot(_ctx.$slots, "autocomplete-item", {
-                  key: 1,
-                  item,
-                  index,
-                  performAdd: (item2) => performAddTags(item2, void 0, "autocomplete"),
-                  selected: isSelected(index)
-                })
-              ], 46, _hoisted_13);
-            }), 128))
-          ]),
-          renderSlot(_ctx.$slots, "autocomplete-footer")
-        ], 34)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=FieldTags.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldTags.vue.js","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":["rule","tag"],"mappings":"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"}

package/dist/martyrs/src/components/FieldTags/create-tags.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const validateUserRules = (tag, validation) => {
-  return validation.filter((val) => {
-    const { text } = tag;
-    if (typeof val.rule === "string") return !new RegExp(val.rule).test(text);
-    if (val.rule instanceof RegExp) return !val.rule.test(text);
-    const isFunction = {}.toString.call(val.rule) === "[object Function]";
-    if (isFunction) return val.rule(tag);
-  }).map((val) => val.classes);
-};
-const clone = (node) => JSON.parse(JSON.stringify(node));
-const findIndex = (arr, callback) => {
-  let index = 0;
-  while (index < arr.length) {
-    if (callback(arr[index], index, arr)) return index;
-    index++;
-  }
-  return -1;
-};
-const createClasses = (tag, tags, validation = [], customDuplicateFn) => {
-  if (tag.text === void 0) tag = { text: tag };
-  if (!Array.isArray(tags)) tags = [];
-  const classes = validateUserRules(tag, validation);
-  const index = findIndex(tags, (t) => t === tag);
-  const tagsDiff = clone(tags);
-  const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);
-  const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : Array.isArray(tagsDiff) ? tagsDiff.map((t) => t.text).indexOf(inputTag.text) !== -1 : false;
-  if (duplicate) classes.push("ti-duplicate");
-  classes.length === 0 ? classes.push("ti-valid") : classes.push("ti-invalid");
-  return classes;
-};
-const createTag = (tag, ...rest) => {
-  if (tag.text === void 0) tag = { text: tag };
-  const t = clone(tag);
-  if (rest[0] && !Array.isArray(rest[0])) {
-    rest[0] = [];
-  }
-  t.tiClasses = createClasses(tag, ...rest);
-  return t;
-};
-const createTags = (tags, ...rest) => {
-  if (!Array.isArray(tags)) {
-    return [];
-  }
-  return tags.map((t) => createTag(t, tags, ...rest));
-};
-exports.clone = clone;
-exports.createClasses = createClasses;
-exports.createTag = createTag;
-exports.createTags = createTags;
-//# sourceMappingURL=create-tags.cjs.map

package/dist/martyrs/src/components/FieldTags/create-tags.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-tags.cjs","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n  return validation\n    .filter(val => {\n      const { text } = tag;\n      // if the rule is a string, we convert it to RegExp\n      if (typeof val.rule === 'string') return !new RegExp(val.rule).test(text);\n\n      if (val.rule instanceof RegExp) return !val.rule.test(text);\n\n      // if we deal with a function, invoke it\n      const isFunction = {}.toString.call(val.rule) === '[object Function]';\n      if (isFunction) return val.rule(tag);\n    })\n    .map(val => val.classes);\n};\n\nconst clone = node => JSON.parse(JSON.stringify(node));\n\nconst findIndex = (arr, callback) => {\n  let index = 0;\n  while (index < arr.length) {\n    if (callback(arr[index], index, arr)) return index;\n    index++;\n  }\n  return -1;\n};\n\nconst createClasses = (tag, tags, validation = [], customDuplicateFn) => {\n  if (tag.text === undefined) tag = { text: tag };\n  \n  // Ensure tags is an array\n  if (!Array.isArray(tags)) tags = [];\n\n  // create css classes from the user validation array\n  const classes = validateUserRules(tag, validation);\n\n  // if we find the tag, it's an exsting one which is edited.\n  // in this case we must splice it out\n  const index = findIndex(tags, t => t === tag);\n  const tagsDiff = clone(tags);\n  const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);\n\n  // check whether the tag is a duplicate or not\n  const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : (Array.isArray(tagsDiff) ? tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1 : false);\n\n  // if it's a duplicate, push the class duplicate to the array\n  if (duplicate) classes.push('ti-duplicate');\n\n  // if we find no classes, the tag is valid → push the class valid\n  classes.length === 0 ? classes.push('ti-valid') : classes.push('ti-invalid');\n  return classes;\n};\n\n/**\n * @description Create one tag out of a String or validate an existing one\n * @property {helpers}\n * @param {Object|String} tag A tag which should be validated | A String to create a tag\n * @param {Array} tagsarray The tags array\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Object} The created (validated) tag\n */\nconst createTag = (tag, ...rest) => {\n  // if text is undefined, a string is passed. let's make a tag out of it\n  if (tag.text === undefined) tag = { text: tag };\n\n  // we better make a clone to not getting reference trouble\n  const t = clone(tag);\n  \n  // Ensure the first argument in rest (tags array) is actually an array\n  if (rest[0] && !Array.isArray(rest[0])) {\n    rest[0] = [];\n  }\n\n  // create the validation classes\n  t.tiClasses = createClasses(tag, ...rest);\n  return t;\n};\n\n/**\n * @description Create multiple tags out of Strings or validate existing tags\n * @property {helpers}\n * @param {Array} tagsarray An Array containing tags or strings. See example below.\n * @param {Array} [validation=[]] The validation Array is optional (pass it if you use one)\n * @returns {Array} An array containing (validated) tags\n * @example  &#47;* Example to call the function *&#47;\n   const validatedTags = createTags(['tag1Text', 'tag2Text'], [{ type: 'length', rule: /[0-9]/ }])\n */\nconst createTags = (tags, ...rest) => {\n  if (!Array.isArray(tags)) {\n    return [];\n  }\n  return tags.map(t => createTag(t, tags, ...rest));\n};\n\nexport { clone, createClasses, createTag, createTags };\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WACJ,OAAO,SAAO;AACb,UAAM,EAAE,KAAI,IAAK;AAEjB,QAAI,OAAO,IAAI,SAAS,SAAU,QAAO,CAAC,IAAI,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI;AAExE,QAAI,IAAI,gBAAgB,OAAQ,QAAO,CAAC,IAAI,KAAK,KAAK,IAAI;AAG1D,UAAM,aAAa,CAAA,EAAG,SAAS,KAAK,IAAI,IAAI,MAAM;AAClD,QAAI,WAAY,QAAO,IAAI,KAAK,GAAG;AAAA,EACrC,CAAC,EACA,IAAI,SAAO,IAAI,OAAO;AAC3B;AAEK,MAAC,QAAQ,UAAQ,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;AAErD,MAAM,YAAY,CAAC,KAAK,aAAa;AACnC,MAAI,QAAQ;AACZ,SAAO,QAAQ,IAAI,QAAQ;AACzB,QAAI,SAAS,IAAI,KAAK,GAAG,OAAO,GAAG,EAAG,QAAO;AAC7C;AAAA,EACF;AACA,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,MAAI,CAAC,MAAM,QAAQ,IAAI,EAAG,QAAO,CAAA;AAGjC,QAAM,UAAU,kBAAkB,KAAK,UAAU;AAIjD,QAAM,QAAQ,UAAU,MAAM,OAAK,MAAM,GAAG;AAC5C,QAAM,WAAW,MAAM,IAAI;AAC3B,QAAM,WAAW,UAAU,KAAK,SAAS,OAAO,OAAO,CAAC,EAAE,CAAC,IAAI,MAAM,GAAG;AAGxE,QAAM,YAAY,oBAAoB,kBAAkB,UAAU,QAAQ,IAAK,MAAM,QAAQ,QAAQ,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM,KAAK;AAGnK,MAAI,UAAW,SAAQ,KAAK,cAAc;AAG1C,UAAQ,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,YAAY;AAC3E,SAAO;AACT;AAUK,MAAC,YAAY,CAAC,QAAQ,SAAS;AAElC,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAG;AAG7C,QAAM,IAAI,MAAM,GAAG;AAGnB,MAAI,KAAK,CAAC,KAAK,CAAC,MAAM,QAAQ,KAAK,CAAC,CAAC,GAAG;AACtC,SAAK,CAAC,IAAI,CAAA;AAAA,EACZ;AAGA,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS;AACpC,MAAI,CAAC,MAAM,QAAQ,IAAI,GAAG;AACxB,WAAO,CAAA;AAAA,EACT;AACA,SAAO,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;AAClD;;;;;"}

package/dist/martyrs/src/components/FieldTags/create-tags.js

@@ -1,52 +0,0 @@
-const validateUserRules = (tag, validation) => {
-  return validation.filter((val) => {
-    const { text } = tag;
-    if (typeof val.rule === "string") return !new RegExp(val.rule).test(text);
-    if (val.rule instanceof RegExp) return !val.rule.test(text);
-    const isFunction = {}.toString.call(val.rule) === "[object Function]";
-    if (isFunction) return val.rule(tag);
-  }).map((val) => val.classes);
-};
-const clone = (node) => JSON.parse(JSON.stringify(node));
-const findIndex = (arr, callback) => {
-  let index = 0;
-  while (index < arr.length) {
-    if (callback(arr[index], index, arr)) return index;
-    index++;
-  }
-  return -1;
-};
-const createClasses = (tag, tags, validation = [], customDuplicateFn) => {
-  if (tag.text === void 0) tag = { text: tag };
-  if (!Array.isArray(tags)) tags = [];
-  const classes = validateUserRules(tag, validation);
-  const index = findIndex(tags, (t) => t === tag);
-  const tagsDiff = clone(tags);
-  const inputTag = index !== -1 ? tagsDiff.splice(index, 1)[0] : clone(tag);
-  const duplicate = customDuplicateFn ? customDuplicateFn(tagsDiff, inputTag) : Array.isArray(tagsDiff) ? tagsDiff.map((t) => t.text).indexOf(inputTag.text) !== -1 : false;
-  if (duplicate) classes.push("ti-duplicate");
-  classes.length === 0 ? classes.push("ti-valid") : classes.push("ti-invalid");
-  return classes;
-};
-const createTag = (tag, ...rest) => {
-  if (tag.text === void 0) tag = { text: tag };
-  const t = clone(tag);
-  if (rest[0] && !Array.isArray(rest[0])) {
-    rest[0] = [];
-  }
-  t.tiClasses = createClasses(tag, ...rest);
-  return t;
-};
-const createTags = (tags, ...rest) => {
-  if (!Array.isArray(tags)) {
-    return [];
-  }
-  return tags.map((t) => createTag(t, tags, ...rest));
-};
-export {
-  clone,
-  createClasses,
-  createTag,
-  createTags
-};
-//# sourceMappingURL=create-tags.js.map