@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,5 +1,5 @@
1
- import { openBlock as o, createElementBlock as n, createElementVNode as e, createStaticVNode as s, createBlock as G, resolveDynamicComponent as Nd, normalizeClass as M, createCommentVNode as z, warn as ye, mergeProps as I, toHandlers as de, renderSlot as U, normalizeStyle as he, resolveComponent as q, Fragment as J, renderList as W, createVNode as O, toDisplayString as N, createTextVNode as we, withKeys as F, withCtx as X, ref as $, onMounted as Ce, withModifiers as Ae, createSlots as Kd, computed as Y, toRefs as Jd, watch as ee, nextTick as ue, onUnmounted as Wd, withDirectives as oe, unref as T, vShow as ne, watchEffect as je } from "vue";
2
- import { _ as L, g as ke, h as Se, V as le, k as Yd, b as Oe, f as Xd, i as Qd, D as eu } from "./tooltip_constants-pAtd8bjI.js";
1
+ import { openBlock as o, createElementBlock as n, createElementVNode as e, createStaticVNode as s, createBlock as G, resolveDynamicComponent as Nd, normalizeClass as M, createCommentVNode as z, warn as ye, mergeProps as I, toHandlers as de, renderSlot as U, normalizeStyle as he, resolveComponent as q, Fragment as J, renderList as W, createVNode as O, toDisplayString as N, createTextVNode as we, withKeys as F, withCtx as X, ref as $, onMounted as Ce, withModifiers as Ae, createSlots as Kd, computed as Y, toRefs as Jd, watch as ee, nextTick as ue, onUnmounted as Wd, withDirectives as oe, unref as P, vShow as ne, watchEffect as je } from "vue";
2
+ import { _ as L, g as ke, h as Se, V as le, k as Yd, b as Oe, f as Xd, i as Qd, D as eu } from "./tooltip-laZwfd56.js";
3
3
  const au = {
4
4
  "aria-hidden": "true",
5
5
  role: "img",
@@ -15936,7 +15936,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
15936
15936
  _.value && (m.value = null);
15937
15937
  }
15938
15938
  );
15939
- function P(u) {
15939
+ function T(u) {
15940
15940
  p.value || (m.value = u), r("selected-tabset", u);
15941
15941
  }
15942
15942
  function w(u) {
@@ -15946,7 +15946,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
15946
15946
  x.value[0].focus();
15947
15947
  }
15948
15948
  function v(u, l) {
15949
- u.key === "Enter" && (P(l), x.value[l - 1].blur()), u.key === "Tab" && (u.preventDefault(), r("focus-search-input")), u.key === "ArrowDown" && r("focus-search-input");
15949
+ u.key === "Enter" && (T(l), x.value[l - 1].blur()), u.key === "Tab" && (u.preventDefault(), r("focus-search-input")), u.key === "ArrowDown" && r("focus-search-input");
15950
15950
  }
15951
15951
  return t({
15952
15952
  focusTabset: H
@@ -15967,7 +15967,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
15967
15967
  label: k.label,
15968
15968
  "aria-controls": "d-emoji-picker-list",
15969
15969
  tabindex: j + 1,
15970
- onClickCapture: Ae((Z) => P(k.id), ["stop"]),
15970
+ onClickCapture: Ae((Z) => T(k.id), ["stop"]),
15971
15971
  onKeydown: (Z) => v(Z, k.id)
15972
15972
  }, {
15973
15973
  default: X(() => [
@@ -98824,7 +98824,7 @@ function ooe(a) {
98824
98824
  function x(u, l) {
98825
98825
  p(u, l - 1) || (t.value[u - 1] ? p(u - 1, t.value[u - 1].length - 1) : p(t.value.length - 1, t.value[t.value.length - 1].length - 1));
98826
98826
  }
98827
- function P(u, l) {
98827
+ function T(u, l) {
98828
98828
  p(u, l + 1) || p(u + 1, 0) || p(0, 0);
98829
98829
  }
98830
98830
  function w(u, l) {
@@ -98834,7 +98834,7 @@ function ooe(a) {
98834
98834
  p(0, l + 1) || p(0, 0);
98835
98835
  }
98836
98836
  function v(u, l, k) {
98837
- i.value ? u === "left" ? w(l, k) : u === "right" && H(l, k) : u === "left" ? x(l, k) : u === "right" && P(l, k);
98837
+ i.value ? u === "left" ? w(l, k) : u === "right" && H(l, k) : u === "left" ? x(l, k) : u === "right" && T(l, k);
98838
98838
  }
98839
98839
  return {
98840
98840
  emojiRefs: t,
@@ -98957,7 +98957,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
98957
98957
  hoverFirstEmoji: m,
98958
98958
  setEmojiRef: p,
98959
98959
  setFilteredRef: x,
98960
- hoverEmoji: P,
98960
+ hoverEmoji: T,
98961
98961
  focusEmoji: w,
98962
98962
  handleHorizontalNavigation: H
98963
98963
  } = ooe(r), v = $(null), u = $(null), l = $(null), k = ["Recently used", "People", "Nature", "Food", "Activity", "Travel", "Objects", "Symbols", "Flags"], j = Y(() => i.recentlyUsedEmojis.length ? i.tabsetLabels.map((f) => ({ label: f, ref: $(null) })) : i.tabsetLabels.slice(1).map((f) => ({ label: f, ref: $(null) }))), Z = $(j.value[0].label), C = Y(() => i.recentlyUsedEmojis.length ? k : k.slice(1)), K = $([]), be = Y(() => [
@@ -98995,7 +98995,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
98995
98995
  const y = h.name.toLowerCase().includes(f), b = h.keywords.some((g) => g.toLowerCase().includes(f));
98996
98996
  return y || b;
98997
98997
  }), ue(() => {
98998
- f && P(K.value[0], !0);
98998
+ f && T(K.value[0], !0);
98999
98999
  });
99000
99000
  }
99001
99001
  function Pd(f, h = 300) {
@@ -99104,11 +99104,11 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99104
99104
  }, [
99105
99105
  b ? (o(), n("p", coe, N(y.label), 1)) : z("", !0),
99106
99106
  e("div", soe, [
99107
- (o(!0), n(J, null, W(T(V)[C.value[b] + a.skinTone] ? T(V)[C.value[b] + a.skinTone] : T(V)[C.value[b]], (g, A) => (o(), n("button", {
99107
+ (o(!0), n(J, null, W(P(V)[C.value[b] + a.skinTone] ? P(V)[C.value[b] + a.skinTone] : P(V)[C.value[b]], (g, A) => (o(), n("button", {
99108
99108
  key: g.shortname,
99109
99109
  ref_for: !0,
99110
99110
  ref: (D) => {
99111
- D && T(p)(D, b, A);
99111
+ D && P(p)(D, b, A);
99112
99112
  },
99113
99113
  type: "button",
99114
99114
  "aria-label": g.name,
@@ -99138,18 +99138,18 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99138
99138
  key: y.shortname,
99139
99139
  ref_for: !0,
99140
99140
  ref: (g) => {
99141
- g && T(x)(g, b);
99141
+ g && P(x)(g, b);
99142
99142
  },
99143
99143
  type: "button",
99144
99144
  "aria-label": y.name,
99145
99145
  class: M({
99146
- "hover-emoji": b === 0 && T(m)
99146
+ "hover-emoji": b === 0 && P(m)
99147
99147
  }),
99148
99148
  onClick: (g) => f.$emit("selected-emoji", y),
99149
99149
  onFocusin: (g) => f.$emit("highlighted-emoji", y),
99150
99150
  onFocusout: h[2] || (h[2] = (g) => f.$emit("highlighted-emoji", null)),
99151
- onMouseover: (g) => T(P)(y),
99152
- onMouseleave: h[3] || (h[3] = (g) => T(P)(null)),
99151
+ onMouseover: (g) => P(T)(y),
99152
+ onMouseleave: h[3] || (h[3] = (g) => P(T)(null)),
99153
99153
  onKeydown: (g) => qd(g, b, y)
99154
99154
  }, [
99155
99155
  e("img", {
@@ -99157,7 +99157,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99157
99157
  alt: y.name,
99158
99158
  "aria-label": y.name,
99159
99159
  title: y.name,
99160
- src: `${T(re) + y.unicode_character}.png`
99160
+ src: `${P(re) + y.unicode_character}.png`
99161
99161
  }, null, 8, moe)
99162
99162
  ], 42, _oe))), 128))
99163
99163
  ])
@@ -99239,7 +99239,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99239
99239
  );
99240
99240
  const p = Y(() => d.find((l) => l.skinTone === i.skinTone)), x = $(p.value);
99241
99241
  je(() => p.value && (x.value = p.value));
99242
- function P(l) {
99242
+ function T(l) {
99243
99243
  m.value.push(l);
99244
99244
  }
99245
99245
  function w() {
@@ -99262,7 +99262,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99262
99262
  (o(), n(J, null, W(d, (j, Z) => e("button", {
99263
99263
  ref_for: !0,
99264
99264
  ref: (C) => {
99265
- C && P(C);
99265
+ C && T(C);
99266
99266
  },
99267
99267
  key: j.name,
99268
99268
  class: M({
@@ -99276,14 +99276,14 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99276
99276
  alt: j.name,
99277
99277
  "aria-label": j.name,
99278
99278
  title: j.name,
99279
- src: `${T(re) + j.unicode_output}.png`
99279
+ src: `${P(re) + j.unicode_output}.png`
99280
99280
  }, null, 8, yoe)
99281
99281
  ], 42, goe)), 64))
99282
99282
  ], 512), [
99283
99283
  [ne, c.value]
99284
99284
  ]),
99285
99285
  oe(e("div", woe, [
99286
- O(eu, { placement: "top-end" }, {
99286
+ O(P(eu), { placement: "top-end" }, {
99287
99287
  anchor: X(() => [
99288
99288
  e("button", {
99289
99289
  ref_key: "skinSelectorRef",
@@ -99298,7 +99298,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99298
99298
  alt: x.value.name,
99299
99299
  "aria-label": x.value.name,
99300
99300
  title: x.value.name,
99301
- src: `${T(re) + x.value.unicode_output}.png`
99301
+ src: `${P(re) + x.value.unicode_output}.png`
99302
99302
  }, null, 8, boe)
99303
99303
  ], 40, koe)
99304
99304
  ]),
@@ -99335,7 +99335,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99335
99335
  alt: a.emoji.name,
99336
99336
  "aria-label": a.emoji.name,
99337
99337
  title: a.emoji.name,
99338
- src: `${T(re) + a.emoji.unicode_character}.png`
99338
+ src: `${P(re) + a.emoji.unicode_character}.png`
99339
99339
  }, null, 8, xoe)) : z("", !0),
99340
99340
  we(" " + N((i = a.emoji) == null ? void 0 : i.name), 1)
99341
99341
  ]);
@@ -99453,7 +99453,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99453
99453
  function x(v) {
99454
99454
  i.value = "", c.value = v, c.value = { ...c.value, tabId: v };
99455
99455
  }
99456
- function P(v) {
99456
+ function T(v) {
99457
99457
  _.value = v;
99458
99458
  }
99459
99459
  function w(v) {
@@ -99496,7 +99496,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
99496
99496
  "search-no-results-label": a.searchNoResultsLabel,
99497
99497
  "recently-used-emojis": a.recentlyUsedEmojis,
99498
99498
  "selected-tabset": c.value,
99499
- onScrollIntoTab: P,
99499
+ onScrollIntoTab: T,
99500
99500
  onIsScrolling: w,
99501
99501
  onHighlightedEmoji: H,
99502
99502
  onSelectedEmoji: u[7] || (u[7] = (l) => t("selected-emoji", l)),
package/dist/emoji.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-ujF0T0kZ.cjs"),n=require("vue");require("./tooltip_constants-mcMQGvF_.cjs");const a={name:"DtEmojiTextWrapper",components:{DtEmoji:e.DtEmoji},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:t=>Object.keys(e.ICON_SIZE_MODIFIERS).includes(t)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(t,o){const i=new RegExp(`(${t.join("|")})`,"g");return o.split(i).map(r=>t.includes(r)?n.h(e.DtEmoji,{...this.$attrs,class:"d-mx4 d-d-inline-block",size:this.size,code:r}):r)},searchVNodes(t){var i;if(typeof t=="string")return this.searchCodes(t);if(typeof t.type=="symbol")return this.searchCodes(t.children);if((i=t.props)!=null&&i.innerHTML)return this.searchVNodes(t.props.innerHTML);const o=Array.isArray(t.children)?t.children:[t.children];return n.h(t.type,t.props,o.map(s=>this.searchVNodes(s)))},replaceVueComponentVNodeContent(t){},searchCodes(t){const o=e.findShortCodes(t),i=e.findEmojis(t),s=[...o,...i];return s.length===0?t:this.replaceDtEmojis(s,t)}},render(){const t=this.$slots.default?this.$slots.default():[];return n.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:this.$attrs.class},this.loadingEmojiJson?t:t.map(o=>this.searchVNodes(o)))}};exports.CDN_URL=e.CDN_URL;exports.DtEmoji=e.DtEmoji;exports.DtEmojiPicker=e._sfc_main;exports.EMOJIS_PER_ROW=e.EMOJIS_PER_ROW;exports.EMOJI_CATEGORIES=e.EMOJI_CATEGORIES;exports.EMOJI_SKIN_TONE_MODIFIERS=e.EMOJI_SKIN_TONE_MODIFIERS;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiTextWrapper=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./emoji-5anz0QgY.cjs"),n=require("vue");require("./tooltip-3LC0ejIh.cjs");const a={name:"DtEmojiTextWrapper",components:{DtEmoji:e.DtEmoji},inheritAttrs:!1,props:{elementType:{type:String,default:"div"},size:{type:String,default:"500",validator:t=>Object.keys(e.ICON_SIZE_MODIFIERS).includes(t)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(t,o){const i=new RegExp(`(${t.join("|")})`,"g");return o.split(i).map(r=>t.includes(r)?n.h(e.DtEmoji,{...this.$attrs,class:"d-mx4 d-d-inline-block",size:this.size,code:r}):r)},searchVNodes(t){var i;if(typeof t=="string")return this.searchCodes(t);if(typeof t.type=="symbol")return this.searchCodes(t.children);if((i=t.props)!=null&&i.innerHTML)return this.searchVNodes(t.props.innerHTML);const o=Array.isArray(t.children)?t.children:[t.children];return n.h(t.type,t.props,o.map(s=>this.searchVNodes(s)))},replaceVueComponentVNodeContent(t){},searchCodes(t){const o=e.findShortCodes(t),i=e.findEmojis(t),s=[...o,...i];return s.length===0?t:this.replaceDtEmojis(s,t)}},render(){const t=this.$slots.default?this.$slots.default():[];return n.h(this.elementType,{"data-qa":"emoji-text-wrapper",class:this.$attrs.class},this.loadingEmojiJson?t:t.map(o=>this.searchVNodes(o)))}};exports.CDN_URL=e.CDN_URL;exports.DtEmoji=e.DtEmoji;exports.DtEmojiPicker=e._sfc_main;exports.EMOJIS_PER_ROW=e.EMOJIS_PER_ROW;exports.EMOJI_CATEGORIES=e.EMOJI_CATEGORIES;exports.EMOJI_SKIN_TONE_MODIFIERS=e.EMOJI_SKIN_TONE_MODIFIERS;exports.codeToEmojiData=e.codeToEmojiData;Object.defineProperty(exports,"customEmojiAssetUrl",{enumerable:!0,get:()=>e.customEmojiAssetUrl});exports.defaultEmojiAssetUrl=e.defaultEmojiAssetUrl;Object.defineProperty(exports,"emojiFileExtensionLarge",{enumerable:!0,get:()=>e.emojiFileExtensionLarge});Object.defineProperty(exports,"emojiFileExtensionSmall",{enumerable:!0,get:()=>e.emojiFileExtensionSmall});Object.defineProperty(exports,"emojiImageUrlLarge",{enumerable:!0,get:()=>e.emojiImageUrlLarge});Object.defineProperty(exports,"emojiImageUrlSmall",{enumerable:!0,get:()=>e.emojiImageUrlSmall});exports.emojiJson=e.emojiJson;exports.emojiVersion=e.emojiVersion;exports.filterValidShortCodes=e.filterValidShortCodes;exports.findEmojis=e.findEmojis;exports.findShortCodes=e.findShortCodes;exports.getEmojiData=e.getEmojiData;exports.setCustomEmojiJson=e.setCustomEmojiJson;exports.setCustomEmojiUrl=e.setCustomEmojiUrl;exports.setEmojiAssetUrlLarge=e.setEmojiAssetUrlLarge;exports.setEmojiAssetUrlSmall=e.setEmojiAssetUrlSmall;exports.shortcodeToEmojiData=e.shortcodeToEmojiData;exports.stringToUnicode=e.stringToUnicode;exports.unicodeToString=e.unicodeToString;exports.validateCustomEmojiJson=e.validateCustomEmojiJson;exports.DtEmojiTextWrapper=a;
package/dist/emoji.js CHANGED
@@ -1,7 +1,7 @@
1
- import { g as o, y as n, F as l, H as m } from "./emoji-bI5MJWZH.js";
2
- import { z as u, _ as f, E as g, B as S, A as y, a3 as I, N as D, K as T, R as _, P as C, Q as O, O as J, U, J as A, a4 as R, V as x, Z as M, Y as L, X as $, W as F, a0 as z, a2 as W, a1 as b, $ as k } from "./emoji-bI5MJWZH.js";
1
+ import { g as o, y as n, F as l, H as m } from "./emoji-zsImd-qD.js";
2
+ import { z as u, _ as f, E as g, B as S, A as y, a3 as I, N as D, K as T, R as _, P as C, Q as O, O as J, U, J as A, a4 as R, V as x, Z as M, Y as L, X as $, W as F, a0 as z, a2 as W, a1 as b, $ as k } from "./emoji-zsImd-qD.js";
3
3
  import { h as r } from "vue";
4
- import "./tooltip_constants-pAtd8bjI.js";
4
+ import "./tooltip-laZwfd56.js";
5
5
  const h = {
6
6
  name: "DtEmojiTextWrapper",
7
7
  components: {