@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

package/dist/lib/skeleton/skeleton-list-item.js

@@ -22,11 +22,11 @@ const _ = {
     },
     /**
      * Size of the shape
-     * @values xs, sm, md, lg, xl
+     * @values 100, 200, 300, 400, 500
      */
     shapeSize: {
-      type: String,
-      default: "md"
+      type: [String, Number],
+      default: 300
     },
     /**
      * Object containing quantity of paragraphs to display

package/dist/lib/skeleton/skeleton-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list-item.js","sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    shapeSize: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\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: 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     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonShape","DtSkeletonParagraph","shape","SKELETON_SHAPES","_hoisted_1","_createElementBlock","_normalizeClass","$props","_createVNode","_component_dt_skeleton_shape","_createElementVNode","_component_dt_skeleton_paragraph","_mergeProps"],"mappings":";;;;;AAoCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAS,OAAO,KAAKC,CAAe,EAAE,SAASD,CAAK;AAAA;;;;;IAOjE,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG;AAAA;;;;IAM7C,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;AAGf,GApGSE,IAAA,EAAA,OAAM,4CAA2C;;;cAnBxDC,EA2BM,OAAA;AAAA,IA1BJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;;QAAkF,gCAAAC,EAAA,WAAW,SAAI;AAAA;MAAuBA,EAAA;AAAA;;IAQ9HC,EAQEC,GAAA;AAAA,MAPA,OAAM;AAAA,MACL,MAAMF,EAAA;AAAA,MACN,OAAOA,EAAA;AAAA,MACP,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,MACR,iBAAeA,EAAA;AAAA;IAElBG,EAOM,OAPNN,GAOM;AAAA,MANJI,EAKEG,GALFC,EACUL,EAAA,YAAU;AAAA,QACjB,sBAAoBA,EAAA;AAAA,QACpB,SAASA,EAAA;AAAA,QACT,QAAQA,EAAA;AAAA;;;;;"}
+{"version":3,"file":"skeleton-list-item.js","sources":["../../../components/skeleton/skeleton-list-item.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"skeleton-list-item\"\n    :class=\"[\n      'd-skeleton-list-item',\n      {\n        'd-skeleton-list-item--single': paragraphs.rows === 1,\n      },\n      contentClass,\n    ]\"\n  >\n    <dt-skeleton-shape\n      class=\"d-skeleton-list-item__shape\"\n      :size=\"shapeSize\"\n      :shape=\"shape\"\n      :animation-duration=\"animationDuration\"\n      :animate=\"animate\"\n      :offset=\"offset\"\n      :content-class=\"shapeClass\"\n    />\n    <div class=\"d-skeleton-list-item__paragraph-container\">\n      <dt-skeleton-paragraph\n        v-bind=\"paragraphs\"\n        :animation-duration=\"animationDuration\"\n        :animate=\"animate\"\n        :offset=\"offset\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { SKELETON_SHAPES } from './skeleton_constants';\nimport DtSkeletonShape from './skeleton-shape.vue';\nimport DtSkeletonParagraph from './skeleton-paragraph.vue';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonListItem',\n\n  components: {\n    DtSkeletonShape,\n    DtSkeletonParagraph,\n  },\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    shapeSize: {\n      type: [String, Number],\n      default: 300,\n    },\n\n    /**\n     * Object containing quantity of paragraphs to display\n     * and a randomWidth boolean.\n     */\n    paragraphs: {\n      type: Object,\n      default: () => ({ rows: 3, randomWidth: true }),\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: 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     * Additional class name for the shape.\n     */\n    shapeClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtSkeletonShape","DtSkeletonParagraph","shape","SKELETON_SHAPES","_hoisted_1","_createElementBlock","_normalizeClass","$props","_createVNode","_component_dt_skeleton_shape","_createElementVNode","_component_dt_skeleton_paragraph","_mergeProps"],"mappings":";;;;;AAoCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAS,OAAO,KAAKC,CAAe,EAAE,SAASD,CAAK;AAAA;;;;;IAOjE,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG;AAAA;;;;IAM7C,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;AAGf,GApGSE,IAAA,EAAA,OAAM,4CAA2C;;;cAnBxDC,EA2BM,OAAA;AAAA,IA1BJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;;QAAkF,gCAAAC,EAAA,WAAW,SAAI;AAAA;MAAuBA,EAAA;AAAA;;IAQ9HC,EAQEC,GAAA;AAAA,MAPA,OAAM;AAAA,MACL,MAAMF,EAAA;AAAA,MACN,OAAOA,EAAA;AAAA,MACP,sBAAoBA,EAAA;AAAA,MACpB,SAASA,EAAA;AAAA,MACT,QAAQA,EAAA;AAAA,MACR,iBAAeA,EAAA;AAAA;IAElBG,EAOM,OAPNN,GAOM;AAAA,MANJI,EAKEG,GALFC,EACUL,EAAA,YAAU;AAAA,QACjB,sBAAoBA,EAAA;AAAA,QACpB,SAASA,EAAA;AAAA,QACT,QAAQA,EAAA;AAAA;;;;;"}

package/dist/lib/skeleton/skeleton-shape.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/mixins/skeleton.cjs"),a=require("./skeleton-constants.cjs"),t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtSkeletonShape",mixins:[i.default],props:{shape:{type:String,default:"circle",validator:e=>Object.keys(a.SKELETON_SHAPES).includes(e)},size:{type:String,default:"md"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:""}},data(){return{SKELETON_SHAPES:a.SKELETON_SHAPES}},computed:{shapeStyles(){const e=a.SKELETON_SHAPE_SIZES[this.size]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};function u(e,S,n,d,s,l){return t.openBlock(),t.createElementBlock("div",{ref:"skeleton","data-qa":"skeleton-shape",class:t.normalizeClass(["d-skeleton-placeholder",s.SKELETON_SHAPES[n.shape],{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:t.normalizeStyle(l.shapeStyles)},null,6)}const c=o._(r,[["render",u]]);exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/mixins/skeleton.cjs"),a=require("./skeleton-constants.cjs"),t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtSkeletonShape",mixins:[i.default],props:{shape:{type:String,default:"circle",validator:e=>Object.keys(a.SKELETON_SHAPES).includes(e)},size:{type:[String,Number],default:300},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:""}},data(){return{SKELETON_SHAPES:a.SKELETON_SHAPES}},computed:{shapeStyles(){const e=a.SKELETON_SHAPE_SIZES[String(this.size)]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};function u(e,S,n,d,s,l){return t.openBlock(),t.createElementBlock("div",{ref:"skeleton","data-qa":"skeleton-shape",class:t.normalizeClass(["d-skeleton-placeholder",s.SKELETON_SHAPES[n.shape],{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:t.normalizeStyle(l.shapeStyles)},null,6)}const c=o._(r,[["render",u]]);exports.default=c;
 //# sourceMappingURL=skeleton-shape.cjs.map

package/dist/lib/skeleton/skeleton-shape.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-shape.cjs","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\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: 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","$options"],"mappings":"iRAuBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBAEN,OAAQ,CAACC,EAAAA,OAAiB,EAE1B,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAWC,GAAS,OAAO,KAAKC,EAAAA,eAAe,EAAE,SAASD,CAAK,GAOjE,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,kBAAmB,CACjB,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,GAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,KAIb,MAAQ,CACN,MAAO,CACL,gBAAAC,EAAAA,gBAEJ,EAEA,SAAU,CACR,aAAe,CACb,MAAMC,EAAOC,EAAAA,qBAAqB,KAAK,IAAI,GAAK,KAAK,KACrD,MAAO,CACL,GAAG,KAAK,cACR,YAAaD,EACb,YAAaA,EACb,aAAcA,EACd,aAAcA,EAElB,EAEJ,+CAzGEE,EAAAA,mBAYE,MAAA,CAXA,IAAI,WACJ,UAAQ,iBACP,MAAKC,EAAAA,eAAA,0BAA0CC,EAAA,gBAAgBC,EAAA,KAAK,qCAAsDA,EAAA,SAAwBA,EAAA,eAQlJ,uBAAOC,EAAA,WAAW"}
+{"version":3,"file":"skeleton-shape.cjs","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\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: 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[String(this.size)] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","$options"],"mappings":"iRAuBKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBAEN,OAAQ,CAACC,EAAAA,OAAiB,EAE1B,MAAO,CAKL,MAAO,CACL,KAAM,OACN,QAAS,SACT,UAAWC,GAAS,OAAO,KAAKC,EAAAA,eAAe,EAAE,SAASD,CAAK,GAOjE,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,KAMX,kBAAmB,CACjB,KAAM,OACN,QAAS,IAOX,QAAS,CACP,KAAM,QACN,QAAS,IAWX,OAAQ,CACN,KAAM,OACN,QAAS,GAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,KAIb,MAAQ,CACN,MAAO,CACL,gBAAAC,EAAAA,gBAEJ,EAEA,SAAU,CACR,aAAe,CACb,MAAMC,EAAOC,EAAAA,qBAAqB,OAAO,KAAK,IAAI,CAAC,GAAK,KAAK,KAC7D,MAAO,CACL,GAAG,KAAK,cACR,YAAaD,EACb,YAAaA,EACb,aAAcA,EACd,aAAcA,EAElB,EAEJ,+CAzGEE,EAAAA,mBAYE,MAAA,CAXA,IAAI,WACJ,UAAQ,iBACP,MAAKC,EAAAA,eAAA,0BAA0CC,EAAA,gBAAgBC,EAAA,KAAK,qCAAsDA,EAAA,SAAwBA,EAAA,eAQlJ,uBAAOC,EAAA,WAAW"}

package/dist/lib/skeleton/skeleton-shape.js

@@ -1,11 +1,11 @@
-import s from "../../common/mixins/skeleton.js";
-import { SKELETON_SHAPE_SIZES as i, SKELETON_SHAPES as a } from "./skeleton-constants.js";
+import o from "../../common/mixins/skeleton.js";
+import { SKELETON_SHAPE_SIZES as s, SKELETON_SHAPES as a } from "./skeleton-constants.js";
 import { openBlock as l, createElementBlock as r, normalizeStyle as m, normalizeClass as c } from "vue";
 import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const d = {
+const S = {
   compatConfig: { MODE: 3 },
   name: "DtSkeletonShape",
-  mixins: [s],
+  mixins: [o],
   props: {
     /**
      * Defines the shape of the skeleton, accepts circle or square.
@@ -18,11 +18,11 @@ const d = {
     },
     /**
      * Size of the shape
-     * @values xs, sm, md, lg, xl
+     * @values 100, 200, 300, 400, 500
      */
     size: {
-      type: String,
-      default: "md"
+      type: [String, Number],
+      default: 300
     },
     /**
      * Duration time of the animation (ms), set -1 for an infinite animation.
@@ -66,7 +66,7 @@ const d = {
   },
   computed: {
     shapeStyles() {
-      const e = i[this.size] || this.size;
+      const e = s[String(this.size)] || this.size;
       return {
         ...this.skeletonStyle,
         "min-width": e,
@@ -77,7 +77,7 @@ const d = {
     }
   }
 };
-function S(e, f, t, h, n, o) {
+function d(e, u, t, f, n, i) {
   return l(), r("div", {
     ref: "skeleton",
     "data-qa": "skeleton-shape",
@@ -89,10 +89,10 @@ function S(e, f, t, h, n, o) {
       },
       t.contentClass
     ]),
-    style: m(o.shapeStyles)
+    style: m(i.shapeStyles)
   }, null, 6);
 }
-const k = /* @__PURE__ */ p(d, [["render", S]]);
+const k = /* @__PURE__ */ p(S, [["render", d]]);
 export {
   k as default
 };

package/dist/lib/skeleton/skeleton-shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-shape.js","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\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: 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[this.size] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","$options"],"mappings":";;;;AAuBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAS,OAAO,KAAKC,CAAe,EAAE,SAASD,CAAK;AAAA;;;;;IAOjE,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,iBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,cAAe;AACb,YAAMC,IAAOC,EAAqB,KAAK,IAAI,KAAK,KAAK;AACrD,aAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,aAAaD;AAAA,QACb,aAAaA;AAAA,QACb,cAAcA;AAAA,QACd,cAAcA;AAAA;IAElB;AAAA;AAEJ;;cAzGEE,EAYE,OAAA;AAAA,IAXA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;MAA0CC,EAAA,gBAAgBC,EAAA,KAAK;AAAA;2CAAsDA,EAAA;AAAA;MAAwBA,EAAA;AAAA;IAQlJ,SAAOC,EAAA,WAAW;AAAA;;;"}
+{"version":3,"file":"skeleton-shape.js","sources":["../../../components/skeleton/skeleton-shape.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"skeleton\"\n    data-qa=\"skeleton-shape\"\n    :class=\"[\n      'd-skeleton-placeholder',\n      SKELETON_SHAPES[shape],\n      {\n        'd-skeleton-placeholder--animate': animate,\n      },\n      contentClass,\n    ]\"\n    :style=\"shapeStyles\"\n  />\n</template>\n\n<script>\nimport SkeletonAnimation from '@/common/mixins/skeleton';\nimport {\n  SKELETON_SHAPES,\n  SKELETON_SHAPE_SIZES,\n} from './skeleton_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSkeletonShape',\n\n  mixins: [SkeletonAnimation],\n\n  props: {\n    /**\n     * Defines the shape of the skeleton, accepts circle or square.\n     * @values circle, square\n     */\n    shape: {\n      type: String,\n      default: 'circle',\n      validator: shape => Object.keys(SKELETON_SHAPES).includes(shape),\n    },\n\n    /**\n     * Size of the shape\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\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: 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     * Additional class name for the content.\n     */\n    contentClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SKELETON_SHAPES,\n    };\n  },\n\n  computed: {\n    shapeStyles () {\n      const size = SKELETON_SHAPE_SIZES[String(this.size)] || this.size;\n      return {\n        ...this.skeletonStyle,\n        'min-width': size,\n        'max-width': size,\n        'min-height': size,\n        'max-height': size,\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SkeletonAnimation","shape","SKELETON_SHAPES","size","SKELETON_SHAPE_SIZES","_createElementBlock","_normalizeClass","$data","$props","$options"],"mappings":";;;;AAuBA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,QAAQ,CAACC,CAAiB;AAAA,EAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAAC,MAAS,OAAO,KAAKC,CAAe,EAAE,SAASD,CAAK;AAAA;;;;;IAOjE,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;;;;IAWX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,iBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,cAAe;AACb,YAAMC,IAAOC,EAAqB,OAAO,KAAK,IAAI,CAAC,KAAK,KAAK;AAC7D,aAAO;AAAA,QACL,GAAG,KAAK;AAAA,QACR,aAAaD;AAAA,QACb,aAAaA;AAAA,QACb,cAAcA;AAAA,QACd,cAAcA;AAAA;IAElB;AAAA;AAEJ;;cAzGEE,EAYE,OAAA;AAAA,IAXA,KAAI;AAAA,IACJ,WAAQ;AAAA,IACP,OAAKC,EAAA;AAAA;MAA0CC,EAAA,gBAAgBC,EAAA,KAAK;AAAA;2CAAsDA,EAAA;AAAA;MAAwBA,EAAA;AAAA;IAQlJ,SAAOC,EAAA,WAAW;AAAA;;;"}

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

@@ -1,2 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={100:"100",200:"100",300:"200",400:"200",500:"300",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/lib/split-button/split-button-constants.cjs.map

@@ -1 +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,EAEAC,EAAe,CACb,wBAAAD,CACF"}
+{"version":3,"file":"split-button-constants.cjs","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\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,CAErC,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEAC,EAAe,CACb,wBAAAD,CACF"}

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

@@ -1,4 +1,11 @@
 const t = {
+  // Numeric (preferred)
+  100: "100",
+  200: "100",
+  300: "200",
+  400: "200",
+  500: "300",
+  // T-shirt aliases (deprecated)
   xs: "100",
   sm: "100",
   md: "200",

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

@@ -1 +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,GAEAC,IAAe;AAAA,EACb,yBAAAD;AACF;"}
+{"version":3,"file":"split-button-constants.js","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\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;AAAA,EAErC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEAC,IAAe;AAAA,EACb,yBAAAD;AACF;"}

package/dist/lib/split-button/split-button-end.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./split-button-constants.cjs"),r=require("@dialpad/dialtone-icons/vue"),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:"SplitButtonEnd",components:{DtButton:u.default,DtIconChevronDown:r.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,Number],default:300},tooltipText:{type:String,default:""}},data(){return{SPLIT_BUTTON_ICON_SIZES:d.SPLIT_BUTTON_ICON_SIZES}}};function S(i,v,e,m,n,f){const o=t.resolveComponent("dt-icon-chevron-down"),l=t.resolveComponent("dt-button"),a=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(l,{id:e.id,"data-qa":"dt-split-button-end",active:e.active,"aria-label":e.ariaLabel,class:t.normalizeClass(`d-split-btn__end d-split-btn__end--${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[String(e.size)]},()=>[t.createVNode(o,{size:n.SPLIT_BUTTON_ICON_SIZES[String(e.size)]},null,8,["size"])])]),_:3},8,["id","active","aria-label","class","disabled","importance","kind","size"])),[[a,{message:e.tooltipText,inverted:e.kind==="inverted"}]])}const b=s._(_,[["render",S]]);exports.default=b;
+//# sourceMappingURL=split-button-end.cjs.map

package/dist/lib/split-button/split-button-end.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-end.cjs","sources":["../../../components/split_button/split_button-end.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-end\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__end d-split-btn__end--${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[String(size)]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[String(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/vue';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonEnd',\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, Number],\n      default: 300,\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","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":"4VA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,iBACN,WAAY,CACV,SAAAC,EAAAA,QACA,kBAAAC,EAAAA,mBAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,GAAI,CACF,KAAM,OACN,QAASC,EAAAA,gBAAe,GAM1B,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,KAMX,YAAa,CACX,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,yBACLC,EAAAA,wBAEJ,CACF,yLA7GEC,EAAAA,YAoBYC,EAAA,CAnBT,GAAIC,EAAA,GAEL,UAAQ,sBACP,OAAQA,EAAA,OACR,aAAYA,EAAA,UACZ,6DAA6CA,EAAA,IAAI,EAAA,EACjD,SAAUA,EAAA,SACV,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,KAAMA,EAAA,OAEI,eACT,IAKO,CALPC,aAKOC,EAAA,OAAA,OAAA,CAHJ,KAAMC,EAAA,wBAAwB,OAAOH,EAAA,IAAI,CAAA,GAF5C,IAKO,CADLI,EAAAA,YAAsEC,EAAA,CAA/C,KAAMF,EAAA,wBAAwB,OAAOH,EAAA,IAAI,CAAA,6GAf3C,CAAAM,EAAA,CAAA,QAAAN,EAAA,qBAAuBA,EAAA,OAAI,UAAA,CAAA"}

package/dist/lib/split-button/{split-button-omega.js → split-button-end.js}

@@ -1,14 +1,14 @@
 import { SPLIT_BUTTON_ICON_SIZES as l } from "./split-button-constants.js";
-import { DtIconChevronDown as r } from "@dialpad/dialtone-icons/vue3";
+import { DtIconChevronDown as r } from "@dialpad/dialtone-icons/vue";
 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 S, renderSlot as p, createVNode as g } from "vue";
+import { resolveComponent as i, resolveDirective as s, withDirectives as _, openBlock as m, createBlock as u, normalizeClass as f, withCtx as S, renderSlot as p, createVNode as b } from "vue";
 import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import b from "../button/button.js";
+import g from "../button/button.js";
 const z = {
   compatConfig: { MODE: 3 },
-  name: "SplitButtonOmega",
+  name: "SplitButtonEnd",
   components: {
-    DtButton: b,
+    DtButton: g,
     DtIconChevronDown: r
   },
   props: {
@@ -59,8 +59,8 @@ const z = {
      * The size of the button.
      */
     size: {
-      type: String,
-      default: "md"
+      type: [String, Number],
+      default: 300
     },
     /**
      * Text shown in tooltip when you hover the button
@@ -78,12 +78,12 @@ const z = {
 };
 function T(n, B, t, I, e, y) {
   const o = i("dt-icon-chevron-down"), a = i("dt-button"), d = s("dt-tooltip");
-  return _((m(), f(a, {
+  return _((m(), u(a, {
     id: t.id,
-    "data-qa": "dt-split-button-omega",
+    "data-qa": "dt-split-button-end",
     active: t.active,
     "aria-label": t.ariaLabel,
-    class: u(`d-split-btn__omega d-split-btn__omega--${t.size}`),
+    class: f(`d-split-btn__end d-split-btn__end--${t.size}`),
     disabled: t.disabled,
     importance: t.importance,
     kind: t.kind,
@@ -91,10 +91,10 @@ function T(n, B, t, I, e, y) {
   }, {
     icon: S(() => [
       p(n.$slots, "icon", {
-        size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
+        size: e.SPLIT_BUTTON_ICON_SIZES[String(t.size)]
       }, () => [
-        g(o, {
-          size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
+        b(o, {
+          size: e.SPLIT_BUTTON_ICON_SIZES[String(t.size)]
         }, null, 8, ["size"])
       ])
     ]),
@@ -103,8 +103,8 @@ function T(n, B, t, I, e, y) {
     [d, { message: t.tooltipText, inverted: t.kind === "inverted" }]
   ]);
 }
-const w = /* @__PURE__ */ v(z, [["render", T]]);
+const E = /* @__PURE__ */ v(z, [["render", T]]);
 export {
-  w as default
+  E as default
 };
-//# sourceMappingURL=split-button-omega.js.map
+//# sourceMappingURL=split-button-end.js.map

package/dist/lib/split-button/split-button-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-end.js","sources":["../../../components/split_button/split_button-end.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-end\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__end d-split-btn__end--${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[String(size)]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[String(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/vue';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonEnd',\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, Number],\n      default: 300,\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","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":";;;;;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,mBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAASC,EAAe;AAAA;;;;IAM1B,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,yBAAAC;AAAA;EAEJ;AACF;;;iBA7GEC,EAoBYC,GAAA;AAAA,IAnBT,IAAIC,EAAA;AAAA,IAEL,WAAQ;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,+CAA6CA,EAAA,IAAI,EAAA;AAAA,IACjD,UAAUA,EAAA;AAAA,IACV,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,MAAMA,EAAA;AAAA;IAEI,QACT,MAKO;AAAA,MALPC,EAKOC,EAAA,QAAA,QAAA;AAAA,QAHJ,MAAMC,EAAA,wBAAwB,OAAOH,EAAA,IAAI,CAAA;AAAA,SAF5C,MAKO;AAAA,QADLI,EAAsEC,GAAA;AAAA,UAA/C,MAAMF,EAAA,wBAAwB,OAAOH,EAAA,IAAI,CAAA;AAAA;;;;;IAf3C,CAAAM,GAAA,EAAA,SAAAN,EAAA,uBAAuBA,EAAA,SAAI,WAAA,CAAA;AAAA;;;"}

package/dist/lib/split-button/split-button-start.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonStart",components:{DtButton:r.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},leadingClass:{type:[String,Array,Object],default:""},trailingClass:{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,Number],default:300},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},href:{type:String,default:null},target:{type:String,default:null},rel:{type:String,default:null}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(n,g,e,S,l,i){const a=t.resolveComponent("dt-button"),s=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(a,{"data-qa":"dt-split-button-start",active:e.active,"aria-label":e.ariaLabel,"assertive-on-focus":e.assertiveOnFocus,class:t.normalizeClass(`d-split-btn__start d-split-btn__start--${e.size}`),disabled:e.disabled,"icon-position":e.iconPosition,importance:e.importance,kind:e.kind,"label-class":e.labelClass,"leading-class":e.leadingClass,"trailing-class":e.trailingClass,loading:e.loading,size:e.size,to:e.to,replace:e.replace,href:e.href,target:e.target,rel:e.rel},t.createSlots({default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:2},[n.$slots.startIcon?{name:"startIcon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"startIcon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"0"}:void 0,n.$slots.endIcon?{name:"endIcon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"endIcon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"1"}:void 0,n.$slots.icon&&!n.$slots.startIcon&&!n.$slots.endIcon?{name:"icon",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"icon",{size:l.BUTTON_ICON_SIZES[e.size]})]),key:"2"}:void 0,n.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"leading")]),key:"3"}:void 0,n.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(n.$slots,"trailing")]),key:"4"}:void 0]),1032,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","leading-class","trailing-class","loading","size","to","replace","href","target","rel"])),[[s,i.tooltipConfig]])}const f=o._(u,[["render",c]]);exports.default=f;
+//# sourceMappingURL=split-button-start.cjs.map

package/dist/lib/split-button/split-button-start.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-start.cjs","sources":["../../../components/split_button/split_button-start.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\n    data-qa=\"dt-split-button-start\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :assertive-on-focus=\"assertiveOnFocus\"\n    :class=\"`d-split-btn__start d-split-btn__start--${size}`\"\n    :disabled=\"disabled\"\n    :icon-position=\"iconPosition\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    :loading=\"loading\"\n    :size=\"size\"\n    :to=\"to\"\n    :replace=\"replace\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel\"\n  >\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon\n    >\n      <slot\n        name=\"startIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon\n    >\n      <slot\n        name=\"endIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n      #icon\n    >\n      <slot\n        name=\"icon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\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: 'SplitButtonStart',\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     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\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, Number],\n      default: 300,\n    },\n\n    /**\n     * Vue router `to` prop. When set, renders as a `<router-link>`.\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`.\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href. When set, renders as an `<a>` element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the link.\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the link.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_ICON_SIZES,\n    };\n  },\n\n  computed: {\n    tooltipConfig () {\n      return {\n        message: this.tooltipText,\n        inverted: this.kind === 'inverted',\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":"2QAqEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,CACV,SAAAC,EAAAA,SAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAMX,WAAY,CACV,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAOX,iBAAkB,CAChB,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,KAMX,GAAI,CACF,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,MAMX,QAAS,CACP,KAAM,QACN,QAAS,IAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,OAAQ,CACN,KAAM,OACN,QAAS,MAMX,IAAK,CACH,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,kBAAAC,EAAAA,kBAEJ,EAEA,SAAU,CACR,eAAiB,CACf,MAAO,CACL,QAAS,KAAK,YACd,SAAU,KAAK,OAAS,WAE5B,EAEJ,4IA7OEC,EAAAA,YA8DYC,EAAA,CA5DV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,iEAAiDA,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,gBAAeA,EAAA,aACf,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,cAAaA,EAAA,WACb,gBAAeA,EAAA,aACf,iBAAgBA,EAAA,cAChB,QAASA,EAAA,QACT,KAAMA,EAAA,KACN,GAAIA,EAAA,GACJ,QAASA,EAAA,QACT,KAAMA,EAAA,KACN,OAAQA,EAAA,OACR,IAAKA,EAAA,sCAyCN,IAAuB,CAAvBC,aAAuBC,EAAA,OAAA,SAAA,UAtCfA,EAAA,OAAO,gBACZ,yBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,YAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,UAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,MAAI,CAAKA,EAAA,OAAO,WAAS,CAAKA,EAAA,OAAO,cACjD,oBAED,IAGE,CAHFD,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,sBAIzBE,EAAA,OAAO,cACZ,uBAED,IAAuB,CAAvBD,aAAuBC,EAAA,OAAA,SAAA,oBAGjBA,EAAA,OAAO,eACZ,wBAED,IAAwB,CAAxBD,aAAwBC,EAAA,OAAA,UAAA,0OA1DZE,EAAA,aAAa"}

package/dist/lib/split-button/split-button-start.js

@@ -0,0 +1,231 @@
+import { resolveComponent as r, resolveDirective as d, withDirectives as f, openBlock as c, createBlock as u, normalizeClass as g, createSlots as m, withCtx as a, renderSlot as l } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import S from "../button/button.js";
+import { BUTTON_ICON_SIZES as b } from "../button/button-constants.js";
+const C = {
+  compatConfig: { MODE: 3 },
+  name: "SplitButtonStart",
+  components: {
+    DtButton: S
+  },
+  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: ""
+    },
+    /**
+     * Used to customize the leading container
+     */
+    leadingClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /**
+     * Used to customize the trailing container
+     */
+    trailingClass: {
+      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, Number],
+      default: 300
+    },
+    /**
+     * Vue router `to` prop. When set, renders as a `<router-link>`.
+     */
+    to: {
+      type: [String, Object],
+      default: null
+    },
+    /**
+     * Whether to use `router.replace()` instead of `router.push()`.
+     */
+    replace: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * HTML href. When set, renders as an `<a>` element.
+     */
+    href: {
+      type: String,
+      default: null
+    },
+    /**
+     * HTML target attribute for the link.
+     */
+    target: {
+      type: String,
+      default: null
+    },
+    /**
+     * HTML rel attribute for the link.
+     */
+    rel: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      BUTTON_ICON_SIZES: b
+    };
+  },
+  computed: {
+    tooltipConfig() {
+      return {
+        message: this.tooltipText,
+        inverted: this.kind === "inverted"
+      };
+    }
+  }
+};
+function I(t, p, e, v, n, i) {
+  const s = r("dt-button"), o = d("dt-tooltip");
+  return f((c(), u(s, {
+    "data-qa": "dt-split-button-start",
+    active: e.active,
+    "aria-label": e.ariaLabel,
+    "assertive-on-focus": e.assertiveOnFocus,
+    class: g(`d-split-btn__start d-split-btn__start--${e.size}`),
+    disabled: e.disabled,
+    "icon-position": e.iconPosition,
+    importance: e.importance,
+    kind: e.kind,
+    "label-class": e.labelClass,
+    "leading-class": e.leadingClass,
+    "trailing-class": e.trailingClass,
+    loading: e.loading,
+    size: e.size,
+    to: e.to,
+    replace: e.replace,
+    href: e.href,
+    target: e.target,
+    rel: e.rel
+  }, m({
+    default: a(() => [
+      l(t.$slots, "default")
+    ]),
+    _: 2
+  }, [
+    t.$slots.startIcon ? {
+      name: "startIcon",
+      fn: a(() => [
+        l(t.$slots, "startIcon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "0"
+    } : void 0,
+    t.$slots.endIcon ? {
+      name: "endIcon",
+      fn: a(() => [
+        l(t.$slots, "endIcon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "1"
+    } : void 0,
+    t.$slots.icon && !t.$slots.startIcon && !t.$slots.endIcon ? {
+      name: "icon",
+      fn: a(() => [
+        l(t.$slots, "icon", {
+          size: n.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "2"
+    } : void 0,
+    t.$slots.leading ? {
+      name: "leading",
+      fn: a(() => [
+        l(t.$slots, "leading")
+      ]),
+      key: "3"
+    } : void 0,
+    t.$slots.trailing ? {
+      name: "trailing",
+      fn: a(() => [
+        l(t.$slots, "trailing")
+      ]),
+      key: "4"
+    } : void 0
+  ]), 1032, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "leading-class", "trailing-class", "loading", "size", "to", "replace", "href", "target", "rel"])), [
+    [o, i.tooltipConfig]
+  ]);
+}
+const z = /* @__PURE__ */ y(C, [["render", I]]);
+export {
+  z as default
+};
+//# sourceMappingURL=split-button-start.js.map

package/dist/lib/split-button/split-button-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-start.js","sources":["../../../components/split_button/split_button-start.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\n    data-qa=\"dt-split-button-start\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :assertive-on-focus=\"assertiveOnFocus\"\n    :class=\"`d-split-btn__start d-split-btn__start--${size}`\"\n    :disabled=\"disabled\"\n    :icon-position=\"iconPosition\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    :loading=\"loading\"\n    :size=\"size\"\n    :to=\"to\"\n    :replace=\"replace\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel\"\n  >\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon\n    >\n      <slot\n        name=\"startIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon\n    >\n      <slot\n        name=\"endIcon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.icon && !$slots.startIcon && !$slots.endIcon\"\n      #icon\n    >\n      <slot\n        name=\"icon\"\n        :size=\"BUTTON_ICON_SIZES[size]\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\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: 'SplitButtonStart',\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     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\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, Number],\n      default: 300,\n    },\n\n    /**\n     * Vue router `to` prop. When set, renders as a `<router-link>`.\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`.\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href. When set, renders as an `<a>` element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the link.\n     */\n    target: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the link.\n     */\n    rel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      BUTTON_ICON_SIZES,\n    };\n  },\n\n  computed: {\n    tooltipConfig () {\n      return {\n        message: this.tooltipText,\n        inverted: this.kind === 'inverted',\n      };\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_renderSlot","_ctx","$data","$options"],"mappings":";;;;AAqEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;IAMX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,mBAAAC;AAAA;EAEJ;AAAA,EAEA,UAAU;AAAA,IACR,gBAAiB;AACf,aAAO;AAAA,QACL,SAAS,KAAK;AAAA,QACd,UAAU,KAAK,SAAS;AAAA;IAE5B;AAAA;AAEJ;;;iBA7OEC,EA8DYC,GAAA;AAAA,IA5DV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,mDAAiDA,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,iBAAeA,EAAA;AAAA,IACf,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,eAAaA,EAAA;AAAA,IACb,iBAAeA,EAAA;AAAA,IACf,kBAAgBA,EAAA;AAAA,IAChB,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA,IACN,IAAIA,EAAA;AAAA,IACJ,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA,IACN,QAAQA,EAAA;AAAA,IACR,KAAKA,EAAA;AAAA;eAyCN,MAAuB;AAAA,MAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;IAtCfA,EAAA,OAAO;YACZ;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,aAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO;YACZ;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,WAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO,QAAI,CAAKA,EAAA,OAAO,aAAS,CAAKA,EAAA,OAAO;YACjD;AAAA,YAED,MAGE;AAAA,QAHFD,EAGEC,EAAA,QAAA,QAAA;AAAA,UADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;;;IAIzBE,EAAA,OAAO;YACZ;AAAA,YAED,MAAuB;AAAA,QAAvBD,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;IAGjBA,EAAA,OAAO;YACZ;AAAA,YAED,MAAwB;AAAA,QAAxBD,EAAwBC,EAAA,QAAA,UAAA;AAAA;;;;QA1DZE,EAAA,aAAa;AAAA;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-alpha.cjs"),m=require("./split-button-omega.cjs"),l=require("../../common/utils/index.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),i=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const b={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonOmega:m.default,DtDropdown:g.default,SplitButtonAlpha:h.default},inheritAttrs:!1,props:{alphaActive:{type:Boolean,default:!1},alphaAriaLabel:{type:String,default:null},alphaIconPosition:{type:String,default:"left",validator:e=>Object.keys(i.ICON_POSITION_MODIFIERS).includes(e)},alphaLabelClass:{type:[String,Array,Object],default:""},alphaDisabled:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:!1},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(i.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(i.BUTTON_KIND_MODIFIERS).includes(e)},omegaActive:{type:Boolean,default:!1},omegaAriaLabel:{type:String,default:null},omegaDisabled:{type:Boolean,default:!1},omegaId:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:String,default:"md",validator:e=>Object.keys(i.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""}},emits:["alpha-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{alphaButtonProps(){return{active:this.alphaActive,ariaLabel:this.alphaAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||this.alphaDisabled,iconPosition:this.alphaIconPosition,labelClass:this.alphaLabelClass,loading:this.alphaLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText,class:this.$attrs.class,style:this.$attrs.style}},omegaButtonProps(){return{id:this.omegaId,active:this.omegaActive,ariaLabel:this.omegaAriaLabel,disabled:this.disabled||this.omegaDisabled,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){l.warnIfUnmounted(l.returnFirstEl(this.$el),this.$options.name)},methods:{validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){l.hasSlotContent(this.$slots.default)||l.hasSlotContent(this.$slots.alphaIcon)&&!this.alphaTooltipText&&console.warn("alpha-tooltip-text prop must be set if alpha button has an icon only")},validateOmegaButtonProps(){l.hasSlotContent(this.$slots.omega)||this.omegaTooltipText||console.warn("omega-tooltip-text prop is required as it is an icon-only button")}}};function y(e,a,s,B,n,r){const u=t.resolveComponent("split-button-alpha"),p=t.resolveComponent("split-button-omega"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([s.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:s.width})},[t.createVNode(u,t.mergeProps(r.alphaButtonProps,{ref:"alphaButton",onClick:a[0]||(a[0]=o=>e.$emit("alpha-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"alphaIcon",{size:o})]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16),t.renderSlot(e.$slots,"omega",{},()=>[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:s.dropdownPlacement,onClick:a[2]||(a[2]=o=>n.isDropdownOpen=!0),onOpened:a[3]||(a[3]=o=>n.isDropdownOpen=o)},{anchor:t.withCtx(o=>[t.createVNode(p,t.mergeProps({...o,...r.omegaButtonProps},{active:n.isDropdownOpen,onClick:a[1]||(a[1]=d=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:d})=>[t.renderSlot(e.$slots,"omegaIcon",{size:d})]),_:3},16,["active"])]),list:t.withCtx(({close:o})=>[t.renderSlot(e.$slots,"dropdownList",{close:o})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(p,t.mergeProps({key:1},r.omegaButtonProps,{onClick:a[4]||(a[4]=o=>e.$emit("omega-clicked"))}),{icon:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"omegaIcon",{size:o})]),_:3},16))])],6)}const S=f._(b,[["render",y]]);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./split-button-start.cjs"),f=require("./split-button-end.cjs"),s=require("../../common/utils/index.cjs"),t=require("vue"),y=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),l=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const m={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonEnd:f.default,DtDropdown:g.default,SplitButtonStart:h.default},inheritAttrs:!1,props:{startActive:{type:Boolean,default:!1},alphaActive:{type:Boolean,default:null},startAriaLabel:{type:String,default:null},alphaAriaLabel:{type:String,default:void 0},startIconPosition:{type:String,default:"left",validator:e=>Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},startLabelClass:{type:[String,Array,Object],default:""},startLeadingClass:{type:[String,Array,Object],default:""},alphaLeadingClass:{type:[String,Array,Object],default:void 0},startTrailingClass:{type:[String,Array,Object],default:""},alphaTrailingClass:{type:[String,Array,Object],default:void 0},alphaLabelClass:{type:[String,Array,Object],default:void 0},startDisabled:{type:Boolean,default:!1},alphaDisabled:{type:Boolean,default:null},startLoading:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:null},startTooltipText:{type:String,default:void 0},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(l.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(l.BUTTON_KIND_MODIFIERS).includes(e)},endActive:{type:Boolean,default:!1},omegaActive:{type:Boolean,default:null},endAriaLabel:{type:String,default:null},omegaAriaLabel:{type:String,default:void 0},endDisabled:{type:Boolean,default:!1},omegaDisabled:{type:Boolean,default:null},endId:{type:String,default:void 0},omegaId:{type:String,default:void 0},endTooltipText:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:[String,Number],default:300,validator:e=>Object.keys(l.BUTTON_SIZE_MODIFIERS).includes(String(e))},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""},startTo:{type:[String,Object],default:null},startReplace:{type:Boolean,default:!1},startHref:{type:String,default:null},startTarget:{type:String,default:null},startRel:{type:String,default:null}},emits:["start-clicked","alpha-clicked","end-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{startButtonProps(){return{active:this.alphaActive??this.startActive,ariaLabel:this.alphaAriaLabel??this.startAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||(this.alphaDisabled??this.startDisabled),iconPosition:this.alphaIconPosition??this.startIconPosition,labelClass:this.alphaLabelClass??this.startLabelClass,leadingClass:this.alphaLeadingClass??this.startLeadingClass,trailingClass:this.alphaTrailingClass??this.startTrailingClass,loading:this.alphaLoading??this.startLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText??this.startTooltipText,to:this.startTo,replace:this.startReplace,href:this.startHref,target:this.startTarget,rel:this.startRel,class:this.$attrs.class,style:this.$attrs.style}},endButtonProps(){return{id:this.omegaId??this.endId,active:this.omegaActive??this.endActive,ariaLabel:this.omegaAriaLabel??this.endAriaLabel,disabled:this.disabled||(this.omegaDisabled??this.endDisabled),importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText??this.endTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){s.warnIfUnmounted(s.returnFirstEl(this.$el),this.$options.name)},methods:{onStartClick(){this.$emit("start-clicked"),this.$emit("alpha-clicked")},onEndClick(){this.$emit("end-clicked"),this.$emit("omega-clicked")},validateProps(){this.validateStartButtonProps(),this.validateEndButtonProps()},validateStartButtonProps(){s.hasSlotContent(this.$slots.default)||(s.hasSlotContent(this.$slots.startIcon)||s.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn("start-tooltip-text prop must be set if start button has an icon only")},validateEndButtonProps(){s.hasSlotContent(this.$slots.end)||s.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn("end-tooltip-text prop is required as it is an icon-only button")}}};function S(e,i,o,k,r,n){const u=t.resolveComponent("split-button-start"),d=t.resolveComponent("split-button-end"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([o.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:o.width})},[t.createVNode(u,t.mergeProps(n.startButtonProps,{ref:"startButton",onClick:n.onStartClick}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.startEndIcon?{name:"startIcon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"0"}:void 0,e.$slots.startEndIcon?{name:"endIcon",fn:t.withCtx(({size:a})=>[t.renderSlot(e.$slots,"startEndIcon",{size:a})]),key:"1"}:void 0,e.$slots.startEndIcon?void 0:{name:"icon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"2"},e.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"leading")]),key:"3"}:void 0,e.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"trailing")]),key:"4"}:void 0]),1040,["onClick"]),e.$slots.end?t.renderSlot(e.$slots,"end",{key:0}):e.$slots.omega?t.renderSlot(e.$slots,"omega",{key:1}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:o.dropdownPlacement,onClick:i[0]||(i[0]=a=>r.isDropdownOpen=!0),onOpened:i[1]||(i[1]=a=>r.isDropdownOpen=a)},{anchor:t.withCtx(a=>[t.createVNode(d,t.mergeProps({...a,...n.endButtonProps},{active:r.isDropdownOpen,onClick:n.onEndClick}),{icon:t.withCtx(({size:p})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:p}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:p})]),_:3},16,["active","onClick"])]),list:t.withCtx(({close:a})=>[t.renderSlot(e.$slots,"dropdownList",{close:a})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(d,t.mergeProps({key:1},n.endButtonProps,{onClick:n.onEndClick}),{icon:t.withCtx(({size:a})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:a}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:a})]),_:3},16,["onClick"]))],64))],6)}const b=y._(m,[["render",S]]);exports.default=b;
 //# sourceMappingURL=split-button.cjs.map