@dialpad/dialtone 9.110.1-beta.2 → 9.110.2

package/dist/vue3/lib/skeleton/skeleton-text.js

@@ -1,116 +0,0 @@
-import { SKELETON_TEXT_TYPES as s, SKELETON_HEADING_HEIGHTS as n } from "./skeleton-constants.js";
-import r from "../../common/mixins/skeleton.js";
-import { openBlock as a, createElementBlock as l, normalizeClass as o, normalizeStyle as d, createCommentVNode as m } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const f = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeletonText",
-  mixins: [r],
-  props: {
-    /**
-     * Skeleton type
-     * @values body, heading
-     */
-    type: {
-      type: String,
-      default: "body",
-      validator: (t) => s.includes(t)
-    },
-    /**
-     * Heading height
-     * @values sm, md, lg
-     */
-    headingHeight: {
-      type: String,
-      default: "md",
-      validator: (t) => Object.keys(n).includes(t)
-    },
-    /**
-     * Width of the skeleton
-     */
-    width: {
-      type: String,
-      default: "100%"
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Additional class name for the content.
-     */
-    contentClass: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SKELETON_HEADING_HEIGHTS: n
-    };
-  }
-};
-function y(t, k, e, u, i, h) {
-  return e.type === "body" ? (a(), l("div", {
-    key: 0,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-body",
-    class: o([
-      "d-skeleton-text",
-      "d-skeleton-placeholder",
-      {
-        "d-skeleton-placeholder--animate": e.animate
-      },
-      e.contentClass
-    ]),
-    style: d({
-      width: e.width,
-      ...t.skeletonStyle
-    })
-  }, null, 6)) : e.type === "heading" ? (a(), l("div", {
-    key: 1,
-    ref: "skeleton",
-    "data-qa": "skeleton-text-heading",
-    class: o([
-      i.SKELETON_HEADING_HEIGHTS[e.headingHeight],
-      "d-skeleton-text--heading",
-      "d-skeleton-placeholder",
-      {
-        "d-skeleton-placeholder--animate": e.animate
-      },
-      e.contentClass
-    ]),
-    style: d({
-      width: e.width,
-      ...t.skeletonStyle
-    })
-  }, null, 6)) : m("", !0);
-}
-const p = /* @__PURE__ */ c(f, [["render", y]]);
-export {
-  p as default
-};
-//# sourceMappingURL=skeleton-text.js.map

package/dist/vue3/lib/skeleton/skeleton-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-text.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      'd-skeleton-placeholder',\n      {\n        'd-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      'd-skeleton-placeholder',\n      {\n        'd-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  compatConfig: { MODE: 3 },\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":["_sfc_main","SkeletonAnimation","type","SKELETON_TEXT_TYPES","headingHeight","SKELETON_HEADING_HEIGHTS","$props","_createElementBlock","_normalizeClass","_normalizeStyle","_ctx","$data","_createCommentVNode"],"mappings":";;;;AA0CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAQC,EAAoB,SAASD,CAAI;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAE,MAAiB,OAAO,KAAKC,CAAwB,EAAE,SAASD,CAAa;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,0BAAAC;AAAA;EAEH;AACH;;SAvHUC,EAAI,SAAA,eADZC,EAgBE,OAAA;AAAA,IAjBJ,KAAA;AAAA,IAGI,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OALLC,EAAA;AAAA;;;2CAK0HF,EAAO;AAAA;MAAiBA,EAAY;AAAA;IAQzJ,OAbLG,EAAA;AAAA,aAaoBH,EAAK;AAAA,SAAWI,EAAa;AAAA;iBAMlCJ,EAAI,SAAA,kBADjBC,EAiBE,OAAA;AAAA,IAnCJ,KAAA;AAAA,IAoBI,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAtBLC,EAAA;AAAA,MAsBoBG,EAAA,yBAAyBL,EAAa,aAAA;AAAA;;;2CAAwHA,EAAO;AAAA;MAAiBA,EAAY;AAAA;IASjN,OA/BLG,EAAA;AAAA,aA+BoBH,EAAK;AAAA,SAAWI,EAAa;AAAA;iBA/BjDE,EAAA,IAAA,EAAA;;;"}

package/dist/vue3/lib/skeleton/skeleton.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./skeleton-shape.cjs"),u=require("./skeleton-list-item.cjs"),m=require("./skeleton-paragraph.cjs"),c=require("./skeleton-text.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs");require("./skeleton-constants.cjs");const p={compatConfig:{MODE:3},name:"DtSkeleton",components:{DtSkeletonText:c.default,DtSkeletonShape:s.default,DtSkeletonListItem:u.default,DtSkeletonParagraph:m.default},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:""},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:"validator"}},methods:{validator(){const n=Object.entries(this.validationOptions).filter(([a,e])=>e);if(n.length>=2){const a=`Use only one of ${n.map(([e])=>e).join(" | ")} options at the same time`;console.error(a)}}}},d=["aria-label"];function _(n,a,e,h,O,g){const o=t.resolveComponent("dt-skeleton-list-item"),i=t.resolveComponent("dt-skeleton-shape"),l=t.resolveComponent("dt-skeleton-paragraph"),r=t.resolveComponent("dt-skeleton-text");return t.openBlock(),t.createElementBlock("div",{"aria-busy":"true",role:"status","aria-label":e.ariaLabel},[e.listItemOption?(t.openBlock(),t.createBlock(o,t.mergeProps({key:0},e.listItemOption===!0?{}:e.listItemOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.shapeOption?(t.openBlock(),t.createBlock(i,t.mergeProps({key:1},e.shapeOption===!0?{}:e.shapeOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.paragraphOption?(t.openBlock(),t.createBlock(l,t.mergeProps({key:2},e.paragraphOption===!0?{}:e.paragraphOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):(t.openBlock(),t.createBlock(r,t.mergeProps({key:3},e.textOption||{},{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"]))],8,d)}const k=f._(p,[["render",_]]);exports.default=k;
-//# sourceMappingURL=skeleton.cjs.map

package/dist/vue3/lib/skeleton/skeleton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.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  compatConfig: { MODE: 3 },\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"],"names":["_sfc_main","DtSkeletonText","DtSkeletonShape","DtSkeletonListItem","DtSkeletonParagraph","filtered","_","option","errorMessage","key","_hoisted_1","_createElementBlock","$props","_openBlock","_createBlock","_component_dt_skeleton_list_item","_mergeProps","_component_dt_skeleton_shape","_component_dt_skeleton_paragraph","_component_dt_skeleton_text"],"mappings":"gXAiDA,MAAKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,aACN,WAAY,CACV,eAAAC,EAAc,QACd,gBAAAC,EAAe,QACf,mBAAAC,EAAkB,QAClB,oBAAAC,EAAmB,OACpB,EAED,MAAO,CAKL,gBAAiB,CACf,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,IACV,EAMD,eAAgB,CACd,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,IACV,EAMD,WAAY,CACV,KAAM,OACN,QAAS,IACV,EAMD,YAAa,CACX,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,IACV,EAKD,kBAAmB,CACjB,KAAM,OACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,QAAS,EACV,EAMD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAUD,OAAQ,CACN,KAAM,OACN,QAAS,CACV,CACF,EAED,SAAU,CACR,mBAAqB,CACnB,MAAO,CACL,gBAAiB,KAAK,gBACtB,eAAgB,KAAK,eACrB,WAAY,KAAK,WACjB,YAAa,KAAK,YAErB,CACF,EAED,MAAO,CACL,OAAQ,CACN,UAAW,GACX,QAAS,WACV,CACF,EAED,QAAS,CACP,WAAa,CACX,MAAMC,EAAW,OAAO,QAAQ,KAAK,iBAAiB,EACnD,OAAO,CAAC,CAACC,EAAGC,CAAM,IAAMA,CAAM,EACjC,GAAIF,EAAS,QAAU,EAAG,CACxB,MAAMG,EAAe,mBAAmBH,EAAS,IAAI,CAAC,CAACI,CAAG,IAAMA,CAAG,EAAE,KAAK,KAAK,CAAC,4BAChF,QAAQ,MAAMD,CAAY,CAC5B,CACD,CACF,CACH,EAnKAE,EAAA,CAAA,YAAA,oOACEC,EAiCM,mBAAA,MAAA,CAhCJ,YAAU,OACV,KAAK,SACJ,aAAYC,EAAS,YAGdA,EAAc,gBADtBC,EAAAA,UAAA,EAAAC,EAAA,YAMEC,EANFC,EAME,WAAA,CAZN,IAAA,GAQcJ,EAAA,uBAA+BA,EAAc,eAAA,CACpD,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM,6DAGJA,EAAW,aADxBC,EAAAA,UAAA,EAAAC,EAAA,YAMEG,EANFD,EAME,WAAA,CAnBN,IAAA,GAecJ,EAAA,oBAA4BA,EAAW,YAAA,CAC9C,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM,6DAGJA,EAAe,iBAD5BC,EAAAA,UAAA,EAAAC,EAAA,YAMEI,EANFF,EAME,WAAA,CA1BN,IAAA,GAsBcJ,EAAA,wBAAgCA,EAAe,gBAAA,CACtD,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM,8DAEjBC,EAAAA,YAAAC,EAAAA,YAMEK,EANFH,aAME,CAjCN,IAAA,GA6BcJ,EAAU,YAAA,GAAA,CACjB,qBAAoBA,EAAiB,kBACrC,QAASA,EAAO,QAChB,OAAQA,EAAM,4DAhCrB,EAAA,EAAAF,CAAA"}

package/dist/vue3/lib/skeleton/skeleton.js

@@ -1,141 +0,0 @@
-import u from "./skeleton-shape.js";
-import p from "./skeleton-list-item.js";
-import d from "./skeleton-paragraph.js";
-import c from "./skeleton-text.js";
-import { resolveComponent as a, openBlock as e, createElementBlock as h, createBlock as n, mergeProps as o } from "vue";
-import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import "./skeleton-constants.js";
-const _ = {
-  compatConfig: { MODE: 3 },
-  name: "DtSkeleton",
-  components: {
-    DtSkeletonText: c,
-    DtSkeletonShape: u,
-    DtSkeletonListItem: p,
-    DtSkeletonParagraph: d
-  },
-  props: {
-    /**
-     * Set this prop to have the skeleton render as multiple lines of text.
-     * Set only one option prop at a time.
-     */
-    paragraphOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a list item with an avatar and wrapping text.
-     * Set only one option prop at a time.
-     */
-    listItemOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a single line of text.
-     * Set only one option prop at a time.
-     */
-    textOption: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Set this prop to have the skeleton render as a specific shape.
-     * Set only one option prop at a time.
-     */
-    shapeOption: {
-      type: [Object, Boolean],
-      default: null
-    },
-    /**
-     * Duration time of the animation (ms), set -1 for an infinite animation.
-     */
-    animationDuration: {
-      type: Number,
-      default: -1
-    },
-    /**
-     * Descriptive label for the content.
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * This property has higher priority than "option.animate"
-     * @values true, false
-     */
-    animate: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * RippleDuration controls how long the delay is for the animation of a
-     * placeholder 1000 pixels from the top of the page. Each placeholder
-     * from the top down will have a delay duration from 0 to this offset.
-     * The delay of each placeholder animation is based on how far down the page
-     * the placeholder is rendered. This is a linear relationship. The unit
-     * is milliseconds.
-     */
-    offset: {
-      type: Number,
-      default: 1
-    }
-  },
-  computed: {
-    validationOptions() {
-      return {
-        paragraphOption: this.paragraphOption,
-        listItemOption: this.listItemOption,
-        textOption: this.textOption,
-        shapeOption: this.shapeOption
-      };
-    }
-  },
-  watch: {
-    $props: {
-      immediate: !0,
-      handler: "validator"
-    }
-  },
-  methods: {
-    validator() {
-      const i = Object.entries(this.validationOptions).filter(([l, t]) => t);
-      if (i.length >= 2) {
-        const l = `Use only one of ${i.map(([t]) => t).join(" | ")} options at the same time`;
-        console.error(l);
-      }
-    }
-  }
-}, k = ["aria-label"];
-function g(i, l, t, y, b, D) {
-  const m = a("dt-skeleton-list-item"), r = a("dt-skeleton-shape"), s = a("dt-skeleton-paragraph"), f = a("dt-skeleton-text");
-  return e(), h("div", {
-    "aria-busy": "true",
-    role: "status",
-    "aria-label": t.ariaLabel
-  }, [
-    t.listItemOption ? (e(), n(m, o({ key: 0 }, t.listItemOption === !0 ? {} : t.listItemOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : t.shapeOption ? (e(), n(r, o({ key: 1 }, t.shapeOption === !0 ? {} : t.shapeOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : t.paragraphOption ? (e(), n(s, o({ key: 2 }, t.paragraphOption === !0 ? {} : t.paragraphOption, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"])) : (e(), n(f, o({ key: 3 }, t.textOption || {}, {
-      "animation-duration": t.animationDuration,
-      animate: t.animate,
-      offset: t.offset
-    }), null, 16, ["animation-duration", "animate", "offset"]))
-  ], 8, k);
-}
-const C = /* @__PURE__ */ O(_, [["render", g]]);
-export {
-  C as default
-};
-//# sourceMappingURL=skeleton.js.map

package/dist/vue3/lib/skeleton/skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton.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  compatConfig: { MODE: 3 },\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"],"names":["_sfc_main","DtSkeletonText","DtSkeletonShape","DtSkeletonListItem","DtSkeletonParagraph","filtered","_","option","errorMessage","key","_hoisted_1","_createElementBlock","$props","_openBlock","_createBlock","_component_dt_skeleton_list_item","_mergeProps","_component_dt_skeleton_shape","_component_dt_skeleton_paragraph","_component_dt_skeleton_text"],"mappings":";;;;;;;AAiDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,iBAAiB;AAAA,MACf,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,gBAAgB;AAAA,MACd,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,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,EACF;AAAA,EAED,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAO;AAAA,QACL,iBAAiB,KAAK;AAAA,QACtB,gBAAgB,KAAK;AAAA,QACrB,YAAY,KAAK;AAAA,QACjB,aAAa,KAAK;AAAA;IAErB;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,YAAa;AACX,YAAMC,IAAW,OAAO,QAAQ,KAAK,iBAAiB,EACnD,OAAO,CAAC,CAACC,GAAGC,CAAM,MAAMA,CAAM;AACjC,UAAIF,EAAS,UAAU,GAAG;AACxB,cAAMG,IAAe,mBAAmBH,EAAS,IAAI,CAAC,CAACI,CAAG,MAAMA,CAAG,EAAE,KAAK,KAAK,CAAC;AAChF,gBAAQ,MAAMD,CAAY;AAAA,MAC5B;AAAA,IACD;AAAA,EACF;AACH,GAnKAE,IAAA,CAAA,YAAA;;;cACEC,EAiCM,OAAA;AAAA,IAhCJ,aAAU;AAAA,IACV,MAAK;AAAA,IACJ,cAAYC,EAAS;AAAA;IAGdA,EAAc,kBADtBC,EAAA,GAAAC,EAMEC,GANFC,EAME,EAZN,KAAA,KAQcJ,EAAA,6BAA+BA,EAAc,gBAAA;AAAA,MACpD,sBAAoBA,EAAiB;AAAA,MACrC,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA,kEAGJA,EAAW,eADxBC,EAAA,GAAAC,EAMEG,GANFD,EAME,EAnBN,KAAA,KAecJ,EAAA,0BAA4BA,EAAW,aAAA;AAAA,MAC9C,sBAAoBA,EAAiB;AAAA,MACrC,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA,kEAGJA,EAAe,mBAD5BC,EAAA,GAAAC,EAMEI,GANFF,EAME,EA1BN,KAAA,KAsBcJ,EAAA,8BAAgCA,EAAe,iBAAA;AAAA,MACtD,sBAAoBA,EAAiB;AAAA,MACrC,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA,mEAEjBC,KAAAC,EAMEK,GANFH,EAME,EAjCN,KAAA,KA6BcJ,EAAU,cAAA,IAAA;AAAA,MACjB,sBAAoBA,EAAiB;AAAA,MACrC,SAASA,EAAO;AAAA,MAChB,QAAQA,EAAM;AAAA;EAhCrB,GAAA,GAAAF,CAAA;;;"}

package/dist/vue3/lib/split-button/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./split-button.cjs"),e=require("./split-button-constants.cjs");exports.DtSplitButton=t.default;exports.SPLIT_BUTTON_ICON_SIZES=e.SPLIT_BUTTON_ICON_SIZES;
-//# sourceMappingURL=index.cjs.map

package/dist/vue3/lib/split-button/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue3/lib/split-button/index.js

@@ -1,7 +0,0 @@
-import { default as r } from "./split-button.js";
-import { SPLIT_BUTTON_ICON_SIZES as e } from "./split-button-constants.js";
-export {
-  r as DtSplitButton,
-  e as SPLIT_BUTTON_ICON_SIZES
-};
-//# sourceMappingURL=index.js.map

package/dist/vue3/lib/split-button/index.js.map

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

package/dist/vue3/lib/split-button/split-button-alpha.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:s.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}}};function c(a,_,t,f,i,b){const l=e.resolveComponent("dt-button"),n=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(l,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{size:i.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[n,t.tooltipText]])}const r=o._(u,[["render",c]]);exports.default=r;
-//# sourceMappingURL=split-button-alpha.cjs.map

package/dist/vue3/lib/split-button/split-button-alpha.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-alpha.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  compatConfig: { MODE: 3 },\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":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx"],"mappings":"2QA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAQ,OACT,EAED,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,QAAS,IACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,MACV,EAKD,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EAKD,YAAa,CACX,KAAM,OACN,QAAS,EACV,EAMD,iBAAkB,CAChB,KAAM,QACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,SACV,EAKD,KAAM,CACJ,KAAM,OACN,QAAS,SACV,EAKD,KAAM,CACJ,KAAM,OACN,QAAS,IACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAiB,kBAEpB,CACH,4IApIEC,EAAAA,YAsBYC,EAAA,CApBV,UAAQ,wBACP,OAAQC,EAAM,OACd,aAAYA,EAAS,UACrB,qBAAoBA,EAAgB,iBACpC,MAPLC,2DAOsDD,EAAI,IAAA,EAAA,EACrD,SAAUA,EAAQ,SAClB,gBAAeA,EAAY,aAC3B,WAAYA,EAAU,WACtB,KAAMA,EAAI,KACV,cAAaA,EAAU,WACvB,QAASA,EAAO,QAChB,KAAMA,EAAI,OAEA,eACT,IAGE,CAHFE,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAiB,kBAACJ,EAAI,IAAA,MAnBrC,QAAAK,EAAA,QAsBI,IAAuB,CAAvBH,aAAuBC,EAAA,OAAA,SAAA,IAtB3B,EAAA,8IAEkBH,EAAW,WAAA"}

package/dist/vue3/lib/split-button/split-button-alpha.js

@@ -1,130 +0,0 @@
-import { resolveComponent as s, resolveDirective as d, withDirectives as c, openBlock as r, createBlock as f, normalizeClass as u, withCtx as a, renderSlot as i } from "vue";
-import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import _ from "../button/button.js";
-import { BUTTON_ICON_SIZES as m } from "../button/button-constants.js";
-const b = {
-  compatConfig: { MODE: 3 },
-  name: "SplitButtonAlpha",
-  components: {
-    DtButton: _
-  },
-  props: {
-    /**
-     * Determines whether the button should have active styling
-     */
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * 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: !1
-    },
-    /**
-     * 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: !1
-    },
-    /**
-     * HTML button disabled attribute
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * 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: m
-    };
-  }
-};
-function S(e, v, t, y, l, g) {
-  const o = s("dt-button"), n = d("dt-tooltip");
-  return c((r(), f(o, {
-    "data-qa": "dt-split-button-alpha",
-    active: t.active,
-    "aria-label": t.ariaLabel,
-    "assertive-on-focus": t.assertiveOnFocus,
-    class: u(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),
-    disabled: t.disabled,
-    "icon-position": t.iconPosition,
-    importance: t.importance,
-    kind: t.kind,
-    "label-class": t.labelClass,
-    loading: t.loading,
-    size: t.size
-  }, {
-    icon: a(() => [
-      i(e.$slots, "icon", {
-        size: l.BUTTON_ICON_SIZES[t.size]
-      })
-    ]),
-    default: a(() => [
-      i(e.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
-    [n, t.tooltipText]
-  ]);
-}
-const O = /* @__PURE__ */ p(b, [["render", S]]);
-export {
-  O as default
-};
-//# sourceMappingURL=split-button-alpha.js.map

package/dist/vue3/lib/split-button/split-button-alpha.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-alpha.js","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  compatConfig: { MODE: 3 },\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":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx"],"mappings":";;;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,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;AAAA;EAEH;AACH;;;iBApIEC,EAsBYC,GAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQC,EAAM;AAAA,IACd,cAAYA,EAAS;AAAA,IACrB,sBAAoBA,EAAgB;AAAA,IACpC,OAPLC,4CAOsDD,EAAI,IAAA,EAAA;AAAA,IACrD,UAAUA,EAAQ;AAAA,IAClB,iBAAeA,EAAY;AAAA,IAC3B,YAAYA,EAAU;AAAA,IACtB,MAAMA,EAAI;AAAA,IACV,eAAaA,EAAU;AAAA,IACvB,SAASA,EAAO;AAAA,IAChB,MAAMA,EAAI;AAAA;IAEA,QACT,MAGE;AAAA,MAHFE,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAiB,kBAACJ,EAAI,IAAA;AAAA;;IAnBrC,SAAAK,EAsBI,MAAuB;AAAA,MAAvBH,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;QAEkBH,EAAW,WAAA;AAAA;;;"}

package/dist/vue3/lib/split-button/split-button-constants.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={xs:"100",sm:"100",md:"200",lg:"200",xl:"300"},e={SPLIT_BUTTON_ICON_SIZES:t};exports.SPLIT_BUTTON_ICON_SIZES=t;exports.default=e;
-//# sourceMappingURL=split-button-constants.cjs.map

package/dist/vue3/lib/split-button/split-button-constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-constants.cjs","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"names":["SPLIT_BUTTON_ICON_SIZES","split_button_constants"],"mappings":"4GAAY,MAACA,EAA0B,CACrC,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEeC,EAAA,CACb,wBAAAD,CACF"}

package/dist/vue3/lib/split-button/split-button-constants.js

@@ -1,14 +0,0 @@
-const t = {
-  xs: "100",
-  sm: "100",
-  md: "200",
-  lg: "200",
-  xl: "300"
-}, s = {
-  SPLIT_BUTTON_ICON_SIZES: t
-};
-export {
-  t as SPLIT_BUTTON_ICON_SIZES,
-  s as default
-};
-//# sourceMappingURL=split-button-constants.js.map

package/dist/vue3/lib/split-button/split-button-constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-constants.js","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"names":["SPLIT_BUTTON_ICON_SIZES","split_button_constants"],"mappings":"AAAY,MAACA,IAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEeC,IAAA;AAAA,EACb,yBAAAD;AACF;"}

package/dist/vue3/lib/split-button/split-button-omega.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./split-button-constants.cjs"),d=require("@dialpad/dialtone-icons/vue3"),c=require("../../common/utils/index.cjs"),t=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"SplitButtonOmega",components:{DtButton:u.default,DtIconChevronDown:d.DtIconChevronDown},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},disabled:{type:Boolean,default:!1},id:{type:String,default:c.getUniqueString()},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"},tooltipText:{type:String,default:""}},data(){return{SPLIT_BUTTON_ICON_SIZES:r.SPLIT_BUTTON_ICON_SIZES}}};function S(i,b,e,p,n,f){const o=t.resolveComponent("dt-icon-chevron-down"),a=t.resolveComponent("dt-button"),l=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(a,{id:e.id,"data-qa":"dt-split-button-omega",active:e.active,"aria-label":e.ariaLabel,class:t.normalizeClass(`d-split-btn__omega d-split-btn__omega--${e.size}`),disabled:e.disabled,importance:e.importance,kind:e.kind,size:e.size},{icon:t.withCtx(()=>[t.renderSlot(i.$slots,"icon",{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},()=>[t.createVNode(o,{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},null,8,["size"])])]),_:3},8,["id","active","aria-label","class","disabled","importance","kind","size"])),[[l,e.tooltipText]])}const m=s._(_,[["render",S]]);exports.default=m;
-//# sourceMappingURL=split-button-omega.cjs.map

package/dist/vue3/lib/split-button/split-button-omega.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-button-omega.cjs","sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"tooltipText\"\n    data-qa=\"dt-split-button-omega\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonOmega',\n  components: {\n    DtButton,\n    DtIconChevronDown,\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     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\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     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down"],"mappings":"6VA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,mBACN,WAAY,CACV,SAAAC,EAAQ,QACR,kBAAAC,EAAiB,iBAClB,EAED,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,QAAS,IACV,EAKD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAMD,GAAI,CACF,KAAM,OACN,QAASC,EAAAA,gBAAiB,CAC3B,EAKD,WAAY,CACV,KAAM,OACN,QAAS,SACV,EAKD,KAAM,CACJ,KAAM,OACN,QAAS,SACV,EAKD,KAAM,CACJ,KAAM,OACN,QAAS,IACV,EAKD,YAAa,CACX,KAAM,OACN,QAAS,EACV,CACF,EAED,MAAQ,CACN,MAAO,yBACLC,EAAuB,wBAE1B,CACH,yLA7GEC,EAAAA,YAoBYC,EAAA,CAnBT,GAAIC,EAAE,GAEP,UAAQ,wBACP,OAAQA,EAAM,OACd,aAAYA,EAAS,UACrB,MAPLC,2DAOsDD,EAAI,IAAA,EAAA,EACrD,SAAUA,EAAQ,SAClB,WAAYA,EAAU,WACtB,KAAMA,EAAI,KACV,KAAMA,EAAI,OAEA,eACT,IAKO,CALPE,aAKOC,EAAA,OAAA,OAAA,CAHJ,KAAMC,EAAuB,wBAACJ,EAAI,IAAA,GAFrC,IAKO,CADLK,EAAAA,YAA8DC,EAAA,CAAvC,KAAMF,EAAuB,wBAACJ,EAAI,IAAA,wBAlBjE,EAAA,sFAGkBA,EAAW,WAAA"}

package/dist/vue3/lib/split-button/split-button-omega.js

@@ -1,110 +0,0 @@
-import { SPLIT_BUTTON_ICON_SIZES as d } from "./split-button-constants.js";
-import { DtIconChevronDown as r } from "@dialpad/dialtone-icons/vue3";
-import { getUniqueString as c } from "../../common/utils/index.js";
-import { resolveComponent as i, resolveDirective as s, withDirectives as _, openBlock as m, createBlock as f, normalizeClass as u, withCtx as p, renderSlot as S, createVNode as g } from "vue";
-import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import v from "../button/button.js";
-const z = {
-  compatConfig: { MODE: 3 },
-  name: "SplitButtonOmega",
-  components: {
-    DtButton: v,
-    DtIconChevronDown: r
-  },
-  props: {
-    /**
-     * Determines whether the button should have active styling
-     */
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Descriptive label for the button
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * HTML button disabled attribute
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Element ID, useful in case you need to reference the button
-     * as an external anchor for popover
-     */
-    id: {
-      type: String,
-      default: c()
-    },
-    /**
-     * 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"
-    },
-    /**
-     * Text shown in tooltip when you hover the button
-     */
-    tooltipText: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      SPLIT_BUTTON_ICON_SIZES: d
-    };
-  }
-};
-function T(o, B, t, I, e, y) {
-  const n = i("dt-icon-chevron-down"), a = i("dt-button"), l = s("dt-tooltip");
-  return _((m(), f(a, {
-    id: t.id,
-    "data-qa": "dt-split-button-omega",
-    active: t.active,
-    "aria-label": t.ariaLabel,
-    class: u(`d-split-btn__omega d-split-btn__omega--${t.size}`),
-    disabled: t.disabled,
-    importance: t.importance,
-    kind: t.kind,
-    size: t.size
-  }, {
-    icon: p(() => [
-      S(o.$slots, "icon", {
-        size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
-      }, () => [
-        g(n, {
-          size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
-        }, null, 8, ["size"])
-      ])
-    ]),
-    _: 3
-  }, 8, ["id", "active", "aria-label", "class", "disabled", "importance", "kind", "size"])), [
-    [l, t.tooltipText]
-  ]);
-}
-const w = /* @__PURE__ */ b(z, [["render", T]]);
-export {
-  w as default
-};
-//# sourceMappingURL=split-button-omega.js.map