@dialpad/dialtone-vue 3.209.0 → 3.210.0-next.2

package/dist/lib/root-layout/root-layout-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O={LEFT:"left",RIGHT:"right"},t=["sm","md","lg",null],_={ROOT_LAYOUT_SIDEBAR_POSITIONS:O,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=O;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O={START:"start",END:"end",LEFT:"left",RIGHT:"right"},t=["sm","md","lg",null],T={ROOT_LAYOUT_SIDEBAR_POSITIONS:O,ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS:t};exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=t;exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=O;exports.default=T;
 //# sourceMappingURL=root-layout-constants.cjs.map

package/dist/lib/root-layout/root-layout-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.cjs","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"4GAAY,MAACA,EAAgC,CAC3C,KAAM,OACN,MAAO,OACT,EAEaC,EAAqC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzEC,EAAe,CACb,8BAAAF,EACA,mCAAAC,CACF"}
+{"version":3,"file":"root-layout-constants.cjs","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"4GAAY,MAACA,EAAgC,CAC3C,MAAO,QACP,IAAK,MACL,KAAM,OACN,MAAO,OACT,EAEaC,EAAqC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzEC,EAAe,CACb,8BAAAF,EACA,mCAAAC,CACF"}

package/dist/lib/root-layout/root-layout-constants.js

@@ -1,13 +1,15 @@
 const t = {
+  START: "start",
+  END: "end",
   LEFT: "left",
   RIGHT: "right"
-}, O = ["sm", "md", "lg", null], o = {
+}, O = ["sm", "md", "lg", null], T = {
   ROOT_LAYOUT_SIDEBAR_POSITIONS: t,
   ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS: O
 };
 export {
   O as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
   t as ROOT_LAYOUT_SIDEBAR_POSITIONS,
-  o as default
+  T as default
 };
 //# sourceMappingURL=root-layout-constants.js.map

package/dist/lib/root-layout/root-layout-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout-constants.js","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"AAAY,MAACA,IAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAqC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzEC,IAAe;AAAA,EACb,+BAAAF;AAAA,EACA,oCAAAC;AACF;"}
+{"version":3,"file":"root-layout-constants.js","sources":["../../../components/root_layout/root_layout_constants.js"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  START: 'start',\n  END: 'end',\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","root_layout_constants"],"mappings":"AAAY,MAACA,IAAgC;AAAA,EAC3C,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAqC,CAAC,MAAM,MAAM,MAAM,IAAI,GAEzEC,IAAe;AAAA,EACb,+BAAAF;AAAA,EACA,oCAAAC;AACF;"}

package/dist/lib/root-layout/root-layout.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./root-layout-constants.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"left",validator:t=>Object.values(a.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(t)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:t=>a.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(t)}},computed:{isInverted(){return this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:"d-root-layout__responsive--default"}}};function d(t,i,o,u,y,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["root-layout","d-root-layout",{"d-root-layout--fixed":o.fixed,"d-root-layout--inverted":r.isInverted},r.responsiveBreakpointClass]),"data-qa":"dt-root-layout"},[e.createElementVNode("header",{class:e.normalizeClass(["d-root-layout__header",{"d-root-layout__header--sticky":o.headerSticky},o.headerClass]),"data-qa":"dt-root-layout-header"},[e.renderSlot(t.$slots,"header")],2),e.createElementVNode("aside",{ref:"root-layout-sidebar",tabindex:"0",class:e.normalizeClass(["d-root-layout__sidebar",o.sidebarClass]),"data-qa":"dt-root-layout-sidebar"},[e.renderSlot(t.$slots,"sidebar")],2),e.createElementVNode("main",{ref:"root-layout-content",class:e.normalizeClass(["d-root-layout__content",o.contentClass]),"data-qa":"dt-root-layout-content",tabindex:"0"},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("footer",{class:e.normalizeClass(["d-root-layout__footer",o.footerClass]),"data-qa":"dt-root-layout-footer"},[e.renderSlot(t.$slots,"footer")],2)],2)}const n=s._(l,[["render",d]]);exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./root-layout-constants.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l={compatConfig:{MODE:3},name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:""},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"start",validator:t=>Object.values(a.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(t)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:t=>a.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(t)}},computed:{isInverted(){return this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.END||this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:"d-root-layout__responsive--default"}}};function d(t,i,o,u,y,r){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["root-layout","d-root-layout",{"d-root-layout--fixed":o.fixed,"d-root-layout--inverted":r.isInverted},r.responsiveBreakpointClass]),"data-qa":"dt-root-layout"},[e.createElementVNode("header",{class:e.normalizeClass(["d-root-layout__header",{"d-root-layout__header--sticky":o.headerSticky},o.headerClass]),"data-qa":"dt-root-layout-header"},[e.renderSlot(t.$slots,"header")],2),e.createElementVNode("aside",{ref:"root-layout-sidebar",tabindex:"0",class:e.normalizeClass(["d-root-layout__sidebar",o.sidebarClass]),"data-qa":"dt-root-layout-sidebar"},[e.renderSlot(t.$slots,"sidebar")],2),e.createElementVNode("main",{ref:"root-layout-content",class:e.normalizeClass(["d-root-layout__content",o.contentClass]),"data-qa":"dt-root-layout-content",tabindex:"0"},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("footer",{class:e.normalizeClass(["d-root-layout__footer",o.footerClass]),"data-qa":"dt-root-layout-footer"},[e.renderSlot(t.$slots,"footer")],2)],2)}const n=s._(l,[["render",d]]);exports.default=n;
 //# sourceMappingURL=root-layout.cjs.map

package/dist/lib/root-layout/root-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.cjs","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":"sOAwDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,aAAc,CACZ,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,SAQX,gBAAiB,CACf,KAAM,OACN,QAAS,OACT,UAAYC,GAAM,OAAO,OAAOC,+BAA6B,EAAE,SAASD,CAAC,GAM3E,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAYE,GAAOC,qCAAmC,SAASD,CAAE,IAIrE,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoBD,EAAAA,8BAA8B,KAChE,EAEA,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,oBAAoB,GACvD,oCACN,EAEJ,+CAhLEG,EAAAA,mBA8CM,MAAA,CA7CH,MAAKC,EAAAA,eAAA,uDAAwFC,EAAA,gCAA0CC,EAAA,YAA2BA,EAAA,4BASnK,UAAQ,mBAERC,EAAAA,mBAOS,SAAA,CANN,MAAKH,EAAAA,eAAA,CAAA,wBAAA,CAAA,gCAA+DC,EAAA,YAAY,EAAIA,EAAA,WAAW,CAAA,EAChG,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA,MAExBF,EAAAA,mBAQQ,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,2BAGRG,aAAuBC,EAAA,OAAA,SAAA,MAEzBF,EAAAA,mBAQO,OAAA,CAPL,IAAI,sBACH,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,yBACR,SAAS,MAGTG,aAAQC,EAAA,OAAA,SAAA,MAEVF,EAAAA,mBAOS,SAAA,CANN,gDAAiCF,EAAA,WAAW,CAAA,EAC7C,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA"}
+{"version":3,"file":"root-layout.cjs","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":"sOAwDKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eAEN,MAAO,CAML,MAAO,CACL,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,aAAc,CACZ,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,SAOX,gBAAiB,CACf,KAAM,OACN,QAAS,QACT,UAAYC,GAAM,OAAO,OAAOC,+BAA6B,EAAE,SAASD,CAAC,GAM3E,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,QAOX,qBAAsB,CACpB,KAAM,OACN,QAAS,KACT,UAAYE,GAAOC,qCAAmC,SAASD,CAAE,IAIrE,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,kBAAoBD,EAAAA,8BAA8B,KAC5D,KAAK,kBAAoBA,EAAAA,8BAA8B,KAC3D,EAEA,2BAA6B,CAC3B,OAAO,KAAK,qBACR,8BAA8B,KAAK,oBAAoB,GACvD,oCACN,EAEJ,+CAhLEG,EAAAA,mBA8CM,MAAA,CA7CH,MAAKC,EAAAA,eAAA,uDAAwFC,EAAA,gCAA0CC,EAAA,YAA2BA,EAAA,4BASnK,UAAQ,mBAERC,EAAAA,mBAOS,SAAA,CANN,MAAKH,EAAAA,eAAA,CAAA,wBAAA,CAAA,gCAA+DC,EAAA,YAAY,EAAIA,EAAA,WAAW,CAAA,EAChG,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA,MAExBF,EAAAA,mBAQQ,QAAA,CAPN,IAAI,sBACJ,SAAS,IACR,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,2BAGRG,aAAuBC,EAAA,OAAA,SAAA,MAEzBF,EAAAA,mBAQO,OAAA,CAPL,IAAI,sBACH,iDAAkCF,EAAA,YAAY,CAAA,EAC/C,UAAQ,yBACR,SAAS,MAGTG,aAAQC,EAAA,OAAA,SAAA,MAEVF,EAAAA,mBAOS,SAAA,CANN,gDAAiCF,EAAA,WAAW,CAAA,EAC7C,UAAQ,0BAIRG,aAAsBC,EAAA,OAAA,QAAA"}

package/dist/lib/root-layout/root-layout.js

@@ -1,4 +1,4 @@
-import { ROOT_LAYOUT_SIDEBAR_POSITIONS as d, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as l } from "./root-layout-constants.js";
+import { ROOT_LAYOUT_SIDEBAR_POSITIONS as s, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as l } from "./root-layout-constants.js";
 import { openBlock as i, createElementBlock as n, normalizeClass as o, createElementVNode as a, renderSlot as r } from "vue";
 import { _ as u } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const y = {
@@ -65,14 +65,13 @@ const y = {
       default: "256px"
     },
     /**
-     * Whether the sidebar is on the left or right side
-     * Possible options: 'left', 'right'
-     * @values left, right
+     * Whether the sidebar is on the start or end side
+     * @values start, end, left, right
      */
     sidebarPosition: {
       type: String,
-      default: "left",
-      validator: (t) => Object.values(d).includes(t)
+      default: "start",
+      validator: (t) => Object.values(s).includes(t)
     },
     /**
      * Additional class name for the footer element
@@ -100,23 +99,23 @@ const y = {
   },
   computed: {
     isInverted() {
-      return this.sidebarPosition === d.RIGHT;
+      return this.sidebarPosition === s.END || this.sidebarPosition === s.RIGHT;
     },
     responsiveBreakpointClass() {
       return this.responsiveBreakpoint ? `d-root-layout__responsive--${this.responsiveBreakpoint}` : "d-root-layout__responsive--default";
     }
   }
 };
-function f(t, c, e, p, _, s) {
+function f(t, c, e, p, _, d) {
   return i(), n("div", {
     class: o([
       "root-layout",
       "d-root-layout",
       {
         "d-root-layout--fixed": e.fixed,
-        "d-root-layout--inverted": s.isInverted
+        "d-root-layout--inverted": d.isInverted
       },
-      s.responsiveBreakpointClass
+      d.responsiveBreakpointClass
     ]),
     "data-qa": "dt-root-layout"
   }, [

package/dist/lib/root-layout/root-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.js","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;AAwDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,OAAOC,CAA6B,EAAE,SAASD,CAAC;AAAA;;;;IAM3E,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAOC,EAAmC,SAASD,CAAE;AAAA;;EAIrE,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,oBAAoBD,EAA8B;AAAA,IAChE;AAAA,IAEA,4BAA6B;AAC3B,aAAO,KAAK,uBACR,8BAA8B,KAAK,oBAAoB,KACvD;AAAA,IACN;AAAA;AAEJ;;cAhLEG,EA8CM,OAAA;AAAA,IA7CH,OAAKC,EAAA;AAAA;;;gCAAwFC,EAAA;AAAA,mCAA0CC,EAAA;AAAA;MAA2BA,EAAA;AAAA;IASnK,WAAQ;AAAA;IAERC,EAOS,UAAA;AAAA,MANN,OAAKH,EAAA,CAAA,yBAAA,EAAA,iCAA+DC,EAAA,aAAY,GAAIA,EAAA,WAAW,CAAA;AAAA,MAChG,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;IAExBF,EAQQ,SAAA;AAAA,MAPN,KAAI;AAAA,MACJ,UAAS;AAAA,MACR,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA;MAGRG,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAEzBF,EAQO,QAAA;AAAA,MAPL,KAAI;AAAA,MACH,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA,MACR,UAAS;AAAA;MAGTG,EAAQC,EAAA,QAAA,SAAA;AAAA;IAEVF,EAOS,UAAA;AAAA,MANN,mCAAiCF,EAAA,WAAW,CAAA;AAAA,MAC7C,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;;"}
+{"version":3,"file":"root-layout.js","sources":["../../../components/root_layout/root_layout.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n      },\n      responsiveBreakpointClass,\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the start or end side\n     * @values start, end, left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'start',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.END ||\n        this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n\n    responsiveBreakpointClass () {\n      return this.responsiveBreakpoint\n        ? `d-root-layout__responsive--${this.responsiveBreakpoint}`\n        : 'd-root-layout__responsive--default';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ROOT_LAYOUT_SIDEBAR_POSITIONS","bp","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_createElementBlock","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;AAwDA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,OAAOC,CAA6B,EAAE,SAASD,CAAC;AAAA;;;;IAM3E,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACE,MAAOC,EAAmC,SAASD,CAAE;AAAA;;EAIrE,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,oBAAoBD,EAA8B,OAC5D,KAAK,oBAAoBA,EAA8B;AAAA,IAC3D;AAAA,IAEA,4BAA6B;AAC3B,aAAO,KAAK,uBACR,8BAA8B,KAAK,oBAAoB,KACvD;AAAA,IACN;AAAA;AAEJ;;cAhLEG,EA8CM,OAAA;AAAA,IA7CH,OAAKC,EAAA;AAAA;;;gCAAwFC,EAAA;AAAA,mCAA0CC,EAAA;AAAA;MAA2BA,EAAA;AAAA;IASnK,WAAQ;AAAA;IAERC,EAOS,UAAA;AAAA,MANN,OAAKH,EAAA,CAAA,yBAAA,EAAA,iCAA+DC,EAAA,aAAY,GAAIA,EAAA,WAAW,CAAA;AAAA,MAChG,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;IAExBF,EAQQ,SAAA;AAAA,MAPN,KAAI;AAAA,MACJ,UAAS;AAAA,MACR,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA;MAGRG,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAEzBF,EAQO,QAAA;AAAA,MAPL,KAAI;AAAA,MACH,oCAAkCF,EAAA,YAAY,CAAA;AAAA,MAC/C,WAAQ;AAAA,MACR,UAAS;AAAA;MAGTG,EAAQC,EAAA,QAAA,SAAA;AAAA;IAEVF,EAOS,UAAA;AAAA,MANN,mCAAiCF,EAAA,WAAW,CAAA;AAAA,MAC7C,WAAQ;AAAA;MAIRG,EAAsBC,EAAA,QAAA,QAAA;AAAA;;;;"}

package/dist/lib/settings-menu-button/settings-menu-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs","icon-position":"right",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../button/button.cjs"),i=require("@dialpad/dialtone-icons/vue3"),e=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeSettingsMenuButton",components:{DtButton:a.default,DtIconMoreVertical:i.DtIconMoreVertical},inheritAttrs:!1,props:{updateAvailable:{type:Boolean,default:!1},ariaLabel:{type:String,required:!0}}};function s(t,d,o,p,_,b){const n=e.resolveComponent("dt-icon-more-vertical"),r=e.resolveComponent("dt-button");return o.updateAvailable?(e.openBlock(),e.createBlock(r,e.mergeProps({key:0,importance:"outlined",size:"xs",class:"d-recipe-settings-menu-button-update","aria-label":o.ariaLabel},t.$attrs),{endIcon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["aria-label"])):(e.openBlock(),e.createBlock(r,e.mergeProps({key:1,importance:"clear",kind:"inverted",class:"d-recipe-settings-menu-button","aria-label":o.ariaLabel},t.$attrs),{icon:e.withCtx(()=>[e.createVNode(n,{size:"300"})]),_:1},16,["aria-label"]))}const u=l._(c,[["render",s]]);exports.default=u;
 //# sourceMappingURL=settings-menu-button.cjs.map

package/dist/lib/settings-menu-button/settings-menu-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"yQAwCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,uHArEUC,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,YAeYC,EAfZC,aAeY,OAbV,WAAW,WACX,KAAK,KACL,gBAAc,QACd,MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"settings-menu-button.cjs","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #endIcon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":"yQAuCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BAEN,WAAY,CACV,SAAAC,EAAAA,QACA,mBAAAC,EAAAA,oBAGF,aAAc,GAEd,MAAO,CAML,gBAAiB,CACf,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,SAAU,IAIhB,uHApEUC,EAAA,iBADRC,EAAAA,YAAAC,EAAAA,YAcYC,EAdZC,aAcY,OAZV,WAAW,WACX,KAAK,KACL,MAAM,uCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAGH,kBACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,sBAHd,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA,8BAOVJ,EAAAA,YAAAC,EAAAA,YAaYC,EAbZC,aAaY,OAXV,WAAW,QACX,KAAK,WACL,MAAM,gCACL,aAAYJ,EAAA,WACLK,EAAA,MAAM,EAAA,CAEH,eACT,IAEE,CAFFC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}

package/dist/lib/settings-menu-button/settings-menu-button.js

@@ -1,13 +1,13 @@
-import p from "../button/button.js";
-import { DtIconMoreVertical as u } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as o, renderSlot as m, createVNode as c } from "vue";
-import { _ as d } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import u from "../button/button.js";
+import { DtIconMoreVertical as d } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as r, openBlock as i, createBlock as s, mergeProps as l, withCtx as a, renderSlot as m, createVNode as c } from "vue";
+import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const _ = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeSettingsMenuButton",
   components: {
-    DtButton: p,
-    DtIconMoreVertical: u
+    DtButton: u,
+    DtIconMoreVertical: d
   },
   inheritAttrs: !1,
   props: {
@@ -30,19 +30,18 @@ const _ = {
   }
 };
 function f(e, b, t, g, v, k) {
-  const a = r("dt-icon-more-vertical"), n = r("dt-button");
+  const o = r("dt-icon-more-vertical"), n = r("dt-button");
   return t.updateAvailable ? (i(), s(n, l({
     key: 0,
     importance: "outlined",
     size: "xs",
-    "icon-position": "right",
     class: "d-recipe-settings-menu-button-update",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    endIcon: a(() => [
+      c(o, { size: "300" })
     ]),
-    default: o(() => [
+    default: a(() => [
       m(e.$slots, "default")
     ]),
     _: 3
@@ -53,14 +52,14 @@ function f(e, b, t, g, v, k) {
     class: "d-recipe-settings-menu-button",
     "aria-label": t.ariaLabel
   }, e.$attrs), {
-    icon: o(() => [
-      c(a, { size: "300" })
+    icon: a(() => [
+      c(o, { size: "300" })
     ]),
     _: 1
   }, 16, ["aria-label"]));
 }
-const $ = /* @__PURE__ */ d(_, [["render", f]]);
+const h = /* @__PURE__ */ p(_, [["render", f]]);
 export {
-  $ as default
+  h as default
 };
 //# sourceMappingURL=settings-menu-button.js.map

package/dist/lib/settings-menu-button/settings-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAwCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SArEUC,EAAA,mBADRC,KAAAC,EAeYC,GAfZC,EAeY;AAAA;IAbV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}
+{"version":3,"file":"settings-menu-button.js","sources":["../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    class=\"d-recipe-settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #endIcon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"d-recipe-settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon-more-vertical\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\n/*\n * TODO (Dialtone 10): Localize this component as it'd be a breaking change localizing right now.\n */\nimport DtButton from '@/components/button/button.vue';\nimport { DtIconMoreVertical } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIconMoreVertical,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconMoreVertical","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon_more_vertical","_renderSlot"],"mappings":";;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;AAIhB;;;SApEUC,EAAA,mBADRC,KAAAC,EAcYC,GAdZC,EAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAGH,WACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;eAHd,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,SAAA;AAAA;;6BAOVJ,KAAAC,EAaYC,GAbZC,EAaY;AAAA;IAXV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAA;AAAA,KACLK,EAAA,MAAM,GAAA;AAAA,IAEH,QACT,MAEE;AAAA,MAFFC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),r=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:d.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:r.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(i,_,t,b,a,l){const n=e.resolveComponent("dt-button"),o=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(n,{"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(i.$slots,"icon",{size:a.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[o,l.tooltipConfig]])}const f=s._(u,[["render",c]]);exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),r=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:d.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:r.BUTTON_ICON_SIZES}},computed:{tooltipConfig(){return{message:this.tooltipText,inverted:this.kind==="inverted"}}}};function c(n,_,t,b,i,o){const l=e.resolveComponent("dt-button"),a=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},e.createSlots({default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.startIcon?{name:"startIcon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"startIcon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"0"}:void 0,n.$slots.endIcon?{name:"endIcon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"endIcon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"1"}:void 0,n.$slots.icon&&!n.$slots.startIcon&&!n.$slots.endIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon",{size:i.BUTTON_ICON_SIZES[t.size]})]),key:"2"}:void 0]),1032,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[a,o.tooltipConfig]])}const f=s._(u,[["render",c]]);exports.default=f;
 //# sourceMappingURL=split-button-alpha.cjs.map

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

@@ -1 +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=\"tooltipConfig\"\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  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":"2QA6BKA,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,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,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,4IA7IEC,EAAAA,YAsBYC,EAAA,CApBV,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,QAASA,EAAA,QACT,KAAMA,EAAA,OAEI,eACT,IAGE,CAHFC,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBH,EAAA,IAAI,wBAGjC,IAAuB,CAAvBC,aAAuBC,EAAA,OAAA,SAAA,oJApBTE,EAAA,aAAa"}
+{"version":3,"file":"split-button-alpha.cjs","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\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\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    <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  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":"2QAkDKA,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,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,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,4IAlKEC,EAAAA,YA2CYC,EAAA,CAzCV,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,QAASA,EAAA,QACT,KAAMA,EAAA,uCA6BP,IAAuB,CAAvBC,aAAuBC,EAAA,OAAA,SAAA,UA1BfA,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,sKAtCnBI,EAAA,aAAa"}

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

@@ -1,8 +1,8 @@
-import { resolveComponent as d, resolveDirective as r, withDirectives as c, openBlock as f, createBlock as u, normalizeClass as p, withCtx as i, renderSlot as a } from "vue";
-import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { resolveComponent as d, resolveDirective as r, withDirectives as c, openBlock as f, createBlock as u, normalizeClass as m, createSlots as p, withCtx as i, renderSlot as n } from "vue";
+import { _ as S } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import _ from "../button/button.js";
 import { BUTTON_ICON_SIZES as b } from "../button/button-constants.js";
-const g = {
+const y = {
   compatConfig: { MODE: 3 },
   name: "SplitButtonAlpha",
   components: {
@@ -102,37 +102,60 @@ const g = {
     }
   }
 };
-function v(e, S, t, y, l, o) {
-  const n = d("dt-button"), s = r("dt-tooltip");
-  return c((f(), u(n, {
+function I(t, g, e, v, a, o) {
+  const l = d("dt-button"), s = r("dt-tooltip");
+  return c((f(), u(l, {
     "data-qa": "dt-split-button-alpha",
-    active: t.active,
-    "aria-label": t.ariaLabel,
-    "assertive-on-focus": t.assertiveOnFocus,
-    class: p(`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: i(() => [
-      a(e.$slots, "icon", {
-        size: l.BUTTON_ICON_SIZES[t.size]
-      })
-    ]),
+    active: e.active,
+    "aria-label": e.ariaLabel,
+    "assertive-on-focus": e.assertiveOnFocus,
+    class: m(`d-split-btn__alpha d-split-btn__alpha--${e.size}`),
+    disabled: e.disabled,
+    "icon-position": e.iconPosition,
+    importance: e.importance,
+    kind: e.kind,
+    "label-class": e.labelClass,
+    loading: e.loading,
+    size: e.size
+  }, p({
     default: i(() => [
-      a(e.$slots, "default")
+      n(t.$slots, "default")
     ]),
-    _: 3
-  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
+    _: 2
+  }, [
+    t.$slots.startIcon ? {
+      name: "startIcon",
+      fn: i(() => [
+        n(t.$slots, "startIcon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "0"
+    } : void 0,
+    t.$slots.endIcon ? {
+      name: "endIcon",
+      fn: i(() => [
+        n(t.$slots, "endIcon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "1"
+    } : void 0,
+    t.$slots.icon && !t.$slots.startIcon && !t.$slots.endIcon ? {
+      name: "icon",
+      fn: i(() => [
+        n(t.$slots, "icon", {
+          size: a.BUTTON_ICON_SIZES[e.size]
+        })
+      ]),
+      key: "2"
+    } : void 0
+  ]), 1032, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
     [s, o.tooltipConfig]
   ]);
 }
-const O = /* @__PURE__ */ m(g, [["render", v]]);
+const h = /* @__PURE__ */ S(y, [["render", I]]);
 export {
-  O as default
+  h as default
 };
 //# sourceMappingURL=split-button-alpha.js.map

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

@@ -1 +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=\"tooltipConfig\"\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  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":";;;;AA6BA,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,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;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;;;iBA7IEC,EAsBYC,GAAA;AAAA,IApBV,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,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;IAEI,QACT,MAGE;AAAA,MAHFC,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAA,kBAAkBH,EAAA,IAAI;AAAA;;eAGjC,MAAuB;AAAA,MAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;QApBTE,EAAA,aAAa;AAAA;;;"}
+{"version":3,"file":"split-button-alpha.js","sources":["../../../components/split_button/split_button-alpha.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-dt-tooltip=\"tooltipConfig\"\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\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    <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  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":";;;;AAkDA,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,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;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;;;iBAlKEC,EA2CYC,GAAA;AAAA,IAzCV,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,SAASA,EAAA;AAAA,IACT,MAAMA,EAAA;AAAA;eA6BP,MAAuB;AAAA,MAAvBC,EAAuBC,EAAA,QAAA,SAAA;AAAA;;;IA1BfA,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;;;;;QAtCnBI,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-alpha.cjs"),f=require("./split-button-omega.cjs"),a=require("../../common/utils/index.cjs"),t=require("vue"),m=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),y=require("../dropdown/dropdown.cjs"),n=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const g={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonOmega:f.default,DtDropdown:y.default,SplitButtonAlpha: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(n.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(n.ICON_POSITION_MODIFIERS).includes(e)},startLabelClass:{type:[String,Array,Object],default:""},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(n.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(n.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,default:"md",validator:e=>Object.keys(n.BUTTON_SIZE_MODIFIERS).includes(e)},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""}},emits:["start-clicked","alpha-clicked","end-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{alphaButtonProps(){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,loading:this.alphaLoading??this.startLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText??this.startTooltipText,class:this.$attrs.class,style:this.$attrs.style}},omegaButtonProps(){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(){a.warnIfUnmounted(a.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.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){a.hasSlotContent(this.$slots.default)||(a.hasSlotContent(this.$slots.startIcon)||a.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn("start-tooltip-text prop must be set if start button has an icon only")},validateOmegaButtonProps(){a.hasSlotContent(this.$slots.end)||a.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn("end-tooltip-text prop is required as it is an icon-only button")}}};function b(e,l,i,S,d,s){const u=t.resolveComponent("split-button-alpha"),r=t.resolveComponent("split-button-omega"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([i.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:i.width})},[t.createVNode(u,t.mergeProps(s.alphaButtonProps,{ref:"alphaButton",onClick:s.onStartClick}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.startEndIcon?{name:"startIcon",fn:t.withCtx(({size:o})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:o}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:o})]),key:"0"}:void 0,e.$slots.startEndIcon?{name:"endIcon",fn:t.withCtx(({size:o})=>[t.renderSlot(e.$slots,"startEndIcon",{size:o})]),key:"1"}:void 0,e.$slots.startEndIcon?void 0:{name:"icon",fn:t.withCtx(({size:o})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:o}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:o})]),key:"2"}]),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:i.dropdownPlacement,onClick:l[0]||(l[0]=o=>d.isDropdownOpen=!0),onOpened:l[1]||(l[1]=o=>d.isDropdownOpen=o)},{anchor:t.withCtx(o=>[t.createVNode(r,t.mergeProps({...o,...s.omegaButtonProps},{active:d.isDropdownOpen,onClick:s.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:o})=>[t.renderSlot(e.$slots,"dropdownList",{close:o})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(r,t.mergeProps({key:1},s.omegaButtonProps,{onClick:s.onEndClick}),{icon:t.withCtx(({size:o})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:o}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:o})]),_:3},16,["onClick"]))],64))],6)}const k=m._(g,[["render",b]]);exports.default=k;
 //# sourceMappingURL=split-button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"split-button.cjs","sources":["../../../components/split_button/split_button.vue"],"sourcesContent":["<template>\n  <span\n    data-qa=\"dt-split-button\"\n    :class=\"[rootClass, 'd-split-btn']\"\n    :style=\"{ width }\"\n  >\n    <split-button-alpha\n      v-bind=\"alphaButtonProps\"\n      ref=\"alphaButton\"\n      @click=\"$emit('alpha-clicked')\"\n    >\n      <template #icon=\"{ size: iconSize }\">\n        <!-- @slot Alpha (left) button icon slot -->\n        <slot\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-alpha>\n    <!-- @slot Omega (right) content slot, overrides omega button styling and functionality completely -->\n    <slot name=\"omega\">\n      <dt-dropdown\n        v-if=\"$slots.dropdownList\"\n        :placement=\"dropdownPlacement\"\n        @click=\"isDropdownOpen = true\"\n        @opened=\"open => isDropdownOpen = open\"\n      >\n        <template #anchor=\"attrs\">\n          <split-button-omega\n            v-bind=\"{ ...attrs, ...omegaButtonProps }\"\n            :active=\"isDropdownOpen\"\n            @click=\"$emit('omega-clicked')\"\n          >\n            <template #icon=\"{ size: iconSize }\">\n              <!-- @slot Omega (right) button icon slot -->\n              <slot\n                name=\"omegaIcon\"\n                :size=\"iconSize\"\n              />\n            </template>\n          </split-button-omega>\n        </template>\n        <template #list=\"{ close }\">\n          <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n          <slot\n            name=\"dropdownList\"\n            :close=\"close\"\n          />\n        </template>\n      </dt-dropdown>\n\n      <split-button-omega\n        v-else\n        v-bind=\"omegaButtonProps\"\n        @click=\"$emit('omega-clicked')\"\n      >\n        <template #icon=\"{ size: iconSize }\">\n          <!-- @slot Omega (right) button icon slot -->\n          <slot\n            name=\"omegaIcon\"\n            :size=\"iconSize\"\n          />\n        </template>\n      </split-button-omega>\n    </slot>\n  </span>\n</template>\n\n<script>\nimport {\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_SIZE_MODIFIERS,\n  ICON_POSITION_MODIFIERS,\n} from '@/components/button';\nimport SplitButtonAlpha from './split_button-alpha.vue';\nimport SplitButtonOmega from './split_button-omega.vue';\nimport { DtDropdown } from '@/components/dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSplitButton',\n\n  components: {\n    SplitButtonOmega,\n    DtDropdown,\n    SplitButtonAlpha,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the alpha button should have active styling\n     * @values true, false\n     */\n    alphaActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the alpha button\n     */\n    alphaAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * The position of the icon slot within the alpha button.\n     * @values left, right, top, bottom\n     */\n    alphaIconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * Used to customize the alpha label container\n     */\n    alphaLabelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * HTML button disabled attribute for alpha button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    alphaDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the alpha button should display a loading animation or not.\n     * @values true, false\n     */\n    alphaLoading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the alpha button,\n     * required if no content is passed to default slot\n     */\n    alphaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute for both buttons.\n     * Use alphaDisabled or omegaDisabled to disable buttons individually.\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    dropdownPlacement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether the omega button should have active styling\n     * @values true, false\n     */\n    omegaActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the omega button\n     */\n    omegaAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute for omega button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    omegaDisabled: {\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    omegaId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the omega button,\n     * required as it is an icon only button\n     */\n    omegaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native alpha button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'alpha-clicked',\n\n    /**\n     * Native omega button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'omega-clicked',\n  ],\n\n  data () {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n\n  computed: {\n    alphaButtonProps () {\n      return {\n        active: this.alphaActive,\n        ariaLabel: this.alphaAriaLabel,\n        assertiveOnFocus: this.assertiveOnFocus,\n        disabled: this.disabled || this.alphaDisabled,\n        iconPosition: this.alphaIconPosition,\n        labelClass: this.alphaLabelClass,\n        loading: this.alphaLoading,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.alphaTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    omegaButtonProps () {\n      return {\n        id: this.omegaId,\n        active: this.omegaActive,\n        ariaLabel: this.omegaAriaLabel,\n        disabled: this.disabled || this.omegaDisabled,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.omegaTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n  },\n\n  created () {\n    this.validateProps();\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  methods: {\n    validateProps () {\n      this.validateAlphaButtonProps();\n      this.validateOmegaButtonProps();\n    },\n\n    validateAlphaButtonProps () {\n      if (hasSlotContent(this.$slots.default)) return;\n\n      if (hasSlotContent(this.$slots.alphaIcon) && !this.alphaTooltipText) {\n        console.warn('alpha-tooltip-text prop must be set if alpha button has an icon only');\n      }\n    },\n\n    validateOmegaButtonProps () {\n      if (hasSlotContent(this.$slots.omega)) return;\n\n      if (!this.omegaTooltipText) {\n        console.warn('omega-tooltip-text prop is required as it is an icon-only button');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SplitButtonOmega","DtDropdown","SplitButtonAlpha","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","s","BUTTON_SIZE_MODIFIERS","warnIfUnmounted","returnFirstEl","hasSlotContent","_createElementBlock","$props","_createVNode","_component_split_button_alpha","_mergeProps","$options","_ctx","_withCtx","iconSize","_renderSlot","_createBlock","_component_dt_dropdown","$data","_cache","open","attrs","_component_split_button_omega","close"],"mappings":"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"}
+{"version":3,"file":"split-button.cjs","sources":["../../../components/split_button/split_button.vue"],"sourcesContent":["<template>\n  <span\n    data-qa=\"dt-split-button\"\n    :class=\"[rootClass, 'd-split-btn']\"\n    :style=\"{ width }\"\n  >\n    <split-button-alpha\n      v-bind=\"alphaButtonProps\"\n      ref=\"alphaButton\"\n      @click=\"onStartClick\"\n    >\n      <!-- Dual-icon path: when startEndIcon is provided, use DtButton's startIcon/endIcon -->\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #startIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <template\n        v-if=\"$slots.startEndIcon\"\n        #endIcon=\"{ size: iconSize }\"\n      >\n        <!-- @slot End-positioned icon within the start button (enables dual icons on the start button) -->\n        <slot\n          name=\"startEndIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- Legacy single-icon path: uses DtButton's icon slot with iconPosition -->\n      <template\n        v-if=\"!$slots.startEndIcon\"\n        #icon=\"{ size: iconSize }\"\n      >\n        <!-- @slot Start (left) button icon slot -->\n        <slot\n          v-if=\"$slots.startIcon\"\n          name=\"startIcon\"\n          :size=\"iconSize\"\n        />\n        <!-- @slot @deprecated Use startIcon -->\n        <slot\n          v-else\n          name=\"alphaIcon\"\n          :size=\"iconSize\"\n        />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-alpha>\n    <!-- @slot End (right) content slot, overrides end button styling and functionality completely -->\n    <template v-if=\"$slots.end\">\n      <slot name=\"end\" />\n    </template>\n    <!-- @slot @deprecated Use end -->\n    <template v-else-if=\"$slots.omega\">\n      <slot name=\"omega\" />\n    </template>\n    <template v-else>\n      <dt-dropdown\n        v-if=\"$slots.dropdownList\"\n        :placement=\"dropdownPlacement\"\n        @click=\"isDropdownOpen = true\"\n        @opened=\"open => isDropdownOpen = open\"\n      >\n        <template #anchor=\"attrs\">\n          <split-button-omega\n            v-bind=\"{ ...attrs, ...omegaButtonProps }\"\n            :active=\"isDropdownOpen\"\n            @click=\"onEndClick\"\n          >\n            <template #icon=\"{ size: iconSize }\">\n              <!-- @slot End (right) button icon slot -->\n              <slot\n                v-if=\"$slots.endIcon\"\n                name=\"endIcon\"\n                :size=\"iconSize\"\n              />\n              <!-- @slot @deprecated Use endIcon -->\n              <slot\n                v-else\n                name=\"omegaIcon\"\n                :size=\"iconSize\"\n              />\n            </template>\n          </split-button-omega>\n        </template>\n        <template #list=\"{ close }\">\n          <!-- @slot Built-in dropdown content slot, use of dt-list-item is highly recommended here. -->\n          <slot\n            name=\"dropdownList\"\n            :close=\"close\"\n          />\n        </template>\n      </dt-dropdown>\n\n      <split-button-omega\n        v-else\n        v-bind=\"omegaButtonProps\"\n        @click=\"onEndClick\"\n      >\n        <template #icon=\"{ size: iconSize }\">\n          <!-- @slot End (right) button icon slot -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"omegaIcon\"\n            :size=\"iconSize\"\n          />\n        </template>\n      </split-button-omega>\n    </template>\n  </span>\n</template>\n\n<script>\nimport {\n  BUTTON_IMPORTANCE_MODIFIERS,\n  BUTTON_KIND_MODIFIERS,\n  BUTTON_SIZE_MODIFIERS,\n  ICON_POSITION_MODIFIERS,\n} from '@/components/button';\nimport SplitButtonAlpha from './split_button-alpha.vue';\nimport SplitButtonOmega from './split_button-omega.vue';\nimport { DtDropdown } from '@/components/dropdown';\nimport { hasSlotContent, warnIfUnmounted, returnFirstEl } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtSplitButton',\n\n  components: {\n    SplitButtonOmega,\n    DtDropdown,\n    SplitButtonAlpha,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the start button should have active styling\n     * @values true, false\n     */\n    startActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startActive\n     * @values true, false\n     */\n    alphaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the start button\n     */\n    startAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use startAriaLabel\n     */\n    alphaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The position of the icon slot within the start button.\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    startIconPosition: {\n      type: String,\n      default: 'left',\n      validator: (position) => Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * @deprecated Use startIconPosition\n     * @values start, end, blockStart, blockEnd, left, right, top, bottom\n     */\n    alphaIconPosition: {\n      type: String,\n      default: undefined,\n      validator: (position) => position === undefined || Object.keys(ICON_POSITION_MODIFIERS).includes(position),\n    },\n\n    /**\n     * Used to customize the start label container\n     */\n    startLabelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startLabelClass\n     */\n    alphaLabelClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for start button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    startDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startDisabled\n     * @values true, false\n     */\n    alphaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Whether the start button should display a loading animation or not.\n     * @values true, false\n     */\n    startLoading: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use startLoading\n     * @values true, false\n     */\n    alphaLoading: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the start button,\n     * required if no content is passed to default slot\n     */\n    startTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use startTooltipText\n     */\n    alphaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether a screenreader reads live updates of\n     * the button content to the user while the button\n     * is in focus.\n     * @values true, false\n     */\n    assertiveOnFocus: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML button disabled attribute for both buttons.\n     * Use startDisabled or endDisabled to disable buttons individually.\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The direction the dropdown displays relative to the anchor.\n     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end\n     */\n    dropdownPlacement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     * @values clear, outlined, primary\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n      validator: (i) => Object.keys(BUTTON_IMPORTANCE_MODIFIERS).includes(i),\n    },\n\n    /**\n     * The color of the button.\n     * @values default, muted, danger, inverted\n     */\n    kind: {\n      type: String,\n      default: 'default',\n      validator: (k) => Object.keys(BUTTON_KIND_MODIFIERS).includes(k),\n    },\n\n    /**\n     * Determines whether the end button should have active styling\n     * @values true, false\n     */\n    endActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endActive\n     * @values true, false\n     */\n    omegaActive: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the end button\n     */\n    endAriaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * @deprecated Use endAriaLabel\n     */\n    omegaAriaLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * HTML button disabled attribute for end button only\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled\" target=\"_blank\">\n     *  (Reference)\n     * </a>\n     * @values true, false\n     */\n    endDisabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * @deprecated Use endDisabled\n     * @values true, false\n     */\n    omegaDisabled: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover.\n     */\n    endId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endId\n     */\n    omegaId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Text shown in tooltip when you hover the end button,\n     * required as it is an icon only button\n     */\n    endTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * @deprecated Use endTooltipText\n     */\n    omegaTooltipText: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * The size of the button.\n     * @values xs, sm, md, lg, xl\n     */\n    size: {\n      type: String,\n      default: 'md',\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Button width, accepts\n     * <a class=\"d-link\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" target=\"_blank\">\n     *   CSS width attribute\n     * </a>\n     * values\n     */\n    width: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Additional class name for the root element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    rootClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native start button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'start-clicked',\n\n    /**\n     * @deprecated Use start-clicked\n     */\n    'alpha-clicked',\n\n    /**\n     * Native end button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'end-clicked',\n\n    /**\n     * @deprecated Use end-clicked\n     */\n    'omega-clicked',\n  ],\n\n  data () {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n\n  computed: {\n    alphaButtonProps () {\n      return {\n        active: this.alphaActive ?? this.startActive,\n        ariaLabel: this.alphaAriaLabel ?? this.startAriaLabel,\n        assertiveOnFocus: this.assertiveOnFocus,\n        disabled: this.disabled || (this.alphaDisabled ?? this.startDisabled),\n        iconPosition: this.alphaIconPosition ?? this.startIconPosition,\n        labelClass: this.alphaLabelClass ?? this.startLabelClass,\n        loading: this.alphaLoading ?? this.startLoading,\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.alphaTooltipText ?? this.startTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    omegaButtonProps () {\n      return {\n        id: this.omegaId ?? this.endId,\n        active: this.omegaActive ?? this.endActive,\n        ariaLabel: this.omegaAriaLabel ?? this.endAriaLabel,\n        disabled: this.disabled || (this.omegaDisabled ?? this.endDisabled),\n        importance: this.importance,\n        kind: this.kind,\n        size: this.size,\n        tooltipText: this.omegaTooltipText ?? this.endTooltipText,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n  },\n\n  created () {\n    this.validateProps();\n  },\n\n  updated () {\n    this.validateProps();\n  },\n\n  mounted () {\n    warnIfUnmounted(returnFirstEl(this.$el), this.$options.name);\n  },\n\n  methods: {\n    onStartClick () {\n      this.$emit('start-clicked');\n      this.$emit('alpha-clicked');\n    },\n\n    onEndClick () {\n      this.$emit('end-clicked');\n      this.$emit('omega-clicked');\n    },\n\n    validateProps () {\n      this.validateAlphaButtonProps();\n      this.validateOmegaButtonProps();\n    },\n\n    validateAlphaButtonProps () {\n      if (hasSlotContent(this.$slots.default)) return;\n\n      if ((hasSlotContent(this.$slots.startIcon) || hasSlotContent(this.$slots.alphaIcon)) &&\n        !(this.alphaTooltipText ?? this.startTooltipText)) {\n        console.warn('start-tooltip-text prop must be set if start button has an icon only');\n      }\n    },\n\n    validateOmegaButtonProps () {\n      if (hasSlotContent(this.$slots.end) || hasSlotContent(this.$slots.omega)) return;\n\n      if (!(this.omegaTooltipText ?? this.endTooltipText)) {\n        console.warn('end-tooltip-text prop is required as it is an icon-only button');\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SplitButtonOmega","DtDropdown","SplitButtonAlpha","position","ICON_POSITION_MODIFIERS","i","BUTTON_IMPORTANCE_MODIFIERS","k","BUTTON_KIND_MODIFIERS","s","BUTTON_SIZE_MODIFIERS","warnIfUnmounted","returnFirstEl","hasSlotContent","_createElementBlock","$props","_createVNode","_component_split_button_alpha","_mergeProps","$options","_renderSlot","_ctx","_withCtx","iconSize","_Fragment","_createBlock","_component_dt_dropdown","$data","_cache","open","attrs","_component_split_button_omega","close","_openBlock"],"mappings":"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"}