@dialpad/dialtone-vue 2.103.1 → 2.104.0

package/dist/emoji-098966fd.js

@@ -0,0 +1,911 @@
+import w from "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/emoji-regex/index.mjs";
+import $ from "/home/runner/work/dialtone-vue/dialtone-vue/node_modules/emoji-toolkit/emoji_strategy.json";
+import { n as r } from "./_plugin-vue2_normalizer-71e2aa87.js";
+const m = {
+  100: "d-icon--size-100",
+  200: "d-icon--size-200",
+  300: "d-icon--size-300",
+  400: "d-icon--size-400",
+  500: "d-icon--size-500",
+  600: "d-icon--size-600",
+  700: "d-icon--size-700",
+  800: "d-icon--size-800"
+}, L = 3e6, u = {
+  circle: "d-bar-circle",
+  square: "d-bar2"
+}, C = [
+  "body",
+  "heading"
+], z = {
+  sm: "24px",
+  md: "32px",
+  lg: "48px"
+}, p = {
+  sm: "d-h16",
+  md: "d-h24",
+  lg: "d-h32"
+}, _ = {
+  computed: {
+    skeletonOffset() {
+      const e = this.$refs.skeleton;
+      if (!e)
+        return this.offset;
+      const { top: t, height: n } = e.getBoundingClientRect();
+      return t + n / 2;
+    },
+    skeletonStyle() {
+      const e = {};
+      if (this.skeletonOffset === -1 || !this.animate && this.animationDuration === -1)
+        return e;
+      const t = this.skeletonOffset * L / 1e3, n = this.animationDuration === -1 ? 1e3 : this.animationDuration;
+      return e.animationDelay = `${t}ms`, e.animationDuration = `${n}ms`, e;
+    }
+  }
+}, A = {
+  name: "DtSkeletonShape",
+  mixins: [_],
+  props: {
+    /**
+     * Defines the shape of the skeleton, accepts circle or square.
+     * @values circle, square
+     */
+    shape: {
+      type: String,
+      default: "circle",
+      validator: (e) => Object.keys(u).includes(e)
+    },
+    /**
+     * Size of the shape
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /**
+     * Duration time of the animation (ms), set -1 for an infinite animation.
+     */
+    animationDuration: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * This property has higher priority than "option.animate"
+     * @values true, false
+     */
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * RippleDuration controls how long the delay is for the animation of a
+     * placeholder 1000 pixels from the top of the page. Each placeholder
+     * from the top down will have a delay duration from 0 to this offset.
+     * The delay of each placeholder animation is based on how far down the page
+     * the placeholder is rendered. This is a linear relationship. The unit
+     * is milliseconds.
+     */
+    offset: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Additional class name for the content.
+     */
+    contentClass: {
+      type: [String, Object, Array],
+      default: ""
+    }
+  },
+  data() {
+    return {
+      SKELETON_SHAPES: u
+    };
+  },
+  computed: {
+    shapeStyles() {
+      const e = z[this.size] || this.size;
+      return {
+        ...this.skeletonStyle,
+        "min-width": e,
+        "max-width": e,
+        "min-height": e,
+        "max-height": e
+      };
+    }
+  }
+};
+var N = function() {
+  var t = this, n = t._self._c;
+  return n("div", { ref: "skeleton", class: [
+    "skeleton-placeholder",
+    t.SKELETON_SHAPES[t.shape],
+    {
+      "skeleton-placeholder--animate": t.animate
+    },
+    t.contentClass
+  ], style: t.shapeStyles, attrs: { "data-qa": "skeleton-shape" } });
+}, I = [], T = /* @__PURE__ */ r(
+  A,
+  N,
+  I,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const g = T.exports, P = {
+  name: "DtSkeletonText",
+  mixins: [_],
+  props: {
+    /**
+     * Skeleton type
+     * @values body, heading
+     */
+    type: {
+      type: String,
+      default: "body",
+      validator: (e) => C.includes(e)
+    },
+    /**
+     * Heading height
+     * @values sm, md, lg
+     */
+    headingHeight: {
+      type: String,
+      default: "md",
+      validator: (e) => Object.keys(p).includes(e)
+    },
+    /**
+     * Width of the skeleton
+     */
+    width: {
+      type: String,
+      default: "100%"
+    },
+    /**
+     * Duration time of the animation (ms), set -1 for an infinite animation.
+     */
+    animationDuration: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * This property has higher priority than "option.animate"
+     * @values true, false
+     */
+    animate: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * RippleDuration controls how long the delay is for the animation of a
+     * placeholder 1000 pixels from the top of the page. Each placeholder
+     * from the top down will have a delay duration from 0 to this offset.
+     * The delay of each placeholder animation is based on how far down the page
+     * the placeholder is rendered. This is a linear relationship. The unit
+     * is milliseconds.
+     */
+    offset: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Additional class name for the content.
+     */
+    contentClass: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      SKELETON_HEADING_HEIGHTS: p
+    };
+  }
+};
+var R = function() {
+  var t = this, n = t._self._c;
+  return t.type === "body" ? n("div", { ref: "skeleton", class: [
+    "d-h8",
+    "d-bar2",
+    "skeleton-placeholder",
+    {
+      "skeleton-placeholder--animate": t.animate
+    },
+    t.contentClass
+  ], style: {
+    width: t.width,
+    ...t.skeletonStyle
+  }, attrs: { "data-qa": "skeleton-text-body" } }) : t.type === "heading" ? n("div", { ref: "skeleton", class: [
+    t.SKELETON_HEADING_HEIGHTS[t.headingHeight],
+    "d-bar2",
+    "skeleton-placeholder",
+    {
+      "skeleton-placeholder--animate": t.animate
+    },
+    t.contentClass
+  ], style: {
+    width: t.width,
+    ...t.skeletonStyle
+  }, attrs: { "data-qa": "skeleton-text-heading" } }) : t._e();
+}, W = [], q = /* @__PURE__ */ r(
+  P,
+  R,
+  W,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const y = q.exports, c = (e) => e !== "" && !Number.isNaN(Number(e)), B = {
+  name: "DtSkeletonParagraph",
+  components: {
+    DtSkeletonText: y
+  },
+  props: {
+    /**
+     * Quantity of rows to display
+     */
+    rows: {
+      type: [Number, String],
+      default: 3,
+      validator: c
+    },
+    /**
+     * This property has higher priority than "option.animate"
+     * @values true, false
+     */
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Controls the min width of paragraphs
+     */
+    minWidth: {
+      type: [Number, String],
+      default: 30,
+      validator: c
+    },
+    /**
+     * Controls the max width of paragraphs
+     */
+    maxWidth: {
+      type: [Number, String],
+      default: 100,
+      validator: c
+    },
+    /**
+     * Controls the width of paragraphs
+     */
+    width: {
+      type: [String, Array],
+      default: null
+    },
+    /**
+     * If true, row widths will be random
+     * @values true, false
+     */
+    randomWidth: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * RippleDuration controls how long the delay is for the animation of a
+     * placeholder 1000 pixels from the top of the page. Each placeholder
+     * from the top down will have a delay duration from 0 to this offset.
+     * The delay of each placeholder animation is based on how far down the page
+     * the placeholder is rendered. This is a linear relationship. The unit
+     * is milliseconds.
+     */
+    offset: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Duration time of the animation (ms), set -1 for an infinite animation.
+     */
+    animationDuration: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * Additional class name for the content.
+     */
+    contentClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Additional class name for the row.
+     */
+    rowClass: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    integerRows() {
+      return Number(this.rows);
+    }
+  },
+  methods: {
+    randomWidthPercentage() {
+      const e = Math.min(this.minWidth, this.maxWidth), t = Math.max(this.minWidth, this.maxWidth);
+      return `${Math.round(Math.random() * (t - e)) + e}%`;
+    },
+    getSizeParagraphRow(e) {
+      const t = this.width, n = Array.isArray(t), a = t == null ? void 0 : t[e - 1], s = e === this.rows;
+      return this.randomWidth ? this.randomWidthPercentage() : t && !n ? t : t && n && a ? a : s ? "38%" : "100%";
+    }
+  }
+};
+var F = function() {
+  var t = this, n = t._self._c;
+  return n("div", { class: [
+    "d-w100p",
+    t.contentClass
+  ], attrs: { contentClass: "", "data-qa": "skeleton-paragraph" } }, t._l(t.integerRows, function(a) {
+    return n("dt-skeleton-text", { key: a, class: [
+      {
+        "d-mb12": a !== t.integerRows
+      }
+    ], attrs: { "data-qa": "skeleton-paragraph-row", "content-class": t.rowClass, animate: t.animate, offset: t.offset, "animation-duration": t.animationDuration, width: t.getSizeParagraphRow(a) } });
+  }), 1);
+}, H = [], U = /* @__PURE__ */ r(
+  B,
+  F,
+  H,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const S = U.exports, K = {
+  name: "DtSkeletonListItem",
+  components: {
+    DtSkeletonShape: g,
+    DtSkeletonParagraph: S
+  },
+  props: {
+    /**
+     * Defines the shape of the skeleton, accepts circle or square.
+     * @values circle, square
+     */
+    shape: {
+      type: String,
+      default: "circle",
+      validator: (e) => Object.keys(u).includes(e)
+    },
+    /**
+     * Size of the shape
+     * @values xs, sm, md, lg, xl
+     */
+    shapeSize: {
+      type: String,
+      default: "md"
+    },
+    /**
+     * Object containing quantity of paragraphs to display
+     * and a randomWidth boolean.
+     */
+    paragraphs: {
+      type: Object,
+      default: () => ({ rows: 3, randomWidth: !0 })
+    },
+    /**
+     * Duration time of the animation (ms), set -1 for an infinite animation.
+     */
+    animationDuration: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * This property has higher priority than "option.animate"
+     * @values true, false
+     */
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * RippleDuration controls how long the delay is for the animation of a
+     * placeholder 1000 pixels from the top of the page. Each placeholder
+     * from the top down will have a delay duration from 0 to this offset.
+     * The delay of each placeholder animation is based on how far down the page
+     * the placeholder is rendered. This is a linear relationship. The unit
+     * is milliseconds.
+     */
+    offset: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Additional class name for the shape.
+     */
+    shapeClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Additional class name for the content.
+     */
+    contentClass: {
+      type: String,
+      default: ""
+    }
+  }
+};
+var J = function() {
+  var t = this, n = t._self._c;
+  return n("div", { class: [
+    "d-d-flex",
+    {
+      "d-ai-center": t.paragraphs.rows === 1
+    },
+    t.contentClass
+  ], attrs: { "data-qa": "skeleton-list-item" } }, [n("dt-skeleton-shape", { staticClass: "d-mr8", attrs: { size: t.shapeSize, shape: t.shape, "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset, "content-class": t.shapeClass } }), n("div", { staticClass: "d-d-flex d-fd-column d-w100p" }, [n("dt-skeleton-paragraph", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-paragraph", t.paragraphs, !1))], 1)], 1);
+}, M = [], V = /* @__PURE__ */ r(
+  K,
+  J,
+  M,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const G = V.exports;
+const Z = {
+  name: "DtSkeleton",
+  components: {
+    DtSkeletonText: y,
+    DtSkeletonShape: g,
+    DtSkeletonListItem: G,
+    DtSkeletonParagraph: S
+  },
+  props: {
+    /**
+     * Set this prop to have the skeleton render as multiple lines of text.
+     * Set only one option prop at a time.
+     */
+    paragraphOption: {
+      type: [Object, Boolean],
+      default: null
+    },
+    /**
+     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.
+     * Set only one option prop at a time.
+     */
+    listItemOption: {
+      type: [Object, Boolean],
+      default: null
+    },
+    /**
+     * Set this prop to have the skeleton render as a single line of text.
+     * Set only one option prop at a time.
+     */
+    textOption: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Set this prop to have the skeleton render as a specific shape.
+     * Set only one option prop at a time.
+     */
+    shapeOption: {
+      type: [Object, Boolean],
+      default: null
+    },
+    /**
+     * Duration time of the animation (ms), set -1 for an infinite animation.
+     */
+    animationDuration: {
+      type: Number,
+      default: -1
+    },
+    /**
+     * Descriptive label for the content.
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * This property has higher priority than "option.animate"
+     * @values true, false
+     */
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * RippleDuration controls how long the delay is for the animation of a
+     * placeholder 1000 pixels from the top of the page. Each placeholder
+     * from the top down will have a delay duration from 0 to this offset.
+     * The delay of each placeholder animation is based on how far down the page
+     * the placeholder is rendered. This is a linear relationship. The unit
+     * is milliseconds.
+     */
+    offset: {
+      type: Number,
+      default: 1
+    }
+  },
+  computed: {
+    validationOptions() {
+      return {
+        paragraphOption: this.paragraphOption,
+        listItemOption: this.listItemOption,
+        textOption: this.textOption,
+        shapeOption: this.shapeOption
+      };
+    }
+  },
+  watch: {
+    $props: {
+      immediate: !0,
+      handler: "validator"
+    }
+  },
+  methods: {
+    validator() {
+      const e = Object.entries(this.validationOptions).filter(([t, n]) => n);
+      if (e.length >= 2) {
+        const t = `Use only one of ${e.map(([n]) => n).join(" | ")} options at the same time`;
+        console.error(t);
+      }
+    }
+  }
+};
+var X = function() {
+  var t = this, n = t._self._c;
+  return n("div", { attrs: { "aria-busy": "true", role: "status", "aria-label": t.ariaLabel } }, [t.listItemOption ? n("dt-skeleton-list-item", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-list-item", t.listItemOption === !0 ? {} : t.listItemOption, !1)) : t.shapeOption ? n("dt-skeleton-shape", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-shape", t.shapeOption === !0 ? {} : t.shapeOption, !1)) : t.paragraphOption ? n("dt-skeleton-paragraph", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-paragraph", t.paragraphOption === !0 ? {} : t.paragraphOption, !1)) : n("dt-skeleton-text", t._b({ attrs: { "animation-duration": t.animationDuration, animate: t.animate, offset: t.offset } }, "dt-skeleton-text", t.textOption || {}, !1))], 1);
+}, Y = [], Q = /* @__PURE__ */ r(
+  Z,
+  X,
+  Y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const tt = Q.exports, et = "6.6", j = "https://cdn.jsdelivr.net/joypixels/assets/" + et + "/png/unicode/32/";
+let v = null, E = j, k = ".png", b = j, D = ".png";
+const l = $;
+function nt() {
+  return l;
+}
+function vt(e, t = ".png") {
+  e.endsWith("/") || (e = e + "/"), E = e, k = t;
+}
+function Et(e, t = ".svg") {
+  e.endsWith("/") || (e = e + "/"), b = e, D = t;
+}
+function kt(e) {
+  v = e;
+}
+function bt(e) {
+  at(e);
+}
+function at(e) {
+  const t = ["extension", "custom"], n = [
+    "name",
+    "category",
+    "shortname",
+    "extension",
+    "custom"
+  ], a = (s, i, o) => {
+    if (s[i] === void 0) {
+      if (!t.includes(i))
+        return;
+      s[i] = o;
+    } else
+      Array.isArray(s[i]) ? s[i] = s[i].concat(o) : s[i] = o;
+  };
+  Object.entries(e).forEach((s) => {
+    const [i, o] = s;
+    if (i in l) {
+      const f = l[i];
+      for (const d in o) {
+        const x = o[d];
+        a(f, d, x);
+      }
+    } else
+      (() => n.every((d) => o[d] !== void 0))() ? l[i] = o : console.error(
+        "The following custom emoji doesn't contain the required properties:",
+        o
+      );
+  });
+}
+function O(e) {
+  function t(a, s) {
+    if (!(!a || typeof a != "object")) {
+      if ("shortname" in a && (a.shortname === e || a.shortname_alternates.includes(e)))
+        return a.key = s, n = a, !0;
+      Object.keys(a).some(function(i) {
+        return t(a[i], i);
+      });
+    }
+  }
+  let n;
+  return t(nt(), null), n;
+}
+function st(e) {
+  let t = "";
+  for (const n of e) {
+    const a = n.codePointAt(0).toString(16);
+    ["200d", "fe0f"].includes(a) || (t !== "" && (t = t + "-"), t = t + n.codePointAt(0).toString(16));
+  }
+  return t;
+}
+function it(e) {
+  const t = e.split("-");
+  let n = "";
+  return t.forEach((a) => {
+    n = n + String.fromCodePoint(parseInt(a, 16));
+  }), n;
+}
+function ot(e) {
+  if (e.startsWith(":") && e.endsWith(":"))
+    return O(e);
+  {
+    const t = st(e), n = l[t];
+    return n && (n.key = t), n;
+  }
+}
+function rt(e) {
+  const t = e.match(/:\w+:/g);
+  return lt(t);
+}
+function lt(e) {
+  const t = e ? e.filter((n) => O(n)) : [];
+  return new Set(t);
+}
+function dt(e) {
+  const t = [...e.matchAll(w())], n = t.length ? t.map((a) => a[0]) : [];
+  return new Set(n);
+}
+const ct = {
+  name: "DtEmoji",
+  components: {
+    DtSkeleton: tt
+  },
+  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://dialpad.design/components/icon.html" target="_blank"> Dialpad Icon Size</a>
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(m).includes(e)
+    },
+    /**
+     * 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 e;
+      return this.emojiDataValid ? (e = this.emojiData) != null && e.custom ? v + this.emojiData.key + this.emojiData.extension : ["100", "200"].includes(this.size) ? E + this.emojiData.key + k : b + this.emojiData.key + D : "invalid";
+    },
+    emojiAlt() {
+      if (this.emojiDataValid)
+        return this.emojiData.unicode_output ? it(this.emojiData.unicode_output) : this.emojiData.name;
+    },
+    emojiLabel() {
+      return this.emojiDataValid ? this.ariaLabel ? this.ariaLabel : this.emojiData.name : "Invalid Emoji";
+    },
+    emojiSize() {
+      return m[this.size];
+    }
+  },
+  watch: {
+    code: {
+      handler: function() {
+        this.getEmojiData();
+      },
+      immediate: !0
+    },
+    emojiSrc: {
+      handler: async function() {
+        this.imgLoading = !0;
+      }
+    }
+  },
+  methods: {
+    getEmojiData() {
+      this.emojiData = ot(this.code);
+    },
+    imageLoaded() {
+      this.imgLoading = !1;
+    },
+    imageErrored() {
+      this.imgLoading = !1;
+    }
+  }
+};
+var mt = function() {
+  var t = this, n = t._self._c;
+  return n("span", { class: ["dt-emoji", "d-icon", t.emojiSize] }, [n("dt-skeleton", { directives: [{ name: "show", rawName: "v-show", value: t.imgLoading && t.showSkeleton, expression: "imgLoading && showSkeleton" }], class: t.emojiSize, attrs: { offset: 0, "shape-option": { shape: "square", contentClass: t.emojiSize, size: "auto" } } }), n("img", { directives: [{ name: "show", rawName: "v-show", value: !t.imgLoading, expression: "!imgLoading" }], ref: "emojiImg", class: ["d-icon", t.emojiSize, t.imgClass], attrs: { "aria-label": t.emojiLabel, alt: t.emojiAlt, title: t.emojiLabel, src: t.emojiSrc }, on: { load: t.imageLoaded, error: t.imageErrored } })], 1);
+}, ut = [], ft = /* @__PURE__ */ r(
+  ct,
+  mt,
+  ut,
+  !1,
+  null,
+  "6ad3e149",
+  null,
+  null
+);
+const h = ft.exports, pt = {
+  name: "DtEmojiTextWrapper",
+  components: {
+    DtEmoji: h
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Element type (tag name) to use for the wrapper.
+     */
+    elementType: {
+      type: String,
+      default: "div"
+    },
+    /**
+     * The icon size to render the emojis at: 100 to 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(m).includes(e)
+    }
+  },
+  data() {
+    return {
+      loadingEmojiJson: !0
+    };
+  },
+  async created() {
+    this.loadingEmojiJson = !1;
+  },
+  methods: {
+    /**
+     * Replaces the valid codes from the text content with a DtEmoji component.
+     * @returns {Array<VNode|string>}
+     */
+    replaceDtEmojis(e, t) {
+      const n = new RegExp(`(${e.join("|")})`, "g");
+      return t.split(n).map((s) => e.includes(s) ? this.$createElement(h, {
+        attrs: { class: "d-mx4 d-d-inline-block" },
+        props: { code: s, size: this.size, ...this.$attrs }
+      }) : s);
+    },
+    /**
+     * Recursively search the Vue virtual DOM to find text
+     * @param VNode
+     * @returns {VNode|*}
+     */
+    searchVNodes(e) {
+      if (!e.tag && e.text)
+        return this.searchCodes(e.text);
+      const t = e.children ? e.children.map((n) => this.searchVNodes(n)) : [];
+      return this.$createElement(e.tag, e.data, t);
+    },
+    // TODO: Find a way to crawl vue components
+    replaceVueComponentVNodeContent(e) {
+    },
+    /**
+     * Find codes in text.
+     * @param textContent string
+     * @returns {Array<VNode|string>|string}
+     */
+    searchCodes(e) {
+      const t = rt(e), n = dt(e), a = [...t, ...n];
+      return a.length === 0 ? e : this.replaceDtEmojis(a, e);
+    }
+  },
+  render(e) {
+    const t = this.$slots.default || [];
+    return e(
+      this.elementType,
+      this.loadingEmojiJson ? t : t.map((n) => this.searchVNodes(n))
+    );
+  }
+}, ht = null, _t = null;
+var gt = /* @__PURE__ */ r(
+  pt,
+  ht,
+  _t,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Dt = gt.exports;
+export {
+  it as A,
+  ot as B,
+  rt as C,
+  tt as D,
+  lt as E,
+  dt as F,
+  m as I,
+  L as S,
+  Dt as a,
+  h as b,
+  G as c,
+  y as d,
+  g as e,
+  S as f,
+  u as g,
+  C as h,
+  z as i,
+  p as j,
+  et as k,
+  j as l,
+  v as m,
+  E as n,
+  k as o,
+  b as p,
+  D as q,
+  l as r,
+  nt as s,
+  vt as t,
+  Et as u,
+  kt as v,
+  bt as w,
+  at as x,
+  O as y,
+  st as z
+};