@dialpad/dialtone 9.110.0 → 9.110.1-beta.2

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

@@ -0,0 +1,116 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,141 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,130 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,110 @@
+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