@dialpad/dialtone-vue 3.95.1 → 3.96.1

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.
Files changed (35) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +24 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.cjs +3 -3
  5. package/dist/dialtone-vue.js +57 -56
  6. package/dist/directives.cjs +1 -1
  7. package/dist/directives.js +1 -1
  8. package/dist/emoji-5anz0QgY.cjs +1 -0
  9. package/dist/{emoji-bI5MJWZH.js → emoji-zsImd-qD.js} +24 -24
  10. package/dist/emoji.cjs +1 -1
  11. package/dist/emoji.js +3 -3
  12. package/dist/{message_input-r_-Jg43r.cjs → message_input-SgLogXZ3.cjs} +16 -16
  13. package/dist/{message_input-KktXM8gs.js → message_input-zOYCybPr.js} +202 -208
  14. package/dist/message_input.cjs +1 -1
  15. package/dist/message_input.js +3 -3
  16. package/dist/style.css +1 -1
  17. package/dist/{tooltip_constants-mcMQGvF_.cjs → tooltip-3LC0ejIh.cjs} +1 -1
  18. package/dist/{tooltip_constants-pAtd8bjI.js → tooltip-laZwfd56.js} +31 -31
  19. package/dist/types/components/collapsible/collapsible_lazy_show.vue.d.ts.map +1 -1
  20. package/dist/types/components/emoji_picker/composables/useKeyboardNavigation.d.ts.map +1 -1
  21. package/dist/types/components/notice/index.d.ts +1 -1
  22. package/dist/types/components/scroller/modules/core_scroller.vue.d.ts.map +1 -1
  23. package/dist/types/components/scroller/modules/scroller_item.vue.d.ts.map +1 -1
  24. package/dist/types/components/tooltip/index.d.ts +1 -1
  25. package/dist/types/components/tooltip/tooltip.vue.d.ts +1 -1
  26. package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  27. package/dist/types/components/tooltip/tooltip_constants.d.ts +8 -0
  28. package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts +1 -1
  29. package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts.map +1 -1
  30. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +15 -47
  31. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  32. package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts +2 -2
  33. package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts +1 -1
  34. package/package.json +2 -2
  35. package/dist/emoji-ujF0T0kZ.cjs +0 -1
@@ -1,10 +1,10 @@
1
- import { D as Ra, a as Pa, b as $a, M as lt, S as Pe, N as Tt, c as dn, d as dt, e as cn, f as Ot, g as Na, L as vt, P as Lt, h as un, i as ct, j as hn } from "./message_input-KktXM8gs.js";
2
- import { o as nh, p as ih, n as sh, k as rh, l as oh, m as lh, A as dh, q as ch, v as uh, z as hh, y as fh, s as mh, u as ph, r as gh, t as bh, w as vh, x as yh } from "./message_input-KktXM8gs.js";
3
- import { D as V, I as fn, M as mn, a as pn, b as J, c as $e, v as Ba, d as za, C as qa, G as Fa, e as Et, f as gn, g as bn } from "./emoji-bI5MJWZH.js";
4
- import { z as Sh, _ as wh, p as Ch, s as Ih, r as kh, q as Dh, l as Th, k as Oh, E as Lh, B as Eh, A as Mh, y as Ah, i as xh, h as Rh, j as Ph, L as $h, x as Nh, S as Bh, t as zh, w as qh, u as Fh, o as Hh, n as Wh, T as Vh, m as Uh } from "./emoji-bI5MJWZH.js";
1
+ import { D as Ra, a as Pa, b as $a, M as lt, S as Pe, N as Tt, c as dn, d as dt, e as cn, f as Ot, g as Na, L as vt, P as Lt, h as un, i as ct, j as hn } from "./message_input-zOYCybPr.js";
2
+ import { o as nh, p as ih, n as sh, k as rh, l as oh, m as lh, A as dh, q as ch, w as uh, B as hh, z as fh, r as mh, t as ph, v as gh, s as bh, u as vh, x as yh, y as _h } from "./message_input-zOYCybPr.js";
3
+ import { D as V, I as fn, M as mn, a as pn, b as J, c as $e, v as Ba, d as za, C as qa, G as Fa, e as Et, f as gn, g as bn } from "./emoji-zsImd-qD.js";
4
+ import { z as wh, _ as Ch, p as Ih, s as kh, r as Dh, q as Th, l as Oh, k as Lh, E as Eh, B as Mh, A as Ah, y as xh, i as Rh, h as Ph, j as $h, L as Nh, x as Bh, S as zh, t as qh, w as Fh, u as Hh, o as Wh, n as Vh, T as Uh, m as jh } from "./emoji-zsImd-qD.js";
5
5
  import { resolveComponent as g, openBlock as d, createElementBlock as h, normalizeClass as w, createCommentVNode as C, createVNode as b, createElementVNode as p, renderSlot as m, createTextVNode as F, toDisplayString as O, normalizeStyle as Le, withKeys as le, createBlock as L, withCtx as f, mergeProps as T, Fragment as G, renderList as Z, withModifiers as he, normalizeProps as Ge, Transition as Mt, withDirectives as De, resolveDynamicComponent as Se, guardReactiveProps as At, vShow as Te, toHandlers as U, Teleport as vn, warn as ut, reactive as da, ref as Q, computed as Ie, watch as Ke, onMounted as Ha, nextTick as yn, unref as R, markRaw as _n, shallowReactive as Sn, h as wn, provide as Cn, createSlots as xt, pushScopeId as In, popScopeId as kn } from "vue";
6
- import { _ as I, u as fe, h as se, g as ie, a as Rt, e as Xe, E as Y, f as ca, b as Ct, L as Dn, c as Tn, D as Pt, s as $t, d as On } from "./tooltip_constants-pAtd8bjI.js";
7
- import { j as Kh, i as Yh, l as Gh, T as Xh, o as Qh, m as Zh, n as Jh, V as ef, k as tf } from "./tooltip_constants-pAtd8bjI.js";
6
+ import { _ as I, u as fe, h as se, g as ie, a as Rt, e as Xe, E as Y, f as ca, b as Ct, L as Dn, c as Tn, D as Pt, s as $t, d as On } from "./tooltip-laZwfd56.js";
7
+ import { j as Yh, i as Gh, l as Xh, T as Qh, o as Zh, m as Jh, n as ef, V as tf, k as af } from "./tooltip-laZwfd56.js";
8
8
  import { DtEmojiTextWrapper as Nt } from "./emoji.js";
9
9
  const ua = {
10
10
  default: "",
@@ -1291,7 +1291,7 @@ const ci = /* @__PURE__ */ I(oi, [["render", di]]), ui = {
1291
1291
  */
1292
1292
  beforeEnter(e) {
1293
1293
  requestAnimationFrame(() => {
1294
- e.style.height || (e.style.height = "0px"), e.style.display = null;
1294
+ e.style.height || (e.style.height = "0px");
1295
1295
  });
1296
1296
  },
1297
1297
  /**
@@ -4201,7 +4201,7 @@ function Vs(e, a, t, n, s, i) {
4201
4201
  }, e.messagesChildProps, { "data-qa": "dt-select-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
4202
4202
  ]);
4203
4203
  }
4204
- const Su = /* @__PURE__ */ I(zs, [["render", Vs]]), Us = {
4204
+ const Su = /* @__PURE__ */ I(zs, [["render", Vs]]), Us = ["status", "alert"], _a = 6e3, js = {
4205
4205
  name: "DtToast",
4206
4206
  components: {
4207
4207
  DtNoticeIcon: Ra,
@@ -4252,7 +4252,7 @@ const Su = /* @__PURE__ */ I(zs, [["render", Vs]]), Us = {
4252
4252
  role: {
4253
4253
  type: String,
4254
4254
  default: "status",
4255
- validator: (e) => Gs.includes(e)
4255
+ validator: (e) => Us.includes(e)
4256
4256
  },
4257
4257
  /**
4258
4258
  * Severity level of the toast, sets the icon and background
@@ -4370,8 +4370,8 @@ const Su = /* @__PURE__ */ I(zs, [["render", Vs]]), Us = {
4370
4370
  }, this.duration));
4371
4371
  }
4372
4372
  }
4373
- }, js = ["aria-hidden"], Ks = { class: "d-toast__dialog" };
4374
- function Ys(e, a, t, n, s, i) {
4373
+ }, Ks = ["aria-hidden"], Ys = { class: "d-toast__dialog" };
4374
+ function Gs(e, a, t, n, s, i) {
4375
4375
  const r = g("dt-notice-icon"), l = g("dt-notice-content"), o = g("dt-notice-action");
4376
4376
  return s.isShown ? (d(), h("div", {
4377
4377
  key: 0,
@@ -4383,7 +4383,7 @@ function Ys(e, a, t, n, s, i) {
4383
4383
  "data-qa": "dt-toast",
4384
4384
  "aria-hidden": (!s.isShown).toString()
4385
4385
  }, [
4386
- p("div", Ks, [
4386
+ p("div", Ys, [
4387
4387
  b(r, { kind: t.kind }, {
4388
4388
  default: f(() => [
4389
4389
  m(e.$slots, "icon")
@@ -4419,9 +4419,9 @@ function Ys(e, a, t, n, s, i) {
4419
4419
  _: 3
4420
4420
  }, 8, ["hide-close", "close-button-props", "visually-hidden-close", "visually-hidden-close-label", "onClose"])
4421
4421
  ])
4422
- ], 10, js)) : C("", !0);
4422
+ ], 10, Ks)) : C("", !0);
4423
4423
  }
4424
- const wu = /* @__PURE__ */ I(Us, [["render", Ys]]), Gs = ["status", "alert"], _a = 6e3, Sa = {
4424
+ const wu = /* @__PURE__ */ I(js, [["render", Gs]]), Sa = {
4425
4425
  sm: "d-toggle--small",
4426
4426
  md: ""
4427
4427
  }, Xs = [!1, !0, "mixed"], Qs = {
@@ -10730,7 +10730,7 @@ function pc(e, a, t, n, s, i) {
10730
10730
  ])
10731
10731
  ], 2);
10732
10732
  }
10733
- const ju = /* @__PURE__ */ I(cc, [["render", pc], ["__scopeId", "data-v-2e98d8f9"]]), gc = {
10733
+ const ju = /* @__PURE__ */ I(cc, [["render", pc], ["__scopeId", "data-v-ebc5dd1f"]]), gc = {
10734
10734
  name: "DtRecipeTimePill",
10735
10735
  props: {
10736
10736
  /**
@@ -11413,11 +11413,11 @@ export {
11413
11413
  rn as CALLBAR_BUTTON_VALID_WIDTH_SIZE,
11414
11414
  Ma as CALLBOX_BADGE_COLORS,
11415
11415
  Aa as CALLBOX_BORDER_COLORS,
11416
- Sh as CDN_URL,
11416
+ wh as CDN_URL,
11417
11417
  va as CHIP_SIZE_MODIFIERS,
11418
11418
  rd as COLOR_CODES,
11419
- Kh as DEFAULT_VALIDATION_MESSAGE_TYPE,
11420
- Yh as DESCRIPTION_SIZE_TYPES,
11419
+ Yh as DEFAULT_VALIDATION_MESSAGE_TYPE,
11420
+ Gh as DESCRIPTION_SIZE_TYPES,
11421
11421
  yi as DT_DESCRIPTION_LIST_DIRECTION,
11422
11422
  ct as DtAvatar,
11423
11423
  Wa as DtBadge,
@@ -11438,7 +11438,7 @@ export {
11438
11438
  cu as DtDescriptionList,
11439
11439
  Oi as DtDropdown,
11440
11440
  uu as DtDropdownSeparator,
11441
- wh as DtEmojiPicker,
11441
+ Ch as DtEmojiPicker,
11442
11442
  Fa as DtGroupableInputMixin,
11443
11443
  V as DtIcon,
11444
11444
  Bi as DtImageViewer,
@@ -11488,25 +11488,25 @@ export {
11488
11488
  Tu as DtScroller,
11489
11489
  Su as DtSelectMenu,
11490
11490
  pn as DtSkeleton,
11491
- Ch as DtSkeletonListItem,
11492
- Ih as DtSkeletonParagraph,
11493
- kh as DtSkeletonShape,
11494
- Dh as DtSkeletonText,
11491
+ Ih as DtSkeletonListItem,
11492
+ kh as DtSkeletonParagraph,
11493
+ Dh as DtSkeletonShape,
11494
+ Th as DtSkeletonText,
11495
11495
  fh as DtStack,
11496
- Th as DtTab,
11497
- Oh as DtTabGroup,
11496
+ Oh as DtTab,
11497
+ Lh as DtTabGroup,
11498
11498
  vu as DtTabPanel,
11499
11499
  wu as DtToast,
11500
11500
  Cu as DtToggle,
11501
11501
  Pt as DtTooltip,
11502
11502
  $e as DtValidationMessages,
11503
- Lh as EMOJIS_PER_ROW,
11504
- Eh as EMOJI_CATEGORIES,
11505
- Mh as EMOJI_SKIN_TONE_MODIFIERS,
11503
+ Eh as EMOJIS_PER_ROW,
11504
+ Mh as EMOJI_CATEGORIES,
11505
+ Ah as EMOJI_SKIN_TONE_MODIFIERS,
11506
11506
  Ea as FEED_ITEM_PILL_BORDER_COLORS,
11507
- Ah as ICON_SIZE_MODIFIERS,
11508
- xh as INPUT_SIZES,
11509
- Rh as INPUT_TYPES,
11507
+ xh as ICON_SIZE_MODIFIERS,
11508
+ Rh as INPUT_SIZES,
11509
+ Ph as INPUT_TYPES,
11510
11510
  jt as IVR_NODE_BRANCH,
11511
11511
  Ut as IVR_NODE_EXPERT,
11512
11512
  ft as IVR_NODE_GO_TO,
@@ -11522,20 +11522,21 @@ export {
11522
11522
  Od as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
11523
11523
  Ed as LEFTBAR_GENERAL_ROW_ICON_SIZES,
11524
11524
  K as LEFTBAR_GENERAL_ROW_TYPES,
11525
- Ph as LINK_KIND_MODIFIERS,
11526
- $h as LINK_VARIANTS,
11525
+ $h as LINK_KIND_MODIFIERS,
11526
+ Nh as LINK_VARIANTS,
11527
11527
  ba as MODAL_BANNER_KINDS,
11528
11528
  pa as MODAL_KIND_MODIFIERS,
11529
11529
  ga as MODAL_SIZE_MODIFIERS,
11530
11530
  $l as MULTI_SELECT_SIZES,
11531
11531
  Tt as NOTICE_KINDS,
11532
+ mh as NOTICE_ROLES,
11532
11533
  un as POPOVER_CONTENT_WIDTHS,
11533
- mh as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
11534
- ph as POPOVER_INITIAL_FOCUS_STRINGS,
11535
- gh as POPOVER_PADDING_CLASSES,
11536
- bh as POPOVER_ROLES,
11537
- vh as PRESENCE_STATES,
11538
- yh as PRESENCE_STATES_LIST,
11534
+ ph as POPOVER_HEADER_FOOTER_PADDING_CLASSES,
11535
+ gh as POPOVER_INITIAL_FOCUS_STRINGS,
11536
+ bh as POPOVER_PADDING_CLASSES,
11537
+ vh as POPOVER_ROLES,
11538
+ yh as PRESENCE_STATES,
11539
+ _h as PRESENCE_STATES_LIST,
11539
11540
  yc as REACTIONS_ATTRIBUTES,
11540
11541
  lr as ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,
11541
11542
  wa as ROOT_LAYOUT_SIDEBAR_POSITIONS,
@@ -11544,27 +11545,27 @@ export {
11544
11545
  Iu as SHORTCUTS_ALIASES_LIST,
11545
11546
  Ue as SHORTCUTS_ICON_ALIASES,
11546
11547
  nr as SHORTCUTS_ICON_SEPARATOR,
11547
- Nh as SKELETON_HEADING_HEIGHTS,
11548
- Bh as SKELETON_RIPPLE_DURATION,
11549
- zh as SKELETON_SHAPES,
11550
- qh as SKELETON_SHAPE_SIZES,
11551
- Fh as SKELETON_TEXT_TYPES,
11552
- Hh as TAB_IMPORTANCE_MODIFIERS,
11553
- Wh as TAB_LIST_IMPORTANCE_MODIFIERS,
11554
- Vh as TAB_LIST_KIND_MODIFIERS,
11555
- Uh as TAB_LIST_SIZES,
11548
+ Bh as SKELETON_HEADING_HEIGHTS,
11549
+ zh as SKELETON_RIPPLE_DURATION,
11550
+ qh as SKELETON_SHAPES,
11551
+ Fh as SKELETON_SHAPE_SIZES,
11552
+ Hh as SKELETON_TEXT_TYPES,
11553
+ Wh as TAB_IMPORTANCE_MODIFIERS,
11554
+ Vh as TAB_LIST_IMPORTANCE_MODIFIERS,
11555
+ Uh as TAB_LIST_KIND_MODIFIERS,
11556
+ jh as TAB_LIST_SIZES,
11556
11557
  _a as TOAST_MIN_DURATION,
11557
- Gs as TOAST_ROLES,
11558
- Gh as TOOLTIP_DELAY_MS,
11559
- Xh as TOOLTIP_DIRECTIONS,
11560
- Qh as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
11561
- Zh as TOOLTIP_KIND_MODIFIERS,
11562
- Jh as TOOLTIP_STICKY_VALUES,
11558
+ Us as TOAST_ROLES,
11559
+ Xh as TOOLTIP_DELAY_MS,
11560
+ Qh as TOOLTIP_DIRECTIONS,
11561
+ Zh as TOOLTIP_HIDE_ON_CLICK_VARIANTS,
11562
+ Jh as TOOLTIP_KIND_MODIFIERS,
11563
+ ef as TOOLTIP_STICKY_VALUES,
11563
11564
  Qd as UNREAD_PILL_DIRECTIONS,
11564
11565
  Zd as UNREAD_PILL_KINDS,
11565
- ef as VALIDATION_MESSAGE_TYPES,
11566
+ tf as VALIDATION_MESSAGE_TYPES,
11566
11567
  Ju as durationInHHMM,
11567
- tf as filterFormattedMessages,
11568
+ af as filterFormattedMessages,
11568
11569
  Lu as formatLong,
11569
11570
  Eu as formatMedium,
11570
11571
  ca as formatMessages,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tooltip_constants-mcMQGvF_.cjs"),r=require("vue"),m={name:"dt-tooltip-directive",install(p){const l=document.createElement("div");document.body.appendChild(l);const d="top",n=r.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:i.DtTooltip},data(){return{tooltips:[]}},methods:{addTooltip(t,e,o){this.tooltips.push({id:t,message:e,placement:o})},removeTooltip(t){this.tooltips=this.tooltips.filter(e=>e.id!==t)}},render(){return r.h("div",this.tooltips.map(({id:t,message:e,placement:o})=>r.h(i.DtTooltip,{key:t,message:e,placement:o,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});n.mount(l);const c=t=>typeof t=="string"&&(t==null?void 0:t.trim()),a=t=>t===void 0||i.TOOLTIP_DIRECTIONS.includes(t);p.directive("dt-tooltip",{beforeMount(t,e){var s;if(!c(e.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",e.value);return}if(!a(e.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",e.arg);return}const o=i.getUniqueString(),u=e.value,v=e.arg||d;t.setAttribute("data-dt-tooltip-id",o),(s=n._instance)==null||s.ctx.addTooltip(o,u,v)},unmounted(t){var e;(e=n._instance)==null||e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tooltip-3LC0ejIh.cjs"),n=require("vue"),m={name:"dt-tooltip-directive",install(d){const l=document.createElement("div");document.body.appendChild(l);const s="top",r=n.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:i.DtTooltip},data(){return{tooltips:[]}},methods:{addTooltip(t,e,o){this.tooltips.push({id:t,message:e,placement:o})},removeTooltip(t){this.tooltips=this.tooltips.filter(e=>e.id!==t)}},render(){return n.h("div",this.tooltips.map(({id:t,message:e,placement:o})=>n.h(i.DtTooltip,{key:t,message:e,placement:o,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});r.mount(l);const c=t=>typeof t=="string"&&(t==null?void 0:t.trim()),a=t=>t===void 0||i.TOOLTIP_DIRECTIONS.includes(t);d.directive("dt-tooltip",{beforeMount(t,e){var p;if(!c(e.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",e.value);return}if(!a(e.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",e.arg);return}const o=i.getUniqueString(),u=e.value,v=e.arg||s;t.setAttribute("data-dt-tooltip-id",o),(p=r._instance)==null||p.ctx.addTooltip(o,u,v)},unmounted(t){var e;(e=r._instance)==null||e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=m;
@@ -1,4 +1,4 @@
1
- import { D as p, g as v, T } from "./tooltip_constants-pAtd8bjI.js";
1
+ import { D as p, g as v, T } from "./tooltip-laZwfd56.js";
2
2
  import { createApp as D, h as s } from "vue";
3
3
  const A = {
4
4
  name: "dt-tooltip-directive",