@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.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +24 -0
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +3 -3
- package/dist/dialtone-vue.js +57 -56
- package/dist/directives.cjs +1 -1
- package/dist/directives.js +1 -1
- package/dist/emoji-5anz0QgY.cjs +1 -0
- package/dist/{emoji-bI5MJWZH.js → emoji-zsImd-qD.js} +24 -24
- package/dist/emoji.cjs +1 -1
- package/dist/emoji.js +3 -3
- package/dist/{message_input-r_-Jg43r.cjs → message_input-SgLogXZ3.cjs} +16 -16
- package/dist/{message_input-KktXM8gs.js → message_input-zOYCybPr.js} +202 -208
- package/dist/message_input.cjs +1 -1
- package/dist/message_input.js +3 -3
- package/dist/style.css +1 -1
- package/dist/{tooltip_constants-mcMQGvF_.cjs → tooltip-3LC0ejIh.cjs} +1 -1
- package/dist/{tooltip_constants-pAtd8bjI.js → tooltip-laZwfd56.js} +31 -31
- package/dist/types/components/collapsible/collapsible_lazy_show.vue.d.ts.map +1 -1
- package/dist/types/components/emoji_picker/composables/useKeyboardNavigation.d.ts.map +1 -1
- package/dist/types/components/notice/index.d.ts +1 -1
- package/dist/types/components/scroller/modules/core_scroller.vue.d.ts.map +1 -1
- package/dist/types/components/scroller/modules/scroller_item.vue.d.ts.map +1 -1
- package/dist/types/components/tooltip/index.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
- package/dist/types/components/tooltip/tooltip_constants.d.ts +8 -0
- package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts +1 -1
- package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts.map +1 -1
- package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +15 -47
- package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/callbox/callbox.vue.d.ts +2 -2
- package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts +1 -1
- package/package.json +2 -2
- 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
|
|
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 "./
|
|
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
|
|
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" && (
|
|
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) =>
|
|
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
|
|
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" &&
|
|
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:
|
|
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 &&
|
|
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(
|
|
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 &&
|
|
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 &&
|
|
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 &&
|
|
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
|
|
99152
|
-
onMouseleave: h[3] || (h[3] = (g) => T
|
|
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: `${
|
|
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
|
|
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 &&
|
|
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: `${
|
|
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: `${
|
|
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: `${
|
|
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
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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 "./
|
|
4
|
+
import "./tooltip-laZwfd56.js";
|
|
5
5
|
const h = {
|
|
6
6
|
name: "DtEmojiTextWrapper",
|
|
7
7
|
components: {
|