@dialpad/dialtone 9.79.2 → 9.79.3

package/dist/vue3/packages/dialtone-vue3/components/emoji_text_wrapper/emoji_text_wrapper.vue.cjs

@@ -1,95 +0,0 @@
-"use strict";
-const common_emoji = require("../../../../common/emoji.cjs");
-const vue = require("vue");
-const icon_constants = require("../icon/icon_constants.cjs");
-const emoji = require("../emoji/emoji.vue.cjs");
-const _sfc_main = {
-  name: "DtEmojiTextWrapper",
-  components: {
-    DtEmoji: emoji
-  },
-  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_constants.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 vue.h(emoji, { code: item, size: this.size });
-        }
-        return vue.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 vue.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 = common_emoji.findShortCodes(textContent);
-      const emojis = common_emoji.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 vue.h(
-      this.elementType,
-      {
-        "data-qa": "emoji-text-wrapper",
-        class: "d-emoji-text-wrapper"
-      },
-      this.loadingEmojiJson ? defaultSlotContent : defaultSlotContent.map((VNode) => this.searchVNodes(VNode))
-    );
-  }
-};
-const DtEmojiTextWrapper = _sfc_main;
-module.exports = DtEmojiTextWrapper;
-//# sourceMappingURL=emoji_text_wrapper.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/emoji_text_wrapper/emoji_text_wrapper.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji_text_wrapper.vue.cjs","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":["DtEmoji","ICON_SIZE_MODIFIERS","h","findShortCodes","findEmojis"],"mappings":";;;;;AAUA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,SAAAA;AAAAA,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,KAAKC,kCAAmB,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,OAAQ,QAAO;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,iBAAOC,IAAC,EAACF,OAAS,EAAE,MAAM,MAAM,MAAM,KAAK,KAAG,CAAG;AAAA,QACnD;AACA,eAAOE,IAAAA,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,SAAU,QAAO,KAAK,YAAY,KAAK;AAC5D,UAAI,OAAO,MAAM,SAAS,SAAU,QAAO,KAAK,YAAY,MAAM,QAAQ;AAC1E,WAAI,WAAM,UAAN,mBAAa,UAAW,QAAO,KAAK,aAAa,MAAM,MAAM,SAAS;AAE1E,YAAM,WAAW,MAAM,QAAQ,MAAM,QAAQ,IAAI,MAAM,WAAW,CAAC,MAAM,QAAQ;AACjF,aAAOA,IAAC,EAAC,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,aAAaC,4BAAe,WAAW;AAC7C,YAAM,SAASC,wBAAW,WAAW;AAErC,YAAM,cAAc,CAAC,GAAG,YAAY,GAAG,MAAM;AAC7C,UAAI,YAAY,WAAW,EAAG,QAAO;AACrC,aAAO,KAAK,gBAAgB,aAAa,WAAW;AAAA,IACrD;AAAA,EACF;AAAA,EAED,SAAU;AACR,UAAM,qBAAqB,KAAK,OAAO,UAAU,KAAK,OAAO,QAAU,IAAE;AACzE,WAAOF,IAAC;AAAA,MACN,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;;;"}

package/dist/vue3/packages/dialtone-vue3/components/emoji_text_wrapper/emoji_text_wrapper.vue.js

@@ -1,96 +0,0 @@
-import { findShortCodes, findEmojis } from "../../../../common/emoji.js";
-import { h } from "vue";
-import { ICON_SIZE_MODIFIERS } from "../icon/icon_constants.js";
-import DtEmoji from "../emoji/emoji.vue.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))
-    );
-  }
-};
-const DtEmojiTextWrapper = _sfc_main;
-export {
-  DtEmojiTextWrapper as default
-};
-//# sourceMappingURL=emoji_text_wrapper.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/emoji_text_wrapper/emoji_text_wrapper.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji_text_wrapper.vue.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":";;;;AAUA,MAAK,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,OAAQ,QAAO;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,SAAU,QAAO,KAAK,YAAY,KAAK;AAC5D,UAAI,OAAO,MAAM,SAAS,SAAU,QAAO,KAAK,YAAY,MAAM,QAAQ;AAC1E,WAAI,WAAM,UAAN,mBAAa,UAAW,QAAO,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,EAAG,QAAO;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;;"}

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state.vue.cjs

@@ -1,98 +0,0 @@
-"use strict";
-const vue = require("vue");
-const common_utils = require("../../../../common/utils.cjs");
-const empty_state_constants = require("./empty_state_constants.cjs");
-const stack = require("../stack/stack.vue.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "d-empty-state__illustration"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "d-empty-state__icon"
-};
-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_constants.EMPTY_STATE_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-      * Header text
-      * @type {String}
-      */
-    headerText: {
-      type: String,
-      required: true
-    },
-    /**
-      * Body text
-      * @type {String}
-      */
-    bodyText: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const slots = vue.useSlots();
-    const props = __props;
-    const hasIcon = vue.computed(() => {
-      return common_utils.hasSlotContent(slots.icon);
-    });
-    const hasIllustration = vue.computed(() => common_utils.hasSlotContent(slots.illustration));
-    const isSmallSize = vue.computed(() => props.size === "sm");
-    const showIcon = vue.computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));
-    const showIllustration = vue.computed(() => hasIllustration.value && !isSmallSize.value);
-    const sizeClass = vue.computed(() => empty_state_constants.EMPTY_STATE_SIZE_MODIFIERS[props.size]);
-    const emptyStateClasses = vue.computed(() => ["d-empty-state", sizeClass.value]);
-    const contentClass = vue.computed(() => empty_state_constants.EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);
-    const headlineClass = vue.computed(() => empty_state_constants.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);
-    const bodyClass = vue.computed(() => empty_state_constants.EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);
-    vue.onMounted(() => {
-      if (!props.bodyText && !common_utils.hasSlotContent(slots.body)) {
-        console.error("DtEmptyState: You should provide either bodyText or content on body slot.");
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(stack), {
-        class: vue.normalizeClass(emptyStateClasses.value)
-      }, {
-        default: vue.withCtx(() => [
-          showIllustration.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-            vue.renderSlot(_ctx.$slots, "illustration")
-          ])) : vue.createCommentVNode("", true),
-          showIcon.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "icon", { iconSize: "800" })
-          ])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(stack), {
-            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"]);
-    };
-  }
-};
-const _sfc_main$1 = _sfc_main;
-module.exports = _sfc_main$1;
-//# sourceMappingURL=empty_state.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty_state.vue.cjs","sources":["../../../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":["useSlots","computed","hasSlotContent","EMPTY_STATE_SIZE_MODIFIERS","EMPTY_STATE_CONTENT_SIZE_MODIFIERS","EMPTY_STATE_HEADLINE_SIZE_MODIFIERS","EMPTY_STATE_BODY_SIZE_MODIFIERS","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,UAAM,QAAQA,IAAQ,SAAA;AAEtB,UAAM,QAAQ;AA8Bd,UAAM,UAAUC,IAAQ,SAAC,MAAM;AAC7B,aAAOC,aAAc,eAAC,MAAM,IAAI;AAAA,IAClC,CAAC;AACD,UAAM,kBAAkBD,IAAQ,SAAC,MAAMC,aAAAA,eAAe,MAAM,YAAY,CAAC;AACzE,UAAM,cAAcD,IAAAA,SAAS,MAAM,MAAM,SAAS,IAAI;AAMtD,UAAM,WAAWA,IAAAA,SAAS,MAAM,QAAQ,UAAU,CAAC,gBAAgB,SAAS,YAAY,MAAM;AAM9F,UAAM,mBAAmBA,IAAQ,SAAC,MAAM,gBAAgB,SAAS,CAAC,YAAY,KAAK;AAEnF,UAAM,YAAYA,IAAQ,SAAC,MAAME,sBAAAA,2BAA2B,MAAM,IAAI,CAAC;AAEvE,UAAM,oBAAoBF,IAAQ,SAAC,MAAM,CAAC,iBAAiB,UAAU,KAAK,CAAC;AAE3E,UAAM,eAAeA,IAAQ,SAAC,MAAMG,sBAAAA,mCAAmC,MAAM,IAAI,CAAC;AAElF,UAAM,gBAAgBH,IAAQ,SAAC,MAAMI,sBAAAA,oCAAoC,MAAM,IAAI,CAAC;AAEpF,UAAM,YAAYJ,IAAQ,SAAC,MAAMK,sBAAAA,gCAAgC,MAAM,IAAI,CAAC;AAE5EC,QAAAA,UAAU,MAAM;AACd,UAAI,CAAC,MAAM,YAAY,CAACL,aAAAA,eAAe,MAAM,IAAI,GAAG;AAClD,gBAAQ,MAAM,2EAA2E;AAAA,MAC1F;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state.vue.js

@@ -1,99 +0,0 @@
-import { useSlots, computed, onMounted, openBlock, createBlock, unref, normalizeClass, withCtx, createElementBlock, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString } from "vue";
-import { hasSlotContent } from "../../../../common/utils.js";
-import { EMPTY_STATE_SIZE_MODIFIERS, EMPTY_STATE_CONTENT_SIZE_MODIFIERS, EMPTY_STATE_HEADLINE_SIZE_MODIFIERS, EMPTY_STATE_BODY_SIZE_MODIFIERS } from "./empty_state_constants.js";
-import DtStack from "../stack/stack.vue.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "d-empty-state__illustration"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "d-empty-state__icon"
-};
-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)
-    },
-    /**
-      * Header text
-      * @type {String}
-      */
-    headerText: {
-      type: String,
-      required: true
-    },
-    /**
-      * Body text
-      * @type {String}
-      */
-    bodyText: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const props = __props;
-    const hasIcon = computed(() => {
-      return hasSlotContent(slots.icon);
-    });
-    const hasIllustration = computed(() => hasSlotContent(slots.illustration));
-    const isSmallSize = computed(() => props.size === "sm");
-    const showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));
-    const showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);
-    const sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);
-    const emptyStateClasses = computed(() => ["d-empty-state", sizeClass.value]);
-    const contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);
-    const headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);
-    const bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);
-    onMounted(() => {
-      if (!props.bodyText && !hasSlotContent(slots.body)) {
-        console.error("DtEmptyState: You should provide either bodyText or content on body slot.");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DtStack), {
-        class: normalizeClass(emptyStateClasses.value)
-      }, {
-        default: withCtx(() => [
-          showIllustration.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "illustration")
-          ])) : createCommentVNode("", true),
-          showIcon.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            renderSlot(_ctx.$slots, "icon", { iconSize: "800" })
-          ])) : createCommentVNode("", true),
-          createVNode(unref(DtStack), {
-            gap: "450",
-            class: normalizeClass(["d-empty-state__content", contentClass.value])
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(["d-empty-state__header-text", headlineClass.value])
-              }, toDisplayString(__props.headerText), 3),
-              __props.bodyText ? (openBlock(), createElementBlock("p", {
-                key: 0,
-                class: normalizeClass(["d-empty-state__body-text", bodyClass.value])
-              }, toDisplayString(__props.bodyText), 3)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          renderSlot(_ctx.$slots, "body")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-};
-const _sfc_main$1 = _sfc_main;
-export {
-  _sfc_main$1 as default
-};
-//# sourceMappingURL=empty_state.vue.js.map

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty_state.vue.js","sources":["../../../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n  <dt-stack\n    :class=\"emptyStateClasses\"\n  >\n    <span\n      v-if=\"showIllustration\"\n      class=\"d-empty-state__illustration\"\n    >\n      <!-- @slot Slot for the illustration. Displays when size is 'lg' or 'md'. Overrides icon. -->\n      <slot name=\"illustration\" />\n    </span>\n\n    <span\n      v-if=\"showIcon\"\n      class=\"d-empty-state__icon\"\n    >\n      <!-- @slot Slot for the icon. Displayed if illustration is not provided. -->\n      <slot\n        name=\"icon\"\n        :icon-size=\"'800'\"\n      />\n    </span>\n\n    <dt-stack\n      gap=\"450\"\n      :class=\"['d-empty-state__content', contentClass]\"\n    >\n      <div :class=\"['d-empty-state__header-text', headlineClass]\">\n        {{ headerText }}\n      </div>\n\n      <p\n        v-if=\"bodyText\"\n        :class=\"['d-empty-state__body-text', bodyClass]\"\n      >\n        {{ bodyText }}\n      </p>\n    </dt-stack>\n\n    <slot name=\"body\" />\n  </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  /**\n    * The empty state size.\n    * @values 'sm', 'md', 'lg'\n    */\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n  },\n\n  /**\n    * Header text\n    * @type {String}\n    */\n  headerText: {\n    type: String,\n    required: true,\n  },\n\n  /**\n    * Body text\n    * @type {String}\n    */\n  bodyText: {\n    type: String,\n    default: null,\n  },\n});\n\nconst hasIcon = computed(() => {\n  return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n  if (!props.bodyText && !hasSlotContent(slots.body)) {\n    console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n  }\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AA8Bd,UAAM,UAAU,SAAS,MAAM;AAC7B,aAAO,eAAe,MAAM,IAAI;AAAA,IAClC,CAAC;AACD,UAAM,kBAAkB,SAAS,MAAM,eAAe,MAAM,YAAY,CAAC;AACzE,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS,IAAI;AAMtD,UAAM,WAAW,SAAS,MAAM,QAAQ,UAAU,CAAC,gBAAgB,SAAS,YAAY,MAAM;AAM9F,UAAM,mBAAmB,SAAS,MAAM,gBAAgB,SAAS,CAAC,YAAY,KAAK;AAEnF,UAAM,YAAY,SAAS,MAAM,2BAA2B,MAAM,IAAI,CAAC;AAEvE,UAAM,oBAAoB,SAAS,MAAM,CAAC,iBAAiB,UAAU,KAAK,CAAC;AAE3E,UAAM,eAAe,SAAS,MAAM,mCAAmC,MAAM,IAAI,CAAC;AAElF,UAAM,gBAAgB,SAAS,MAAM,oCAAoC,MAAM,IAAI,CAAC;AAEpF,UAAM,YAAY,SAAS,MAAM,gCAAgC,MAAM,IAAI,CAAC;AAE5E,cAAU,MAAM;AACd,UAAI,CAAC,MAAM,YAAY,CAAC,eAAe,MAAM,IAAI,GAAG;AAClD,gBAAQ,MAAM,2EAA2E;AAAA,MAC1F;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty_state_constants.cjs","sources":["../../../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,6BAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,qCAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,sCAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,kCAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;;;"}

package/dist/vue3/packages/dialtone-vue3/components/empty_state/empty_state_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty_state_constants.js","sources":["../../../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n  sm: 'd-empty-state--size-sm',\n  md: 'd-empty-state--size-md',\n  lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n  sm: 'd-empty-state__content--sm',\n  md: 'd-empty-state__content--md',\n  lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n  sm: 'd-headline--md',\n  md: 'd-headline--xl',\n  lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n  sm: 'd-body--sm',\n  md: 'd-body--sm',\n  lg: 'd-body--md',\n};\n\nexport default {\n  EMPTY_STATE_SIZE_MODIFIERS,\n  EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n  EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n  EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"names":[],"mappings":"AAAY,MAAC,6BAA6B;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,qCAAqC;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,sCAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,kCAAkC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/vue3/packages/dialtone-vue3/components/hovercard/hovercard.vue.cjs

@@ -1,166 +0,0 @@
-"use strict";
-const vue = require("vue");
-const common_utils = require("../../../../common/utils.cjs");
-const timer = require("./timer.cjs");
-const tooltip_constants = require("../tooltip/tooltip_constants.cjs");
-const popover_constants = require("../popover/popover_constants.cjs");
-const popover = require("../popover/popover.vue.cjs");
-const _sfc_main = {
-  __name: "hovercard",
-  props: {
-    /**
-       * Fade transition when the content display is toggled.
-       * @type boolean
-       * @values true, false
-       */
-    transition: {
-      type: Boolean,
-      default: false
-    },
-    /**
-        * If the popover does not fit in the direction described by "placement",
-       * it will attempt to change its direction to the "fallbackPlacements".
-       * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements"
-       */
-    fallbackPlacements: {
-      type: Array,
-      default: () => {
-        return ["auto"];
-      }
-    },
-    /**
-       * The direction the popover displays relative to the anchor.
-       * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement"
-       * @values top, top-start, top-end,
-       * right, right-start, right-end,
-       * left, left-start, left-end,
-       * bottom, bottom-start, bottom-end,
-       * auto, auto-start, auto-end
-       */
-    placement: {
-      type: String,
-      default: "top-start",
-      validator(placement) {
-        return tooltip_constants.TOOLTIP_DIRECTIONS.includes(placement);
-      }
-    },
-    /**
-       * Padding size class for the popover content.
-       * @values none, small, medium, large
-       */
-    padding: {
-      type: String,
-      default: "large",
-      validator: (padding) => {
-        return Object.keys(popover_constants.POPOVER_PADDING_CLASSES).some((item) => item === padding);
-      }
-    },
-    /**
-       * Displaces the content box from its anchor element
-       * by the specified number of pixels.
-       * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset"
-       */
-    offset: {
-      type: Array,
-      default: () => [0, 16]
-    },
-    /**
-       * The id of the tooltip
-       */
-    id: {
-      type: String,
-      default() {
-        return common_utils.getUniqueString();
-      }
-    },
-    /**
-       * Additional class name for the header content wrapper element.
-       */
-    headerClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-       * Additional class name for the footer content wrapper element.
-       */
-    footerClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-       * Additional class name for the dialog element.
-       */
-    dialogClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-       * Additional class name for the content wrapper element.
-       */
-    contentClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-       * Sets the element to which the popover is going to append to.
-       * 'body' will append to the nearest body (supports shadow DOM).
-       * @values 'body', 'parent', HTMLElement,
-       */
-    appendTo: {
-      type: [HTMLElement, String],
-      default: "body",
-      validator: (appendTo) => {
-        return popover_constants.POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
-      }
-    }
-  },
-  emits: [
-    /**
-     * Emitted when hovercard is shown or hidden
-     *
-     * @event opened
-     * @type {Boolean | Array}
-     */
-    "opened"
-  ],
-  setup(__props) {
-    const timer$1 = vue.reactive(timer());
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(popover), {
-        id: __props.id,
-        placement: __props.placement,
-        "content-class": __props.contentClass,
-        "fallback-placements": __props.fallbackPlacements,
-        padding: __props.padding,
-        transition: __props.transition ? "fade" : null,
-        offset: __props.offset,
-        modal: false,
-        "initial-focus-element": "none",
-        "header-class": __props.headerClass,
-        "footer-class": __props.footerClass,
-        "append-to": __props.appendTo,
-        hovercard: true,
-        timer: timer$1,
-        "data-qa": "dt-hovercard",
-        onOpened: _cache[0] || (_cache[0] = (e) => _ctx.$emit("opened", e))
-      }, {
-        anchor: vue.withCtx(({ attrs }) => [
-          vue.renderSlot(_ctx.$slots, "anchor", vue.normalizeProps(vue.guardReactiveProps(attrs)))
-        ]),
-        content: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "content")
-        ]),
-        headerContent: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "headerContent")
-        ]),
-        footerContent: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "footerContent")
-        ]),
-        _: 3
-      }, 8, ["id", "placement", "content-class", "fallback-placements", "padding", "transition", "offset", "header-class", "footer-class", "append-to", "timer"]);
-    };
-  }
-};
-const _sfc_main$1 = _sfc_main;
-module.exports = _sfc_main$1;
-//# sourceMappingURL=hovercard.vue.cjs.map

package/dist/vue3/packages/dialtone-vue3/components/hovercard/hovercard.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hovercard.vue.cjs","sources":["../../../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    :hovercard=\"true\"\n    :timer=\"timer\"\n    data-qa=\"dt-hovercard\"\n    @opened=\"(e) => ($emit('opened', e))\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <!-- @slot Slot for the content that is displayed in the hovercard. -->\n      <slot name=\"content\" />\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { reactive } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\nimport useTimer from './timer';\n\nconst timer = reactive(useTimer());\n\ndefineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n</script>\n"],"names":["timer","reactive","useTimer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,UAAMA,UAAQC,IAAAA,SAASC,MAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}