@dialpad/dialtone-vue 3.192.1 → 3.192.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:s.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}}};function c(a,_,t,f,i,b){const l=e.resolveComponent("dt-button"),n=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(l,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(a.$slots,"icon",{size:i.BUTTON_ICON_SIZES[t.size]})]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["active","aria-label","assertive-on-focus","class","disabled","icon-position","importance","kind","label-class","loading","size"])),[[n,t.tooltipText]])}const r=o._(u,[["render",c]]);exports.default=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),s=require("../button/button.cjs"),d=require("../button/button-constants.cjs"),u={compatConfig:{MODE:3},name:"SplitButtonAlpha",components:{DtButton:s.default},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},iconPosition:{type:String,default:"left"},labelClass:{type:[String,Array,Object],default:""},loading:{type:Boolean,default:!1},tooltipText:{type:String,default:""},assertiveOnFocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"}},data(){return{BUTTON_ICON_SIZES:d.BUTTON_ICON_SIZES}}};function r(i,_,t,f,a,b){const l=e.resolveComponent("dt-button"),n=e.resolveDirective("dt-tooltip");return e.withDirectives((e.openBlock(),e.createBlock(l,{"data-qa":"dt-split-button-alpha",active:t.active,"aria-label":t.ariaLabel,"assertive-on-focus":t.assertiveOnFocus,class:e.normalizeClass(`d-split-btn__alpha d-split-btn__alpha--${t.size}`),disabled:t.disabled,"icon-position":t.iconPosition,importance:t.importance,kind:t.kind,"label-class":t.labelClass,loading:t.loading,size:t.size},{icon:e.withCtx(()=>[e.renderSlot(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"])),[[n,{message:t.tooltipText,inverted:t.kind==="inverted"}]])}const c=o._(u,[["render",r]]);exports.default=c;
2
2
  //# sourceMappingURL=split-button-alpha.cjs.map
@@ -1 +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=\"tooltipText\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx"],"mappings":"2QA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,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,CACF,4IApIEC,EAAAA,YAsBYC,EAAA,CApBV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,MAPLC,EAAAA,yDAOsDD,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,CAHFE,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBJ,EAAA,IAAI,MAnBrC,QAAAK,EAAAA,QAsBI,IAAuB,CAAvBH,aAAuBC,EAAA,OAAA,SAAA,IAtB3B,EAAA,8IAEkBH,EAAA,WAAW"}
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=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","_directive_dt_tooltip"],"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,CACF,4IApIEC,EAAAA,YAsBYC,EAAA,CApBV,UAAQ,wBACP,OAAQC,EAAA,OACR,aAAYA,EAAA,UACZ,qBAAoBA,EAAA,iBACpB,MAPLC,EAAAA,yDAOsDD,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,CAHFE,aAGEC,EAAA,OAAA,OAAA,CADC,KAAMC,EAAA,kBAAkBJ,EAAA,IAAI,MAnBrC,QAAAK,EAAAA,QAsBI,IAAuB,CAAvBH,aAAuBC,EAAA,OAAA,SAAA,IAtB3B,EAAA,2IAE6B,CAAAG,EAAA,CAAA,QAAAN,EAAA,qBAAuBA,EAAA,OAAI,UAAA,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { resolveComponent as s, resolveDirective as d, withDirectives as c, createBlock as r, openBlock as f, normalizeClass as u, withCtx as a, renderSlot as i } from "vue";
2
- import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
2
+ import { _ as m } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
3
3
  import _ from "../button/button.js";
4
- import { BUTTON_ICON_SIZES as m } from "../button/button-constants.js";
4
+ import { BUTTON_ICON_SIZES as p } from "../button/button-constants.js";
5
5
  const b = {
6
6
  compatConfig: { MODE: 3 },
7
7
  name: "SplitButtonAlpha",
@@ -90,13 +90,13 @@ const b = {
90
90
  },
91
91
  data() {
92
92
  return {
93
- BUTTON_ICON_SIZES: m
93
+ BUTTON_ICON_SIZES: p
94
94
  };
95
95
  }
96
96
  };
97
- function S(e, v, t, y, l, g) {
98
- const o = s("dt-button"), n = d("dt-tooltip");
99
- return c((f(), r(o, {
97
+ function v(e, S, t, g, l, y) {
98
+ const n = s("dt-button"), o = d("dt-tooltip");
99
+ return c((f(), r(n, {
100
100
  "data-qa": "dt-split-button-alpha",
101
101
  active: t.active,
102
102
  "aria-label": t.ariaLabel,
@@ -120,10 +120,10 @@ function S(e, v, t, y, l, g) {
120
120
  ]),
121
121
  _: 3
122
122
  }, 8, ["active", "aria-label", "assertive-on-focus", "class", "disabled", "icon-position", "importance", "kind", "label-class", "loading", "size"])), [
123
- [n, t.tooltipText]
123
+ [o, { message: t.tooltipText, inverted: t.kind === "inverted" }]
124
124
  ]);
125
125
  }
126
- const O = /* @__PURE__ */ p(b, [["render", S]]);
126
+ const O = /* @__PURE__ */ m(b, [["render", v]]);
127
127
  export {
128
128
  O as default
129
129
  };
@@ -1 +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=\"tooltipText\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx"],"mappings":";;;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;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;AACF;;;iBApIEC,EAsBYC,GAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,OAPLC,4CAOsDD,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,MAHFE,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAA,kBAAkBJ,EAAA,IAAI;AAAA;;IAnBrC,SAAAK,EAsBI,MAAuB;AAAA,MAAvBH,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;QAEkBH,EAAA,WAAW;AAAA;;;"}
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=\"{ message: tooltipText, inverted: kind === 'inverted' }\"\n data-qa=\"dt-split-button-alpha\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :assertive-on-focus=\"assertiveOnFocus\"\n :class=\"`d-split-btn__alpha d-split-btn__alpha--${size}`\"\n :disabled=\"disabled\"\n :icon-position=\"iconPosition\"\n :importance=\"importance\"\n :kind=\"kind\"\n :label-class=\"labelClass\"\n :loading=\"loading\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"BUTTON_ICON_SIZES[size]\"\n />\n </template>\n <slot name=\"default\" />\n </dt-button>\n</template>\n\n<script>\nimport { BUTTON_ICON_SIZES, DtButton } from '@/components/button';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonAlpha',\n\n components: {\n DtButton,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * The position of the icon slot within the button.\n */\n iconPosition: {\n type: String,\n default: 'left',\n },\n\n /**\n * Used to customize the label container\n */\n labelClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Whether the button should display a loading animation or not.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n\n /**\n * Determines whether a screenreader reads live updates of\n * the button content to the user while the button is in focus.\n */\n assertiveOnFocus: {\n type: Boolean,\n default: false,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n },\n\n data () {\n return {\n BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_withCtx","_directive_dt_tooltip"],"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;AACF;;;iBApIEC,EAsBYC,GAAA;AAAA,IApBV,WAAQ;AAAA,IACP,QAAQC,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,sBAAoBA,EAAA;AAAA,IACpB,OAPLC,4CAOsDD,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,MAHFE,EAGEC,EAAA,QAAA,QAAA;AAAA,QADC,MAAMC,EAAA,kBAAkBJ,EAAA,IAAI;AAAA;;IAnBrC,SAAAK,EAsBI,MAAuB;AAAA,MAAvBH,EAAuBC,EAAA,QAAA,SAAA;AAAA;IAtB3B,GAAA;AAAA;IAE6B,CAAAG,GAAA,EAAA,SAAAN,EAAA,uBAAuBA,EAAA,SAAI,WAAA,CAAA;AAAA;;;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./split-button-constants.cjs"),d=require("@dialpad/dialtone-icons/vue3"),c=require("../../common/utils/index.cjs"),t=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"SplitButtonOmega",components:{DtButton:u.default,DtIconChevronDown:d.DtIconChevronDown},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},disabled:{type:Boolean,default:!1},id:{type:String,default:c.getUniqueString()},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"},tooltipText:{type:String,default:""}},data(){return{SPLIT_BUTTON_ICON_SIZES:r.SPLIT_BUTTON_ICON_SIZES}}};function S(i,b,e,p,n,f){const o=t.resolveComponent("dt-icon-chevron-down"),a=t.resolveComponent("dt-button"),l=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(a,{id:e.id,"data-qa":"dt-split-button-omega",active:e.active,"aria-label":e.ariaLabel,class:t.normalizeClass(`d-split-btn__omega d-split-btn__omega--${e.size}`),disabled:e.disabled,importance:e.importance,kind:e.kind,size:e.size},{icon:t.withCtx(()=>[t.renderSlot(i.$slots,"icon",{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},()=>[t.createVNode(o,{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},null,8,["size"])])]),_:3},8,["id","active","aria-label","class","disabled","importance","kind","size"])),[[l,e.tooltipText]])}const m=s._(_,[["render",S]]);exports.default=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./split-button-constants.cjs"),r=require("@dialpad/dialtone-icons/vue3"),c=require("../../common/utils/index.cjs"),t=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u=require("../button/button.cjs"),_={compatConfig:{MODE:3},name:"SplitButtonOmega",components:{DtButton:u.default,DtIconChevronDown:r.DtIconChevronDown},props:{active:{type:Boolean,default:!1},ariaLabel:{type:String,default:null},disabled:{type:Boolean,default:!1},id:{type:String,default:c.getUniqueString()},importance:{type:String,default:"primary"},kind:{type:String,default:"default"},size:{type:String,default:"md"},tooltipText:{type:String,default:""}},data(){return{SPLIT_BUTTON_ICON_SIZES:d.SPLIT_BUTTON_ICON_SIZES}}};function m(i,v,e,b,n,f){const o=t.resolveComponent("dt-icon-chevron-down"),a=t.resolveComponent("dt-button"),l=t.resolveDirective("dt-tooltip");return t.withDirectives((t.openBlock(),t.createBlock(a,{id:e.id,"data-qa":"dt-split-button-omega",active:e.active,"aria-label":e.ariaLabel,class:t.normalizeClass(`d-split-btn__omega d-split-btn__omega--${e.size}`),disabled:e.disabled,importance:e.importance,kind:e.kind,size:e.size},{icon:t.withCtx(()=>[t.renderSlot(i.$slots,"icon",{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},()=>[t.createVNode(o,{size:n.SPLIT_BUTTON_ICON_SIZES[e.size]},null,8,["size"])])]),_:3},8,["id","active","aria-label","class","disabled","importance","kind","size"])),[[l,{message:e.tooltipText,inverted:e.kind==="inverted"}]])}const S=s._(_,[["render",m]]);exports.default=S;
2
2
  //# sourceMappingURL=split-button-omega.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-omega.cjs","sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n <dt-button\n :id=\"id\"\n v-dt-tooltip=\"tooltipText\"\n data-qa=\"dt-split-button-omega\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n :disabled=\"disabled\"\n :importance=\"importance\"\n :kind=\"kind\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n >\n <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n </slot>\n </template>\n </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonOmega',\n components: {\n DtButton,\n DtIconChevronDown,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Element ID, useful in case you need to reference the button\n * as an external anchor for popover\n */\n id: {\n type: String,\n default: getUniqueString(),\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n },\n\n data () {\n return {\n SPLIT_BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down"],"mappings":"6VA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBACN,WAAY,CACV,SAAAC,EAAAA,QACA,kBAAAC,EAAAA,mBAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,GAAI,CACF,KAAM,OACN,QAASC,EAAAA,gBAAe,GAM1B,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,YAAa,CACX,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,yBACLC,EAAAA,wBAEJ,CACF,yLA7GEC,EAAAA,YAoBYC,EAAA,CAnBT,GAAIC,EAAA,GAEL,UAAQ,wBACP,OAAQA,EAAA,OACR,aAAYA,EAAA,UACZ,MAPLC,EAAAA,yDAOsDD,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,KAAMA,EAAA,OAEI,eACT,IAKO,CALPE,aAKOC,EAAA,OAAA,OAAA,CAHJ,KAAMC,EAAA,wBAAwBJ,EAAA,IAAI,GAFrC,IAKO,CADLK,EAAAA,YAA8DC,EAAA,CAAvC,KAAMF,EAAA,wBAAwBJ,EAAA,IAAI,wBAlBjE,EAAA,sFAGkBA,EAAA,WAAW"}
1
+ {"version":3,"file":"split-button-omega.cjs","sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n <dt-button\n :id=\"id\"\n v-dt-tooltip=\"{ 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"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":"6VA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBACN,WAAY,CACV,SAAAC,EAAAA,QACA,kBAAAC,EAAAA,mBAGF,MAAO,CAIL,OAAQ,CACN,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,MAMX,SAAU,CACR,KAAM,QACN,QAAS,IAOX,GAAI,CACF,KAAM,OACN,QAASC,EAAAA,gBAAe,GAM1B,WAAY,CACV,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,WAMX,KAAM,CACJ,KAAM,OACN,QAAS,MAMX,YAAa,CACX,KAAM,OACN,QAAS,KAIb,MAAQ,CACN,MAAO,yBACLC,EAAAA,wBAEJ,CACF,yLA7GEC,EAAAA,YAoBYC,EAAA,CAnBT,GAAIC,EAAA,GAEL,UAAQ,wBACP,OAAQA,EAAA,OACR,aAAYA,EAAA,UACZ,MAPLC,EAAAA,yDAOsDD,EAAA,IAAI,EAAA,EACrD,SAAUA,EAAA,SACV,WAAYA,EAAA,WACZ,KAAMA,EAAA,KACN,KAAMA,EAAA,OAEI,eACT,IAKO,CALPE,aAKOC,EAAA,OAAA,OAAA,CAHJ,KAAMC,EAAA,wBAAwBJ,EAAA,IAAI,GAFrC,IAKO,CADLK,EAAAA,YAA8DC,EAAA,CAAvC,KAAMF,EAAA,wBAAwBJ,EAAA,IAAI,wBAlBjE,EAAA,mFAG6B,CAAAO,EAAA,CAAA,QAAAP,EAAA,qBAAuBA,EAAA,OAAI,UAAA,CAAA"}
@@ -1,14 +1,14 @@
1
- import { SPLIT_BUTTON_ICON_SIZES as d } from "./split-button-constants.js";
1
+ import { SPLIT_BUTTON_ICON_SIZES as l } from "./split-button-constants.js";
2
2
  import { DtIconChevronDown as r } from "@dialpad/dialtone-icons/vue3";
3
3
  import { getUniqueString as c } from "../../common/utils/index.js";
4
- import { resolveComponent as i, resolveDirective as s, withDirectives as _, createBlock as m, openBlock as f, normalizeClass as u, withCtx as p, renderSlot as S, createVNode as g } from "vue";
5
- import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
6
- import v from "../button/button.js";
4
+ import { resolveComponent as i, resolveDirective as s, withDirectives as _, createBlock as m, openBlock as f, normalizeClass as u, withCtx as S, renderSlot as p, createVNode as g } from "vue";
5
+ import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
6
+ import b from "../button/button.js";
7
7
  const z = {
8
8
  compatConfig: { MODE: 3 },
9
9
  name: "SplitButtonOmega",
10
10
  components: {
11
- DtButton: v,
11
+ DtButton: b,
12
12
  DtIconChevronDown: r
13
13
  },
14
14
  props: {
@@ -72,12 +72,12 @@ const z = {
72
72
  },
73
73
  data() {
74
74
  return {
75
- SPLIT_BUTTON_ICON_SIZES: d
75
+ SPLIT_BUTTON_ICON_SIZES: l
76
76
  };
77
77
  }
78
78
  };
79
- function T(o, B, t, I, e, y) {
80
- const n = i("dt-icon-chevron-down"), a = i("dt-button"), l = s("dt-tooltip");
79
+ function T(n, B, t, I, e, y) {
80
+ const o = i("dt-icon-chevron-down"), a = i("dt-button"), d = s("dt-tooltip");
81
81
  return _((f(), m(a, {
82
82
  id: t.id,
83
83
  "data-qa": "dt-split-button-omega",
@@ -89,21 +89,21 @@ function T(o, B, t, I, e, y) {
89
89
  kind: t.kind,
90
90
  size: t.size
91
91
  }, {
92
- icon: p(() => [
93
- S(o.$slots, "icon", {
92
+ icon: S(() => [
93
+ p(n.$slots, "icon", {
94
94
  size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
95
95
  }, () => [
96
- g(n, {
96
+ g(o, {
97
97
  size: e.SPLIT_BUTTON_ICON_SIZES[t.size]
98
98
  }, null, 8, ["size"])
99
99
  ])
100
100
  ]),
101
101
  _: 3
102
102
  }, 8, ["id", "active", "aria-label", "class", "disabled", "importance", "kind", "size"])), [
103
- [l, t.tooltipText]
103
+ [d, { message: t.tooltipText, inverted: t.kind === "inverted" }]
104
104
  ]);
105
105
  }
106
- const w = /* @__PURE__ */ b(z, [["render", T]]);
106
+ const w = /* @__PURE__ */ v(z, [["render", T]]);
107
107
  export {
108
108
  w as default
109
109
  };
@@ -1 +1 @@
1
- {"version":3,"file":"split-button-omega.js","sources":["../../../components/split_button/split_button-omega.vue"],"sourcesContent":["<template>\n <dt-button\n :id=\"id\"\n v-dt-tooltip=\"tooltipText\"\n data-qa=\"dt-split-button-omega\"\n :active=\"active\"\n :aria-label=\"ariaLabel\"\n :class=\"`d-split-btn__omega d-split-btn__omega--${size}`\"\n :disabled=\"disabled\"\n :importance=\"importance\"\n :kind=\"kind\"\n :size=\"size\"\n >\n <template #icon>\n <slot\n name=\"icon\"\n :size=\"SPLIT_BUTTON_ICON_SIZES[size]\"\n >\n <dt-icon-chevron-down :size=\"SPLIT_BUTTON_ICON_SIZES[size]\" />\n </slot>\n </template>\n </dt-button>\n</template>\n\n<script>\nimport { SPLIT_BUTTON_ICON_SIZES } from './split_button_constants';\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronDown } from '@dialpad/dialtone-icons/vue3';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'SplitButtonOmega',\n components: {\n DtButton,\n DtIconChevronDown,\n },\n\n props: {\n /**\n * Determines whether the button should have active styling\n */\n active: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Descriptive label for the button\n */\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /**\n * HTML button disabled attribute\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Element ID, useful in case you need to reference the button\n * as an external anchor for popover\n */\n id: {\n type: String,\n default: getUniqueString(),\n },\n\n /**\n * The fill and outline of the button associated with its visual importance.\n */\n importance: {\n type: String,\n default: 'primary',\n },\n\n /**\n * The color of the button.\n */\n kind: {\n type: String,\n default: 'default',\n },\n\n /**\n * The size of the button.\n */\n size: {\n type: String,\n default: 'md',\n },\n\n /**\n * Text shown in tooltip when you hover the button\n */\n tooltipText: {\n type: String,\n default: '',\n },\n },\n\n data () {\n return {\n SPLIT_BUTTON_ICON_SIZES,\n };\n },\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down"],"mappings":";;;;;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,mBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAASC,EAAe;AAAA;;;;IAM1B,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,yBAAAC;AAAA;EAEJ;AACF;;;iBA7GEC,EAoBYC,GAAA;AAAA,IAnBT,IAAIC,EAAA;AAAA,IAEL,WAAQ;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,OAPLC,4CAOsDD,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,MAAMA,EAAA;AAAA;IAEI,QACT,MAKO;AAAA,MALPE,EAKOC,EAAA,QAAA,QAAA;AAAA,QAHJ,MAAMC,EAAA,wBAAwBJ,EAAA,IAAI;AAAA,SAFrC,MAKO;AAAA,QADLK,EAA8DC,GAAA;AAAA,UAAvC,MAAMF,EAAA,wBAAwBJ,EAAA,IAAI;AAAA;;;IAlBjE,GAAA;AAAA;QAGkBA,EAAA,WAAW;AAAA;;;"}
1
+ {"version":3,"file":"split-button-omega.js","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"],"names":["_sfc_main","DtButton","DtIconChevronDown","getUniqueString","SPLIT_BUTTON_ICON_SIZES","_createBlock","_component_dt_button","$props","_normalizeClass","_renderSlot","_ctx","$data","_createVNode","_component_dt_icon_chevron_down","_directive_dt_tooltip"],"mappings":";;;;;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,mBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAASC,EAAe;AAAA;;;;IAM1B,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,yBAAAC;AAAA;EAEJ;AACF;;;iBA7GEC,EAoBYC,GAAA;AAAA,IAnBT,IAAIC,EAAA;AAAA,IAEL,WAAQ;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,cAAYA,EAAA;AAAA,IACZ,OAPLC,4CAOsDD,EAAA,IAAI,EAAA;AAAA,IACrD,UAAUA,EAAA;AAAA,IACV,YAAYA,EAAA;AAAA,IACZ,MAAMA,EAAA;AAAA,IACN,MAAMA,EAAA;AAAA;IAEI,QACT,MAKO;AAAA,MALPE,EAKOC,EAAA,QAAA,QAAA;AAAA,QAHJ,MAAMC,EAAA,wBAAwBJ,EAAA,IAAI;AAAA,SAFrC,MAKO;AAAA,QADLK,EAA8DC,GAAA;AAAA,UAAvC,MAAMF,EAAA,wBAAwBJ,EAAA,IAAI;AAAA;;;IAlBjE,GAAA;AAAA;IAG6B,CAAAO,GAAA,EAAA,SAAAP,EAAA,uBAAuBA,EAAA,SAAI,WAAA,CAAA;AAAA;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "3.192.1",
3
+ "version": "3.192.2",
4
4
  "description": "Vue component library for Dialpad's design system Dialtone",
5
5
  "files": [
6
6
  "dist"
@@ -44,8 +44,8 @@
44
44
  "regex-combined-emojis": "1.6.0",
45
45
  "tippy.js": "6.3.7",
46
46
  "turndown": "7.2.0",
47
- "@dialpad/dialtone-emojis": "1.2.3",
48
- "@dialpad/dialtone-icons": "4.44.1"
47
+ "@dialpad/dialtone-icons": "4.44.1",
48
+ "@dialpad/dialtone-emojis": "1.2.3"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@storybook/addon-a11y": "7.6.20",