@dialpad/dialtone-vue 2.126.0 → 2.127.1

package/package.json

@@ -1,39 +1,39 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.126.0",
+  "version": "2.127.1",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@linusborg/vue-simple-portal": "^0.1.5",
-    "@tiptap/core": "^2.0.3",
-    "@tiptap/extension-blockquote": "^2.1.16",
-    "@tiptap/extension-bold": "^2.1.16",
-    "@tiptap/extension-bullet-list": "^2.1.16",
-    "@tiptap/extension-code-block": "^2.0.3",
-    "@tiptap/extension-document": "^2.0.3",
-    "@tiptap/extension-hard-break": "^2.0.3",
-    "@tiptap/extension-italic": "^2.1.16",
-    "@tiptap/extension-link": "^2.1.16",
-    "@tiptap/extension-list-item": "^2.1.16",
-    "@tiptap/extension-mention": "^2.1.11",
-    "@tiptap/extension-ordered-list": "^2.2.0",
-    "@tiptap/extension-paragraph": "^2.0.3",
-    "@tiptap/extension-placeholder": "^2.0.3",
-    "@tiptap/extension-strike": "^2.1.16",
-    "@tiptap/extension-text": "^2.0.3",
-    "@tiptap/extension-text-align": "^2.2.0",
-    "@tiptap/extension-underline": "^2.1.16",
-    "@tiptap/pm": "^2.0.3",
-    "@tiptap/suggestion": "^2.1.4",
-    "@tiptap/vue-2": "^2.0.3",
-    "date-fns": "^2.30.0",
-    "emoji-regex": "^10.3.0",
-    "emoji-toolkit": "^8.0.0",
-    "tippy.js": "^6.3.7",
-    "@dialpad/dialtone-icons": "4.12.2",
-    "@dialpad/dialtone-emojis": "1.0.0"
+    "@linusborg/vue-simple-portal": "0.1.5",
+    "@tiptap/core": "2.2.6",
+    "@tiptap/extension-blockquote": "2.2.6",
+    "@tiptap/extension-bold": "2.2.6",
+    "@tiptap/extension-bullet-list": "2.2.6",
+    "@tiptap/extension-code-block": "2.2.6",
+    "@tiptap/extension-document": "2.2.6",
+    "@tiptap/extension-hard-break": "2.2.6",
+    "@tiptap/extension-italic": "2.2.6",
+    "@tiptap/extension-link": "2.2.6",
+    "@tiptap/extension-list-item": "2.2.6",
+    "@tiptap/extension-mention": "2.2.6",
+    "@tiptap/extension-ordered-list": "2.2.6",
+    "@tiptap/extension-paragraph": "2.1.16",
+    "@tiptap/extension-placeholder": "2.2.6",
+    "@tiptap/extension-strike": "2.2.6",
+    "@tiptap/extension-text": "2.2.6",
+    "@tiptap/extension-text-align": "2.2.6",
+    "@tiptap/extension-underline": "2.2.6",
+    "@tiptap/pm": "2.2.6",
+    "@tiptap/suggestion": "2.2.6",
+    "@tiptap/vue-2": "2.2.6",
+    "date-fns": "2.30.0",
+    "emoji-regex": "10.3.0",
+    "emoji-toolkit": "8.0.0",
+    "tippy.js": "6.3.7",
+    "@dialpad/dialtone-emojis": "1.0.2",
+    "@dialpad/dialtone-icons": "4.12.3"
   },
   "devDependencies": {
     "@percy/cli": "1.28.2",
@@ -124,18 +124,20 @@
   },
   "type": "module",
   "types": "./dist/types/index.d.ts",
+  "main": "./dist/dialtone-vue.cjs",
   "module": "./dist/dialtone-vue.js",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "default": "./dist/dialtone-vue.js"
-    },
-    "./css": {
-      "style": "./dist/style.css",
-      "import": "./dist/style.css"
+      "import": "./dist/dialtone-vue.js",
+      "require": "./dist/dialtone-vue.cjs"
     },
+    "./css": "./dist/style.css",
     "./component-documentation.json": "./dist/component-documentation.json",
-    "./*": "./dist/lib/*"
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs"
+    }
   },
   "homepage": "https://dialtone.dialpad.com/vue",
   "keywords": [

package/dist/chunks/_plugin-vue2_normalizer-u6G_3nkj.js

@@ -1,33 +0,0 @@
-function v(r, a, d, h, i, t, f, u) {
-  var e = typeof r == "function" ? r.options : r;
-  a && (e.render = a, e.staticRenderFns = d, e._compiled = !0), h && (e.functional = !0), t && (e._scopeId = "data-v-" + t);
-  var o;
-  if (f ? (o = function(n) {
-    n = n || // cached call
-    this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !n && typeof __VUE_SSR_CONTEXT__ < "u" && (n = __VUE_SSR_CONTEXT__), i && i.call(this, n), n && n._registeredComponents && n._registeredComponents.add(f);
-  }, e._ssrRegister = o) : i && (o = u ? function() {
-    i.call(
-      this,
-      (e.functional ? this.parent : this).$root.$options.shadowRoot
-    );
-  } : i), o)
-    if (e.functional) {
-      e._injectStyles = o;
-      var l = e.render;
-      e.render = function(p, _) {
-        return o.call(_), l(p, _);
-      };
-    } else {
-      var s = e.beforeCreate;
-      e.beforeCreate = s ? [].concat(s, o) : [o];
-    }
-  return {
-    exports: r,
-    options: e
-  };
-}
-export {
-  v as n
-};
-//# sourceMappingURL=_plugin-vue2_normalizer-u6G_3nkj.js.map

package/dist/chunks/_plugin-vue2_normalizer-u6G_3nkj.js.map

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

package/dist/chunks/dropdown_constants-EUcDxBrX.js

@@ -1,9 +0,0 @@
-const e = {
-  none: void 0,
-  small: "d-py0",
-  large: "d-py4"
-};
-export {
-  e as D
-};
-//# sourceMappingURL=dropdown_constants-EUcDxBrX.js.map

package/dist/chunks/dropdown_constants-EUcDxBrX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown_constants-EUcDxBrX.js","sources":["../../components/dropdown/dropdown_constants.js"],"sourcesContent":["export const DROPDOWN_PADDING_CLASSES = {\n  none: undefined,\n  small: 'd-py0',\n  large: 'd-py4',\n};\n\nexport default {\n  DROPDOWN_PADDING_CLASSES,\n};\n"],"names":["DROPDOWN_PADDING_CLASSES"],"mappings":"AAAY,MAACA,IAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;"}

package/dist/chunks/index-YkSDT8-g.js

@@ -1,244 +0,0 @@
-import S from "emoji-regex";
-import y from "emoji-toolkit/emoji_strategy.json";
-import { n as D } from "./_plugin-vue2_normalizer-u6G_3nkj.js";
-import { DtSkeleton as v } from "../lib/skeleton.js";
-import { I as c } from "./icon_constants-OpYAAKwF.js";
-const _ = "8.0", u = "https://cdn.jsdelivr.net/joypixels/assets/" + _ + "/png/unicode/32/";
-let d = null, f = u, j = ".png", h = u, g = ".png";
-const r = y;
-function L() {
-  return r;
-}
-function T(t, e = ".png") {
-  t.endsWith("/") || (t = t + "/"), f = t, j = e;
-}
-function F(t, e = ".svg") {
-  t.endsWith("/") || (t = t + "/"), h = t, g = e;
-}
-function J(t) {
-  d = t;
-}
-function W(t) {
-  w(t);
-}
-function w(t) {
-  const e = ["extension", "custom"], i = [
-    "name",
-    "category",
-    "shortname",
-    "extension",
-    "custom"
-  ], o = (s, n, a) => {
-    if (s[n] === void 0) {
-      if (!e.includes(n))
-        return;
-      s[n] = a;
-    } else
-      Array.isArray(s[n]) ? s[n] = s[n].concat(a) : s[n] = a;
-  };
-  Object.entries(t).forEach((s) => {
-    const [n, a] = s;
-    if (n in r) {
-      const l = r[n];
-      for (const m in a) {
-        const E = a[m];
-        o(l, m, E);
-      }
-    } else
-      i.every((m) => a[m] !== void 0) ? r[n] = a : console.error(
-        "The following custom emoji doesn't contain the required properties:",
-        a
-      );
-  });
-}
-function p(t) {
-  function e(o, s) {
-    if (!(!o || typeof o != "object")) {
-      if ("shortname" in o && (o.shortname === t || o.shortname_alternates.includes(t)))
-        return o.key = s, i = o, !0;
-      Object.keys(o).some(function(n) {
-        return e(o[n], n);
-      });
-    }
-  }
-  let i;
-  return e(L(), null), i;
-}
-function b(t) {
-  let e = "";
-  for (const i of t) {
-    const o = i.codePointAt(0).toString(16).padStart(4, "0");
-    ["200d", "fe0f"].includes(o) || (e !== "" && (e = e + "-"), e = e + o);
-  }
-  return e;
-}
-function k(t) {
-  const e = t.split("-");
-  let i = "";
-  return e.forEach((o) => {
-    i = i + String.fromCodePoint(parseInt(o, 16));
-  }), i;
-}
-function x(t) {
-  if (t.startsWith(":") && t.endsWith(":"))
-    return p(t);
-  {
-    const e = b(t), i = r[e];
-    return i && (i.key = e), i;
-  }
-}
-function B(t) {
-  const e = t.match(/:\w+:/g);
-  return A(e);
-}
-function A(t) {
-  const e = t ? t.filter((i) => p(i)) : [];
-  return new Set(e);
-}
-function K(t) {
-  const e = [...t.matchAll(S())], i = e.length ? e.map((o) => o[0]) : [];
-  return new Set(i);
-}
-const C = {
-  name: "DtEmoji",
-  components: {
-    DtSkeleton: v
-  },
-  props: {
-    /**
-     * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.
-     * <a class="d-link" href="https://emojipedia.org/joypixels/" target="_blank">JoyPixels</a>
-     * for all supported shortcode/unicode or the docs for setting up custom emojis.
-     */
-    code: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The size of the emoji. Can be any of the icon size utility classes from
-     * <a class="d-link" href="https://dialtone.dialpad.com/components/icon.html" target="_blank"> Dialpad Icon Size</a>
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
-    size: {
-      type: String,
-      default: "500",
-      validator: (t) => Object.keys(c).includes(t)
-    },
-    /**
-     * Additional class name for the emoji img element.
-     * Can accept String, Object, and Array, i.e. has the
-     * same API as Vue's built-in handling of the class attribute.
-     */
-    imgClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    /**
-     * Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n
-     * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
-     * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
-     * getEmojiData() function
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * Shows a skeleton loader while the emoji asset is loading.
-     * @values true, false
-     */
-    showSkeleton: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      emojiData: null,
-      imgLoading: !1
-    };
-  },
-  computed: {
-    emojiDataValid() {
-      return !!this.emojiData;
-    },
-    emojiSrc() {
-      var t;
-      return this.emojiDataValid ? (t = this.emojiData) != null && t.custom ? d + this.emojiData.key + this.emojiData.extension : ["100", "200"].includes(this.size) ? f + this.emojiData.key + j : h + this.emojiData.key + g : "invalid";
-    },
-    emojiAlt() {
-      if (this.emojiDataValid)
-        return this.emojiData.unicode_output ? k(this.emojiData.unicode_output) : this.emojiData.name;
-    },
-    emojiLabel() {
-      return this.emojiDataValid ? this.ariaLabel ? this.ariaLabel : this.emojiData.name : "Invalid Emoji";
-    },
-    emojiSize() {
-      return c[this.size];
-    }
-  },
-  watch: {
-    code: {
-      handler: function() {
-        this.getEmojiData();
-      },
-      immediate: !0
-    },
-    emojiSrc: {
-      handler: async function() {
-        this.imgLoading = !0;
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    getEmojiData() {
-      this.emojiData = x(this.code);
-    },
-    imageLoaded() {
-      this.imgLoading = !1;
-    },
-    imageErrored() {
-      this.imgLoading = !1;
-    }
-  }
-};
-var I = function() {
-  var e = this, i = e._self._c;
-  return i("span", { class: ["d-emoji", "d-icon", e.emojiSize] }, [i("dt-skeleton", { directives: [{ name: "show", rawName: "v-show", value: e.imgLoading && e.showSkeleton, expression: "imgLoading && showSkeleton" }], class: ["d-icon", e.emojiSize], attrs: { offset: 0, "shape-option": { shape: "circle", size: "100%" } } }), i("img", { directives: [{ name: "show", rawName: "v-show", value: !e.imgLoading, expression: "!imgLoading" }], ref: "emojiImg", class: ["d-icon", e.emojiSize, e.imgClass], attrs: { "aria-label": e.emojiLabel, alt: e.emojiAlt, title: e.emojiLabel, src: e.emojiSrc }, on: { load: e.imageLoaded, error: e.imageErrored } })], 1);
-}, z = [], P = /* @__PURE__ */ D(
-  C,
-  I,
-  z,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const M = P.exports;
-export {
-  M as D,
-  f as a,
-  j as b,
-  d as c,
-  u as d,
-  _ as e,
-  h as f,
-  g,
-  r as h,
-  L as i,
-  F as j,
-  J as k,
-  W as l,
-  p as m,
-  k as n,
-  x as o,
-  B as p,
-  A as q,
-  K as r,
-  T as s,
-  b as u,
-  w as v
-};
-//# sourceMappingURL=index-YkSDT8-g.js.map

package/dist/chunks/index-YkSDT8-g.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-YkSDT8-g.js","sources":["../../common/emoji/index.js","../../components/emoji/emoji.vue"],"sourcesContent":["import emojiRegex from 'emoji-regex';\nimport emojiJsonLocal from 'emoji-toolkit/emoji_strategy.json';\n\nexport const emojiVersion = '8.0';\nexport const defaultEmojiAssetUrl = 'https://cdn.jsdelivr.net/joypixels/assets/' + emojiVersion + '/png/unicode/32/';\nexport let customEmojiAssetUrl = null;\n\n// Used for emoji 16px and smaller\nexport let emojiImageUrlSmall = defaultEmojiAssetUrl;\nexport let emojiFileExtensionSmall = '.png';\n\n// Used for emoji larger than 16px\nexport let emojiImageUrlLarge = defaultEmojiAssetUrl;\nexport let emojiFileExtensionLarge = '.png';\n\nexport const emojiJson = emojiJsonLocal;\n\nexport function getEmojiData () {\n  return emojiJson;\n}\n\nexport function setEmojiAssetUrlSmall (url, fileExtension = '.png') {\n  if (!url.endsWith('/')) {\n    url = url + '/';\n  }\n  emojiImageUrlSmall = url;\n  emojiFileExtensionSmall = fileExtension;\n}\n\nexport function setEmojiAssetUrlLarge (url, fileExtension = '.svg') {\n  if (!url.endsWith('/')) {\n    url = url + '/';\n  }\n  emojiImageUrlLarge = url;\n  emojiFileExtensionLarge = fileExtension;\n}\n\nexport function setCustomEmojiUrl (url) {\n  customEmojiAssetUrl = url;\n}\n\nexport function setCustomEmojiJson (json) {\n  validateCustomEmojiJson(json);\n}\n\n/**\n * Validate custom emoji json\n */\nexport function validateCustomEmojiJson (json) {\n  const customEmojiProps = ['extension', 'custom'];\n  const customEmojiRequiredProps = [\n    'name',\n    'category',\n    'shortname',\n    'extension',\n    'custom',\n  ];\n\n  /**\n   * Update single emoji properties.\n   * If the property exists in emojiData, it'll add the values if the property is an array, otherwise will overwrite.\n   * If not exists, will add the property to the emojiData object.\n   */\n  const _updateNativeEmojiData = (emojiData, propName, propValue) => {\n    if (emojiData[propName] === undefined) {\n      if (!customEmojiProps.includes(propName)) {\n        return;\n      }\n\n      // new property to add\n      emojiData[propName] = propValue;\n    } else {\n      if (Array.isArray(emojiData[propName])) {\n        emojiData[propName] = emojiData[propName].concat(propValue);\n      } else {\n        emojiData[propName] = propValue;\n      }\n    }\n  };\n\n  Object.entries(json).forEach((item) => {\n    const [customEmojiKey, customEmojiValue] = item;\n\n    if (customEmojiKey in emojiJson) {\n      // custom emoji exists in emoji json which means to update some data in the native emoji\n      const emojiData = emojiJson[customEmojiKey];\n\n      for (const customEmojiPropertyName in customEmojiValue) {\n        const customEmojiPropertyValue = customEmojiValue[customEmojiPropertyName];\n\n        _updateNativeEmojiData(emojiData, customEmojiPropertyName, customEmojiPropertyValue);\n      }\n    } else {\n      // new custom emoji\n      const _validateRequiredProps = () =>\n        customEmojiRequiredProps.every((val) => {\n          return customEmojiValue[val] !== undefined;\n        });\n\n      if (_validateRequiredProps()) {\n        emojiJson[customEmojiKey] = customEmojiValue;\n      } else {\n        console.error(\n          'The following custom emoji doesn\\'t contain the required properties:',\n          customEmojiValue,\n        );\n      }\n    }\n  });\n}\n\n// recursively searches the emoji data object containing data for all emojis\n// and returns the object with the specified shortcode.\nexport function shortcodeToEmojiData (shortcode) {\n  // eslint-disable-next-line complexity\n  function f (o, key) {\n    if (!o || typeof o !== 'object') {\n      return;\n    }\n    if ('shortname' in o) {\n      if (o.shortname === shortcode || o.shortname_alternates.includes(shortcode)) {\n        o.key = key;\n        reference = o;\n        return true;\n      }\n    }\n    Object.keys(o).some(function (k) {\n      return f(o[k], k);\n    });\n  }\n\n  let reference;\n  f(getEmojiData(), null);\n  return reference;\n}\n\n// Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects\n// as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender\n// and such. Note that this function does NOT return variation selectors (fe0f) or zero width joiners (200d), as these\n// are not included as part of the key in the emoji.json.\n//\n// Example:\n// return value for smile emoji (no skin tone): 1f600\n// return value for left facing fist (light skin tone): 1f91b-1f3fb\nexport function unicodeToString (emoji) {\n  let key = '';\n  for (const codePoint of emoji) {\n    const codepoint = codePoint.codePointAt(0).toString(16).padStart(4, '0');\n\n    // skip 200d and fe0f as these are not included in emoji_strategy.json keys\n    if (['200d', 'fe0f'].includes(codepoint)) continue;\n    if (key !== '') { key = key + '-'; }\n    key = key + codepoint;\n  }\n  return key;\n}\n\n// Takes in unicode in string form ex: '1f91b-1f3fb' and converts it to an actual unicode character.\nexport function stringToUnicode (str) {\n  const uChars = str.split('-');\n  let result = '';\n  uChars.forEach((uChar) => {\n    result = result + String.fromCodePoint(parseInt(uChar, 16));\n  });\n  return result;\n}\n\n// Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.\nexport function codeToEmojiData (code) {\n  if (code.startsWith(':') && code.endsWith(':')) {\n    return shortcodeToEmojiData(code);\n  } else {\n    const unicodeString = unicodeToString(code);\n\n    const result = emojiJson[unicodeString];\n    if (result) result.key = unicodeString;\n    return result;\n  }\n}\n\n// Finds every shortcode in slot text\n// filters only the existing codes in emojiJson\n// removes duplicates.\n// @returns {string[]}\nexport function findShortCodes (textContent) {\n  const shortcodes = textContent.match(/:\\w+:/g);\n  return filterValidShortCodes(shortcodes);\n}\n\nexport function filterValidShortCodes (shortcodes) {\n  const filtered = shortcodes ? shortcodes.filter(code => shortcodeToEmojiData(code)) : [];\n  return new Set(filtered);\n}\n\n// Finds every emoji in slot text\n// removes duplicates\n// @returns {string[]}\nexport function findEmojis (textContent) {\n  const matches = [...textContent.matchAll(emojiRegex())];\n  const emojis = matches.length ? matches.map(match => match[0]) : [];\n  return new Set(emojis);\n}\n","<template>\n  <span :class=\"['d-emoji', 'd-icon', emojiSize]\">\n    <dt-skeleton\n      v-show=\"imgLoading && showSkeleton\"\n      :offset=\"0\"\n      :class=\"['d-icon', emojiSize]\"\n      :shape-option=\"{ shape: 'circle', size: '100%' }\"\n    />\n    <img\n      v-show=\"!imgLoading\"\n      ref=\"emojiImg\"\n      :class=\"['d-icon', emojiSize, imgClass]\"\n      :aria-label=\"emojiLabel\"\n      :alt=\"emojiAlt\"\n      :title=\"emojiLabel\"\n      :src=\"emojiSrc\"\n      @load=\"imageLoaded\"\n      @error=\"imageErrored\"\n    >\n  </span>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport {\n  codeToEmojiData,\n  stringToUnicode,\n  emojiImageUrlSmall,\n  emojiFileExtensionSmall,\n  emojiImageUrlLarge,\n  emojiFileExtensionLarge,\n  customEmojiAssetUrl,\n} from '@/common/emoji';\nimport { DtSkeleton } from '@/components/skeleton';\n\n/**\n * Renders an emoji from a shortcode such as :smile: or unicode character such as 😄\n * @see https://dialtone.dialpad.com/components/emoji.html\n */\nexport default {\n  name: 'DtEmoji',\n\n  components: {\n    DtSkeleton,\n  },\n\n  props: {\n    /**\n     * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n     * <a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\n     * for all supported shortcode/unicode or the docs for setting up custom emojis.\n     */\n    code: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The size of the emoji. Can be any of the icon size utility classes from\n     * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n\n    /**\n     * Additional class name for the emoji img element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    imgClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\n     * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\n     * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\n     * getEmojiData() function\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Shows a skeleton loader while the emoji asset is loading.\n     * @values true, false\n     */\n    showSkeleton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      emojiData: null,\n      imgLoading: false,\n    };\n  },\n\n  computed: {\n    emojiDataValid () {\n      return !!this.emojiData;\n    },\n\n    emojiSrc () {\n      if (!this.emojiDataValid) { return 'invalid'; }\n\n      // custom emoji\n      if (this.emojiData?.custom) {\n        return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;\n      }\n\n      if (['100', '200'].includes(this.size)) {\n        return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;\n      } else {\n        return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;\n      }\n    },\n\n    emojiAlt () {\n      if (!this.emojiDataValid) { return undefined; }\n      return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;\n    },\n\n    emojiLabel () {\n      if (!this.emojiDataValid) { return 'Invalid Emoji'; }\n      return this.ariaLabel ? this.ariaLabel : this.emojiData.name;\n    },\n\n    emojiSize () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n  },\n\n  watch: {\n    code: {\n      handler: function () {\n        this.getEmojiData();\n      },\n\n      immediate: true,\n    },\n\n    emojiSrc: {\n      handler: async function () {\n        this.imgLoading = true;\n      },\n\n      immediate: true,\n    },\n  },\n\n  methods: {\n    getEmojiData () {\n      this.emojiData = codeToEmojiData(this.code);\n    },\n\n    imageLoaded () {\n      this.imgLoading = false;\n    },\n\n    imageErrored () {\n      this.imgLoading = false;\n    },\n  },\n};\n</script>\n"],"names":["emojiVersion","defaultEmojiAssetUrl","customEmojiAssetUrl","emojiImageUrlSmall","emojiFileExtensionSmall","emojiImageUrlLarge","emojiFileExtensionLarge","emojiJson","emojiJsonLocal","getEmojiData","setEmojiAssetUrlSmall","url","fileExtension","setEmojiAssetUrlLarge","setCustomEmojiUrl","setCustomEmojiJson","json","validateCustomEmojiJson","customEmojiProps","customEmojiRequiredProps","_updateNativeEmojiData","emojiData","propName","propValue","item","customEmojiKey","customEmojiValue","customEmojiPropertyName","customEmojiPropertyValue","val","shortcodeToEmojiData","shortcode","f","key","reference","k","unicodeToString","emoji","codePoint","codepoint","stringToUnicode","str","uChars","result","uChar","codeToEmojiData","code","unicodeString","findShortCodes","textContent","shortcodes","filterValidShortCodes","filtered","findEmojis","matches","emojiRegex","emojis","match","_sfc_main","DtSkeleton","ICON_SIZE_MODIFIERS","_a"],"mappings":"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"}