@dialpad/dialtone-vue 3.156.1 → 3.156.3

package/dist/packages/dialtone-vue3/components/skeleton/skeleton-text.vue.js

@@ -1,115 +0,0 @@
-import { SKELETON_TEXT_TYPES, SKELETON_HEADING_HEIGHTS } from "./skeleton_constants.js";
-import SkeletonAnimation from "../../common/mixins/skeleton.js";
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "DtSkeletonText",
-  mixins: [SkeletonAnimation],
-  props: {
-    /**
-     * Skeleton type
-     * @values body, heading
-     */
-    type: {
-      type: String,
-      default: "body",
-      validator: (type) => SKELETON_TEXT_TYPES.includes(type)
-    },
-    /**
-     * Heading height
-     * @values sm, md, lg
-     */
-    headingHeight: {
-      type: String,
-      default: "md",
-      validator: (headingHeight) => Object.keys(SKELETON_HEADING_HEIGHTS).includes(headingHeight)
-    },
-    /**
-     * 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: false
-    },
-    /**
-     * 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
-    };
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.type === "body" ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-body",
-    class: normalizeClass([
-      "d-skeleton-text",
-      "skeleton-placeholder",
-      {
-        "skeleton-placeholder--animate": $props.animate
-      },
-      $props.contentClass
-    ]),
-    style: normalizeStyle({
-      width: $props.width,
-      ..._ctx.skeletonStyle
-    })
-  }, null, 6)) : $props.type === "heading" ? (openBlock(), createElementBlock("div", {
-    key: 1,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-heading",
-    class: normalizeClass([
-      $data.SKELETON_HEADING_HEIGHTS[$props.headingHeight],
-      "d-skeleton-text--heading",
-      "skeleton-placeholder",
-      {
-        "skeleton-placeholder--animate": $props.animate
-      },
-      $props.contentClass
-    ]),
-    style: normalizeStyle({
-      width: $props.width,
-      ..._ctx.skeletonStyle
-    })
-  }, null, 6)) : createCommentVNode("", true);
-}
-const DtSkeletonText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtSkeletonText as default
-};
-//# sourceMappingURL=skeleton-text.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-text.vue.js","sources":["../../../../../components/skeleton/skeleton-text.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"type === 'body'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-body\"\n    :class=\"[\n      'd-skeleton-text',\n      'skeleton-placeholder',\n      {\n        'skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n  <div\n    v-else-if=\"type === 'heading'\"\n    ref=\"skeleton\"\n    data-qa=\"skeleton-text-heading\"\n    :class=\"[\n      SKELETON_HEADING_HEIGHTS[headingHeight],\n      'd-skeleton-text--heading',\n      'skeleton-placeholder',\n      {\n        'skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"{\n      width,\n      ...skeletonStyle,\n    }\"\n  />\n</template>\n\n<script>\nimport { SKELETON_HEADING_HEIGHTS, SKELETON_TEXT_TYPES } from './skeleton_constants';\nimport SkeletonAnimation from '@/common/mixins/skeleton';\n\nexport default {\n  name: 'DtSkeletonText',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Skeleton type\n     * @values body, heading\n     */\n    type: {\n      type: String,\n      default: 'body',\n      validator: type => SKELETON_TEXT_TYPES.includes(type),\n    },\n\n    /**\n     * Heading height\n     * @values sm, md, lg\n     */\n    headingHeight: {\n      type: String,\n      default: 'md',\n      validator: headingHeight => Object.keys(SKELETON_HEADING_HEIGHTS).includes(headingHeight),\n    },\n\n    /**\n     * Width of the skeleton\n     */\n    width: {\n      type: String,\n      default: '100%',\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_HEADING_HEIGHTS,\n    };\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createCommentVNode"],"mappings":";;;;AA0CA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,QAAQ,CAAC,iBAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,UAAQ,oBAAoB,SAAS,IAAI;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,mBAAiB,OAAO,KAAK,wBAAwB,EAAE,SAAS,aAAa;AAAA,IACzF;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;SAtHU,OAAI,SAAA,uBADZA,mBAgBE,OAAA;AAAA,IAjBJ,KAAA;AAAA,IAGI,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OALLC,eAAA;AAAA;;;yCAKsH,OAAO;AAAA;MAAiB,OAAY;AAAA;IAQrJ,OAbLC,eAAA;AAAA,aAaoB,OAAK;AAAA,SAAW,KAAa;AAAA;iBAMlC,OAAI,SAAA,0BADjBF,mBAiBE,OAAA;AAAA,IAnCJ,KAAA;AAAA,IAoBI,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAtBLC,eAAA;AAAA,MAsBoB,MAAA,yBAAyB,OAAa,aAAA;AAAA;;;yCAAoH,OAAO;AAAA;MAAiB,OAAY;AAAA;IAS7M,OA/BLC,eAAA;AAAA,aA+BoB,OAAK;AAAA,SAAW,KAAa;AAAA;iBA/BjDC,mBAAA,IAAA,IAAA;;;"}

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

@@ -1,143 +0,0 @@
-"use strict";
-const skeletonShape = require("./skeleton-shape.vue.cjs");
-const skeletonListItem = require("./skeleton-list-item.vue.cjs");
-const skeletonParagraph = require("./skeleton-paragraph.vue.cjs");
-const skeletonText = require("./skeleton-text.vue.cjs");
-const vue = require("vue");
-;/* empty css                */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  name: "DtSkeleton",
-  components: {
-    DtSkeletonText: skeletonText,
-    DtSkeletonShape: skeletonShape,
-    DtSkeletonListItem: skeletonListItem,
-    DtSkeletonParagraph: skeletonParagraph
-  },
-  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: true
-    },
-    /**
-     * 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: true,
-      handler: "validator"
-    }
-  },
-  methods: {
-    validator() {
-      const filtered = Object.entries(this.validationOptions).filter(([_, option]) => option);
-      if (filtered.length >= 2) {
-        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(" | ")} options at the same time`;
-        console.error(errorMessage);
-      }
-    }
-  }
-};
-const _hoisted_1 = ["aria-label"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton_list_item = vue.resolveComponent("dt-skeleton-list-item");
-  const _component_dt_skeleton_shape = vue.resolveComponent("dt-skeleton-shape");
-  const _component_dt_skeleton_paragraph = vue.resolveComponent("dt-skeleton-paragraph");
-  const _component_dt_skeleton_text = vue.resolveComponent("dt-skeleton-text");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    "aria-busy": "true",
-    role: "status",
-    "aria-label": $props.ariaLabel
-  }, [
-    $props.listItemOption ? (vue.openBlock(), vue.createBlock(_component_dt_skeleton_list_item, vue.mergeProps({ key: 0 }, $props.listItemOption === true ? {} : $props.listItemOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : $props.shapeOption ? (vue.openBlock(), vue.createBlock(_component_dt_skeleton_shape, vue.mergeProps({ key: 1 }, $props.shapeOption === true ? {} : $props.shapeOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : $props.paragraphOption ? (vue.openBlock(), vue.createBlock(_component_dt_skeleton_paragraph, vue.mergeProps({ key: 2 }, $props.paragraphOption === true ? {} : $props.paragraphOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : (vue.openBlock(), vue.createBlock(_component_dt_skeleton_text, vue.mergeProps({ key: 3 }, $props.textOption || {}, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"]))
-  ], 8, _hoisted_1);
-}
-const DtSkeleton = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = DtSkeleton;
-//# sourceMappingURL=skeleton.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.vue.cjs","sources":["../../../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n  },\n\n  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([_, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n// The --placeholder-from-color and --placeholder-to-color\n// custom properties can be set on the parent class of the\n// placeholder to control the animation colors.\n.skeleton-placeholder {\n  display: flex;\n  stroke: none;\n  fill: var(--placeholder-from-color, var(--dt-color-black-300));\n  background: var(--placeholder-from-color, var(--dt-color-black-300));\n\n  &--animate {\n    animation-name: placeholder-throb;\n    animation-iteration-count: infinite;\n  }\n}\n\n// the animation is used by the skeleton component\n@keyframes placeholder-throb {\n  10% {\n    fill: var(--placeholder-from-color, var(--dt-color-black-300));\n    background: var(--placeholder-from-color, var(--dt-color-black-300));\n  }\n  50% {\n    fill: var(--placeholder-to-color, var(--dt-color-black-100));\n    background: var(--placeholder-to-color, var(--dt-color-black-100));\n  }\n  90% {\n    fill: var(--placeholder-from-color, var(--dt-color-black-300));\n    background: var(--placeholder-from-color, var(--dt-color-black-300));\n  }\n}\n</style>\n"],"names":["DtSkeletonText","DtSkeletonShape","DtSkeletonListItem","DtSkeletonParagraph","_createElementBlock","_openBlock","_createBlock","_mergeProps"],"mappings":"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"}

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

@@ -1,144 +0,0 @@
-import DtSkeletonShape from "./skeleton-shape.vue.js";
-import DtSkeletonListItem from "./skeleton-list-item.vue.js";
-import DtSkeletonParagraph from "./skeleton-paragraph.vue.js";
-import DtSkeletonText from "./skeleton-text.vue.js";
-import { resolveComponent, openBlock, createElementBlock, createBlock, mergeProps } from "vue";
-/* empty css              */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "DtSkeleton",
-  components: {
-    DtSkeletonText,
-    DtSkeletonShape,
-    DtSkeletonListItem,
-    DtSkeletonParagraph
-  },
-  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: true
-    },
-    /**
-     * 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: true,
-      handler: "validator"
-    }
-  },
-  methods: {
-    validator() {
-      const filtered = Object.entries(this.validationOptions).filter(([_, option]) => option);
-      if (filtered.length >= 2) {
-        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(" | ")} options at the same time`;
-        console.error(errorMessage);
-      }
-    }
-  }
-};
-const _hoisted_1 = ["aria-label"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton_list_item = resolveComponent("dt-skeleton-list-item");
-  const _component_dt_skeleton_shape = resolveComponent("dt-skeleton-shape");
-  const _component_dt_skeleton_paragraph = resolveComponent("dt-skeleton-paragraph");
-  const _component_dt_skeleton_text = resolveComponent("dt-skeleton-text");
-  return openBlock(), createElementBlock("div", {
-    "aria-busy": "true",
-    role: "status",
-    "aria-label": $props.ariaLabel
-  }, [
-    $props.listItemOption ? (openBlock(), createBlock(_component_dt_skeleton_list_item, mergeProps({ key: 0 }, $props.listItemOption === true ? {} : $props.listItemOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : $props.shapeOption ? (openBlock(), createBlock(_component_dt_skeleton_shape, mergeProps({ key: 1 }, $props.shapeOption === true ? {} : $props.shapeOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : $props.paragraphOption ? (openBlock(), createBlock(_component_dt_skeleton_paragraph, mergeProps({ key: 2 }, $props.paragraphOption === true ? {} : $props.paragraphOption, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : (openBlock(), createBlock(_component_dt_skeleton_text, mergeProps({ key: 3 }, $props.textOption || {}, {
-      "animation-duration": $props.animationDuration,
-      animate: $props.animate,
-      offset: $props.offset
-    }), null, 16, ["animation-duration", "animate", "offset"]))
-  ], 8, _hoisted_1);
-}
-const DtSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  DtSkeleton as default
-};
-//# sourceMappingURL=skeleton.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.vue.js","sources":["../../../../../components/skeleton/skeleton.vue"],"sourcesContent":["<template>\n  <div\n    aria-busy=\"true\"\n    role=\"status\"\n    :aria-label=\"ariaLabel\"\n  >\n    <dt-skeleton-list-item\n      v-if=\"listItemOption\"\n      v-bind=\"listItemOption === true ? {} : listItemOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-shape\n      v-else-if=\"shapeOption\"\n      v-bind=\"shapeOption === true ? {} : shapeOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-paragraph\n      v-else-if=\"paragraphOption\"\n      v-bind=\"paragraphOption === true ? {} : paragraphOption\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n    <dt-skeleton-text\n      v-else\n      v-bind=\"textOption || {}\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n    />\n  </div>\n</template>\n\n<script>\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonListItem from './skeleton-list-item.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\nimport DtSkeletonText from './skeleton-text.vue';\n\n/**\n * Skeleton loader is a non-interactive placeholder that displays a preview of the UI to visually communicate\n * that content is in the process of loading. Skeleton is used to provide a low fidelity\n * representation of the user interface (UI) before content appears on the page.\n * @see https://dialtone.dialpad.com/components/skeleton.html\n */\nexport default {\n  name: 'DtSkeleton',\n  components: {\n    DtSkeletonText,\n    DtSkeletonShape,\n    DtSkeletonListItem,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Set this prop to have the skeleton render as multiple lines of text.\n     * Set only one option prop at a time.\n     */\n    paragraphOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.\n     * Set only one option prop at a time.\n     */\n    listItemOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a single line of text.\n     * Set only one option prop at a time.\n     */\n    textOption: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Set this prop to have the skeleton render as a specific shape.\n     * Set only one option prop at a time.\n     */\n    shapeOption: {\n      type: [Object, Boolean],\n      default: null,\n    },\n\n    /**\n     * Duration time of the animation (ms), set -1 for an infinite animation.\n     */\n    animationDuration: {\n      type: Number,\n      default: -1,\n    },\n\n    /**\n     * Descriptive label for the content.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * This property has higher priority than \"option.animate\"\n     * @values true, false\n     */\n    animate: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * RippleDuration controls how long the delay is for the animation of a\n     * placeholder 1000 pixels from the top of the page. Each placeholder\n     * from the top down will have a delay duration from 0 to this offset.\n     * The delay of each placeholder animation is based on how far down the page\n     * the placeholder is rendered. This is a linear relationship. The unit\n     * is milliseconds.\n     */\n    offset: {\n      type: Number,\n      default: 1,\n    },\n  },\n\n  computed: {\n    validationOptions () {\n      return {\n        paragraphOption: this.paragraphOption,\n        listItemOption: this.listItemOption,\n        textOption: this.textOption,\n        shapeOption: this.shapeOption,\n      };\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      handler: 'validator',\n    },\n  },\n\n  methods: {\n    validator () {\n      const filtered = Object.entries(this.validationOptions)\n        .filter(([_, option]) => option);\n      if (filtered.length >= 2) {\n        const errorMessage = `Use only one of ${filtered.map(([key]) => key).join(' | ')} options at the same time`;\n        console.error(errorMessage);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n// The --placeholder-from-color and --placeholder-to-color\n// custom properties can be set on the parent class of the\n// placeholder to control the animation colors.\n.skeleton-placeholder {\n  display: flex;\n  stroke: none;\n  fill: var(--placeholder-from-color, var(--dt-color-black-300));\n  background: var(--placeholder-from-color, var(--dt-color-black-300));\n\n  &--animate {\n    animation-name: placeholder-throb;\n    animation-iteration-count: infinite;\n  }\n}\n\n// the animation is used by the skeleton component\n@keyframes placeholder-throb {\n  10% {\n    fill: var(--placeholder-from-color, var(--dt-color-black-300));\n    background: var(--placeholder-from-color, var(--dt-color-black-300));\n  }\n  50% {\n    fill: var(--placeholder-to-color, var(--dt-color-black-100));\n    background: var(--placeholder-to-color, var(--dt-color-black-100));\n  }\n  90% {\n    fill: var(--placeholder-from-color, var(--dt-color-black-300));\n    background: var(--placeholder-from-color, var(--dt-color-black-300));\n  }\n}\n</style>\n"],"names":["_createElementBlock","_openBlock","_createBlock","_mergeProps"],"mappings":"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"}

package/dist/packages/dialtone-vue3/components/skeleton/skeleton_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton_constants.cjs","sources":["../../../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"names":[],"mappings":";;AAMY,MAAC,2BAA2B;AAE5B,MAAC,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,EACR,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,EACA;AACF;AAEY,MAAC,uBAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,2BAA2B;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;;;;"}

package/dist/packages/dialtone-vue3/components/skeleton/skeleton_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton_constants.js","sources":["../../../../../components/skeleton/skeleton_constants.js"],"sourcesContent":["// NOTE: RippleDuration controls how long the delay is for the animation\n// of a skeleton 1000 pixels from the top of the page. Each skeleton\n// from the top down will have a delay duration from 0 to this offset.\n// The delay of each skeleton animation is based on how far down the page\n// the skeleton is rendered. This is a linear relationship. The unit\n// is miliseconds.\nexport const SKELETON_RIPPLE_DURATION = 3000000;\n\nexport const SKELETON_SHAPES = {\n  circle: 'd-bar-circle',\n  square: 'd-bar2',\n};\n\nexport const SKELETON_TEXT_TYPES = [\n  'body',\n  'heading',\n];\n\nexport const SKELETON_SHAPE_SIZES = {\n  sm: '24px',\n  md: '32px',\n  lg: '48px',\n};\n\nexport const SKELETON_HEADING_HEIGHTS = {\n  sm: 'd-h16',\n  md: 'd-h24',\n  lg: 'd-h32',\n};\n\nexport default {\n  SKELETON_RIPPLE_DURATION,\n  SKELETON_SHAPES,\n  SKELETON_TEXT_TYPES,\n  SKELETON_HEADING_HEIGHTS,\n};\n"],"names":[],"mappings":"AAMY,MAAC,2BAA2B;AAE5B,MAAC,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,EACR,QAAQ;AACV;AAEY,MAAC,sBAAsB;AAAA,EACjC;AAAA,EACA;AACF;AAEY,MAAC,uBAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEY,MAAC,2BAA2B;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

package/dist/packages/dialtone-vue3/components/split_button/split_button-alpha.vue.cjs

@@ -1,129 +0,0 @@
-"use strict";
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const button = require("../button/button.vue.cjs");
-const button_constants = require("../button/button_constants.cjs");
-const _sfc_main = {
-  name: "SplitButtonAlpha",
-  components: {
-    DtButton: button
-  },
-  props: {
-    /**
-     * Determines whether the button should have active styling
-     */
-    active: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Descriptive label for the button
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * The position of the icon slot within the button.
-     */
-    iconPosition: {
-      type: String,
-      default: "left"
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Whether the button should display a loading animation or not.
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Text shown in tooltip when you hover the button
-     */
-    tooltipText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Determines whether a screenreader reads live updates of
-     * the button content to the user while the button is in focus.
-     */
-    assertiveOnFocus: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * HTML button disabled attribute
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * The fill and outline of the button associated with its visual importance.
-     */
-    importance: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * The color of the button.
-     */
-    kind: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * The size of the button.
-     */
-    size: {
-      type: String,
-      default: "md"
-    }
-  },
-  data() {
-    return {
-      BUTTON_ICON_SIZES: button_constants.BUTTON_ICON_SIZES
-    };
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_button = vue.resolveComponent("dt-button");
-  const _directive_dt_tooltip = vue.resolveDirective("dt-tooltip");
-  return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_dt_button, {
-    "data-qa": "dt-split-button-alpha",
-    active: $props.active,
-    "aria-label": $props.ariaLabel,
-    "assertive-on-focus": $props.assertiveOnFocus,
-    class: vue.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${$props.size}`),
-    disabled: $props.disabled,
-    "icon-position": $props.iconPosition,
-    importance: $props.importance,
-    kind: $props.kind,
-    "label-class": $props.labelClass,
-    loading: $props.loading,
-    size: $props.size
-  }, {
-    icon: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "icon", {
-        size: $data.BUTTON_ICON_SIZES[$props.size]
-      })
-    ]),
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
-    [_directive_dt_tooltip, $props.tooltipText]
-  ]);
-}
-const SplitButtonAlpha = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
-module.exports = SplitButtonAlpha;
-//# sourceMappingURL=split_button-alpha.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"split_button-alpha.vue.cjs","sources":["../../../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipText\"\n    data-qa=\"dt-split-button-alpha\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :assertive-on-focus=\"assertiveOnFocus\"\n    :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n    :disabled=\"disabled\"\n    :icon-position=\"iconPosition\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :label-class=\"labelClass\"\n    :loading=\"loading\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <slot name=\"default\" />\n  </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n  name: 'SplitButtonAlpha',\n\n  components: {\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The position of the icon slot within the button.\n     */\n    iconPosition: {\n      type: String,\n      default: 'left',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Whether the button should display a loading animation or not.\n     */\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button is in focus.\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"names":["DtButton","BUTTON_ICON_SIZES","_createBlock","_normalizeClass","_renderSlot","_withCtx"],"mappings":";;;;;AA6BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAA;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC,iBAAiB;AAAA;EAEpB;AACH;;;;8CAnIEC,IAAAA,YAsBY,sBAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQ,OAAM;AAAA,IACd,cAAY,OAAS;AAAA,IACrB,sBAAoB,OAAgB;AAAA,IACpC,OAPLC,6DAOsD,OAAI,IAAA,EAAA;AAAA,IACrD,UAAU,OAAQ;AAAA,IAClB,iBAAe,OAAY;AAAA,IAC3B,YAAY,OAAU;AAAA,IACtB,MAAM,OAAI;AAAA,IACV,eAAa,OAAU;AAAA,IACvB,SAAS,OAAO;AAAA,IAChB,MAAM,OAAI;AAAA;IAEA,kBACT,MAGE;AAAA,MAHFC,eAGE,KAAA,QAAA,QAAA;AAAA,QADC,MAAM,MAAiB,kBAAC,OAAI,IAAA;AAAA;;IAnBrC,SAAAC,IAAA,QAsBI,MAAuB;AAAA,MAAvBD,eAAuB,KAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;4BAEkB,OAAW,WAAA;AAAA;;;;"}