@dialpad/dialtone 9.15.0 → 9.15.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.
Files changed (69) hide show
  1. package/dist/css/CHANGELOG.json +1 -1
  2. package/dist/css/dialtone.css +8 -3
  3. package/dist/css/dialtone.min.css +1 -1
  4. package/dist/tokens/android/java/tokens-dark.kt +1 -1
  5. package/dist/tokens/android/java/tokens-light.kt +1 -1
  6. package/dist/tokens/android/res/values/colors-dark.xml +1 -1
  7. package/dist/tokens/android/res/values/colors-light.xml +1 -1
  8. package/dist/tokens/android/res/values/dimens.xml +1 -1
  9. package/dist/tokens/css/variables-dark.css +1 -1
  10. package/dist/tokens/css/variables-light.css +1 -1
  11. package/dist/tokens/ios/tokens-dark.swift +1 -1
  12. package/dist/tokens/ios/tokens-light.swift +1 -1
  13. package/dist/tokens/less/variables-dark.less +1 -1
  14. package/dist/tokens/less/variables-light.less +1 -1
  15. package/dist/vue2/component-documentation.json +1 -1
  16. package/dist/vue2/dialtone-vue.cjs +2 -2
  17. package/dist/vue2/dialtone-vue.js +24 -31
  18. package/dist/vue2/emoji.cjs +1 -1
  19. package/dist/vue2/emoji.js +3 -3
  20. package/dist/vue2/{emoji_picker-OJ6lh20K.js → emoji_picker-GfisVsYp.js} +1 -1
  21. package/dist/vue2/{emoji_picker-z-B8k83O.cjs → emoji_picker-zi8qwHtl.cjs} +1 -1
  22. package/dist/vue2/{emoji_text_wrapper-KI_hDGH2.cjs → emoji_text_wrapper-JQf6BpGc.cjs} +1 -1
  23. package/dist/vue2/{emoji_text_wrapper-M-VioW2S.js → emoji_text_wrapper-OrF0kZ6L.js} +1 -1
  24. package/dist/vue2/{index-6ISTdsJ4.js → index-G0QxbVGe.js} +1 -1
  25. package/dist/vue2/index-ihXjcrB-.cjs +1 -0
  26. package/dist/vue2/message_input.cjs +1 -1
  27. package/dist/vue2/message_input.js +3 -3
  28. package/dist/vue2/{rich_text_editor-ZG0IhFjX.cjs → rich_text_editor-MzdHNizj.cjs} +17 -17
  29. package/dist/vue2/{rich_text_editor-vIzUWZRb.js → rich_text_editor-trHmm1VD.js} +1368 -1360
  30. package/dist/vue2/style.css +1 -1
  31. package/dist/vue2/types/components/avatar/avatar.vue.d.ts +27 -9
  32. package/dist/vue2/types/components/avatar/avatar.vue.d.ts.map +1 -1
  33. package/dist/vue2/types/components/list_item/list_item.vue.d.ts +2 -0
  34. package/dist/vue2/types/components/list_item/list_item.vue.d.ts.map +1 -1
  35. package/dist/vue2/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +4 -2
  36. package/dist/vue2/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
  37. package/dist/vue2/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +11 -11
  38. package/dist/vue2/types/recipes/leftbar/callbox/callbox.vue.d.ts +4 -4
  39. package/dist/vue2/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +0 -17
  40. package/dist/vue2/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map +1 -1
  41. package/dist/vue3/component-documentation.json +1 -1
  42. package/dist/vue3/dialtone-vue.cjs +2 -2
  43. package/dist/vue3/dialtone-vue.js +25 -28
  44. package/dist/vue3/{emoji-Sc_SzVCR.js → emoji-acqIsOA0.js} +1 -1
  45. package/dist/vue3/emoji-gFUvTgzf.cjs +1 -0
  46. package/dist/vue3/emoji.cjs +1 -1
  47. package/dist/vue3/emoji.js +3 -3
  48. package/dist/vue3/{emoji_picker-CZ0cEXh2.js → emoji_picker-7KBwg94e.js} +1 -1
  49. package/dist/vue3/{emoji_picker-grujwrLW.cjs → emoji_picker-XmAzvsvD.cjs} +1 -1
  50. package/dist/vue3/{emoji_text_wrapper-f58KMEzk.cjs → emoji_text_wrapper-Cr15_VcH.cjs} +1 -1
  51. package/dist/vue3/{emoji_text_wrapper-PsH5vDPn.js → emoji_text_wrapper-TK25xXF3.js} +1 -1
  52. package/dist/vue3/message_input.cjs +1 -1
  53. package/dist/vue3/message_input.js +3 -3
  54. package/dist/vue3/{rich_text_editor-g3YVFGwk.cjs → rich_text_editor-2jqjuGrZ.cjs} +17 -17
  55. package/dist/vue3/{rich_text_editor-ILEwVbEw.js → rich_text_editor-NWAFxCaY.js} +714 -694
  56. package/dist/vue3/style.css +1 -1
  57. package/dist/vue3/types/components/avatar/avatar.vue.d.ts +29 -11
  58. package/dist/vue3/types/components/avatar/avatar.vue.d.ts.map +1 -1
  59. package/dist/vue3/types/components/list_item/list_item.vue.d.ts +2 -0
  60. package/dist/vue3/types/components/list_item/list_item.vue.d.ts.map +1 -1
  61. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +4 -2
  62. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
  63. package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +11 -11
  64. package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts +4 -4
  65. package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +0 -17
  66. package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map +1 -1
  67. package/package.json +2 -2
  68. package/dist/vue2/index-sX8rogLr.cjs +0 -1
  69. package/dist/vue3/emoji-czIMeeWW.cjs +0 -1
@@ -1,11 +1,11 @@
1
- import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, P as gt, g as Sn, h as Qe, i as wn, j as bt, k as Wa, a as Cn, R as kn, b as In } from "./rich_text_editor-ILEwVbEw.js";
2
- import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-ILEwVbEw.js";
3
- import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Ln } from "./emoji-Sc_SzVCR.js";
4
- import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as pf, a5 as gf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-Sc_SzVCR.js";
1
+ import { S as Rt, c as we, M as et, d as yn, e as $t, f as _n, D as tt, L as Dt, P as gt, g as Sn, h as Qe, i as wn, j as bt, k as Wa, a as Cn, R as kn, b as In } from "./rich_text_editor-NWAFxCaY.js";
2
+ import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-NWAFxCaY.js";
3
+ import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Ua, K as ja, N as Ka, O as Ya, P as Nt, x as Ga, D as Ln } from "./emoji-acqIsOA0.js";
4
+ import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as pf, a5 as gf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-acqIsOA0.js";
5
5
  import { resolveComponent as g, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as p, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as Ce, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Ft, withDirectives as Ee, resolveDynamicComponent as Se, guardReactiveProps as vt, vShow as Ae, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as yt, computed as Oe, watch as Ze, onMounted as Qa, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as _t, pushScopeId as Pn, popScopeId as Rn } from "vue";
6
6
  import { _ as I, h as ae, u as Me, g as re, e as zt, o as at, E as X, l as va, p as $n, b as ya, a as Mt, L as Nn, q as Fn, D as _e, s as qt, r as zn } from "./tooltip-Od71Luh6.js";
7
7
  import { v as If, c as Tf, y as Df, w as Of, x as Lf, V as Ef, f as Af } from "./tooltip-Od71Luh6.js";
8
- import { _ as Ht } from "./emoji_text_wrapper-PsH5vDPn.js";
8
+ import { _ as Ht } from "./emoji_text_wrapper-TK25xXF3.js";
9
9
  const _a = {
10
10
  default: "",
11
11
  info: "d-badge--info",
@@ -9083,7 +9083,7 @@ function od(e, a, t, i, s, n) {
9083
9083
  } : void 0
9084
9084
  ]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
9085
9085
  }
9086
- const oh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-659a1a3d"]]), gn = ["sm", "md", "lg", "xl"], ld = {
9086
+ const oh = /* @__PURE__ */ I(td, [["render", od], ["__scopeId", "data-v-d1f21523"]]), gn = ["sm", "md", "lg", "xl"], ld = {
9087
9087
  name: "DtRecipeCallbarButton",
9088
9088
  components: { DtButton: j, DtTooltip: _e },
9089
9089
  inheritAttrs: !1,
@@ -9584,8 +9584,8 @@ const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
9584
9584
  default: null
9585
9585
  },
9586
9586
  /**
9587
- * Avatar's full name, used as alt attribute for image and
9588
- * to extract initials to display in avatar if `avatarSrc` and `avatarIcon` are empty.
9587
+ * Avatar's full name, used to extract initials
9588
+ * to display in avatar if `avatarSrc` and `avatarIcon` are empty.
9589
9589
  */
9590
9590
  avatarFullName: {
9591
9591
  type: String,
@@ -9607,9 +9607,9 @@ const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
9607
9607
  default: "lg"
9608
9608
  },
9609
9609
  /**
9610
- * The aria label of the avatar
9610
+ * The aria-labelledby of the button containing avatars
9611
9611
  */
9612
- avatarAriaLabel: {
9612
+ avatarLabelledBy: {
9613
9613
  type: String,
9614
9614
  default: ""
9615
9615
  },
@@ -9627,7 +9627,7 @@ const lh = /* @__PURE__ */ I(ud, [["render", fd]]), md = {
9627
9627
  * Showing multiple avatars in contact info.
9628
9628
  * The props of array items are: <br>
9629
9629
  * `src` - avatar image url (optional) <br>
9630
- * `fullName` - full name, used as alt attribute for image and extract initials to display in avatar<br>
9630
+ * `fullName` - full name, used to extract initials to display in avatar<br>
9631
9631
  * if `avatarSrc` and `avatarIcon` are empty<br>
9632
9632
  * `seed` - determines uniqueness of avatar background <br>
9633
9633
  * `text` - text that overlays the avatar (optional) <br>
@@ -9674,7 +9674,7 @@ function Sd(e, a, t, i, s, n) {
9674
9674
  b("button", {
9675
9675
  class: "dt-contact-info__left",
9676
9676
  "data-qa": "contact-info-left",
9677
- "aria-labelledby": t.avatarAriaLabel,
9677
+ "aria-labelledby": t.avatarLabelledBy,
9678
9678
  onClick: a[0] || (a[0] = (...o) => n.avatarClick && n.avatarClick(...o))
9679
9679
  }, [
9680
9680
  t.avatarList ? (d(), u("span", gd, [
@@ -9684,6 +9684,7 @@ function Sd(e, a, t, i, s, n) {
9684
9684
  seed: o.seed,
9685
9685
  "full-name": o.fullName,
9686
9686
  "image-src": o.src,
9687
+ "image-alt": "",
9687
9688
  "icon-name": t.avatarIcon,
9688
9689
  "overlay-icon": o.icon,
9689
9690
  "overlay-text": o.text,
@@ -9694,6 +9695,7 @@ function Sd(e, a, t, i, s, n) {
9694
9695
  size: t.avatarSize,
9695
9696
  "full-name": t.avatarFullName,
9696
9697
  "image-src": t.avatarSrc,
9698
+ "image-alt": "",
9697
9699
  "icon-name": t.avatarIcon,
9698
9700
  seed: t.avatarSeed,
9699
9701
  presence: t.presence
@@ -9722,7 +9724,7 @@ function Sd(e, a, t, i, s, n) {
9722
9724
  } : void 0
9723
9725
  ]), 1032, ["role"]);
9724
9726
  }
9725
- const dh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-192ef233"]]), wd = [
9727
+ const dh = /* @__PURE__ */ I(md, [["render", Sd], ["__scopeId", "data-v-a3c913d1"]]), wd = [
9726
9728
  "green300",
9727
9729
  "green100",
9728
9730
  "red200",
@@ -10684,14 +10686,6 @@ const ph = /* @__PURE__ */ I(lc, [["render", dc]]), cc = {
10684
10686
  type: String,
10685
10687
  default: ""
10686
10688
  },
10687
- /**
10688
- * Optional avatar image alt text.
10689
- * If not provided it will use the name.
10690
- */
10691
- avatarAlt: {
10692
- type: String,
10693
- default: ""
10694
- },
10695
10689
  /**
10696
10690
  * Determines whether to show the presence indicator for
10697
10691
  * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -10848,13 +10842,13 @@ function hc(e, a, t, i, s, n) {
10848
10842
  p(r, {
10849
10843
  "full-name": t.name,
10850
10844
  "image-src": t.avatarSrc,
10851
- "image-alt": t.avatarAlt,
10845
+ "image-alt": "",
10852
10846
  "icon-name": n.iconName,
10853
10847
  "icon-size": "200",
10854
10848
  size: "sm",
10855
10849
  seed: t.avatarSeed,
10856
10850
  presence: t.avatarPresence
10857
- }, null, 8, ["full-name", "image-src", "image-alt", "icon-name", "seed", "presence"])
10851
+ }, null, 8, ["full-name", "image-src", "icon-name", "seed", "presence"])
10858
10852
  ]),
10859
10853
  label: c(() => [
10860
10854
  p(l, {
@@ -10978,7 +10972,8 @@ const bh = /* @__PURE__ */ I(pc, [["render", bc]]), Fa = {
10978
10972
  default: !1
10979
10973
  },
10980
10974
  /**
10981
- * Show the avatar of the user, if this is not passed in, the initials would display
10975
+ * Optional avatar image url.
10976
+ * If not provided it will use extracted initials from displayName.
10982
10977
  */
10983
10978
  avatarImageUrl: {
10984
10979
  type: String,
@@ -11140,6 +11135,7 @@ function Oc(e, a, t, i, s, n) {
11140
11135
  p(r, {
11141
11136
  "full-name": t.displayName,
11142
11137
  "image-src": t.avatarImageUrl,
11138
+ "image-alt": "",
11143
11139
  seed: t.avatarSeed
11144
11140
  }, null, 8, ["full-name", "image-src", "seed"])
11145
11141
  ], !0)
@@ -11194,7 +11190,7 @@ function Oc(e, a, t, i, s, n) {
11194
11190
  _: 3
11195
11191
  }, 16, ["class"]);
11196
11192
  }
11197
- const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-a387e328"]]), za = {
11193
+ const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-175f974a"]]), za = {
11198
11194
  default: "dt-recipe-feed-item-pill__border-default",
11199
11195
  ai: "dt-recipe-feed-item-pill__border-ai",
11200
11196
  critical: "dt-recipe-feed-item-pill__border-critical"
@@ -12395,8 +12391,8 @@ const Ch = /* @__PURE__ */ I(du, [["render", fu]]), qa = {
12395
12391
  default: ""
12396
12392
  },
12397
12393
  /**
12398
- * Avatar's full name, used as alt attribute for image and
12399
- * to extract initials to display in avatar if `avatarSrc` is empty.
12394
+ * Avatar's full name, used to extract initials
12395
+ * to display if `avatarSrc` is empty.
12400
12396
  */
12401
12397
  avatarFullName: {
12402
12398
  type: String,
@@ -12505,6 +12501,7 @@ function Cu(e, a, t, i, s, n) {
12505
12501
  key: 0,
12506
12502
  "avatar-class": "dt-recipe-callbox--avatar",
12507
12503
  "image-src": t.avatarSrc,
12504
+ "image-alt": "",
12508
12505
  "full-name": t.avatarFullName,
12509
12506
  seed: t.avatarSeed,
12510
12507
  clickable: t.clickable,
@@ -12545,7 +12542,7 @@ function Cu(e, a, t, i, s, n) {
12545
12542
  ], 2)
12546
12543
  ]);
12547
12544
  }
12548
- const kh = /* @__PURE__ */ I(mu, [["render", Cu], ["__scopeId", "data-v-66800ae7"]]);
12545
+ const kh = /* @__PURE__ */ I(mu, [["render", Cu], ["__scopeId", "data-v-ef08f46e"]]);
12549
12546
  let xe;
12550
12547
  function ct(e, a) {
12551
12548
  return sa(), fn(e, a, {
@@ -18033,7 +18033,7 @@ const b2e = /* @__PURE__ */ _(m_e, [["render", k_e]]), b_e = ["default", "sm"],
18033
18033
  this.focusId = a;
18034
18034
  },
18035
18035
  getTabChildren() {
18036
- return Array.from(this.$refs.tabs.children).filter(({ className: o }) => o.includes("d-tab")).map((o) => {
18036
+ return Array.from(this.$refs.tabs.querySelectorAll(".d-tab")).map((o) => {
18037
18037
  var t, r;
18038
18038
  return {
18039
18039
  context: o,