@dialpad/dialtone-vue 3.156.0 → 3.156.2

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/custom_link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom_link.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/custom_link/custom_link.js"],"sourcesContent":["/**\n *\n * The custom link does some additional things on top of the built in TipTap link\n * extension such as styling phone numbers and IP adresses as links, and allows you\n * to linkify text without having to type a space after the link. Currently it is missing some\n * functionality such as editing links and will likely require more work to be fully usable,\n * so it is recommended to use the built in TipTap link for now.\n */\n\nimport {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block d-wb-break-all',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const CustomLink = Mark.create({\n  name: 'CustomLink',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n"],"names":["Mark","mergeAttributes","autolink"],"mappings":";;;;AAeA,MAAM,oBAAoB;AAAA,EACxB,OAAO;AAAA,EACP,KAAK;AACP;AAIY,MAAC,aAAaA,KAAI,KAAC,OAAO;AAAA,EACpC,MAAM;AAAA,EAEN,WAAY,EAAE,kBAAkB;AAC9B,WAAO;AAAA,MACL;AAAA,MACAC,KAAe;AAAA,QACb,KAAK,QAAQ;AAAA,QACb;AAAA,QACA;AAAA,MACD;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,KAAK,MAAM;AAAA,EACnB;AAAA,EAED,wBAAyB;AACvB,WAAO;AAAA,MACLC,SAAAA,SAAS,EAAE,MAAM,KAAK,KAAI,CAAE;AAAA,IAClC;AAAA,EACG;AACH,CAAC;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/custom_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom_link.js","sources":["../../../../../../../components/rich_text_editor/extensions/custom_link/custom_link.js"],"sourcesContent":["/**\n *\n * The custom link does some additional things on top of the built in TipTap link\n * extension such as styling phone numbers and IP adresses as links, and allows you\n * to linkify text without having to type a space after the link. Currently it is missing some\n * functionality such as editing links and will likely require more work to be fully usable,\n * so it is recommended to use the built in TipTap link for now.\n */\n\nimport {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block d-wb-break-all',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const CustomLink = Mark.create({\n  name: 'CustomLink',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n"],"names":[],"mappings":";;AAeA,MAAM,oBAAoB;AAAA,EACxB,OAAO;AAAA,EACP,KAAK;AACP;AAIY,MAAC,aAAa,KAAK,OAAO;AAAA,EACpC,MAAM;AAAA,EAEN,WAAY,EAAE,kBAAkB;AAC9B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,KAAK,QAAQ;AAAA,QACb;AAAA,QACA;AAAA,MACD;AAAA,IACP;AAAA,EACG;AAAA,EAED,WAAY,EAAE,QAAQ;AACpB,WAAO,KAAK,MAAM;AAAA,EACnB;AAAA,EAED,wBAAyB;AACvB,WAAO;AAAA,MACL,SAAS,EAAE,MAAM,KAAK,KAAI,CAAE;AAAA,IAClC;AAAA,EACG;AACH,CAAC;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/utils.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@tiptap/core");
+const common_utils = require("../../../../../../common/utils.cjs");
+function getRegexMatches(text, regex, validator = () => true) {
+  const matches = [];
+  regex.lastIndex = 0;
+  let match;
+  while (match = regex.exec(text)) {
+    if (validator(text, match)) {
+      matches.push(match);
+    }
+  }
+  return matches;
+}
+function hasValidPrefix(text, match) {
+  return !["#", "@"].includes(text.charAt(match.index)) && !["#", "@"].includes(text.charAt(match.index - 1));
+}
+function trimEndPunctiation(string) {
+  const endPunctuationRegex = new RegExp(
+    "(?:" + [
+      `[!?.,:;'"]`,
+      "(?:&|&)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
+    ].join("|"),
+    "g"
+  );
+  return string.replace(endPunctuationRegex, "");
+}
+function getWordAt(text, index) {
+  const left = text.slice(0, index + 1).search(/\S+\s*$/);
+  const right = text.slice(index).search(/\s/);
+  if (right < 0) {
+    const word = text.slice(left);
+    return {
+      text: word,
+      from: left,
+      to: left + word.length
+    };
+  }
+  return {
+    text: text.slice(left, right + index),
+    from: left,
+    to: right + index
+  };
+}
+function getWordAtUntil(text, index, direction, regex) {
+  const word = getWordAt(text, index);
+  regex.lastIndex = 0;
+  if (!regex.test(word.text)) {
+    return word;
+  }
+  const newIndex = direction === "left" ? word.from - 1 : word.to + 1;
+  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {
+    return word;
+  }
+  return getWordAtUntil(text, newIndex, direction, regex);
+}
+function removeMarks(range, doc, tr, type) {
+  const from = Math.max(range.from - 1, 0);
+  const to = Math.min(range.to + 1, doc.content.size);
+  const marksInRange = core.getMarksBetween(from, to, doc);
+  for (const mark of marksInRange) {
+    if (mark.mark.type !== type) {
+      continue;
+    }
+    tr.removeMark(mark.from, mark.to, type);
+  }
+}
+const partialPhoneNumberRegex = common_utils.getPhoneNumberRegex(1, 15);
+function addMarks(text, pos, from, to, tr, type) {
+  if (!text) {
+    return;
+  }
+  let rangeFrom = from - pos - 1;
+  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;
+  const rangeTo = to - pos;
+  const firstWordInRange = getWordAtUntil(
+    text,
+    rangeFrom,
+    "left",
+    partialPhoneNumberRegex
+  );
+  const lastWordInRange = getWordAtUntil(
+    text,
+    rangeTo,
+    "right",
+    partialPhoneNumberRegex
+  );
+  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);
+  const matches = getRegexMatches(wordsInRange, common_utils.linkRegex, hasValidPrefix);
+  matches.forEach((match) => {
+    const word = trimEndPunctiation(match[0]);
+    const from2 = pos + firstWordInRange.from + match.index + 1;
+    const to2 = from2 + word.length;
+    tr.addMark(from2, to2, type.create());
+  });
+}
+exports.addMarks = addMarks;
+exports.getRegexMatches = getRegexMatches;
+exports.getWordAt = getWordAt;
+exports.getWordAtUntil = getWordAtUntil;
+exports.hasValidPrefix = hasValidPrefix;
+exports.removeMarks = removeMarks;
+exports.trimEndPunctiation = trimEndPunctiation;
+//# sourceMappingURL=utils.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/custom_link/utils.js"],"sourcesContent":["import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n"],"names":["getMarksBetween","getPhoneNumberRegex","linkRegex","from","to"],"mappings":"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"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/utils.js

@@ -0,0 +1,105 @@
+import { getMarksBetween } from "@tiptap/core";
+import { linkRegex, getPhoneNumberRegex } from "../../../../../../common/utils.js";
+function getRegexMatches(text, regex, validator = () => true) {
+  const matches = [];
+  regex.lastIndex = 0;
+  let match;
+  while (match = regex.exec(text)) {
+    if (validator(text, match)) {
+      matches.push(match);
+    }
+  }
+  return matches;
+}
+function hasValidPrefix(text, match) {
+  return !["#", "@"].includes(text.charAt(match.index)) && !["#", "@"].includes(text.charAt(match.index - 1));
+}
+function trimEndPunctiation(string) {
+  const endPunctuationRegex = new RegExp(
+    "(?:" + [
+      `[!?.,:;'"]`,
+      "(?:&|&)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"
+    ].join("|"),
+    "g"
+  );
+  return string.replace(endPunctuationRegex, "");
+}
+function getWordAt(text, index) {
+  const left = text.slice(0, index + 1).search(/\S+\s*$/);
+  const right = text.slice(index).search(/\s/);
+  if (right < 0) {
+    const word = text.slice(left);
+    return {
+      text: word,
+      from: left,
+      to: left + word.length
+    };
+  }
+  return {
+    text: text.slice(left, right + index),
+    from: left,
+    to: right + index
+  };
+}
+function getWordAtUntil(text, index, direction, regex) {
+  const word = getWordAt(text, index);
+  regex.lastIndex = 0;
+  if (!regex.test(word.text)) {
+    return word;
+  }
+  const newIndex = direction === "left" ? word.from - 1 : word.to + 1;
+  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {
+    return word;
+  }
+  return getWordAtUntil(text, newIndex, direction, regex);
+}
+function removeMarks(range, doc, tr, type) {
+  const from = Math.max(range.from - 1, 0);
+  const to = Math.min(range.to + 1, doc.content.size);
+  const marksInRange = getMarksBetween(from, to, doc);
+  for (const mark of marksInRange) {
+    if (mark.mark.type !== type) {
+      continue;
+    }
+    tr.removeMark(mark.from, mark.to, type);
+  }
+}
+const partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);
+function addMarks(text, pos, from, to, tr, type) {
+  if (!text) {
+    return;
+  }
+  let rangeFrom = from - pos - 1;
+  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;
+  const rangeTo = to - pos;
+  const firstWordInRange = getWordAtUntil(
+    text,
+    rangeFrom,
+    "left",
+    partialPhoneNumberRegex
+  );
+  const lastWordInRange = getWordAtUntil(
+    text,
+    rangeTo,
+    "right",
+    partialPhoneNumberRegex
+  );
+  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);
+  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);
+  matches.forEach((match) => {
+    const word = trimEndPunctiation(match[0]);
+    const from2 = pos + firstWordInRange.from + match.index + 1;
+    const to2 = from2 + word.length;
+    tr.addMark(from2, to2, type.create());
+  });
+}
+export {
+  addMarks,
+  getRegexMatches,
+  getWordAt,
+  getWordAtUntil,
+  hasValidPrefix,
+  removeMarks,
+  trimEndPunctiation
+};
+//# sourceMappingURL=utils.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/custom_link/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../components/rich_text_editor/extensions/custom_link/utils.js"],"sourcesContent":["import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n"],"names":["from","to"],"mappings":";;AAUO,SAAS,gBAAiB,MAAM,OAAO,YAAY,MAAM,MAAM;AACpE,QAAM,UAAU,CAAA;AAGhB,QAAM,YAAY;AAElB,MAAI;AACJ,SAAQ,QAAQ,MAAM,KAAK,IAAI,GAAI;AACjC,QAAI,UAAU,MAAM,KAAK,GAAG;AAC1B,cAAQ,KAAK,KAAK;AAAA,IACnB;AAAA,EACF;AAED,SAAO;AACT;AAKO,SAAS,eAAgB,MAAM,OAAO;AAG3C,SAAO,CAAC,CAAC,KAAK,GAAG,EAAE,SAAS,KAAK,OAAO,MAAM,KAAK,CAAC,KAClD,CAAC,CAAC,KAAK,GAAG,EAAE,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,CAAC;AACrD;AAMO,SAAS,mBAAoB,QAAQ;AAC1C,QAAM,sBAAsB,IAAI;AAAA,IAC9B,QACA;AAAA,MACE;AAAA,MACA;AAAA,IACN,EAAM,KAAK,GAAG;AAAA,IACV;AAAA,EACJ;AACE,SAAO,OAAO,QAAQ,qBAAqB,EAAE;AAC/C;AAQO,SAAS,UAAW,MAAM,OAAO;AAGtC,QAAM,OAAO,KAAK,MAAM,GAAG,QAAQ,CAAC,EAAE,OAAO,SAAS;AAGtD,QAAM,QAAQ,KAAK,MAAM,KAAK,EAAE,OAAO,IAAI;AAG3C,MAAI,QAAQ,GAAG;AACb,UAAM,OAAO,KAAK,MAAM,IAAI;AAC5B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI,OAAO,KAAK;AAAA,IACtB;AAAA,EACG;AAED,SAAO;AAAA,IACL,MAAM,KAAK,MAAM,MAAM,QAAQ,KAAK;AAAA,IACpC,MAAM;AAAA,IACN,IAAI,QAAQ;AAAA,EAChB;AACA;AAOO,SAAS,eAAgB,MAAM,OAAO,WAAW,OAAO;AAC7D,QAAM,OAAO,UAAU,MAAM,KAAK;AAGlC,QAAM,YAAY;AAGlB,MAAI,CAAC,MAAM,KAAK,KAAK,IAAI,GAAG;AAC1B,WAAO;AAAA,EACR;AAID,QAAM,WAAW,cAAc,SAAS,KAAK,OAAO,IAAI,KAAK,KAAK;AAGlE,MAAI,YAAY,KAAK,YAAY,KAAK,UAAU,aAAa,OAAO;AAClE,WAAO;AAAA,EACR;AAID,SAAO,eAAe,MAAM,UAAU,WAAW,KAAK;AACxD;AAKO,SAAS,YAAa,OAAO,KAAK,IAAI,MAAM;AACjD,QAAM,OAAO,KAAK,IAAI,MAAM,OAAO,GAAG,CAAC;AACvC,QAAM,KAAK,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,QAAQ,IAAI;AAClD,QAAM,eAAe,gBAAgB,MAAM,IAAI,GAAG;AAElD,aAAW,QAAQ,cAAc;AAC/B,QAAI,KAAK,KAAK,SAAS,MAAM;AAC3B;AAAA,IACD;AAED,OAAG,WAAW,KAAK,MAAM,KAAK,IAAI,IAAI;AAAA,EACvC;AACH;AAGA,MAAM,0BAA0B,oBAAoB,GAAG,EAAE;AAKlD,SAAS,SAAU,MAAM,KAAK,MAAM,IAAI,IAAI,MAAM;AACvD,MAAI,CAAC,MAAM;AACT;AAAA,EACD;AAKD,MAAI,YAAY,OAAO,MAAM;AAI7B,cAAY,YAAY,IAAI,IAAI;AAIhC,QAAM,UAAU,KAAK;AAGrB,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAGE,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAGE,QAAM,eAAe,KAAK,MAAM,iBAAiB,MAAM,gBAAgB,EAAE;AAGzE,QAAM,UAAU,gBAAgB,cAAc,WAAW,cAAc;AAGvE,UAAQ,QAAQ,WAAS;AAEvB,UAAM,OAAO,mBAAmB,MAAM,CAAC,CAAC;AAMxC,UAAMA,QAAO,MAAM,iBAAiB,OAAO,MAAM,QAAQ;AAGzD,UAAMC,MAAKD,QAAO,KAAK;AAEvB,OAAG,QAAQA,OAAMC,KAAI,KAAK,OAAM,CAAE;AAAA,EACtC,CAAG;AACH;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.cjs

@@ -0,0 +1,29 @@
+"use strict";
+const vue3 = require("@tiptap/vue-3");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const emoji = require("../../../emoji/emoji.vue.cjs");
+const _sfc_main = {
+  name: "EmojiComponent",
+  components: {
+    NodeViewWrapper: vue3.NodeViewWrapper,
+    DtEmoji: emoji
+  },
+  props: vue3.nodeViewProps
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_emoji = vue.resolveComponent("dt-emoji");
+  const _component_node_view_wrapper = vue.resolveComponent("node-view-wrapper");
+  return vue.openBlock(), vue.createBlock(_component_node_view_wrapper, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_emoji, {
+        size: "500",
+        code: _ctx.node.attrs.code
+      }, null, 8, ["code"])
+    ]),
+    _: 1
+  });
+}
+const EmojiComponent = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = EmojiComponent;
+//# sourceMappingURL=EmojiComponent.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiComponent.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["NodeViewWrapper","DtEmoji","nodeViewProps","_createBlock","_withCtx","_createVNode"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,iBAAAA,KAAe;AAAA,IACf,SAAAC;AAAAA,EACD;AAAA,EAED,OAAOC,KAAa;AACtB;;;;0BAvBEC,IAOoB,YAAA,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.js

@@ -0,0 +1,30 @@
+import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import DtEmoji from "../../../emoji/emoji.vue.js";
+const _sfc_main = {
+  name: "EmojiComponent",
+  components: {
+    NodeViewWrapper,
+    DtEmoji
+  },
+  props: nodeViewProps
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_emoji = resolveComponent("dt-emoji");
+  const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
+  return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_emoji, {
+        size: "500",
+        code: _ctx.node.attrs.code
+      }, null, 8, ["code"])
+    ]),
+    _: 1
+  });
+}
+const EmojiComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  EmojiComponent as default
+};
+//# sourceMappingURL=EmojiComponent.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiComponent.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AACT;;;;sBAvBEA,YAOoB,8BAAA,EANlB,OAAM,wCAAoC;AAAA,IAH9C,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,KAAA,KAAK,MAAM;AAAA;;IAPxB,GAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.cjs

@@ -0,0 +1,38 @@
+"use strict";
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const emoji = require("../../../emoji/emoji.vue.cjs");
+const stack = require("../../../stack/stack.vue.cjs");
+const _sfc_main = {
+  name: "EmojiSuggestion",
+  components: {
+    DtEmoji: emoji,
+    DtStack: stack
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_emoji = vue.resolveComponent("dt-emoji");
+  const _component_dt_stack = vue.resolveComponent("dt-stack");
+  return vue.openBlock(), vue.createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_dt_emoji, {
+        size: "200",
+        code: $props.item.code
+      }, null, 8, ["code"]),
+      vue.createTextVNode(" " + vue.toDisplayString($props.item.code), 1)
+    ]),
+    _: 1
+  });
+}
+const EmojiSuggestion = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = EmojiSuggestion;
+//# sourceMappingURL=EmojiSuggestion.vue.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggestion.vue.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["DtEmoji","DtStack","_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,SAAAA;AAAAA,IACA,SAAAC;AAAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;0BA7BEC,IASW,YAAA,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,IAAA,QAKI,MAGE;AAAA,MAHFC,IAAAA,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,IAAA,gBAQM,MACFC,oBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.js

@@ -0,0 +1,39 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import DtEmoji from "../../../emoji/emoji.vue.js";
+import DtStack from "../../../stack/stack.vue.js";
+const _sfc_main = {
+  name: "EmojiSuggestion",
+  components: {
+    DtEmoji,
+    DtStack
+  },
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_emoji = resolveComponent("dt-emoji");
+  const _component_dt_stack = resolveComponent("dt-stack");
+  return openBlock(), createBlock(_component_dt_stack, {
+    direction: "row",
+    gap: "400"
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_dt_emoji, {
+        size: "200",
+        code: $props.item.code
+      }, null, 8, ["code"]),
+      createTextVNode(" " + toDisplayString($props.item.code), 1)
+    ]),
+    _: 1
+  });
+}
+const EmojiSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  EmojiSuggestion as default
+};
+//# sourceMappingURL=EmojiSuggestion.vue.js.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiSuggestion.vue.js","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createTextVNode","_toDisplayString"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AACH;;;;sBA7BEA,YASW,qBAAA;AAAA,IART,WAAU;AAAA,IACV,KAAI;AAAA;IAHR,SAAAC,QAKI,MAGE;AAAA,MAHFC,YAGE,qBAAA;AAAA,QAFA,MAAK;AAAA,QACJ,MAAM,OAAI,KAAC;AAAA;MAPlBC,gBAQM,MACFC,gBAAG,OAAI,KAAC,IAAI,GAAA,CAAA;AAAA;IAThB,GAAA;AAAA;;;"}

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/emoji.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@tiptap/core");
+const state = require("@tiptap/pm/state");
+const vue3 = require("@tiptap/vue-3");
+const Suggestion = require("@tiptap/suggestion");
+const regexCombinedEmojis = require("regex-combined-emojis");
+const EmojiComponent = require("./EmojiComponent.vue.cjs");
+const common_emoji = require("../../../../../../common/emoji.cjs");
+const suggestion = require("./suggestion.cjs");
+const inputShortCodeRegex = /(:\w+:)$/;
+const inputUnicodeRegex = new RegExp(regexCombinedEmojis.emojiPattern + "$");
+const inputRuleMatch = (match) => {
+  if (match && common_emoji.codeToEmojiData(match[0])) {
+    const text = match[2] || match[0];
+    return { text };
+  }
+};
+const shortCodePasteMatch = (text) => {
+  const matches = [...text.matchAll(common_emoji.emojiShortCodeRegex)];
+  return matches.filter((match) => common_emoji.codeToEmojiData(match[0])).map((match) => ({
+    index: match.index,
+    text: match[0],
+    match
+  }));
+};
+const Emoji = core.Node.create({
+  name: "emoji",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  group: "inline",
+  inline: true,
+  selectable: false,
+  atom: true,
+  addNodeView() {
+    return vue3.VueNodeViewRenderer(EmojiComponent);
+  },
+  addAttributes() {
+    return {
+      code: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "emoji-component"
+      }
+    ];
+  },
+  renderText({ node }) {
+    const unicodeEmoji = common_emoji.stringToUnicode(common_emoji.codeToEmojiData(node.attrs.code).unicode_output);
+    return unicodeEmoji;
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["emoji-component", core.mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addInputRules() {
+    return [
+      new core.InputRule({
+        find: (text) => {
+          const match = text.match(inputShortCodeRegex) || text.match(inputUnicodeRegex);
+          if (!match) return;
+          return inputRuleMatch(match);
+        },
+        handler: ({ state: state2, range, match, commands, chain, can }) => {
+          const { tr } = state2;
+          const start = range.from;
+          const end = range.to;
+          tr.replaceWith(start, end, this.type.create({ code: match[0] }));
+        }
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      core.nodePasteRule({
+        find: shortCodePasteMatch,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      }),
+      core.nodePasteRule({
+        find: common_emoji.emojiRegex,
+        type: this.type,
+        getAttributes(attrs) {
+          return {
+            code: attrs[0]
+          };
+        }
+      })
+    ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        char: ":",
+        pluginKey: new state.PluginKey("emoji"),
+        editor: this.editor,
+        ...this.options.suggestion,
+        ...suggestion
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => this.editor.commands.command(({ tr, state: state2 }) => {
+        let isEmoji = false;
+        const { selection } = state2;
+        const { empty, anchor } = selection;
+        if (!empty) {
+          return false;
+        }
+        state2.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {
+          if (node.type.name === this.name) {
+            isEmoji = true;
+            tr.insertText("", pos, pos + node.nodeSize);
+            return false;
+          }
+        });
+        return isEmoji;
+      })
+    };
+  }
+});
+exports.Emoji = Emoji;
+//# sourceMappingURL=emoji.cjs.map

package/dist/packages/dialtone-vue3/components/rich_text_editor/extensions/emoji/emoji.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.cjs","sources":["../../../../../../../components/rich_text_editor/extensions/emoji/emoji.js"],"sourcesContent":["import { InputRule, mergeAttributes, Node, nodePasteRule } from '@tiptap/core';\nimport { PluginKey } from '@tiptap/pm/state';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport Suggestion from '@tiptap/suggestion';\nimport { emojiPattern } from 'regex-combined-emojis';\n\nimport EmojiComponent from './EmojiComponent.vue';\nimport { codeToEmojiData, emojiShortCodeRegex, emojiRegex, stringToUnicode } from '@/common/emoji';\nimport suggestionOptions from './suggestion';\n\nconst inputShortCodeRegex = /(:\\w+:)$/;\nconst inputUnicodeRegex = new RegExp(emojiPattern + '$');\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    const text = match[2] || match[0];\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return { text };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(emojiShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  name: 'emoji',\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n    };\n  },\n  group: 'inline',\n  inline: true,\n  selectable: false,\n  atom: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    // output emoji in text as unicode character rather than shortname for backwards compatibility with\n    // our backend.\n    const unicodeEmoji = stringToUnicode(codeToEmojiData(node.attrs.code).unicode_output);\n    return unicodeEmoji;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      new InputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex) || text.match(inputUnicodeRegex);\n          if (!match) return;\n\n          return inputRuleMatch(match);\n        },\n        handler: ({ state, range, match, commands, chain, can }) => {\n          const { tr } = state;\n          const start = range.from;\n          const end = range.to;\n          tr.replaceWith(start, end, this.type.create({ code: match[0] }));\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: emojiRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        char: ':',\n        pluginKey: new PluginKey('emoji'),\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n\n  addKeyboardShortcuts () {\n    return {\n      Backspace: () => this.editor.commands.command(({ tr, state }) => {\n        let isEmoji = false;\n        const { selection } = state;\n        const { empty, anchor } = selection;\n        if (!empty) { return false; }\n        state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {\n          if (node.type.name === this.name) {\n            isEmoji = true;\n            tr.insertText('', pos, pos + node.nodeSize);\n            return false;\n          }\n        });\n        return isEmoji;\n      }),\n    };\n  },\n});\n"],"names":["emojiPattern","codeToEmojiData","emojiShortCodeRegex","Node","VueNodeViewRenderer","stringToUnicode","mergeAttributes","InputRule","state","nodePasteRule","emojiRegex","PluginKey","suggestionOptions"],"mappings":"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"}