@ozdao/martyrs 0.2.423

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

@@ -0,0 +1 @@
+{"version":3,"file":"vue-tags-input.js","sources":["../../../../../src/components/FieldTags/vue-tags-input.js?vue&type=script&src=true&lang.js"],"sourcesContent":["// The file contains the main application logic\n// data, computed properties, methods, watchers and the component lifecycle\n\nimport equal from 'fast-deep-equal';\n\nimport { createTags, createTag, createClasses, clone } from './create-tags';\nimport TagInput from './tag-input.vue';\nimport props from './vue-tags-input.props';\n\nexport default {\n  name: 'VueTagsInput',\n  components: { TagInput },\n  props,\n  emits: [\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  inheritAttrs: false,\n  data() {\n    return {\n      tagCenter: [],\n      newTag: null,\n      tagsCopy: [],\n      tagsEditStatus: null,\n      deletionMark: null,\n      deletionMarkTime: null,\n      selectedItem: null,\n      focused: null,\n    };\n  },\n  computed: {\n    // Property which calculates if the autocomplete should be opened or not\n    autocompleteOpen() {\n      if (this.autocompleteAlwaysOpen) return true;\n      return this.newTag !== null\n        && this.newTag.length >= this.autocompleteMinLength\n        && this.filteredAutocompleteItems.length > 0\n        && this.focused;\n    },\n    // Returns validated autocomplete items. Maybe duplicates are filtered out\n    filteredAutocompleteItems() {\n      const is = this.autocompleteItems.map(i => {\n        return createTag(i, this.tags, this.validation, this.isDuplicate);\n      });\n\n      if (!this.autocompleteFilterDuplicates) return is;\n      return is.filter(this.duplicateFilter);\n    },\n  },\n  methods: {\n    createClasses,\n    // Returns the index which item should be selected, based on the parameter 'method'\n    getSelectedIndex(method) {\n      const items = this.filteredAutocompleteItems;\n      const selectedItem = this.selectedItem;\n      const lastItem = items.length - 1;\n      if (items.length === 0) return;\n      if (selectedItem === null) return 0;\n      if (method === 'before' && selectedItem === 0) return lastItem;\n      else if (method === 'after' && selectedItem === lastItem) return 0;\n      else return method === 'after' ? selectedItem + 1 : selectedItem - 1;\n    },\n    selectDefaultItem() {\n      if (this.addOnlyFromAutocomplete && this.filteredAutocompleteItems.length > 0) {\n        this.selectedItem = 0;\n      } else this.selectedItem = null;\n    },\n    selectItem(e, method) {\n      e.preventDefault();\n      this.selectedItem = this.getSelectedIndex(method);\n    },\n    isSelected(index) {\n      return this.selectedItem === index;\n    },\n    isMarked(index) {\n      return this.deletionMark === index;\n    },\n    // Save ref for tag\n    setTagCenter(el) {\n      if (el) {\n        this.tagCenter.push(el);\n      }\n    },\n    // Method which is called when the user presses backspace → remove the last tag\n    invokeDelete() {\n      // If we shouldn't delete tags on backspace or we have some characters in the input → stop\n      if (!this.deleteOnBackspace || this.newTag.length > 0) return;\n      const lastIndex = this.tagsCopy.length - 1;\n      if (this.deletionMark === null) {\n        this.deletionMarkTime = setTimeout(() => this.deletionMark = null, 1000);\n        this.deletionMark = lastIndex;\n      } else this.performDeleteTag(lastIndex);\n    },\n    addTagsFromPaste() {\n      if (!this.addFromPaste) return;\n      setTimeout(() => this.performAddTags(this.newTag), 10);\n    },\n    // Method to call if a tag should switch to it's edit mode\n    performEditTag(index) {\n      if (!this.allowEditTags) return;\n      if (!this.onBeforeAddingTag) this.editTag(index);\n      /**\n       * @description Emits before a tag toggles to it's edit mode\n       * @name before-editing-tag\n       * @property {events} hook\n       * @returns {Object} Contains the to editing tag: 'tag'.\n         The tag's index: 'index'. And a function: 'editTag'.\n         If the function is invoked, the tag toggles to it's edit mode.\n       */\n      this.$emit('before-editing-tag', {\n        index,\n        tag: this.tagsCopy[index],\n        editTag: () => this.editTag(index),\n      });\n    },\n    // Opens the edit mode for a tag and focuses it\n    editTag(index) {\n      if (!this.allowEditTags) return;\n      this.toggleEditMode(index);\n      this.focus(index);\n    },\n    // Toggles the edit mode for a tag\n    toggleEditMode(index) {\n      if (!this.allowEditTags || this.disabled) return;\n      this.tagsEditStatus[index] = !this.tagsEditStatus[index];\n    },\n    // only called by the @input event from TagInput.\n    // Creates a new tag model and applys it to this.tagsCopy[index]\n    createChangedTag(index, event) {\n      // If the text of a tag changes → we create a new one with a new validation.\n      // we take the value from the event if possible, because on google android phones\n      // this.tagsCopy[index].text is incorrect, when typing a space on the virtual keyboard.\n      // yes, this sucks ...\n      const tag = this.tagsCopy[index];\n      tag.text = event ? event.target.value : this.tagsCopy[index].text;\n      this.tagsCopy[index] =\n        createTag(tag, this.tagsCopy, this.validation, this.isDuplicate);\n    },\n    // Focuses the input of a tag\n    focus(index) {\n      this.$nextTick(() => {\n        const el = this.tagCenter[index].querySelector('input.ti-tag-input');\n        if (el) el.focus();\n      });\n    },\n    quote(regex) {\n      return regex.replace(/([()[{*+.$^\\\\|?])/g, '\\\\$1');\n    },\n    // Cancels the edit mode for a tag → resets the tag to it's original model!\n    cancelEdit(index) {\n      if (!this.tags[index]) return;\n      this.tagsCopy[index] = clone(\n        createTag(this.tags[index], this.tags, this.validation, this.isDuplicate)\n      );\n      this.tagsEditStatus[index] = false;\n    },\n    hasForbiddingAddRule(tiClasses) {\n      // Does the tag has a rule, defined by the user, which prohibits adding?\n      return tiClasses.some(type => {\n        const rule = this.validation.find(rule => type === rule.classes);\n        return rule ? rule.disableAdd : false;\n      });\n    },\n    // Creates multiple tags out of a string, based on the prop separators\n    createTagTexts(string) {\n      const regex = new RegExp(this.separators.map(s => this.quote(s)).join('|'));\n      return string.split(regex).map(text => ({ text }));\n    },\n    // Method to call to delete a tag\n    performDeleteTag(index) {\n      if (!this.onBeforeDeletingTag) this.deleteTag(index);\n      /**\n       * @description Emits before a tag is deleted\n       * @name before-deleting-tag\n       * @property {events} hook\n       * @returns {Object} Contains the to editing tag: 'tag'. The tag's index: 'index'\n         And a function: 'deleteTag'. If the function is invoked, the tag is deleted.\n       */\n      this.$emit('before-deleting-tag', {\n        index,\n        tag: this.tagsCopy[index],\n        deleteTag: () => this.deleteTag(index),\n      });\n    },\n    deleteTag(index) {\n      if (this.disabled) return;\n      this.deletionMark = null;\n\n      // Clears the debounce for the deletion mark and removes the tag\n      clearTimeout(this.deletionMarkTime);\n      this.tagsCopy.splice(index, 1);\n\n      // Special update for the parent if v-model:tags is on\n      this.$emit('update:tags', this.tagsCopy);\n\n      /**\n       * @description Emits if the tags array changes\n       * @name tags-changed\n       * @property {events}\n       * @returns {Array} The modified tags array\n       */\n      this.$emit('tags-changed', this.tagsCopy);\n    },\n    // Decides wether the input keyCode is one, which is allowed to modify/add tags\n    noTriggerKey(event, category) {\n      const triggerKey = this[category].indexOf(event.keyCode) !== -1\n        || this[category].indexOf(event.key) !== -1;\n      if (triggerKey) event.preventDefault();\n      return !triggerKey;\n    },\n    // Method to call to add a tag\n    performAddTags(tag, event, source) {\n      // If the input is disabled or the function was invoked by no trigger key → stop\n      if (this.disabled || event && this.noTriggerKey(event, 'addOnKey')) return;\n\n      // Convert the string or object into a tags array\n      let tags = [];\n      if (typeof tag === 'object') tags = [tag];\n      if (typeof tag === 'string') tags = this.createTagTexts(tag);\n\n      // Filter out the tags with no content\n      tags = tags.filter(tag => tag.text.trim().length > 0);\n\n      // The basic checks are done → try to add all tags\n      tags.forEach(tag => {\n        tag = createTag(tag, this.tags, this.validation, this.isDuplicate);\n        if (!this.onBeforeAddingTag) this.addTag(tag, source);\n        /**\n         * @description Emits before a tag is added\n         * @name before-adding-tag\n         * @property {events} hook\n         * @returns {Object} Contains the to editing tag: 'tag'. And a function: 'addTag'.\n           If the function is invoked, the tag is added.\n         */\n        this.$emit('before-adding-tag', {\n          tag,\n          addTag: () => this.addTag(tag, source),\n        });\n      });\n    },\n    duplicateFilter(tag) {\n      return this.isDuplicate\n        ? !this.isDuplicate(this.tagsCopy, tag)\n        : !this.tagsCopy.find(t => t.text === tag.text);\n    },\n    addTag(tag, source = 'new-tag-input') {\n      // Check if we should only add items from autocomplete and if so,\n      // does the tag exists as an option\n      const options = this.filteredAutocompleteItems.map(i => i.text);\n      if (this.addOnlyFromAutocomplete && options.indexOf(tag.text) === -1) return;\n\n      // We use $nextTick here, because this.tagsCopy.length would be wrong if tags are added fast\n      // like in a loop. With $nextTick we get the correct length value\n      this.$nextTick(() => {\n        // Maybe we should not add a tag because the maximum has reached already\n        const maximumReached = this.maxTags && this.maxTags <= this.tagsCopy.length;\n\n        /**\n         * @description Emits if the maximum, the tags array is allowed to hold, is reached.\n           The maximum can be defined by the prop 'max-tags'.\n         * @name max-tags-reached\n         * @property {events}\n         * @returns {Object} The 'tag' which could not be added because of the length limitation.\n         */\n        if (maximumReached) return this.$emit('max-tags-reached', tag);\n\n        // If we shouldn't add duplicates and that is one → stop\n        const dup = this.avoidAddingDuplicates && !this.duplicateFilter(tag);\n        /**\n         * @description Emits if the user tries to add a duplicate to the tag's array\n           and adding duplicates is prevented by the prop 'avoid-adding-duplicates'\n         * @name adding-duplicate\n         * @property {events}\n         */\n        if (dup) return this.$emit('adding-duplicate', tag);\n\n        // If we find a rule which avoids that the tag is added → stop\n        if (this.hasForbiddingAddRule(tag.tiClasses)) return;\n\n        // Everything is okay → add the tag\n        this.newTag = ''\n        this.tagsCopy.push(tag);\n\n        // Special update for the parent if v-model:tags is on\n        this.$emit('update:tags', this.tagsCopy);\n\n        // if the tag was added by autocomplete, focus the input\n        if (source === 'autocomplete') this.$refs.newTagInput.focus();\n\n        this.$emit('tags-changed', this.tagsCopy);\n      });\n    },\n    // Method to call to save a tag\n    performSaveTag(index, event) {\n      const tag = this.tagsCopy[index];\n\n      // If the input is disabled or the function was invoked by no trigger key → stop\n      if (this.disabled || event && this.noTriggerKey(event, 'addOnKey')) return;\n\n      // If the tag has no content → stop\n      if (tag.text.trim().length === 0) return;\n\n      // The basic checks are done → try to save the tag\n      if (!this['on-before-saving-tag']) this.saveTag(index, tag);\n      /**\n       * @description Emits before a tag is saved\n       * @name before-saving-tag\n       * @property {events} hook\n       * @returns {Object} Contains the to editing tag: 'tag'.\n         The tag's index: 'index'. And a function: 'saveTag'.\n         If the function is invoked, the tag is saved.\n       */\n      this.$emit('before-saving-tag', {\n        index,\n        tag,\n        saveTag: () => this.saveTag(index, tag),\n      });\n    },\n    saveTag(index, tag) {\n      // If we shouldn't save duplicates → stop\n      if (this.avoidAddingDuplicates) {\n        const tagsDiff = clone(this.tagsCopy);\n        const inputTag = tagsDiff.splice(index, 1)[0];\n        const dup = this.isDuplicate ?\n          this.isDuplicate(tagsDiff, inputTag) :\n          tagsDiff.map(t => t.text).indexOf(inputTag.text) !== -1;\n\n        /**\n         * @description Emits if the user tries to save a duplicate in the tag's array\n           and saving duplicates is prevented by the prop 'avoid-adding-duplicates'\n         * @name saving-duplicate\n         * @property {events}\n         */\n        if (dup) return this.$emit('saving-duplicate', tag);\n      }\n\n      // If we find a rule which avoids that the tag is added → stop\n      if (this.hasForbiddingAddRule(tag.tiClasses)) return;\n\n      // Everything is okay → save the tag\n      this.tagsCopy[index] = tag;\n      this.toggleEditMode(index);\n\n      // Special update for the parent if v-model:tags is on\n      this.$emit('update:tags', this.tagsCopy);\n\n      this.$emit('tags-changed', this.tagsCopy);\n    },\n    tagsEqual() {\n      return !this.tagsCopy.some((t, i) => !equal(t, this.tags[i]));\n    },\n    updateNewTag(ievent) {\n      const value = ievent.target.value;\n      this.newTag = value;\n      this.$emit('update:modelValue', value);\n    },\n    initTags() {\n      // We always work with a copy of the \"real\" tags, to easier edit them\n      this.tagsCopy = createTags(this.tags, this.validation, this.isDuplicate);\n\n      // Let's create an array which defines whether a tag is in edit mode or not\n      this.tagsEditStatus = clone(this.tags).map(() => false);\n\n      // We check if the original and the copied and validated tags are equal →\n      // Update the parent if not and v-model:tags is on.\n      if (!this.tagsEqual()) {\n        this.$emit('update:tags', this.tagsCopy);\n      }\n    },\n    blurredOnClick(e) {\n      // if the click occurs on tagsinput → don't hide\n      if (this.$el.contains(e.target) || this.$el.contains(document.activeElement)) return;\n      this.performBlur(e);\n    },\n    performBlur() {\n      // If we should add tags before blurring → add tag\n      if (this.addOnBlur && this.focused) this.performAddTags(this.newTag);\n\n      // Hide autocomplete layer\n      this.focused = false;\n    },\n  },\n  watch: {\n    modelValue(newValue){\n      // If v-model change outside, update the newTag model\n      if (!this.addOnlyFromAutocomplete) this.selectedItem = null;\n      this.newTag = newValue;\n    },\n    tags: {\n      handler() {\n        // If the tags change outside, update the tagsCopy model\n        this.initTags();\n      },\n      deep: true,\n    },\n    autocompleteOpen: 'selectDefaultItem',\n  },\n  created() {\n    this.newTag = this.modelValue;\n    this.initTags();\n  },\n  mounted() {\n    // We select a default item based on props in the autocomplete\n    this.selectDefaultItem();\n\n    // We add a event listener to hide autocomplete on blur\n    document.addEventListener('click', this.blurredOnClick);\n  },\n  beforeUpdate() {\n    this.tagCenter = [];\n  },\n  unmounted() {\n    document.removeEventListener('click', this.blurredOnClick);\n  },\n};\n"],"names":["rule","tag"],"mappings":"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"}

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

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

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

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