@ozdao/martyrs 0.2.477 → 0.2.479

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

@@ -1 +1 @@
-{"version":3,"file":"FieldTags.vue.js","sources":["../../../../../src/components/FieldTags/FieldTags.vue"],"sourcesContent":["<!--\n  Entry Point for the component.\n  The file contains the template and includes the script and style files.\n-->\n\n<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\" class=\"ti-tags\">\n        <li\n          v-for=\"(tag, index) in tagsCopy\"\n          :key=\"index\"\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=\"setTagCenter\" 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            <!-- dont use v-if and v-else here -> different event calling on click?! -->\n            <i\n              v-if=\"!$slots['tag-actions']\"\n              v-show=\"tagsEditStatus[index]\"\n              class=\"ti-icon-undo\"\n              @click=\"cancelEdit(index)\"\n            />\n            <i\n              v-if=\"!$slots['tag-actions']\"\n              v-show=\"!tagsEditStatus[index]\"\n              class=\"ti-icon-close\"\n              @click=\"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=\"newTagInput\"\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=\"performAddTags(\n              filteredAutocompleteItems[selectedItem] || newTag, $event\n            )\"\n            @paste=\"addTagsFromPaste\"\n            @keydown.delete=\"invokeDelete\"\n            @keydown.tab=\"performBlur\"\n            @keydown.up=\"selectItem($event, 'before')\"\n            @keydown.down=\"selectItem($event, 'after')\"\n            @input=\"updateNewTag\"\n            @focus=\"focused = true\"\n            @click=\"addOnlyFromAutocomplete ? false : 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      @mouseout=\"selectedItem = null\"\n    >\n      <slot name=\"autocomplete-header\" />\n      <ul>\n        <li\n          v-for=\"(item, index) in filteredAutocompleteItems\"\n          :key=\"index\"\n          :style=\"item.style\"\n          :class=\"[\n            item.tiClasses,\n            item.classes,\n            { 'ti-selected-item': isSelected(index) }\n          ]\"\n          class=\"ti-item\"\n          @mouseover=\"disabled ? false : 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<!-- js and scss resources → I separated it into different files, because they became huge -->\n<script src=\"./vue-tags-input.js\"></script>\n\n<style lang=\"scss\" src=\"./vue-tags-input.scss\" ></style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_Fragment","_renderList","tagsEditStatus","_normalizeClass","isMarked","$emit","_renderSlot","_createCommentVNode","_toDisplayString","_createBlock","_withDirectives","_vShow","newTag","filteredAutocompleteItems","_withKeys","selectItem","autocompleteOpen","isSelected","disabled","selectedItem","performAddTags"],"mappings":"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"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"create-tags.cjs","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n  return validation.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  // 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) :\n    tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\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  // 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) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { createClasses, createTag, createTags, clone };\n"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WAAW,OAAO,SAAO;AAC9B,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,EAEpC,CAAA,EAAE,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,EACJ;AACE,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAK;AAG/C,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,IACxE,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGvD,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,IAAK;AAG/C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;;;;;"}
+{"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  // 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) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\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  // 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) => tags.map(t => createTag(t, tags, ...rest));\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,EACpC,CAAA,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,EACJ;AACE,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAK;AAG/C,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,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,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,IAAK;AAG/C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"create-tags.js","sources":["../../../../../src/components/FieldTags/create-tags.js"],"sourcesContent":["// helper functions\n\nconst validateUserRules = (tag, validation) => {\n  return validation.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  // 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) :\n    tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\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  // 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) => tags.map(t => createTag(t, tags, ...rest));\n\nexport { createClasses, createTag, createTags, clone };\n"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,CAAC,KAAK,eAAe;AAC7C,SAAO,WAAW,OAAO,SAAO;AAC9B,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,EAEpC,CAAA,EAAE,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,EACJ;AACE,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAK;AAG/C,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,IACxE,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGvD,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,IAAK;AAG/C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;"}
+{"version":3,"file":"create-tags.js","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  // 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) : tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\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  // 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) => tags.map(t => createTag(t, tags, ...rest));\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,EACpC,CAAA,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,EACJ;AACE,SAAO;AACT;AAEK,MAAC,gBAAgB,CAAC,KAAK,MAAM,aAAa,CAAA,GAAI,sBAAsB;AACvE,MAAI,IAAI,SAAS,OAAW,OAAM,EAAE,MAAM,IAAK;AAG/C,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,IAAI,SAAS,IAAI,OAAK,EAAE,IAAI,EAAE,QAAQ,SAAS,IAAI,MAAM;AAGnI,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,IAAK;AAG/C,QAAM,IAAI,MAAM,GAAG;AAGnB,IAAE,YAAY,cAAc,KAAK,GAAG,IAAI;AACxC,SAAO;AACT;AAWK,MAAC,aAAa,CAAC,SAAS,SAAS,KAAK,IAAI,OAAK,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;"}

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.cjs

@@ -223,10 +223,7 @@ const props = {
         if (missingRule) console.warn('Property "rule" is missing', v);
         const validRule = v.rule && (typeof v.rule === "string" || v.rule instanceof RegExp || {}.toString.call(v.rule) === "[object Function]");
         if (!validRule) {
-          console.warn(
-            "A rule must be type of string, RegExp or function. Found:",
-            JSON.stringify(v.rule)
-          );
+          console.warn("A rule must be type of string, RegExp or function. Found:", JSON.stringify(v.rule));
         }
         const missingClasses = !v.classes;
         if (missingClasses) console.warn('Property "classes" is missing', v);

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue-tags-input.props.cjs","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n  return !value.some(t => {\n    const invalidText = !t.text;\n    if (invalidText) console.warn('Missing property \"text\"', t);\n\n    let invalidClasses = false;\n    if (t.classes) invalidClasses = typeof t.classes !== 'string';\n    if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n    return invalidText || invalidClasses;\n  });\n};\n\nconst propValidatorStringNumeric = value => {\n  return !value.some(v => {\n    if (typeof v === 'number') {\n      const numeric = isFinite(v) && Math.floor(v) === v;\n      if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n      return !numeric;\n    } else if (typeof v === 'string') {\n      /*\n       * Regex: || Not totally fool-proof yet, still matches \"0a\" and such\n       * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n       * - allow alpha characters\n       * - deny numbers\n       */\n      const string = /\\W|[a-z]|!\\d/i.test(v);\n      if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n      return !string;\n    } else {\n      console.warn('Only numeric and string values are allowed. Found:', v);\n      return false;\n    }\n  });\n};\n\nexport default {\n  /**\n   * @description Property to bind a model to the input.\n     If the user changes the input value, the model updates, too.\n     If the user presses enter with an valid input,\n     a new tag is created with the value of this model.\n     After creating the new tag, the model is cleared.\n   * @property {props}\n   * @required\n   * @type {String}\n   * @model\n   * @default ''\n   */\n  modelValue: {\n    type: String,\n    default: '',\n    required: true,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The properties 'style' and 'class' are optional. Of course it is possible to add custom\n     properties to a tag object. vue-tags-input won't change the key and value.\n   * @property {props}\n   * @type {Array}\n   * @sync\n   * @default []\n   * @example\n    {\n     text: 'My tag value', /* The visible text on display */\n     style: 'background-color: #ccc', /* Adding inline styles is possible */\n     classes: 'custom-class another', /* The value will be added as css classes */\n    }\n   */\n  tags: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Expects an array containing objects inside. The objects\n    can have the same properties as a tag object.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   */\n  autocompleteItems: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Defines whether a tag is editable after creation or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  allowEditTags: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Defines if duplicate autocomplete items are filtered out from the view or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  autocompleteFilterDuplicates: {\n    default: true,\n    type: Boolean,\n  },\n  /**\n   * @description If it's true, the user can add tags only via the autocomplete layer.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  addOnlyFromAutocomplete: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The minimum character length which is required\n     until the autocomplete layer is shown. If set to 0,\n     then it'll be shown on focus.\n   * @property {props}\n   * @type {Number}\n   * @default 1\n   */\n  autocompleteMinLength: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description If it's true, the autocomplete layer is always shown, regardless if\n     an input or an autocomplete items exists.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  autocompleteAlwaysOpen: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Property to disable vue-tags-input.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The placeholder text which is shown in the input, when it's empty.\n   * @property {props}\n   * @type {String}\n   * @default Add Tag\n   */\n  placeholder: {\n    type: String,\n    default: 'Add Tag',\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user presses one of these,\n     a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n     as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example add-on-key=\"[13, ':', ';']\"\n   */\n  addOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user edits a tag\n     and presses one of these, the edited tag will be saved.\n     Can be either a numeric keyCode or the key as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example save-on-key=\"[13, ':', ';']\"\n   */\n  saveOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description The maximum amount the tags array is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxTags: {\n    type: Number,\n  },\n  /**\n   * @description The maximum amount of characters the input is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxlength: {\n    type: Number,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The property 'classes' will be added as css classes, if the property 'rule' matches the text\n     of a tag, an autocomplete item or the input. The property 'rule' can be type of\n     RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n     to the tags array, if the appropriated rule matches.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   * @example\n    {\n     classes: 'class', /* css class */\n     rule: /^([^0-9]*)$/, /* RegExp */\n    }, {\n     classes: 'no-braces', /* css class */\n     rule(text) { /* function with text as param */\n      return text.indexOf('{') !== -1 || text.indexOf('}') !== -1;\n     },\n     disableAdd: true, /* if the rule matches, the item cannot be added */,\n    },\n   */\n  validation: {\n    type: Array,\n    default: () => [],\n    validator(value) {\n      return !value.some(v => {\n        const missingRule = !v.rule;\n        if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n        const validRule = v.rule && (\n          typeof v.rule === 'string' ||\n          v.rule instanceof RegExp ||\n          {}.toString.call(v.rule) === '[object Function]'\n        );\n\n        if (!validRule) {\n          console.warn(\n            'A rule must be type of string, RegExp or function. Found:',\n            JSON.stringify(v.rule)\n          );\n        }\n\n        const missingClasses = !v.classes;\n        if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n        const invalidType = v.type && typeof v.type !== 'string';\n        if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n        return !validRule || missingRule || missingClasses || invalidType;\n      });\n    },\n  },\n  /**\n   * @description Defines the characters which splits a text into different pieces,\n     to generate tags out of this pieces.\n   * @property {props}\n   * @type {Array}\n   * @default [';']\n   * @example\n     separators: [';', ',']\n     input: some; user input, has random; commas, an,d semicolons\n     will split into: some - user input - has random - commas - an - d semicolons\n   */\n  separators: {\n    type: Array,\n    default: () => [';'],\n    validator(value) {\n      return !value.some(s => {\n        const invalidType = typeof s !== 'string';\n        if (invalidType) console.warn('Separators must be type of string. Found:', s);\n        return invalidType;\n      });\n    },\n  },\n  /**\n   * @description If it's true, the user can't add or save a tag,\n     if another exists, with the same text value.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  avoidAddingDuplicates: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description If the input holds a value and loses the focus,\n     a tag will be generated out of this value, if possible.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Custom function to detect duplicates. If the function returns 'true',\n    the tag will be marked as duplicate.\n   * @property {props}\n   * @type {Function}\n   * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n   * @param {Object} tag The tag which is edited or should be added to the tags array.\n   * @example\n     // The duplicate function to recreate the default behaviour, would look like this:\n     isDuplicate(tags, tag) {\n      return tags.map(t => t.text).indexOf(tag.text) !== -1;\n    }\n   */\n  isDuplicate: {\n    type: Function,\n    default: null,\n  },\n  /**\n   * @description If it's true, the user can paste into the input element and\n     vue-tags-input will create tags out of the incoming text.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addFromPaste: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Defines if it's possible to delete tags by pressing backspace.\n     If so and the user wants to delete a tag,\n     the tag gets the css class 'deletion-mark' for 1 second.\n     If the user presses backspace again in that time period,\n     the tag is removed from the tags array and the view.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  deleteOnBackspace: {\n    default: true,\n    type: Boolean,\n  },\n  // event handlers\n  onBeforeAddingTag: Function,\n  onBeforeDeletingTag: Function,\n  onBeforeEditingTag: Function,\n  onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"vue-tags-input.props.cjs","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n  return !value.some(t => {\n    const invalidText = !t.text;\n    if (invalidText) console.warn('Missing property \"text\"', t);\n\n    let invalidClasses = false;\n    if (t.classes) invalidClasses = typeof t.classes !== 'string';\n    if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n    return invalidText || invalidClasses;\n  });\n};\n\nconst propValidatorStringNumeric = value => {\n  return !value.some(v => {\n    if (typeof v === 'number') {\n      const numeric = isFinite(v) && Math.floor(v) === v;\n      if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n      return !numeric;\n    } else if (typeof v === 'string') {\n      /*\n       * Regex: || Not totally fool-proof yet, still matches \"0a\" and such\n       * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n       * - allow alpha characters\n       * - deny numbers\n       */\n      const string = /\\W|[a-z]|!\\d/i.test(v);\n      if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n      return !string;\n    } else {\n      console.warn('Only numeric and string values are allowed. Found:', v);\n      return false;\n    }\n  });\n};\n\nexport default {\n  /**\n   * @description Property to bind a model to the input.\n     If the user changes the input value, the model updates, too.\n     If the user presses enter with an valid input,\n     a new tag is created with the value of this model.\n     After creating the new tag, the model is cleared.\n   * @property {props}\n   * @required\n   * @type {String}\n   * @model\n   * @default ''\n   */\n  modelValue: {\n    type: String,\n    default: '',\n    required: true,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The properties 'style' and 'class' are optional. Of course it is possible to add custom\n     properties to a tag object. vue-tags-input won't change the key and value.\n   * @property {props}\n   * @type {Array}\n   * @sync\n   * @default []\n   * @example\n    {\n     text: 'My tag value', /* The visible text on display */\n     style: 'background-color: #ccc', /* Adding inline styles is possible */\n     classes: 'custom-class another', /* The value will be added as css classes */\n    }\n   */\n  tags: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Expects an array containing objects inside. The objects\n    can have the same properties as a tag object.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   */\n  autocompleteItems: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Defines whether a tag is editable after creation or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  allowEditTags: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Defines if duplicate autocomplete items are filtered out from the view or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  autocompleteFilterDuplicates: {\n    default: true,\n    type: Boolean,\n  },\n  /**\n   * @description If it's true, the user can add tags only via the autocomplete layer.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  addOnlyFromAutocomplete: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The minimum character length which is required\n     until the autocomplete layer is shown. If set to 0,\n     then it'll be shown on focus.\n   * @property {props}\n   * @type {Number}\n   * @default 1\n   */\n  autocompleteMinLength: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description If it's true, the autocomplete layer is always shown, regardless if\n     an input or an autocomplete items exists.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  autocompleteAlwaysOpen: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Property to disable vue-tags-input.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The placeholder text which is shown in the input, when it's empty.\n   * @property {props}\n   * @type {String}\n   * @default Add Tag\n   */\n  placeholder: {\n    type: String,\n    default: 'Add Tag',\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user presses one of these,\n     a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n     as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example add-on-key=\"[13, ':', ';']\"\n   */\n  addOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user edits a tag\n     and presses one of these, the edited tag will be saved.\n     Can be either a numeric keyCode or the key as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example save-on-key=\"[13, ':', ';']\"\n   */\n  saveOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description The maximum amount the tags array is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxTags: {\n    type: Number,\n  },\n  /**\n   * @description The maximum amount of characters the input is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxlength: {\n    type: Number,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The property 'classes' will be added as css classes, if the property 'rule' matches the text\n     of a tag, an autocomplete item or the input. The property 'rule' can be type of\n     RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n     to the tags array, if the appropriated rule matches.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   * @example\n    {\n     classes: 'class', /* css class */\n     rule: /^([^0-9]*)$/, /* RegExp */\n    }, {\n     classes: 'no-braces', /* css class */\n     rule(text) { /* function with text as param */\n      return text.indexOf('{') !== -1 || text.indexOf('}') !== -1;\n     },\n     disableAdd: true, /* if the rule matches, the item cannot be added */,\n    },\n   */\n  validation: {\n    type: Array,\n    default: () => [],\n    validator(value) {\n      return !value.some(v => {\n        const missingRule = !v.rule;\n        if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n        const validRule = v.rule && (typeof v.rule === 'string' || v.rule instanceof RegExp || {}.toString.call(v.rule) === '[object Function]');\n\n        if (!validRule) {\n          console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n        }\n\n        const missingClasses = !v.classes;\n        if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n        const invalidType = v.type && typeof v.type !== 'string';\n        if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n        return !validRule || missingRule || missingClasses || invalidType;\n      });\n    },\n  },\n  /**\n   * @description Defines the characters which splits a text into different pieces,\n     to generate tags out of this pieces.\n   * @property {props}\n   * @type {Array}\n   * @default [';']\n   * @example\n     separators: [';', ',']\n     input: some; user input, has random; commas, an,d semicolons\n     will split into: some - user input - has random - commas - an - d semicolons\n   */\n  separators: {\n    type: Array,\n    default: () => [';'],\n    validator(value) {\n      return !value.some(s => {\n        const invalidType = typeof s !== 'string';\n        if (invalidType) console.warn('Separators must be type of string. Found:', s);\n        return invalidType;\n      });\n    },\n  },\n  /**\n   * @description If it's true, the user can't add or save a tag,\n     if another exists, with the same text value.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  avoidAddingDuplicates: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description If the input holds a value and loses the focus,\n     a tag will be generated out of this value, if possible.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Custom function to detect duplicates. If the function returns 'true',\n    the tag will be marked as duplicate.\n   * @property {props}\n   * @type {Function}\n   * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n   * @param {Object} tag The tag which is edited or should be added to the tags array.\n   * @example\n     // The duplicate function to recreate the default behaviour, would look like this:\n     isDuplicate(tags, tag) {\n      return tags.map(t => t.text).indexOf(tag.text) !== -1;\n    }\n   */\n  isDuplicate: {\n    type: Function,\n    default: null,\n  },\n  /**\n   * @description If it's true, the user can paste into the input element and\n     vue-tags-input will create tags out of the incoming text.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addFromPaste: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Defines if it's possible to delete tags by pressing backspace.\n     If so and the user wants to delete a tag,\n     the tag gets the css class 'deletion-mark' for 1 second.\n     If the user presses backspace again in that time period,\n     the tag is removed from the tags array and the view.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  deleteOnBackspace: {\n    default: true,\n    type: Boolean,\n  },\n  // event handlers\n  onBeforeAddingTag: Function,\n  onBeforeDeletingTag: Function,\n  onBeforeEditingTag: Function,\n  onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.js

@@ -221,10 +221,7 @@ const props = {
         if (missingRule) console.warn('Property "rule" is missing', v);
         const validRule = v.rule && (typeof v.rule === "string" || v.rule instanceof RegExp || {}.toString.call(v.rule) === "[object Function]");
         if (!validRule) {
-          console.warn(
-            "A rule must be type of string, RegExp or function. Found:",
-            JSON.stringify(v.rule)
-          );
+          console.warn("A rule must be type of string, RegExp or function. Found:", JSON.stringify(v.rule));
         }
         const missingClasses = !v.classes;
         if (missingClasses) console.warn('Property "classes" is missing', v);

package/dist/martyrs/src/components/FieldTags/vue-tags-input.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-tags-input.props.js","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n  return !value.some(t => {\n    const invalidText = !t.text;\n    if (invalidText) console.warn('Missing property \"text\"', t);\n\n    let invalidClasses = false;\n    if (t.classes) invalidClasses = typeof t.classes !== 'string';\n    if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n    return invalidText || invalidClasses;\n  });\n};\n\nconst propValidatorStringNumeric = value => {\n  return !value.some(v => {\n    if (typeof v === 'number') {\n      const numeric = isFinite(v) && Math.floor(v) === v;\n      if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n      return !numeric;\n    } else if (typeof v === 'string') {\n      /*\n       * Regex: || Not totally fool-proof yet, still matches \"0a\" and such\n       * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n       * - allow alpha characters\n       * - deny numbers\n       */\n      const string = /\\W|[a-z]|!\\d/i.test(v);\n      if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n      return !string;\n    } else {\n      console.warn('Only numeric and string values are allowed. Found:', v);\n      return false;\n    }\n  });\n};\n\nexport default {\n  /**\n   * @description Property to bind a model to the input.\n     If the user changes the input value, the model updates, too.\n     If the user presses enter with an valid input,\n     a new tag is created with the value of this model.\n     After creating the new tag, the model is cleared.\n   * @property {props}\n   * @required\n   * @type {String}\n   * @model\n   * @default ''\n   */\n  modelValue: {\n    type: String,\n    default: '',\n    required: true,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The properties 'style' and 'class' are optional. Of course it is possible to add custom\n     properties to a tag object. vue-tags-input won't change the key and value.\n   * @property {props}\n   * @type {Array}\n   * @sync\n   * @default []\n   * @example\n    {\n     text: 'My tag value', /* The visible text on display */\n     style: 'background-color: #ccc', /* Adding inline styles is possible */\n     classes: 'custom-class another', /* The value will be added as css classes */\n    }\n   */\n  tags: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Expects an array containing objects inside. The objects\n    can have the same properties as a tag object.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   */\n  autocompleteItems: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Defines whether a tag is editable after creation or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  allowEditTags: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Defines if duplicate autocomplete items are filtered out from the view or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  autocompleteFilterDuplicates: {\n    default: true,\n    type: Boolean,\n  },\n  /**\n   * @description If it's true, the user can add tags only via the autocomplete layer.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  addOnlyFromAutocomplete: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The minimum character length which is required\n     until the autocomplete layer is shown. If set to 0,\n     then it'll be shown on focus.\n   * @property {props}\n   * @type {Number}\n   * @default 1\n   */\n  autocompleteMinLength: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description If it's true, the autocomplete layer is always shown, regardless if\n     an input or an autocomplete items exists.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  autocompleteAlwaysOpen: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Property to disable vue-tags-input.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The placeholder text which is shown in the input, when it's empty.\n   * @property {props}\n   * @type {String}\n   * @default Add Tag\n   */\n  placeholder: {\n    type: String,\n    default: 'Add Tag',\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user presses one of these,\n     a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n     as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example add-on-key=\"[13, ':', ';']\"\n   */\n  addOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user edits a tag\n     and presses one of these, the edited tag will be saved.\n     Can be either a numeric keyCode or the key as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example save-on-key=\"[13, ':', ';']\"\n   */\n  saveOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description The maximum amount the tags array is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxTags: {\n    type: Number,\n  },\n  /**\n   * @description The maximum amount of characters the input is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxlength: {\n    type: Number,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The property 'classes' will be added as css classes, if the property 'rule' matches the text\n     of a tag, an autocomplete item or the input. The property 'rule' can be type of\n     RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n     to the tags array, if the appropriated rule matches.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   * @example\n    {\n     classes: 'class', /* css class */\n     rule: /^([^0-9]*)$/, /* RegExp */\n    }, {\n     classes: 'no-braces', /* css class */\n     rule(text) { /* function with text as param */\n      return text.indexOf('{') !== -1 || text.indexOf('}') !== -1;\n     },\n     disableAdd: true, /* if the rule matches, the item cannot be added */,\n    },\n   */\n  validation: {\n    type: Array,\n    default: () => [],\n    validator(value) {\n      return !value.some(v => {\n        const missingRule = !v.rule;\n        if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n        const validRule = v.rule && (\n          typeof v.rule === 'string' ||\n          v.rule instanceof RegExp ||\n          {}.toString.call(v.rule) === '[object Function]'\n        );\n\n        if (!validRule) {\n          console.warn(\n            'A rule must be type of string, RegExp or function. Found:',\n            JSON.stringify(v.rule)\n          );\n        }\n\n        const missingClasses = !v.classes;\n        if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n        const invalidType = v.type && typeof v.type !== 'string';\n        if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n        return !validRule || missingRule || missingClasses || invalidType;\n      });\n    },\n  },\n  /**\n   * @description Defines the characters which splits a text into different pieces,\n     to generate tags out of this pieces.\n   * @property {props}\n   * @type {Array}\n   * @default [';']\n   * @example\n     separators: [';', ',']\n     input: some; user input, has random; commas, an,d semicolons\n     will split into: some - user input - has random - commas - an - d semicolons\n   */\n  separators: {\n    type: Array,\n    default: () => [';'],\n    validator(value) {\n      return !value.some(s => {\n        const invalidType = typeof s !== 'string';\n        if (invalidType) console.warn('Separators must be type of string. Found:', s);\n        return invalidType;\n      });\n    },\n  },\n  /**\n   * @description If it's true, the user can't add or save a tag,\n     if another exists, with the same text value.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  avoidAddingDuplicates: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description If the input holds a value and loses the focus,\n     a tag will be generated out of this value, if possible.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Custom function to detect duplicates. If the function returns 'true',\n    the tag will be marked as duplicate.\n   * @property {props}\n   * @type {Function}\n   * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n   * @param {Object} tag The tag which is edited or should be added to the tags array.\n   * @example\n     // The duplicate function to recreate the default behaviour, would look like this:\n     isDuplicate(tags, tag) {\n      return tags.map(t => t.text).indexOf(tag.text) !== -1;\n    }\n   */\n  isDuplicate: {\n    type: Function,\n    default: null,\n  },\n  /**\n   * @description If it's true, the user can paste into the input element and\n     vue-tags-input will create tags out of the incoming text.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addFromPaste: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Defines if it's possible to delete tags by pressing backspace.\n     If so and the user wants to delete a tag,\n     the tag gets the css class 'deletion-mark' for 1 second.\n     If the user presses backspace again in that time period,\n     the tag is removed from the tags array and the view.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  deleteOnBackspace: {\n    default: true,\n    type: Boolean,\n  },\n  // event handlers\n  onBeforeAddingTag: Function,\n  onBeforeDeletingTag: Function,\n  onBeforeEditingTag: Function,\n  onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"vue-tags-input.props.js","sources":["../../../../../src/components/FieldTags/vue-tags-input.props.js"],"sourcesContent":["// The file contains all props and validators which are provided by the component\n\nconst propValidatorTag = value => {\n  return !value.some(t => {\n    const invalidText = !t.text;\n    if (invalidText) console.warn('Missing property \"text\"', t);\n\n    let invalidClasses = false;\n    if (t.classes) invalidClasses = typeof t.classes !== 'string';\n    if (invalidClasses) console.warn('Property \"classes\" must be type of string', t);\n\n    return invalidText || invalidClasses;\n  });\n};\n\nconst propValidatorStringNumeric = value => {\n  return !value.some(v => {\n    if (typeof v === 'number') {\n      const numeric = isFinite(v) && Math.floor(v) === v;\n      if (!numeric) console.warn('Only numerics are allowed for this prop. Found:', v);\n      return !numeric;\n    } else if (typeof v === 'string') {\n      /*\n       * Regex: || Not totally fool-proof yet, still matches \"0a\" and such\n       * - allow non-word characters (aka symbols e.g. ;, :, ' etc)\n       * - allow alpha characters\n       * - deny numbers\n       */\n      const string = /\\W|[a-z]|!\\d/i.test(v);\n      if (!string) console.warn('Only alpha strings are allowed for this prop. Found:', v);\n      return !string;\n    } else {\n      console.warn('Only numeric and string values are allowed. Found:', v);\n      return false;\n    }\n  });\n};\n\nexport default {\n  /**\n   * @description Property to bind a model to the input.\n     If the user changes the input value, the model updates, too.\n     If the user presses enter with an valid input,\n     a new tag is created with the value of this model.\n     After creating the new tag, the model is cleared.\n   * @property {props}\n   * @required\n   * @type {String}\n   * @model\n   * @default ''\n   */\n  modelValue: {\n    type: String,\n    default: '',\n    required: true,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The properties 'style' and 'class' are optional. Of course it is possible to add custom\n     properties to a tag object. vue-tags-input won't change the key and value.\n   * @property {props}\n   * @type {Array}\n   * @sync\n   * @default []\n   * @example\n    {\n     text: 'My tag value', /* The visible text on display */\n     style: 'background-color: #ccc', /* Adding inline styles is possible */\n     classes: 'custom-class another', /* The value will be added as css classes */\n    }\n   */\n  tags: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Expects an array containing objects inside. The objects\n    can have the same properties as a tag object.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   */\n  autocompleteItems: {\n    type: Array,\n    default: () => [],\n    validator: propValidatorTag,\n  },\n  /**\n   * @description Defines whether a tag is editable after creation or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  allowEditTags: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Defines if duplicate autocomplete items are filtered out from the view or not.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  autocompleteFilterDuplicates: {\n    default: true,\n    type: Boolean,\n  },\n  /**\n   * @description If it's true, the user can add tags only via the autocomplete layer.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  addOnlyFromAutocomplete: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The minimum character length which is required\n     until the autocomplete layer is shown. If set to 0,\n     then it'll be shown on focus.\n   * @property {props}\n   * @type {Number}\n   * @default 1\n   */\n  autocompleteMinLength: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description If it's true, the autocomplete layer is always shown, regardless if\n     an input or an autocomplete items exists.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  autocompleteAlwaysOpen: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description Property to disable vue-tags-input.\n   * @property {props}\n   * @type {Boolean}\n   * @default false\n   */\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description The placeholder text which is shown in the input, when it's empty.\n   * @property {props}\n   * @type {String}\n   * @default Add Tag\n   */\n  placeholder: {\n    type: String,\n    default: 'Add Tag',\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user presses one of these,\n     a tag will be generated out of the input value. Can be either a numeric keyCode or the key\n     as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example add-on-key=\"[13, ':', ';']\"\n   */\n  addOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description Custom trigger key codes can be registrated. If the user edits a tag\n     and presses one of these, the edited tag will be saved.\n     Can be either a numeric keyCode or the key as a string.\n   * @property {props}\n   * @type {Array}\n   * @default [13]\n   * @example save-on-key=\"[13, ':', ';']\"\n   */\n  saveOnKey: {\n    type: Array,\n    default: () => [13],\n    validator: propValidatorStringNumeric,\n  },\n  /**\n   * @description The maximum amount the tags array is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxTags: {\n    type: Number,\n  },\n  /**\n   * @description The maximum amount of characters the input is allowed to hold.\n   * @property {props}\n   * @type {Number}\n   */\n  maxlength: {\n    type: Number,\n  },\n  /**\n   * @description Pass an array containing objects like in the example below.\n     The property 'classes' will be added as css classes, if the property 'rule' matches the text\n     of a tag, an autocomplete item or the input. The property 'rule' can be type of\n     RegExp or function. If the property 'disableAdd' is 'true', the item can't be added\n     to the tags array, if the appropriated rule matches.\n   * @property {props}\n   * @type {Array}\n   * @default []\n   * @example\n    {\n     classes: 'class', /* css class */\n     rule: /^([^0-9]*)$/, /* RegExp */\n    }, {\n     classes: 'no-braces', /* css class */\n     rule(text) { /* function with text as param */\n      return text.indexOf('{') !== -1 || text.indexOf('}') !== -1;\n     },\n     disableAdd: true, /* if the rule matches, the item cannot be added */,\n    },\n   */\n  validation: {\n    type: Array,\n    default: () => [],\n    validator(value) {\n      return !value.some(v => {\n        const missingRule = !v.rule;\n        if (missingRule) console.warn('Property \"rule\" is missing', v);\n\n        const validRule = v.rule && (typeof v.rule === 'string' || v.rule instanceof RegExp || {}.toString.call(v.rule) === '[object Function]');\n\n        if (!validRule) {\n          console.warn('A rule must be type of string, RegExp or function. Found:', JSON.stringify(v.rule));\n        }\n\n        const missingClasses = !v.classes;\n        if (missingClasses) console.warn('Property \"classes\" is missing', v);\n\n        const invalidType = v.type && typeof v.type !== 'string';\n        if (invalidType) console.warn('Property \"type\" must be type of string. Found:', v);\n\n        return !validRule || missingRule || missingClasses || invalidType;\n      });\n    },\n  },\n  /**\n   * @description Defines the characters which splits a text into different pieces,\n     to generate tags out of this pieces.\n   * @property {props}\n   * @type {Array}\n   * @default [';']\n   * @example\n     separators: [';', ',']\n     input: some; user input, has random; commas, an,d semicolons\n     will split into: some - user input - has random - commas - an - d semicolons\n   */\n  separators: {\n    type: Array,\n    default: () => [';'],\n    validator(value) {\n      return !value.some(s => {\n        const invalidType = typeof s !== 'string';\n        if (invalidType) console.warn('Separators must be type of string. Found:', s);\n        return invalidType;\n      });\n    },\n  },\n  /**\n   * @description If it's true, the user can't add or save a tag,\n     if another exists, with the same text value.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  avoidAddingDuplicates: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description If the input holds a value and loses the focus,\n     a tag will be generated out of this value, if possible.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Custom function to detect duplicates. If the function returns 'true',\n    the tag will be marked as duplicate.\n   * @property {props}\n   * @type {Function}\n   * @param {Array} tagsarray The Array of tags minus the one which is edited/created.\n   * @param {Object} tag The tag which is edited or should be added to the tags array.\n   * @example\n     // The duplicate function to recreate the default behaviour, would look like this:\n     isDuplicate(tags, tag) {\n      return tags.map(t => t.text).indexOf(tag.text) !== -1;\n    }\n   */\n  isDuplicate: {\n    type: Function,\n    default: null,\n  },\n  /**\n   * @description If it's true, the user can paste into the input element and\n     vue-tags-input will create tags out of the incoming text.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  addFromPaste: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Defines if it's possible to delete tags by pressing backspace.\n     If so and the user wants to delete a tag,\n     the tag gets the css class 'deletion-mark' for 1 second.\n     If the user presses backspace again in that time period,\n     the tag is removed from the tags array and the view.\n   * @property {props}\n   * @type {Boolean}\n   * @default true\n   */\n  deleteOnBackspace: {\n    default: true,\n    type: Boolean,\n  },\n  // event handlers\n  onBeforeAddingTag: Function,\n  onBeforeDeletingTag: Function,\n  onBeforeEditingTag: Function,\n  onBeforeSavingTag: Function,\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css            */
+;/* empty css           */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue.cjs.map
+//# sourceMappingURL=Menu.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css          */
+/* empty css         */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Menu.vue.js.map
+//# sourceMappingURL=Menu.vue2.js.map

package/dist/martyrs/src/components/Menu/Menu.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
 ;/* empty css            */
 const _hoisted_1 = {
   key: 0,
-  class: "mn-b-small"
+  class: "mn-b-medium"
 };
 const _sfc_main = {
   __name: "Popup",
@@ -16,12 +16,33 @@ const _sfc_main = {
       default: false
     },
     style: String,
-    title: String
+    title: String,
+    align: {
+      type: String,
+      default: "center center",
+      validator: (value) => {
+        const validAlignments = [
+          "top left",
+          "top center",
+          "top right",
+          "center left",
+          "center center",
+          "center right",
+          "bottom left",
+          "bottom center",
+          "bottom right"
+        ];
+        return validAlignments.includes(value);
+      }
+    }
   },
   emits: ["close-popup"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const alignClass = vue.computed(() => {
+      return `align-${props.align.replace(/\s+/g, "-")}`;
+    });
     function closePopup() {
       emits("close-popup");
     }
@@ -43,8 +64,9 @@ const _sfc_main = {
           }, [
             __props.isPopupOpen ? (vue.openBlock(), vue.createElementBlock("div", {
               key: "popup-content",
-              class: vue.normalizeClass(["pd-small z-index-6 popup-wrapper", {
-                "pd-t-extra": _ctx.MOBILE_APP === "ios"
+              class: vue.normalizeClass(["z-index-6 popup-wrapper", {
+                "pd-t-extra": _ctx.MOBILE_APP === "ios",
+                [alignClass.value]: true
               }])
             }, [
               vue.createVNode(vue.Transition, {
@@ -59,7 +81,7 @@ const _sfc_main = {
                     vue.createVNode(IconCross.default, {
                       fill: "rgb(var(--white))",
                       onClick: _cache[0] || (_cache[0] = ($event) => closePopup()),
-                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
+                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5"
                     }),
                     vue.renderSlot(_ctx.$slots, "default")
                   ], 16)

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue2.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\n\t  #view {\n\t  \toverflow: hidden;\n\t  }\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":["watch","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAA,QAAK,MAAC,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGaC,cAAQ,SAAA;AACPC,cAAS,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Popup.vue2.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":["computed","watch","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAaA,IAAQ,SAAC,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAC,QAAK,MAAC,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGaC,cAAQ,SAAA;AACPC,cAAS,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,10 @@
-import { watch, createBlock, openBlock, Transition, withCtx, createCommentVNode, Teleport, createElementBlock, normalizeClass, createVNode, createElementVNode, mergeProps, renderSlot, toDisplayString } from "vue";
+import { computed, watch, createBlock, openBlock, Transition, withCtx, createCommentVNode, Teleport, createElementBlock, normalizeClass, createVNode, createElementVNode, mergeProps, renderSlot, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
 /* empty css          */
 const _hoisted_1 = {
   key: 0,
-  class: "mn-b-small"
+  class: "mn-b-medium"
 };
 const _sfc_main = {
   __name: "Popup",
@@ -14,12 +14,33 @@ const _sfc_main = {
       default: false
     },
     style: String,
-    title: String
+    title: String,
+    align: {
+      type: String,
+      default: "center center",
+      validator: (value) => {
+        const validAlignments = [
+          "top left",
+          "top center",
+          "top right",
+          "center left",
+          "center center",
+          "center right",
+          "bottom left",
+          "bottom center",
+          "bottom right"
+        ];
+        return validAlignments.includes(value);
+      }
+    }
   },
   emits: ["close-popup"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const alignClass = computed(() => {
+      return `align-${props.align.replace(/\s+/g, "-")}`;
+    });
     function closePopup() {
       emits("close-popup");
     }
@@ -41,8 +62,9 @@ const _sfc_main = {
           }, [
             __props.isPopupOpen ? (openBlock(), createElementBlock("div", {
               key: "popup-content",
-              class: normalizeClass(["pd-small z-index-6 popup-wrapper", {
-                "pd-t-extra": _ctx.MOBILE_APP === "ios"
+              class: normalizeClass(["z-index-6 popup-wrapper", {
+                "pd-t-extra": _ctx.MOBILE_APP === "ios",
+                [alignClass.value]: true
               }])
             }, [
               createVNode(Transition, {
@@ -57,7 +79,7 @@ const _sfc_main = {
                     createVNode(_sfc_main$1, {
                       fill: "rgb(var(--white))",
                       onClick: _cache[0] || (_cache[0] = ($event) => closePopup()),
-                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
+                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5"
                     }),
                     renderSlot(_ctx.$slots, "default")
                   ], 16)

package/dist/martyrs/src/components/Popup/Popup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue2.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\n\t  #view {\n\t  \toverflow: hidden;\n\t  }\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGa,aAAQ;AACP,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Popup.vue2.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGa,aAAQ;AACP,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -76,9 +76,7 @@ const _sfc_main = {
           onClick: vue.withModifiers(toggleMenu, ["stop"]),
           class: vue.normalizeClass([_ctx.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
         }, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
-          ])) : vue.createCommentVNode("", true),
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("span", null, vue.toDisplayString(optionsSelected.value ? optionsSelected.value.name || optionsSelected.value[props.value] || optionsSelected.value : __props.placeholder), 1),
           vue.createVNode(vue.Transition, {
             mode: "out-in",
@@ -119,6 +117,6 @@ const _sfc_main = {
     };
   }
 };
-const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-629dcd8f"]]);
+const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-89d423c5"]]);
 exports.default = Select;
 //# sourceMappingURL=Select.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\n\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\n\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":["clickOutside","ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAWC,IAAG,IAAC,KAAK;AAE1B,UAAM,kBAAkBA,IAAG;AAAA,MACzB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAEDC,QAAK,MAAC,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Select.vue.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\n\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\n\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":["clickOutside","ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAWC,IAAG,IAAC,KAAK;AAE1B,UAAM,kBAAkBA,IAAG;AAAA,MACzB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAEDC,QAAK,MAAC,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}