@dialpad/dialtone-vue 3.150.0 → 3.150.1

package/dist/lib/emoji-text-wrapper.js

@@ -1,104 +1,5 @@
-import { findShortCodes, findEmojis } from "../chunks/index-GVD15GIB.js";
-import { h } from "vue";
-import { ICON_SIZE_MODIFIERS } from "../chunks/icon_constants-H9ahUVCG.js";
-import { DtEmoji } from "./emoji.js";
-import "@dialpad/dialtone-emojis";
-import "@dialpad/dialtone-icons/icons.js";
-import "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import "./skeleton.js";
-const _sfc_main = {
-  name: "DtEmojiTextWrapper",
-  components: {
-    DtEmoji
-  },
-  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: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t)
-    }
-  },
-  data() {
-    return {
-      loadingEmojiJson: true
-    };
-  },
-  async created() {
-    this.loadingEmojiJson = false;
-  },
-  methods: {
-    /**
-     * Replaces the valid codes from the text content with a DtEmoji component.
-     * @returns {Array<VNode|string>}
-     */
-    replaceDtEmojis(replaceList, textContent) {
-      if (!replaceList.length)
-        return textContent;
-      const regexp = new RegExp(`(${replaceList.join("|")})`, "g");
-      const items = textContent.split(regexp);
-      return items.filter((item) => item.trim() !== "").map((item) => {
-        if (replaceList.includes(item)) {
-          return h(DtEmoji, { code: item, size: this.size });
-        }
-        return h("span", { class: "d-emoji-text-wrapper__text" }, item);
-      });
-    },
-    /**
-     * Recursively search the Vue virtual DOM to find text
-     * @param VNode
-     * @returns {VNode|*}
-     */
-    searchVNodes(VNode) {
-      var _a;
-      if (typeof VNode === "string")
-        return this.searchCodes(VNode);
-      if (typeof VNode.type === "symbol")
-        return this.searchCodes(VNode.children);
-      if ((_a = VNode.props) == null ? void 0 : _a.innerHTML)
-        return this.searchVNodes(VNode.props.innerHTML);
-      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];
-      return h(VNode.type, VNode.props, children.map((VNodeChild) => this.searchVNodes(VNodeChild)));
-    },
-    // TODO: Find a way to crawl vue components
-    replaceVueComponentVNodeContent(VNode) {
-    },
-    /**
-     * Find codes in text.
-     * @param textContent string
-     * @returns {Array<VNode|string>|string}
-     */
-    searchCodes(textContent) {
-      const shortcodes = findShortCodes(textContent);
-      const emojis = findEmojis(textContent);
-      const replaceList = [...shortcodes, ...emojis];
-      if (replaceList.length === 0)
-        return textContent;
-      return this.replaceDtEmojis(replaceList, textContent);
-    }
-  },
-  render() {
-    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];
-    return h(
-      this.elementType,
-      {
-        "data-qa": "emoji-text-wrapper",
-        class: "d-emoji-text-wrapper"
-      },
-      this.loadingEmojiJson ? defaultSlotContent : defaultSlotContent.map((VNode) => this.searchVNodes(VNode))
-    );
-  }
-};
+import { default as default2 } from "../components/emoji_text_wrapper/emoji_text_wrapper.vue.js";
 export {
-  _sfc_main as DtEmojiTextWrapper
+  default2 as DtEmojiTextWrapper
 };
 //# sourceMappingURL=emoji-text-wrapper.js.map

package/dist/lib/emoji-text-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-text-wrapper.js","sources":["../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n  name: 'DtEmojiTextWrapper',\n\n  components: {\n    DtEmoji,\n  },\n\n  props: {\n    /**\n     * Element type (tag name) to use for the wrapper.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The icon size to render the emojis at: 100 to 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n    },\n  },\n\n  data () {\n    return {\n      loadingEmojiJson: true,\n    };\n  },\n\n  async created () {\n    this.loadingEmojiJson = false;\n  },\n\n  methods: {\n    /**\n     * Replaces the valid codes from the text content with a DtEmoji component.\n     * @returns {Array<VNode|string>}\n     */\n    replaceDtEmojis (replaceList, textContent) {\n      if (!replaceList.length) return textContent;\n\n      const regexp = new RegExp(`(${replaceList.join('|')})`, 'g');\n      const items = textContent.split(regexp);\n\n      return items\n        .filter(item => item.trim() !== '')\n        .map((item) => {\n          if (replaceList.includes(item)) {\n            return h(DtEmoji, { code: item, size: this.size });\n          }\n          return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n        });\n    },\n\n    /**\n     * Recursively search the Vue virtual DOM to find text\n     * @param VNode\n     * @returns {VNode|*}\n     */\n    searchVNodes (VNode) {\n      if (typeof VNode === 'string') return this.searchCodes(VNode);\n      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n      if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n      return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n    },\n\n    // TODO: Find a way to crawl vue components\n    replaceVueComponentVNodeContent (VNode) {\n      //\n    },\n\n    /**\n     * Find codes in text.\n     * @param textContent string\n     * @returns {Array<VNode|string>|string}\n     */\n    searchCodes (textContent) {\n      const shortcodes = findShortCodes(textContent);\n      const emojis = findEmojis(textContent);\n\n      const replaceList = [...shortcodes, ...emojis];\n      if (replaceList.length === 0) return textContent;\n      return this.replaceDtEmojis(replaceList, textContent);\n    },\n  },\n\n  render () {\n    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n    return h(\n      this.elementType,\n      {\n        'data-qa': 'emoji-text-wrapper',\n        class: 'd-emoji-text-wrapper',\n      },\n      this.loadingEmojiJson\n        ? defaultSlotContent\n        : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n    );\n  },\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;AAUK,MAAA,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAM,OAAO,KAAK,mBAAmB,EAAE,SAAS,CAAC;AAAA,IAC9D;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,kBAAkB;AAAA;EAErB;AAAA,EAED,MAAM,UAAW;AACf,SAAK,mBAAmB;AAAA,EACzB;AAAA,EAED,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,gBAAiB,aAAa,aAAa;AACzC,UAAI,CAAC,YAAY;AAAQ,eAAO;AAEhC,YAAM,SAAS,IAAI,OAAO,IAAI,YAAY,KAAK,GAAG,CAAC,KAAK,GAAG;AAC3D,YAAM,QAAQ,YAAY,MAAM,MAAM;AAEtC,aAAO,MACJ,OAAO,UAAQ,KAAK,KAAI,MAAO,EAAE,EACjC,IAAI,CAAC,SAAS;AACb,YAAI,YAAY,SAAS,IAAI,GAAG;AAC9B,iBAAO,EAAE,SAAS,EAAE,MAAM,MAAM,MAAM,KAAK,KAAG,CAAG;AAAA,QACnD;AACA,eAAO,EAAE,QAAQ,EAAE,OAAO,6BAA2B,GAAK,IAAI;AAAA,MAChE,CAAC;AAAA,IACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,aAAc,OAAO;;AACnB,UAAI,OAAO,UAAU;AAAU,eAAO,KAAK,YAAY,KAAK;AAC5D,UAAI,OAAO,MAAM,SAAS;AAAU,eAAO,KAAK,YAAY,MAAM,QAAQ;AAC1E,WAAI,WAAM,UAAN,mBAAa;AAAW,eAAO,KAAK,aAAa,MAAM,MAAM,SAAS;AAE1E,YAAM,WAAW,MAAM,QAAQ,MAAM,QAAQ,IAAI,MAAM,WAAW,CAAC,MAAM,QAAQ;AACjF,aAAO,EAAE,MAAM,MAAM,MAAM,OAAO,SAAS,IAAI,gBAAc,KAAK,aAAa,UAAU,CAAC,CAAC;AAAA,IAC5F;AAAA;AAAA,IAGD,gCAAiC,OAAO;AAAA,IAEvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,YAAa,aAAa;AACxB,YAAM,aAAa,eAAe,WAAW;AAC7C,YAAM,SAAS,WAAW,WAAW;AAErC,YAAM,cAAc,CAAC,GAAG,YAAY,GAAG,MAAM;AAC7C,UAAI,YAAY,WAAW;AAAG,eAAO;AACrC,aAAO,KAAK,gBAAgB,aAAa,WAAW;AAAA,IACrD;AAAA,EACF;AAAA,EAED,SAAU;AACR,UAAM,qBAAqB,KAAK,OAAO,UAAU,KAAK,OAAO,QAAU,IAAE;AACzE,WAAO;AAAA,MACL,KAAK;AAAA,MACL;AAAA,QACE,WAAW;AAAA,QACX,OAAO;AAAA,MACR;AAAA,MACD,KAAK,mBACD,qBACA,mBAAmB,IAAI,WAAS,KAAK,aAAa,KAAK,CAAC;AAAA;EAE/D;AACH;"}
+{"version":3,"file":"emoji-text-wrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/emoji.cjs

@@ -1,158 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common_emoji = require("../chunks/index-lu2o2f4r.js");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const lib_skeleton = require("./skeleton.cjs");
-const icon_constants = require("../chunks/icon_constants-da57m7BZ.js");
-require("@dialpad/dialtone-emojis");
-require("@dialpad/dialtone-icons/icons.js");
-const _sfc_main = {
-  name: "DtEmoji",
-  components: {
-    DtSkeleton: lib_skeleton.DtSkeleton
-  },
-  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: true
-    },
-    /**
-     * 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(icon_constants.ICON_SIZE_MODIFIERS).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: true
-    }
-  },
-  data() {
-    return {
-      emojiData: null,
-      imgLoading: false
-    };
-  },
-  computed: {
-    emojiDataValid() {
-      return !!this.emojiData;
-    },
-    emojiSrc() {
-      var _a;
-      if (!this.emojiDataValid) {
-        return "invalid";
-      }
-      if ((_a = this.emojiData) == null ? void 0 : _a.custom) {
-        return common_emoji.customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
-      }
-      if (["100", "200"].includes(this.size)) {
-        return common_emoji.emojiImageUrlSmall + this.emojiData.key + common_emoji.emojiFileExtensionSmall;
-      } else {
-        return common_emoji.emojiImageUrlLarge + this.emojiData.key + common_emoji.emojiFileExtensionLarge;
-      }
-    },
-    emojiAlt() {
-      if (!this.emojiDataValid) {
-        return void 0;
-      }
-      return this.emojiData.unicode_output ? common_emoji.stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;
-    },
-    emojiLabel() {
-      if (!this.emojiDataValid) {
-        return "Invalid Emoji";
-      }
-      return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
-    },
-    emojiSize() {
-      return icon_constants.ICON_SIZE_MODIFIERS[this.size];
-    }
-  },
-  watch: {
-    code: {
-      handler: function() {
-        this.getEmojiData();
-      },
-      immediate: true
-    },
-    emojiSrc: {
-      handler: async function() {
-        this.imgLoading = true;
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    getEmojiData() {
-      this.emojiData = common_emoji.codeToEmojiData(this.code);
-    },
-    imageLoaded() {
-      this.imgLoading = false;
-    },
-    imageErrored() {
-      this.imgLoading = false;
-    }
-  }
-};
-const _hoisted_1 = ["aria-label", "alt", "title", "src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton = vue.resolveComponent("dt-skeleton");
-  return vue.openBlock(), vue.createElementBlock("span", {
-    class: vue.normalizeClass(["d-emoji d-icon", $options.emojiSize])
-  }, [
-    vue.withDirectives(vue.createVNode(_component_dt_skeleton, {
-      offset: 0,
-      class: vue.normalizeClass(["d-icon", $options.emojiSize]),
-      "shape-option": { shape: "circle", size: "100%" }
-    }, null, 8, ["class"]), [
-      [vue.vShow, $data.imgLoading && $props.showSkeleton]
-    ]),
-    vue.withDirectives(vue.createElementVNode("img", {
-      ref: "emojiImg",
-      class: vue.normalizeClass(["d-icon", $options.emojiSize, $props.imgClass]),
-      "aria-label": $options.emojiLabel,
-      alt: $options.emojiAlt,
-      title: $options.emojiLabel,
-      src: $options.emojiSrc,
-      onLoad: _cache[0] || (_cache[0] = (...args) => $options.imageLoaded && $options.imageLoaded(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => $options.imageErrored && $options.imageErrored(...args))
-    }, null, 42, _hoisted_1), [
-      [vue.vShow, !$data.imgLoading]
-    ])
-  ], 2);
-}
-const DtEmoji = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-exports.DtEmoji = DtEmoji;
+const emoji = require("../components/emoji/emoji.vue.cjs");
+exports.DtEmoji = emoji;
 //# sourceMappingURL=emoji.cjs.map

package/dist/lib/emoji.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.cjs","sources":["../../components/emoji/emoji.vue"],"sourcesContent":["<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":["DtSkeleton","ICON_SIZE_MODIFIERS","customEmojiAssetUrl","emojiImageUrlSmall","emojiFileExtensionSmall","emojiImageUrlLarge","emojiFileExtensionLarge","stringToUnicode","codeToEmojiData","_createElementBlock","_createVNode","_vShow","_createElementVNode","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"emoji.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/lib/emoji.js

@@ -1,158 +1,5 @@
-import { customEmojiAssetUrl, emojiImageUrlSmall, emojiFileExtensionSmall, emojiImageUrlLarge, emojiFileExtensionLarge, stringToUnicode, codeToEmojiData } from "../chunks/index-GVD15GIB.js";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, vShow, createElementVNode } from "vue";
-import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
-import { DtSkeleton } from "./skeleton.js";
-import { ICON_SIZE_MODIFIERS } from "../chunks/icon_constants-H9ahUVCG.js";
-import "@dialpad/dialtone-emojis";
-import "@dialpad/dialtone-icons/icons.js";
-const _sfc_main = {
-  name: "DtEmoji",
-  components: {
-    DtSkeleton
-  },
-  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: true
-    },
-    /**
-     * 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(ICON_SIZE_MODIFIERS).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: true
-    }
-  },
-  data() {
-    return {
-      emojiData: null,
-      imgLoading: false
-    };
-  },
-  computed: {
-    emojiDataValid() {
-      return !!this.emojiData;
-    },
-    emojiSrc() {
-      var _a;
-      if (!this.emojiDataValid) {
-        return "invalid";
-      }
-      if ((_a = this.emojiData) == null ? void 0 : _a.custom) {
-        return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
-      }
-      if (["100", "200"].includes(this.size)) {
-        return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
-      } else {
-        return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
-      }
-    },
-    emojiAlt() {
-      if (!this.emojiDataValid) {
-        return void 0;
-      }
-      return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;
-    },
-    emojiLabel() {
-      if (!this.emojiDataValid) {
-        return "Invalid Emoji";
-      }
-      return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
-    },
-    emojiSize() {
-      return ICON_SIZE_MODIFIERS[this.size];
-    }
-  },
-  watch: {
-    code: {
-      handler: function() {
-        this.getEmojiData();
-      },
-      immediate: true
-    },
-    emojiSrc: {
-      handler: async function() {
-        this.imgLoading = true;
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    getEmojiData() {
-      this.emojiData = codeToEmojiData(this.code);
-    },
-    imageLoaded() {
-      this.imgLoading = false;
-    },
-    imageErrored() {
-      this.imgLoading = false;
-    }
-  }
-};
-const _hoisted_1 = ["aria-label", "alt", "title", "src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton = resolveComponent("dt-skeleton");
-  return openBlock(), createElementBlock("span", {
-    class: normalizeClass(["d-emoji d-icon", $options.emojiSize])
-  }, [
-    withDirectives(createVNode(_component_dt_skeleton, {
-      offset: 0,
-      class: normalizeClass(["d-icon", $options.emojiSize]),
-      "shape-option": { shape: "circle", size: "100%" }
-    }, null, 8, ["class"]), [
-      [vShow, $data.imgLoading && $props.showSkeleton]
-    ]),
-    withDirectives(createElementVNode("img", {
-      ref: "emojiImg",
-      class: normalizeClass(["d-icon", $options.emojiSize, $props.imgClass]),
-      "aria-label": $options.emojiLabel,
-      alt: $options.emojiAlt,
-      title: $options.emojiLabel,
-      src: $options.emojiSrc,
-      onLoad: _cache[0] || (_cache[0] = (...args) => $options.imageLoaded && $options.imageLoaded(...args)),
-      onError: _cache[1] || (_cache[1] = (...args) => $options.imageErrored && $options.imageErrored(...args))
-    }, null, 42, _hoisted_1), [
-      [vShow, !$data.imgLoading]
-    ])
-  ], 2);
-}
-const DtEmoji = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { default as default2 } from "../components/emoji/emoji.vue.js";
 export {
-  DtEmoji
+  default2 as DtEmoji
 };
 //# sourceMappingURL=emoji.js.map

package/dist/lib/emoji.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.js","sources":["../../components/emoji/emoji.vue"],"sourcesContent":["<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":["_createElementBlock","_createVNode","_vShow","_createElementVNode","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"emoji.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/empty-state.cjs

@@ -1,181 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const common_utils = require("../common/utils.cjs");
-const lib_illustration = require("./illustration.cjs");
-const icon_constants = require("../chunks/icon_constants-da57m7BZ.js");
-const lib_stack = require("./stack.cjs");
-const lib_icon = require("./icon.cjs");
-require("../common/constants.cjs");
-require("@dialpad/dialtone-icons/vue3");
-require("@dialpad/dialtone-icons/illustrations.js");
-require("@dialpad/dialtone-icons/icons.js");
-require("../chunks/stack_constants-SMzMWnAQ.js");
-require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
-const EMPTY_STATE_SIZE_MODIFIERS = {
-  sm: "d-empty-state--size-sm",
-  md: "d-empty-state--size-md",
-  lg: "d-empty-state--size-lg"
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "d-empty-state__icon"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "d-empty-state__illustration"
-};
-const _sfc_main = {
-  __name: "empty_state",
-  props: {
-    /**
-      * The empty state size.
-      * @values 'sm', 'md', 'lg'
-      */
-    size: {
-      type: String,
-      default: "lg",
-      validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-      * The illustration name in kebab-case
-     * This only displays when size is 'lg' or 'md'
-     * This has priority over icon.
-      * @type {String}
-      */
-    illustrationName: {
-      type: String,
-      default: null,
-      validator: (name) => lib_illustration.ILLUSTRATION_NAMES.includes(name)
-    },
-    /**
-      * The icon name in kebab-case
-     * This will be shown in 'lg' and 'md' size only if illustrationName prop is not provided and
-     * Will always be shown in 'sm' size.
-      * @type {String}
-      */
-    iconName: {
-      type: String,
-      default: null,
-      validator: (name) => icon_constants.ICON_NAMES.includes(name)
-    },
-    /**
-      * Header text
-      * @type {String}
-      */
-    headerText: {
-      type: String,
-      required: true
-    },
-    /**
-      * Body text
-      * @type {String}
-      */
-    bodyText: {
-      type: String,
-      default: null
-    },
-    /**
-      * Whether to show the illustration
-      * @type {Boolean}
-      */
-    showIllustration: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(__props) {
-    const slots = vue.useSlots();
-    const props = __props;
-    const notSmSize = vue.computed(() => props.size !== "sm");
-    const showIllustrationComponent = vue.computed(() => props.illustrationName && notSmSize.value);
-    const showIcon = vue.computed(() => {
-      if (!props.iconName) {
-        return false;
-      }
-      return !(props.illustrationName && notSmSize.value);
-    });
-    const sizeClass = vue.computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);
-    const emptyStateClasses = vue.computed(() => ["d-empty-state", sizeClass.value]);
-    const contentClass = vue.computed(() => {
-      switch (props.size) {
-        case "sm":
-          return "d-empty-state__content--sm";
-        case "md":
-          return "d-empty-state__content--md";
-        case "lg":
-          return "d-empty-state__content--lg";
-        default:
-          return "d-empty-state__content--lg";
-      }
-    });
-    const headlineClass = vue.computed(() => {
-      switch (props.size) {
-        case "sm":
-          return "d-headline--md";
-        case "md":
-          return "d-headline--xl";
-        case "lg":
-          return "d-headline--xxl";
-        default:
-          return "d-headline--xxl";
-      }
-    });
-    const bodyClass = vue.computed(() => {
-      switch (props.size) {
-        case "sm":
-          return "d-body--sm";
-        case "md":
-          return "d-body--sm";
-        case "lg":
-          return "d-body--md";
-        default:
-          return "d-body--md";
-      }
-    });
-    vue.onMounted(() => {
-      if (!props.bodyText && !common_utils.hasSlotContent(slots.body)) {
-        console.warn("Dialtone Empty State component: You should provide either bodyText or content on body slot.");
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(lib_stack.DtStack), {
-        class: vue.normalizeClass(emptyStateClasses.value)
-      }, {
-        default: vue.withCtx(() => [
-          __props.showIllustration ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            showIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-              vue.createVNode(vue.unref(lib_icon.DtIcon), {
-                name: __props.iconName,
-                size: "800"
-              }, null, 8, ["name"])
-            ])) : vue.createCommentVNode("", true),
-            showIllustrationComponent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
-              vue.createVNode(vue.unref(lib_illustration.DtIllustration), { name: __props.illustrationName }, null, 8, ["name"])
-            ])) : vue.createCommentVNode("", true)
-          ], 64)) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(lib_stack.DtStack), {
-            gap: "450",
-            class: vue.normalizeClass(["d-empty-state__content", contentClass.value])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(["d-empty-state__header-text", headlineClass.value])
-              }, vue.toDisplayString(__props.headerText), 3),
-              __props.bodyText ? (vue.openBlock(), vue.createElementBlock("p", {
-                key: 0,
-                class: vue.normalizeClass(["d-empty-state__body-text", bodyClass.value])
-              }, vue.toDisplayString(__props.bodyText), 3)) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          vue.renderSlot(_ctx.$slots, "body")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-};
-exports.DtEmptyState = _sfc_main;
-exports.EMPTY_STATE_SIZE_MODIFIERS = EMPTY_STATE_SIZE_MODIFIERS;
+const empty_state = require("../components/empty_state/empty_state.vue.cjs");
+const empty_state_constants = require("../components/empty_state/empty_state_constants.cjs");
+exports.DtEmptyState = empty_state;
+exports.EMPTY_STATE_SIZE_MODIFIERS = empty_state_constants.EMPTY_STATE_SIZE_MODIFIERS;
 //# sourceMappingURL=empty-state.cjs.map