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

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

@@ -0,0 +1,107 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { BUTTON_ICON_SIZES as t } from "../button/button-constants.js";
+import n from "../button/button.js";
+import { createBlock as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveComponent as s, resolveDirective as c, withCtx as l, withDirectives as u } from "vue";
+//#region components/split_button/split_button-alpha.vue
+var d = {
+	compatConfig: { MODE: 3 },
+	name: "SplitButtonAlpha",
+	components: { DtButton: n },
+	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: t };
+	},
+	computed: { tooltipConfig() {
+		return {
+			message: this.tooltipText,
+			inverted: this.kind === "inverted"
+		};
+	} }
+};
+function f(e, t, n, d, f, p) {
+	let m = s("dt-button"), h = c("dt-tooltip");
+	return u((a(), r(m, {
+		"data-qa": "dt-split-button-alpha",
+		active: n.active,
+		"aria-label": n.ariaLabel,
+		"assertive-on-focus": n.assertiveOnFocus,
+		class: i(`d-split-btn__alpha d-split-btn__alpha--${n.size}`),
+		disabled: n.disabled,
+		"icon-position": n.iconPosition,
+		importance: n.importance,
+		kind: n.kind,
+		"label-class": n.labelClass,
+		loading: n.loading,
+		size: n.size
+	}, {
+		icon: l(() => [o(e.$slots, "icon", { size: f.BUTTON_ICON_SIZES[n.size] })]),
+		default: l(() => [o(e.$slots, "default")]),
+		_: 3
+	}, 8, [
+		"active",
+		"aria-label",
+		"assertive-on-focus",
+		"class",
+		"disabled",
+		"icon-position",
+		"importance",
+		"kind",
+		"label-class",
+		"loading",
+		"size"
+	])), [[h, p.tooltipConfig]]);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=split-button-alpha.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-alpha.js","names":[],"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"],"mappings":";;;;;AA6BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,UAAA,GACD;CAED,OAAO;EAIL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,kBAAkB;GAChB,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,sBACD;;CAGH,UAAU,EACR,gBAAiB;AACf,SAAO;GACL,SAAS,KAAK;GACd,UAAU,KAAK,SAAS;GACzB;IAEJ;CACF;;;gBA7IC,EAsBY,GAAA;EApBV,WAAQ;EACP,QAAQ,EAAA;EACR,cAAY,EAAA;EACZ,sBAAoB,EAAA;EACpB,OAAK,EAAA,0CAA4C,EAAA,OAAI;EACrD,UAAU,EAAA;EACV,iBAAe,EAAA;EACf,YAAY,EAAA;EACZ,MAAM,EAAA;EACN,eAAa,EAAA;EACb,SAAS,EAAA;EACT,MAAM,EAAA;;EAEI,MAAI,QAIX,CAHF,EAGE,EAAA,QAAA,QAAA,EADC,MAAM,EAAA,kBAAkB,EAAA,OAAA,CAAA,CAAA,CAAA;mBAGN,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;WApBT,EAAA,cAAa,CAAA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"split-button-constants.cjs","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"names":["SPLIT_BUTTON_ICON_SIZES","split_button_constants"],"mappings":"4GAAY,MAACA,EAA0B,CAErC,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MACL,IAAK,MAEL,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,KACN,EAEAC,EAAe,CACb,wBAAAD,CACF"}
+{"version":3,"file":"split-button-constants.cjs","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":"+FAAA,IAAa,EAA0B,CACrC,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAED,EAAe,CACb,0BACD"}

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

@@ -1,21 +1,12 @@
-const t = {
-  // Numeric (preferred)
-  100: "100",
-  200: "100",
-  300: "200",
-  400: "200",
-  500: "300",
-  // T-shirt aliases (deprecated)
-  xs: "100",
-  sm: "100",
-  md: "200",
-  lg: "200",
-  xl: "300"
-}, s = {
-  SPLIT_BUTTON_ICON_SIZES: t
-};
-export {
-  t as SPLIT_BUTTON_ICON_SIZES,
-  s as default
-};
-//# sourceMappingURL=split-button-constants.js.map
+//#region components/split_button/split_button_constants.js
+var e = {
+	xs: "100",
+	sm: "100",
+	md: "200",
+	lg: "200",
+	xl: "300"
+}, t = { SPLIT_BUTTON_ICON_SIZES: e };
+//#endregion
+export { e as SPLIT_BUTTON_ICON_SIZES, t as default };
+
+//# sourceMappingURL=split-button-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"split-button-constants.js","sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  // Numeric (preferred)\n  100: '100',\n  200: '100',\n  300: '200',\n  400: '200',\n  500: '300',\n  // T-shirt aliases (deprecated)\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"names":["SPLIT_BUTTON_ICON_SIZES","split_button_constants"],"mappings":"AAAY,MAACA,IAA0B;AAAA;AAAA,EAErC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEAC,IAAe;AAAA,EACb,yBAAAD;AACF;"}
+{"version":3,"file":"split-button-constants.js","names":[],"sources":["../../../components/split_button/split_button_constants.js"],"sourcesContent":["export const SPLIT_BUTTON_ICON_SIZES = {\n  xs: '100',\n  sm: '100',\n  md: '200',\n  lg: '200',\n  xl: '300',\n};\n\nexport default {\n  SPLIT_BUTTON_ICON_SIZES,\n};\n"],"mappings":";AAAA,IAAa,IAA0B;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe,EACb,4BACD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-omega.cjs","names":[],"sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-omega\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonOmega',\n  components: {\n    DtButton,\n    DtIconChevronDown,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"mappings":"wXA8BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBACN,WAAY,CACV,SAAA,EAAA,QACA,kBAAA,EAAA,kBACD,CAED,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,GAAI,CACF,KAAM,OACN,QAAS,EAAA,iBAAiB,CAC3B,CAKD,WAAY,CACV,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,UACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAKD,YAAa,CACX,KAAM,OACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,wBAAA,EAAA,wBACD,EAEJ,2NAzFa,EAAA,CAnBT,GAAI,EAAA,GAEL,UAAQ,wBACP,OAAQ,EAAA,OACR,aAAY,EAAA,UACZ,OAAA,EAAA,EAAA,gBAAK,0CAA4C,EAAA,OAAI,CACrD,SAAU,EAAA,SACV,WAAY,EAAA,WACZ,KAAM,EAAA,KACN,KAAM,EAAA,OAEI,MAAA,EAAA,EAAA,aAMF,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAHJ,KAAM,EAAA,wBAAwB,EAAA,MAAA,KAG1B,EAAA,EAAA,EAAA,aADyD,EAAA,CAAvC,KAAM,EAAA,wBAAwB,EAAA,MAAA,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kGAfhC,EAAA,YAAW,SAAY,EAAA,OAAI,WAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,86 @@
+import { getUniqueString as e } from "../../common/utils/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import n from "../button/button.js";
+import { SPLIT_BUTTON_ICON_SIZES as r } from "./split-button-constants.js";
+import { createBlock as i, createVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveComponent as l, resolveDirective as u, withCtx as d, withDirectives as f } from "vue";
+import { DtIconChevronDown as p } from "@dialpad/dialtone-icons/vue3";
+//#region components/split_button/split_button-omega.vue
+var m = {
+	compatConfig: { MODE: 3 },
+	name: "SplitButtonOmega",
+	components: {
+		DtButton: n,
+		DtIconChevronDown: p
+	},
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {
+			type: String,
+			default: null
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		id: {
+			type: String,
+			default: e()
+		},
+		importance: {
+			type: String,
+			default: "primary"
+		},
+		kind: {
+			type: String,
+			default: "default"
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		tooltipText: {
+			type: String,
+			default: ""
+		}
+	},
+	data() {
+		return { SPLIT_BUTTON_ICON_SIZES: r };
+	}
+};
+function h(e, t, n, r, p, m) {
+	let h = l("dt-icon-chevron-down"), g = l("dt-button"), _ = u("dt-tooltip");
+	return f((s(), i(g, {
+		id: n.id,
+		"data-qa": "dt-split-button-omega",
+		active: n.active,
+		"aria-label": n.ariaLabel,
+		class: o(`d-split-btn__omega d-split-btn__omega--${n.size}`),
+		disabled: n.disabled,
+		importance: n.importance,
+		kind: n.kind,
+		size: n.size
+	}, {
+		icon: d(() => [c(e.$slots, "icon", { size: p.SPLIT_BUTTON_ICON_SIZES[n.size] }, () => [a(h, { size: p.SPLIT_BUTTON_ICON_SIZES[n.size] }, null, 8, ["size"])])]),
+		_: 3
+	}, 8, [
+		"id",
+		"active",
+		"aria-label",
+		"class",
+		"disabled",
+		"importance",
+		"kind",
+		"size"
+	])), [[_, {
+		message: n.tooltipText,
+		inverted: n.kind === "inverted"
+	}]]);
+}
+var g = /* @__PURE__ */ t(m, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=split-button-omega.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-omega.js","names":[],"sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"id\"\n    v-dt-tooltip=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n    data-qa=\"dt-split-button-omega\"\n    :active=\"active\"\n    :aria-label=\"ariaLabel\"\n    :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n    :disabled=\"disabled\"\n    :importance=\"importance\"\n    :kind=\"kind\"\n    :size=\"size\"\n  >\n    <template #icon>\n      <slot\n        name=\"icon\"\n        :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n      >\n        <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n      </slot>\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'SplitButtonOmega',\n  components: {\n    DtButton,\n    DtIconChevronDown,\n  },\n\n  props: {\n    /**\n     * Determines whether the button should have active styling\n     */\n    active: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the button\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML button disabled attribute\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element ID, useful in case you need to reference the button\n     * as an external anchor for popover\n     */\n    id: {\n      type: String,\n      default: getUniqueString(),\n    },\n\n    /**\n     * The fill and outline of the button associated with its visual importance.\n     */\n    importance: {\n      type: String,\n      default: 'primary',\n    },\n\n    /**\n     * The color of the button.\n     */\n    kind: {\n      type: String,\n      default: 'default',\n    },\n\n    /**\n     * The size of the button.\n     */\n    size: {\n      type: String,\n      default: 'md',\n    },\n\n    /**\n     * Text shown in tooltip when you hover the button\n     */\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  data () {\n    return {\n      SPLIT_BUTTON_ICON_SIZES,\n    };\n  },\n};\n</script>\n"],"mappings":";;;;;;;AA8BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA;EACD;CAED,OAAO;EAIL,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,IAAI;GACF,MAAM;GACN,SAAS,GAAiB;GAC3B;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,4BACD;;CAEJ;;;gBA7GC,EAoBY,GAAA;EAnBT,IAAI,EAAA;EAEL,WAAQ;EACP,QAAQ,EAAA;EACR,cAAY,EAAA;EACZ,OAAK,EAAA,0CAA4C,EAAA,OAAI;EACrD,UAAU,EAAA;EACV,YAAY,EAAA;EACZ,MAAM,EAAA;EACN,MAAM,EAAA;;EAEI,MAAI,QAMN,CALP,EAKO,EAAA,QAAA,QAAA,EAHJ,MAAM,EAAA,wBAAwB,EAAA,OAAA,QAG1B,CADL,EAA8D,GAAA,EAAvC,MAAM,EAAA,wBAAwB,EAAA,OAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;WAfhC,EAAA;EAAW,UAAY,EAAA,SAAI;EAAA,CAAA,CAAA,CAAA"}

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-start.cjs"),f=require("./split-button-end.cjs"),s=require("../../common/utils/index.cjs"),t=require("vue"),y=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../dropdown/dropdown.cjs"),l=require("../button/button-constants.cjs");require("./split-button-constants.cjs");const m={compatConfig:{MODE:3},name:"DtSplitButton",components:{SplitButtonEnd:f.default,DtDropdown:g.default,SplitButtonStart:h.default},inheritAttrs:!1,props:{startActive:{type:Boolean,default:!1},alphaActive:{type:Boolean,default:null},startAriaLabel:{type:String,default:null},alphaAriaLabel:{type:String,default:void 0},startIconPosition:{type:String,default:"left",validator:e=>Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},alphaIconPosition:{type:String,default:void 0,validator:e=>e===void 0||Object.keys(l.ICON_POSITION_MODIFIERS).includes(e)},startLabelClass:{type:[String,Array,Object],default:""},startLeadingClass:{type:[String,Array,Object],default:""},alphaLeadingClass:{type:[String,Array,Object],default:void 0},startTrailingClass:{type:[String,Array,Object],default:""},alphaTrailingClass:{type:[String,Array,Object],default:void 0},alphaLabelClass:{type:[String,Array,Object],default:void 0},startDisabled:{type:Boolean,default:!1},alphaDisabled:{type:Boolean,default:null},startLoading:{type:Boolean,default:!1},alphaLoading:{type:Boolean,default:null},startTooltipText:{type:String,default:void 0},alphaTooltipText:{type:String,default:void 0},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdownPlacement:{type:String,default:"bottom-end"},importance:{type:String,default:"primary",validator:e=>Object.keys(l.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:"default",validator:e=>Object.keys(l.BUTTON_KIND_MODIFIERS).includes(e)},endActive:{type:Boolean,default:!1},omegaActive:{type:Boolean,default:null},endAriaLabel:{type:String,default:null},omegaAriaLabel:{type:String,default:void 0},endDisabled:{type:Boolean,default:!1},omegaDisabled:{type:Boolean,default:null},endId:{type:String,default:void 0},omegaId:{type:String,default:void 0},endTooltipText:{type:String,default:void 0},omegaTooltipText:{type:String,default:void 0},size:{type:[String,Number],default:300,validator:e=>Object.keys(l.BUTTON_SIZE_MODIFIERS).includes(String(e))},width:{type:String,default:null},rootClass:{type:[String,Object,Array],default:""},startTo:{type:[String,Object],default:null},startReplace:{type:Boolean,default:!1},startHref:{type:String,default:null},startTarget:{type:String,default:null},startRel:{type:String,default:null}},emits:["start-clicked","alpha-clicked","end-clicked","omega-clicked"],data(){return{isDropdownOpen:!1}},computed:{startButtonProps(){return{active:this.alphaActive??this.startActive,ariaLabel:this.alphaAriaLabel??this.startAriaLabel,assertiveOnFocus:this.assertiveOnFocus,disabled:this.disabled||(this.alphaDisabled??this.startDisabled),iconPosition:this.alphaIconPosition??this.startIconPosition,labelClass:this.alphaLabelClass??this.startLabelClass,leadingClass:this.alphaLeadingClass??this.startLeadingClass,trailingClass:this.alphaTrailingClass??this.startTrailingClass,loading:this.alphaLoading??this.startLoading,importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.alphaTooltipText??this.startTooltipText,to:this.startTo,replace:this.startReplace,href:this.startHref,target:this.startTarget,rel:this.startRel,class:this.$attrs.class,style:this.$attrs.style}},endButtonProps(){return{id:this.omegaId??this.endId,active:this.omegaActive??this.endActive,ariaLabel:this.omegaAriaLabel??this.endAriaLabel,disabled:this.disabled||(this.omegaDisabled??this.endDisabled),importance:this.importance,kind:this.kind,size:this.size,tooltipText:this.omegaTooltipText??this.endTooltipText,class:this.$attrs.class,style:this.$attrs.style}}},created(){this.validateProps()},updated(){this.validateProps()},mounted(){s.warnIfUnmounted(s.returnFirstEl(this.$el),this.$options.name)},methods:{onStartClick(){this.$emit("start-clicked"),this.$emit("alpha-clicked")},onEndClick(){this.$emit("end-clicked"),this.$emit("omega-clicked")},validateProps(){this.validateStartButtonProps(),this.validateEndButtonProps()},validateStartButtonProps(){s.hasSlotContent(this.$slots.default)||(s.hasSlotContent(this.$slots.startIcon)||s.hasSlotContent(this.$slots.alphaIcon))&&!(this.alphaTooltipText??this.startTooltipText)&&console.warn("start-tooltip-text prop must be set if start button has an icon only")},validateEndButtonProps(){s.hasSlotContent(this.$slots.end)||s.hasSlotContent(this.$slots.omega)||(this.omegaTooltipText??this.endTooltipText)||console.warn("end-tooltip-text prop is required as it is an icon-only button")}}};function S(e,i,o,k,r,n){const u=t.resolveComponent("split-button-start"),d=t.resolveComponent("split-button-end"),c=t.resolveComponent("dt-dropdown");return t.openBlock(),t.createElementBlock("span",{"data-qa":"dt-split-button",class:t.normalizeClass([o.rootClass,"d-split-btn"]),style:t.normalizeStyle({width:o.width})},[t.createVNode(u,t.mergeProps(n.startButtonProps,{ref:"startButton",onClick:n.onStartClick}),t.createSlots({default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:2},[e.$slots.startEndIcon?{name:"startIcon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"0"}:void 0,e.$slots.startEndIcon?{name:"endIcon",fn:t.withCtx(({size:a})=>[t.renderSlot(e.$slots,"startEndIcon",{size:a})]),key:"1"}:void 0,e.$slots.startEndIcon?void 0:{name:"icon",fn:t.withCtx(({size:a})=>[e.$slots.startIcon?t.renderSlot(e.$slots,"startIcon",{key:0,size:a}):t.renderSlot(e.$slots,"alphaIcon",{key:1,size:a})]),key:"2"},e.$slots.leading?{name:"leading",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"leading")]),key:"3"}:void 0,e.$slots.trailing?{name:"trailing",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"trailing")]),key:"4"}:void 0]),1040,["onClick"]),e.$slots.end?t.renderSlot(e.$slots,"end",{key:0}):e.$slots.omega?t.renderSlot(e.$slots,"omega",{key:1}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.$slots.dropdownList?(t.openBlock(),t.createBlock(c,{key:0,placement:o.dropdownPlacement,onClick:i[0]||(i[0]=a=>r.isDropdownOpen=!0),onOpened:i[1]||(i[1]=a=>r.isDropdownOpen=a)},{anchor:t.withCtx(a=>[t.createVNode(d,t.mergeProps({...a,...n.endButtonProps},{active:r.isDropdownOpen,onClick:n.onEndClick}),{icon:t.withCtx(({size:p})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:p}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:p})]),_:3},16,["active","onClick"])]),list:t.withCtx(({close:a})=>[t.renderSlot(e.$slots,"dropdownList",{close:a})]),_:3},8,["placement"])):(t.openBlock(),t.createBlock(d,t.mergeProps({key:1},n.endButtonProps,{onClick:n.onEndClick}),{icon:t.withCtx(({size:a})=>[e.$slots.endIcon?t.renderSlot(e.$slots,"endIcon",{key:0,size:a}):t.renderSlot(e.$slots,"omegaIcon",{key:1,size:a})]),_:3},16,["onClick"]))],64))],6)}const b=y._(m,[["render",S]]);exports.default=b;
-//# sourceMappingURL=split-button.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../button/button-constants.cjs`),r=require(`../dropdown/dropdown.cjs`),i=require(`./split-button-alpha.cjs`),a=require(`./split-button-omega.cjs`);let o=require(`vue`);var s={compatConfig:{MODE:3},name:`DtSplitButton`,components:{SplitButtonOmega:a.default,DtDropdown:r.default,SplitButtonAlpha:i.default},inheritAttrs:!1,props:{alphaActive:{type:Boolean,default:!1},alphaAriaLabel:{type:String,default:null},alphaIconPosition:{type:String,default:`left`,validator:e=>Object.keys(n.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(n.BUTTON_IMPORTANCE_MODIFIERS).includes(e)},kind:{type:String,default:`default`,validator:e=>Object.keys(n.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(n.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(){e.warnIfUnmounted(e.returnFirstEl(this.$el),this.$options.name)},methods:{validateProps(){this.validateAlphaButtonProps(),this.validateOmegaButtonProps()},validateAlphaButtonProps(){e.hasSlotContent(this.$slots.default)||e.hasSlotContent(this.$slots.alphaIcon)&&!this.alphaTooltipText&&console.warn(`alpha-tooltip-text prop must be set if alpha button has an icon only`)},validateOmegaButtonProps(){e.hasSlotContent(this.$slots.omega)||this.omegaTooltipText||console.warn(`omega-tooltip-text prop is required as it is an icon-only button`)}}};function c(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`split-button-alpha`),c=(0,o.resolveComponent)(`split-button-omega`),l=(0,o.resolveComponent)(`dt-dropdown`);return(0,o.openBlock)(),(0,o.createElementBlock)(`span`,{"data-qa":`dt-split-button`,class:(0,o.normalizeClass)([n.rootClass,`d-split-btn`]),style:(0,o.normalizeStyle)({width:n.width})},[(0,o.createVNode)(s,(0,o.mergeProps)(a.alphaButtonProps,{ref:`alphaButton`,onClick:t[0]||(t[0]=t=>e.$emit(`alpha-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`alphaIcon`,{size:t})]),default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`default`)]),_:3},16),(0,o.renderSlot)(e.$slots,`omega`,{},()=>[e.$slots.dropdownList?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,placement:n.dropdownPlacement,onClick:t[2]||(t[2]=e=>i.isDropdownOpen=!0),onOpened:t[3]||(t[3]=e=>i.isDropdownOpen=e)},{anchor:(0,o.withCtx)(n=>[(0,o.createVNode)(c,(0,o.mergeProps)({...n,...a.omegaButtonProps},{active:i.isDropdownOpen,onClick:t[1]||(t[1]=t=>e.$emit(`omega-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`omegaIcon`,{size:t})]),_:3},16,[`active`])]),list:(0,o.withCtx)(({close:t})=>[(0,o.renderSlot)(e.$slots,`dropdownList`,{close:t})]),_:3},8,[`placement`])):((0,o.openBlock)(),(0,o.createBlock)(c,(0,o.mergeProps)({key:1},a.omegaButtonProps,{onClick:t[4]||(t[4]=t=>e.$emit(`omega-clicked`))}),{icon:(0,o.withCtx)(({size:t})=>[(0,o.renderSlot)(e.$slots,`omegaIcon`,{size:t})]),_:3},16))])],6)}var l=t.t(s,[[`render`,c]]);exports.default=l;
+//# 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-start\n      v-bind=\"startButtonProps\"\n      ref=\"startButton\"\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      <template\n        v-if=\"$slots.leading\"\n        #leading\n      >\n        <!-- @slot Leading slot, forwarded to the alpha button's leading slot -->\n        <slot name=\"leading\" />\n      </template>\n      <template\n        v-if=\"$slots.trailing\"\n        #trailing\n      >\n        <!-- @slot Trailing slot, forwarded to the alpha button's trailing slot -->\n        <slot name=\"trailing\" />\n      </template>\n      <!-- @slot Default content slot -->\n      <slot name=\"default\" />\n    </split-button-start>\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-end\n            v-bind=\"{ ...attrs, ...endButtonProps }\"\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-end>\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-end\n        v-else\n        v-bind=\"endButtonProps\"\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-end>\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 SplitButtonStart from './split_button-start.vue';\nimport SplitButtonEnd from './split_button-end.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    SplitButtonEnd,\n    DtDropdown,\n    SplitButtonStart,\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     * Used to customize the start button leading container\n     */\n    startLeadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startLeadingClass\n     */\n    alphaLeadingClass: {\n      type: [String, Array, Object],\n      default: undefined,\n    },\n\n    /**\n     * Used to customize the start button trailing container\n     */\n    startTrailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * @deprecated Use startTrailingClass\n     */\n    alphaTrailingClass: {\n      type: [String, Array, Object],\n      default: undefined,\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\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 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (s) => Object.keys(BUTTON_SIZE_MODIFIERS).includes(String(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     * Vue router `to` prop for the start button.\n     * When set, renders the start button as a `<router-link>`.\n     */\n    startTo: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * Whether to use `router.replace()` instead of `router.push()`\n     * when navigating via `startTo`.\n     * @values true, false\n     */\n    startReplace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * HTML href for the start button.\n     * When set, renders the start button as an `<a>` element.\n     */\n    startHref: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML target attribute for the start button link.\n     * Only applies when `startHref` is set.\n     */\n    startTarget: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * HTML rel attribute for the start button link.\n     * Only applies when `startHref` is set.\n     */\n    startRel: {\n      type: String,\n      default: null,\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    startButtonProps () {\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        leadingClass: this.alphaLeadingClass ?? this.startLeadingClass,\n        trailingClass: this.alphaTrailingClass ?? this.startTrailingClass,\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        to: this.startTo,\n        replace: this.startReplace,\n        href: this.startHref,\n        target: this.startTarget,\n        rel: this.startRel,\n        class: this.$attrs.class,\n        style: this.$attrs.style,\n      };\n    },\n\n    endButtonProps () {\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.validateStartButtonProps();\n      this.validateEndButtonProps();\n    },\n\n    validateStartButtonProps () {\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    validateEndButtonProps () {\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","SplitButtonEnd","DtDropdown","SplitButtonStart","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_start","_mergeProps","$options","_renderSlot","_ctx","_withCtx","iconSize","_Fragment","_createBlock","_component_dt_dropdown","$data","_cache","open","attrs","_component_split_button_end","close","_openBlock"],"mappings":"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"}
+{"version":3,"file":"split-button.cjs","names":[],"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"],"mappings":"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"}