@ozdao/martyrs 0.2.541 → 0.2.542

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const FieldTags = require("./FieldTags.vue.cjs");
+const FieldTags = require("./FieldTags.vue2.cjs");
 ;/* empty css                 */
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { key: 1 };
@@ -29,48 +29,57 @@ const _sfc_main = {
     const tag = vue.ref("");
     const selectedTags = vue.ref([]);
     const autocompleteItems = vue.ref(props.tagsSuggested);
-    if (props.tags) selectedTags.value = props.tags.map((tag2) => ({ text: tag2 }));
+    if (props.tags) {
+      selectedTags.value = props.tags.map(
+        (tag2) => typeof tag2 === "string" ? { text: tag2 } : tag2
+      );
+    }
     const filteredItems = vue.computed(() => {
-      return autocompleteItems.value.filter((i) => {
-        return i.text.toLowerCase().includes(tag.value.toLowerCase());
-      });
+      return autocompleteItems.value;
     });
     const filteredSuggestedItems = vue.computed(() => {
       return autocompleteItems.value.filter((item) => {
         return !selectedTags.value.some((tag2) => tag2.text === item.text);
       });
     });
-    function addTag(tag2) {
-      selectedTags.value.push(tag2);
-      emits("tags-changed", selectedTags.value.map((tag3) => {
-        return tag3.text;
-      }));
+    function addTag(tagToAdd) {
+      selectedTags.value.push(tagToAdd);
+      emits("tags-changed", selectedTags.value.map((t) => t.text));
+    }
+    function addTagFromInput() {
+      if (tag.value) {
+        addTag({ text: tag.value });
+        tag.value = "";
+      }
     }
     function handleTagsChanged(newTags) {
       selectedTags.value = newTags;
-      emits("tags-changed", selectedTags.value.map((tag2) => {
-        return tag2.text;
-      }));
+      emits("tags-changed", newTags.map((t) => typeof t === "string" ? t : t.text));
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(FieldTags.default, {
-          modelValue: tag.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tag.value = $event),
-          tags: selectedTags.value,
+          modelValue: selectedTags.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
           "autocomplete-items": filteredItems.value,
           "add-on-key": [13, ":", ";", ","],
-          "save-on-key": [13, ":", ";", ","],
           separators: [";", ","],
           "max-tags": 20,
           maxlength: 20,
           placeholder: "Please add tags",
-          "add-from-paste": true,
-          "allow-edit-tags": true,
           onTagsChanged: handleTagsChanged,
           class: "mn-b-thin bg-light radius-medium pd-small"
-        }, null, 8, ["modelValue", "tags", "autocomplete-items"]),
-        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
+        }, null, 8, ["modelValue", "autocomplete-items"]),
+        vue.withDirectives(vue.createElementVNode("input", {
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tag.value = $event),
+          onKeydown: vue.withKeys(addTagFromInput, ["enter"]),
+          placeholder: "Type to filter suggestions",
+          class: "hidden-input",
+          style: { "position": "absolute", "left": "-9999px" }
+        }, null, 544), [
+          [vue.vModelText, tag.value]
+        ]),
+        _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
         filteredSuggestedItems.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(filteredSuggestedItems.value, (tag2, index) => {
           return vue.openBlock(), vue.createElementBlock("span", {
             onClick: ($event) => addTag(tag2),

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

@@ -1 +1 @@
-{"version":3,"file":"BlockTags.vue.cjs","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["ref","tag","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAMA,IAAAA,IAAI,EAAE;AAElB,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAE3B,UAAM,oBAAoBA,IAAAA,IAAI,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAC,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAW,EAAG,SAAS,IAAI,MAAM,aAAa;AAAA,MAC9D,CAAC;AAAA,IACH,CAAC;AAED,UAAM,yBAAyBA,IAAAA,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAD,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MAC/D,CAAC;AAAA,IACH,CAAC;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAK,CAAC,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAK,CAAC,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockTags.vue.cjs","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n    \n    <input\n      v-model=\"tag\"\n      @keydown.enter=\"addTagFromInput\"\n      placeholder=\"Type to filter suggestions\"\n      class=\"hidden-input\"\n      style=\"position: absolute; left: -9999px;\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\nconst selectedTags = ref([]);\nconst autocompleteItems = ref(props.tagsSuggested);\n\n// Initialize tags\nif (props.tags) {\n  selectedTags.value = props.tags.map(tag => \n    typeof tag === 'string' ? { text: tag } : tag\n  );\n}\n\n// Filter autocomplete items based on current input\nconst filteredItems = computed(() => {\n  return autocompleteItems.value;\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tagToAdd) {\n  selectedTags.value.push(tagToAdd)\n  emits('tags-changed', selectedTags.value.map(t => t.text));\n}\n\nfunction addTagFromInput() {\n  if (tag.value) {\n    addTag({ text: tag.value });\n    tag.value = '';\n  }\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', newTags.map(t => typeof t === 'string' ? t : t.text));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["ref","tag","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAMA,IAAAA,IAAI,EAAE;AAClB,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAC3B,UAAM,oBAAoBA,IAAAA,IAAI,MAAM,aAAa;AAGjD,QAAI,MAAM,MAAM;AACd,mBAAa,QAAQ,MAAM,KAAK;AAAA,QAAI,CAAAC,SAClC,OAAOA,SAAQ,WAAW,EAAE,MAAMA,KAAG,IAAKA;AAAA,MAC9C;AAAA,IACA;AAGA,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,kBAAkB;AAAA,IAC3B,CAAC;AAED,UAAM,yBAAyBA,IAAAA,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAD,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MAC/D,CAAC;AAAA,IACH,CAAC;AAEH,aAAS,OAAQ,UAAU;AACzB,mBAAa,MAAM,KAAK,QAAQ;AAChC,YAAM,gBAAgB,aAAa,MAAM,IAAI,OAAK,EAAE,IAAI,CAAC;AAAA,IAC3D;AAEA,aAAS,kBAAkB;AACzB,UAAI,IAAI,OAAO;AACb,eAAO,EAAE,MAAM,IAAI,MAAK,CAAE;AAC1B,YAAI,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,QAAQ,IAAI,OAAK,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,CAAC;AAAA,IAC5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
-import { ref, computed, createElementBlock, openBlock, createVNode, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-import _sfc_main$1 from "./FieldTags.vue.js";
+import { ref, computed, createElementBlock, openBlock, createVNode, withDirectives, createElementVNode, withKeys, vModelText, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
+import FieldTags from "./FieldTags.vue2.js";
 /* empty css               */
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { key: 1 };
@@ -27,48 +27,57 @@ const _sfc_main = {
     const tag = ref("");
     const selectedTags = ref([]);
     const autocompleteItems = ref(props.tagsSuggested);
-    if (props.tags) selectedTags.value = props.tags.map((tag2) => ({ text: tag2 }));
+    if (props.tags) {
+      selectedTags.value = props.tags.map(
+        (tag2) => typeof tag2 === "string" ? { text: tag2 } : tag2
+      );
+    }
     const filteredItems = computed(() => {
-      return autocompleteItems.value.filter((i) => {
-        return i.text.toLowerCase().includes(tag.value.toLowerCase());
-      });
+      return autocompleteItems.value;
     });
     const filteredSuggestedItems = computed(() => {
       return autocompleteItems.value.filter((item) => {
         return !selectedTags.value.some((tag2) => tag2.text === item.text);
       });
     });
-    function addTag(tag2) {
-      selectedTags.value.push(tag2);
-      emits("tags-changed", selectedTags.value.map((tag3) => {
-        return tag3.text;
-      }));
+    function addTag(tagToAdd) {
+      selectedTags.value.push(tagToAdd);
+      emits("tags-changed", selectedTags.value.map((t) => t.text));
+    }
+    function addTagFromInput() {
+      if (tag.value) {
+        addTag({ text: tag.value });
+        tag.value = "";
+      }
     }
     function handleTagsChanged(newTags) {
       selectedTags.value = newTags;
-      emits("tags-changed", selectedTags.value.map((tag2) => {
-        return tag2.text;
-      }));
+      emits("tags-changed", newTags.map((t) => typeof t === "string" ? t : t.text));
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$1, {
-          modelValue: tag.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tag.value = $event),
-          tags: selectedTags.value,
+        createVNode(FieldTags, {
+          modelValue: selectedTags.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
           "autocomplete-items": filteredItems.value,
           "add-on-key": [13, ":", ";", ","],
-          "save-on-key": [13, ":", ";", ","],
           separators: [";", ","],
           "max-tags": 20,
           maxlength: 20,
           placeholder: "Please add tags",
-          "add-from-paste": true,
-          "allow-edit-tags": true,
           onTagsChanged: handleTagsChanged,
           class: "mn-b-thin bg-light radius-medium pd-small"
-        }, null, 8, ["modelValue", "tags", "autocomplete-items"]),
-        _cache[1] || (_cache[1] = createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
+        }, null, 8, ["modelValue", "autocomplete-items"]),
+        withDirectives(createElementVNode("input", {
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tag.value = $event),
+          onKeydown: withKeys(addTagFromInput, ["enter"]),
+          placeholder: "Type to filter suggestions",
+          class: "hidden-input",
+          style: { "position": "absolute", "left": "-9999px" }
+        }, null, 544), [
+          [vModelText, tag.value]
+        ]),
+        _cache[2] || (_cache[2] = createElementVNode("p", { class: "p-small mn-b-thin" }, "Suggested:", -1)),
         filteredSuggestedItems.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filteredSuggestedItems.value, (tag2, index) => {
           return openBlock(), createElementBlock("span", {
             onClick: ($event) => addTag(tag2),

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

@@ -1 +1 @@
-{"version":3,"file":"BlockTags.vue.js","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"tag\"\n      :tags=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :save-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      :add-from-paste=\"true\"\n      :allow-edit-tags=\"true\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\n\nconst selectedTags = ref([]);\n\nconst autocompleteItems = ref(props.tagsSuggested);\n\nif (props.tags) selectedTags.value = props.tags.map(tag => ({text: tag}))\n  \n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', selectedTags.value.map(tag => { return tag.text }));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAM,IAAI,EAAE;AAElB,UAAM,eAAe,IAAI,EAAE;AAE3B,UAAM,oBAAoB,IAAI,MAAM,aAAa;AAEjD,QAAI,MAAM,KAAM,cAAa,QAAQ,MAAM,KAAK,IAAI,CAAAA,UAAQ,EAAC,MAAMA,KAAG,EAAE;AAGxE,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAW,EAAG,SAAS,IAAI,MAAM,aAAa;AAAA,MAC9D,CAAC;AAAA,IACH,CAAC;AAED,UAAM,yBAAyB,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAA,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MAC/D,CAAC;AAAA,IACH,CAAC;AAEH,aAAS,OAAQA,MAAK;AACpB,mBAAa,MAAM,KAAKA,IAAG;AAC3B,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAK,CAAC,CAAC;AAAA,IAC1E;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,aAAa,MAAM,IAAI,CAAAA,SAAO;AAAE,eAAOA,KAAI;AAAA,MAAK,CAAC,CAAC;AAAA,IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlockTags.vue.js","sources":["../../../../../src/components/FieldTags/BlockTags.vue"],"sourcesContent":["<template>\n  <div>\n    <FieldTags\n      v-model=\"selectedTags\"\n      :autocomplete-items=\"filteredItems\"\n      :add-on-key=\"[13, ':', ';', ',']\"\n      :separators=\"[';', ',']\"\n      :max-tags=\"20\"\n      :maxlength=\"20\"\n      :placeholder=\"'Please add tags'\"\n      @tags-changed=\"handleTagsChanged\"\n      class=\"mn-b-thin bg-light radius-medium pd-small\"\n    />\n    \n    <input\n      v-model=\"tag\"\n      @keydown.enter=\"addTagFromInput\"\n      placeholder=\"Type to filter suggestions\"\n      class=\"hidden-input\"\n      style=\"position: absolute; left: -9999px;\"\n    />\n\n    <p class=\"p-small mn-b-thin\">Suggested:</p>\n\n    <span \n      v-if=\"filteredSuggestedItems.length > 0\" \n      v-for=\"(tag,index) in filteredSuggestedItems\" \n      @click=\"addTag(tag)\"\n      class=\"cursor-pointer t-medium ti-tag-toDefactor\"\n      :class=\"{'mn-r-micro':index !== filteredSuggestedItems.length - 1}\"\n    >\n      {{ tag.text }}\n    </span>\n    <span v-else>You added all suggested tags</span> \n  </div>\n</template>\n\n<script setup>\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport { ref, computed, onMounted } from 'vue';\n\nconst emits = defineEmits(['tags-changed']);\nconst props = defineProps({\n  tags: {\n    type: Array\n  },\n  tagsSuggested: {\n    type: Array,\n    default: [\n      { text: 'story' },\n      { text: 'news' },\n      { text: 'guide' },\n      { text: 'discussion' },\n      { text: 'photos' },\n    ]\n  }\n});\n\nconst tag = ref('');\nconst selectedTags = ref([]);\nconst autocompleteItems = ref(props.tagsSuggested);\n\n// Initialize tags\nif (props.tags) {\n  selectedTags.value = props.tags.map(tag => \n    typeof tag === 'string' ? { text: tag } : tag\n  );\n}\n\n// Filter autocomplete items based on current input\nconst filteredItems = computed(() => {\n  return autocompleteItems.value;\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tagToAdd) {\n  selectedTags.value.push(tagToAdd)\n  emits('tags-changed', selectedTags.value.map(t => t.text));\n}\n\nfunction addTagFromInput() {\n  if (tag.value) {\n    addTag({ text: tag.value });\n    tag.value = '';\n  }\n}\n\nfunction handleTagsChanged(newTags) {\n  selectedTags.value = newTags;\n  emits('tags-changed', newTags.map(t => typeof t === 'string' ? t : t.text));\n}\n\n\n\n</script>\n\n<style>\n  .ti-tag-toDefactor {\n    background-color: rgb(var(--main));\n    color: rgb(var(--black));\n    border-radius: 4rem;\n    padding: 1px 8px 2px;\n    margin: 2px;\n    font-size: .85em;\n  }\n</style>"],"names":["tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AACd,UAAM,QAAQ;AAgBd,UAAM,MAAM,IAAI,EAAE;AAClB,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,oBAAoB,IAAI,MAAM,aAAa;AAGjD,QAAI,MAAM,MAAM;AACd,mBAAa,QAAQ,MAAM,KAAK;AAAA,QAAI,CAAAA,SAClC,OAAOA,SAAQ,WAAW,EAAE,MAAMA,KAAG,IAAKA;AAAA,MAC9C;AAAA,IACA;AAGA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,kBAAkB;AAAA,IAC3B,CAAC;AAED,UAAM,yBAAyB,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAA,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MAC/D,CAAC;AAAA,IACH,CAAC;AAEH,aAAS,OAAQ,UAAU;AACzB,mBAAa,MAAM,KAAK,QAAQ;AAChC,YAAM,gBAAgB,aAAa,MAAM,IAAI,OAAK,EAAE,IAAI,CAAC;AAAA,IAC3D;AAEA,aAAS,kBAAkB;AACzB,UAAI,IAAI,OAAO;AACb,eAAO,EAAE,MAAM,IAAI,MAAK,CAAE;AAC1B,YAAI,QAAQ;AAAA,MACd;AAAA,IACF;AAEA,aAAS,kBAAkB,SAAS;AAClC,mBAAa,QAAQ;AACrB,YAAM,gBAAgB,QAAQ,IAAI,OAAK,OAAO,MAAM,WAAW,IAAI,EAAE,IAAI,CAAC;AAAA,IAC5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,235 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "field-tags-new" };
+const _hoisted_2 = { class: "tags-container" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = ["placeholder", "maxlength", "disabled"];
+const _hoisted_5 = {
+  key: 0,
+  class: "autocomplete"
+};
+const _hoisted_6 = ["onClick", "onMouseenter"];
+const _sfc_main = {
+  __name: "FieldTags",
+  props: {
+    modelValue: Array,
+    textField: {
+      type: String,
+      default: "text"
+    },
+    autocompleteItems: Array,
+    separators: {
+      type: Array,
+      default: () => [",", ";"]
+    },
+    addOnKey: {
+      type: Array,
+      default: () => [13]
+      // Enter key
+    },
+    maxTags: {
+      type: Number,
+      default: 20
+    },
+    maxlength: {
+      type: Number,
+      default: 50
+    },
+    placeholder: String,
+    disabled: Boolean,
+    addOnBlur: {
+      type: Boolean,
+      default: true
+    },
+    autocompleteMinLength: {
+      type: Number,
+      default: 1
+    }
+  },
+  emits: ["update:modelValue", "tags-changed"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const newTag = vue.ref("");
+    const focused = vue.ref(false);
+    const selectedIndex = vue.ref(-1);
+    const inputRef = vue.ref(null);
+    const tags = vue.computed({
+      get: () => props.modelValue || [],
+      set: (value) => {
+        emit("update:modelValue", value);
+        emit("tags-changed", value);
+      }
+    });
+    const showAutocomplete = vue.computed(() => {
+      return focused.value && props.autocompleteItems?.length > 0 && newTag.value.length >= props.autocompleteMinLength;
+    });
+    const filteredAutocomplete = vue.computed(() => {
+      if (!props.autocompleteItems) return [];
+      const searchText = newTag.value.toLowerCase();
+      return props.autocompleteItems.filter((item) => {
+        const itemText = getTagText(item).toLowerCase();
+        if (!itemText.includes(searchText)) return false;
+        return !isDuplicate(itemText);
+      });
+    });
+    function getTagText(tag) {
+      if (tag === null || tag === void 0) return "";
+      if (typeof tag === "string") return tag;
+      return tag[props.textField] || "";
+    }
+    function createTag(text) {
+      if (tags.value.length > 0) {
+        if (typeof tags.value[0] === "string") {
+          return text;
+        }
+      }
+      return { [props.textField]: text };
+    }
+    function isDuplicate(text) {
+      const searchText = text.toLowerCase().trim();
+      return tags.value.some(
+        (tag) => getTagText(tag).toLowerCase().trim() === searchText
+      );
+    }
+    function addTag(input) {
+      let text = "";
+      if (typeof input === "string") {
+        text = input.trim();
+      } else if (typeof input === "object") {
+        if (props.autocompleteItems?.includes(input)) {
+          if (!isDuplicate(getTagText(input))) {
+            tags.value = [...tags.value, input];
+          }
+          newTag.value = "";
+          selectedIndex.value = -1;
+          return;
+        }
+        text = getTagText(input).trim();
+      }
+      if (!text || tags.value.length >= props.maxTags) return;
+      if (isDuplicate(text)) return;
+      const tag = createTag(text);
+      tags.value = [...tags.value, tag];
+      newTag.value = "";
+      selectedIndex.value = -1;
+    }
+    function removeTag(index) {
+      if (props.disabled) return;
+      const newTags = [...tags.value];
+      newTags.splice(index, 1);
+      tags.value = newTags;
+    }
+    function handleKeyDown(event) {
+      if (showAutocomplete.value) {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          selectedIndex.value = Math.min(
+            selectedIndex.value + 1,
+            filteredAutocomplete.value.length - 1
+          );
+          return;
+        }
+        if (event.key === "ArrowUp") {
+          event.preventDefault();
+          selectedIndex.value = Math.max(selectedIndex.value - 1, -1);
+          return;
+        }
+        if (event.key === "Enter" && selectedIndex.value >= 0) {
+          event.preventDefault();
+          addTag(filteredAutocomplete.value[selectedIndex.value]);
+          return;
+        }
+      }
+      const shouldAdd = props.addOnKey.some((key) => {
+        if (typeof key === "number") {
+          return event.keyCode === key;
+        }
+        return event.key === key;
+      });
+      if (shouldAdd) {
+        event.preventDefault();
+        addTag(newTag.value);
+        return;
+      }
+      if (event.key === "Backspace" && newTag.value === "" && tags.value.length > 0) {
+        removeTag(tags.value.length - 1);
+      }
+    }
+    function handlePaste(event) {
+      event.preventDefault();
+      const text = event.clipboardData.getData("text");
+      if (!text) return;
+      const separatorRegex = new RegExp(
+        props.separators.map((s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")
+      );
+      const parts = text.split(separatorRegex);
+      parts.forEach((part) => {
+        if (tags.value.length >= props.maxTags) return;
+        addTag(part);
+      });
+    }
+    function handleBlur() {
+      setTimeout(() => {
+        focused.value = false;
+        selectedIndex.value = -1;
+        if (props.addOnBlur && newTag.value) {
+          addTag(newTag.value);
+        }
+      }, 200);
+    }
+    vue.watch(filteredAutocomplete, () => {
+      selectedIndex.value = -1;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tags.value, (tag, index) => {
+            return vue.openBlock(), vue.createElementBlock("span", {
+              key: index,
+              class: "tag"
+            }, [
+              vue.createTextVNode(vue.toDisplayString(getTagText(tag)) + " ", 1),
+              vue.createElementVNode("button", {
+                onClick: ($event) => removeTag(index),
+                class: "tag-remove",
+                type: "button"
+              }, " × ", 8, _hoisted_3)
+            ]);
+          }), 128)),
+          vue.withDirectives(vue.createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => newTag.value = $event),
+            onKeydown: handleKeyDown,
+            onPaste: handlePaste,
+            onFocus: _cache[1] || (_cache[1] = ($event) => focused.value = true),
+            onBlur: handleBlur,
+            placeholder: __props.placeholder || "Add tags",
+            maxlength: __props.maxlength,
+            disabled: __props.disabled,
+            class: "tag-input"
+          }, null, 40, _hoisted_4), [
+            [vue.vModelText, newTag.value]
+          ])
+        ]),
+        showAutocomplete.value && filteredAutocomplete.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredAutocomplete.value, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: getTagText(item),
+              onClick: ($event) => addTag(item),
+              onMouseenter: ($event) => selectedIndex.value = index,
+              class: vue.normalizeClass(["autocomplete-item", { selected: selectedIndex.value === index }])
+            }, vue.toDisplayString(getTagText(item)), 43, _hoisted_6);
+          }), 128))
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const FieldTags = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1b76c0f9"]]);
+exports.default = FieldTags;
+//# sourceMappingURL=FieldTags.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTags.vue2.cjs","sources":["../../../../../src/components/FieldTags/FieldTags.vue"],"sourcesContent":["<template>\n  <div class=\"field-tags-new\">\n    <!-- Tags container -->\n    <div class=\"tags-container\">\n      <span \n        v-for=\"(tag, index) in tags\" \n        :key=\"index\"\n        class=\"tag\"\n      >\n        {{ getTagText(tag) }}\n        <button \n          @click=\"removeTag(index)\" \n          class=\"tag-remove\"\n          type=\"button\"\n        >\n          ×\n        </button>\n      </span>\n      \n      <input\n        ref=\"inputRef\"\n        v-model=\"newTag\"\n        @keydown=\"handleKeyDown\"\n        @paste=\"handlePaste\"\n        @focus=\"focused = true\"\n        @blur=\"handleBlur\"\n        :placeholder=\"placeholder || 'Add tags'\"\n        :maxlength=\"maxlength\"\n        :disabled=\"disabled\"\n        class=\"tag-input\"\n      />\n    </div>\n    \n    <!-- Autocomplete dropdown -->\n    <div \n      v-if=\"showAutocomplete && filteredAutocomplete.length > 0\"\n      class=\"autocomplete\"\n    >\n      <div \n        v-for=\"(item, index) in filteredAutocomplete\"\n        :key=\"getTagText(item)\"\n        @click=\"addTag(item)\"\n        @mouseenter=\"selectedIndex = index\"\n        :class=\"['autocomplete-item', { selected: selectedIndex === index }]\"\n      >\n        {{ getTagText(item) }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst props = defineProps({\n  modelValue: Array,\n  textField: {\n    type: String,\n    default: 'text'\n  },\n  autocompleteItems: Array,\n  separators: {\n    type: Array,\n    default: () => [',', ';']\n  },\n  addOnKey: {\n    type: Array,\n    default: () => [13] // Enter key\n  },\n  maxTags: {\n    type: Number,\n    default: 20\n  },\n  maxlength: {\n    type: Number,\n    default: 50\n  },\n  placeholder: String,\n  disabled: Boolean,\n  addOnBlur: {\n    type: Boolean,\n    default: true\n  },\n  autocompleteMinLength: {\n    type: Number,\n    default: 1\n  }\n})\n\nconst emit = defineEmits(['update:modelValue', 'tags-changed'])\n\n// State\nconst newTag = ref('')\nconst focused = ref(false)\nconst selectedIndex = ref(-1)\nconst inputRef = ref(null)\n\n// Computed\nconst tags = computed({\n  get: () => props.modelValue || [],\n  set: (value) => {\n    emit('update:modelValue', value)\n    emit('tags-changed', value)\n  }\n})\n\nconst showAutocomplete = computed(() => {\n  return focused.value && \n         props.autocompleteItems?.length > 0 &&\n         newTag.value.length >= props.autocompleteMinLength\n})\n\nconst filteredAutocomplete = computed(() => {\n  if (!props.autocompleteItems) return []\n  \n  const searchText = newTag.value.toLowerCase()\n  \n  return props.autocompleteItems.filter(item => {\n    const itemText = getTagText(item).toLowerCase()\n    \n    // Filter by search text\n    if (!itemText.includes(searchText)) return false\n    \n    // Filter out duplicates\n    return !isDuplicate(itemText)\n  })\n})\n\n// Methods\nfunction getTagText(tag) {\n  if (tag === null || tag === undefined) return ''\n  if (typeof tag === 'string') return tag\n  return tag[props.textField] || ''\n}\n\nfunction createTag(text) {\n  // Preserve format based on existing data\n  if (tags.value.length > 0) {\n    if (typeof tags.value[0] === 'string') {\n      return text\n    }\n  }\n  \n  // Default to object with custom field\n  return { [props.textField]: text }\n}\n\nfunction isDuplicate(text) {\n  const searchText = text.toLowerCase().trim()\n  return tags.value.some(tag => \n    getTagText(tag).toLowerCase().trim() === searchText\n  )\n}\n\nfunction addTag(input) {\n  let text = ''\n  \n  if (typeof input === 'string') {\n    text = input.trim()\n  } else if (typeof input === 'object') {\n    // If it's an autocomplete item, preserve the whole object\n    if (props.autocompleteItems?.includes(input)) {\n      if (!isDuplicate(getTagText(input))) {\n        tags.value = [...tags.value, input]\n      }\n      newTag.value = ''\n      selectedIndex.value = -1\n      return\n    }\n    text = getTagText(input).trim()\n  }\n  \n  if (!text || tags.value.length >= props.maxTags) return\n  \n  if (isDuplicate(text)) return\n  \n  const tag = createTag(text)\n  tags.value = [...tags.value, tag]\n  newTag.value = ''\n  selectedIndex.value = -1\n}\n\nfunction removeTag(index) {\n  if (props.disabled) return\n  \n  const newTags = [...tags.value]\n  newTags.splice(index, 1)\n  tags.value = newTags\n}\n\nfunction handleKeyDown(event) {\n  // Handle arrow keys for autocomplete navigation\n  if (showAutocomplete.value) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      selectedIndex.value = Math.min(\n        selectedIndex.value + 1, \n        filteredAutocomplete.value.length - 1\n      )\n      return\n    }\n    \n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      selectedIndex.value = Math.max(selectedIndex.value - 1, -1)\n      return\n    }\n    \n    // Add selected autocomplete item on Enter\n    if (event.key === 'Enter' && selectedIndex.value >= 0) {\n      event.preventDefault()\n      addTag(filteredAutocomplete.value[selectedIndex.value])\n      return\n    }\n  }\n  \n  // Check for add triggers\n  const shouldAdd = props.addOnKey.some(key => {\n    if (typeof key === 'number') {\n      return event.keyCode === key\n    }\n    return event.key === key\n  })\n  \n  if (shouldAdd) {\n    event.preventDefault()\n    addTag(newTag.value)\n    return\n  }\n  \n  // Handle backspace to delete last tag\n  if (event.key === 'Backspace' && newTag.value === '' && tags.value.length > 0) {\n    removeTag(tags.value.length - 1)\n  }\n}\n\nfunction handlePaste(event) {\n  event.preventDefault()\n  \n  const text = event.clipboardData.getData('text')\n  if (!text) return\n  \n  // Create regex from separators\n  const separatorRegex = new RegExp(\n    props.separators.map(s => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')).join('|')\n  )\n  \n  // Split by separators and add each tag\n  const parts = text.split(separatorRegex)\n  \n  parts.forEach(part => {\n    if (tags.value.length >= props.maxTags) return\n    addTag(part)\n  })\n}\n\nfunction handleBlur() {\n  // Small delay to allow click on autocomplete items\n  setTimeout(() => {\n    focused.value = false\n    selectedIndex.value = -1\n    \n    if (props.addOnBlur && newTag.value) {\n      addTag(newTag.value)\n    }\n  }, 200)\n}\n\n// Reset selected index when autocomplete items change\nwatch(filteredAutocomplete, () => {\n  selectedIndex.value = -1\n})\n</script>\n\n<style scoped>\n.field-tags-new {\n  position: relative;\n}\n\n.tags-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.tag {\n  display: inline-flex;\n  align-items: center;\n  background: rgb(var(--main, 255, 215, 0));\n  color: rgb(var(--black, 0, 0, 0));\n  padding: 0.25rem 0.5rem;\n  border-radius: 2rem;\n  font-size: 0.875rem;\n}\n\n.tag-remove {\n  margin-left: 0.25rem;\n  background: none;\n  border: none;\n  color: inherit;\n  font-size: 1.25rem;\n  cursor: pointer;\n  padding: 0;\n  line-height: 1;\n  opacity: 0.7;\n}\n\n.tag-remove:hover {\n  opacity: 1;\n}\n\n.tag-input {\n  flex: 1;\n  border: none;\n  background: none;\n  outline: none;\n  min-width: 150px;\n  padding: 0.25rem;\n  font-size: inherit;\n  font-family: inherit;\n}\n\n.tag-input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.autocomplete {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  margin-top: 0.25rem;\n  background: white;\n  border: 1px solid rgb(var(--gray, 224, 224, 224));\n  border-radius: 0.5rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 100;\n}\n\n.autocomplete-item {\n  padding: 0.5rem 0.75rem;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.autocomplete-item:hover,\n.autocomplete-item.selected {\n  background: rgb(var(--gray-light, 248, 248, 248));\n}\n\n.autocomplete-item:first-child {\n  border-radius: 0.5rem 0.5rem 0 0;\n}\n\n.autocomplete-item:last-child {\n  border-radius: 0 0 0.5rem 0.5rem;\n}\n</style>"],"names":["ref","computed","watch"],"mappings":"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"}