@dialpad/dialtone-vue 3.94.4 → 3.96.0
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 +38 -0
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +5 -5
- package/dist/dialtone-vue.js +958 -990
- package/dist/directives.cjs +1 -1
- package/dist/directives.js +1 -1
- package/dist/emoji-5anz0QgY.cjs +1 -0
- package/dist/{emoji-eca45193.js → emoji-zsImd-qD.js} +25 -26
- package/dist/emoji.cjs +1 -1
- package/dist/emoji.js +3 -3
- package/dist/{message_input-adace257.js → message_input-JdPf8pn2.js} +981 -902
- package/dist/{message_input-cd4bb4eb.cjs → message_input-s1pJ2P6G.cjs} +16 -16
- package/dist/message_input.cjs +1 -1
- package/dist/message_input.js +3 -3
- package/dist/style.css +1 -1
- package/dist/{tooltip-4736031b.cjs → tooltip-3LC0ejIh.cjs} +4 -4
- package/dist/{tooltip-e2013b2a.js → tooltip-laZwfd56.js} +175 -176
- package/dist/types/components/banner/banner.vue.d.ts.map +1 -1
- package/dist/types/components/collapsible/collapsible_lazy_show.vue.d.ts.map +1 -1
- package/dist/types/components/notice/index.d.ts +4 -1
- package/dist/types/components/toast/index.d.ts +1 -1
- package/dist/types/components/toast/toast.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 +81 -2
- 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 +15 -15
- package/dist/emoji-36138d23.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 "./tooltip-
|
|
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",
|
|
@@ -14446,8 +14446,7 @@ function Nae(a, t, r, i, d, c) {
|
|
|
14446
14446
|
])
|
|
14447
14447
|
], 2);
|
|
14448
14448
|
}
|
|
14449
|
-
const Kae = /* @__PURE__ */ L(Uae, [["render", Nae]])
|
|
14450
|
-
const Jae = {
|
|
14449
|
+
const Kae = /* @__PURE__ */ L(Uae, [["render", Nae]]), Jae = {
|
|
14451
14450
|
name: "DtSkeleton",
|
|
14452
14451
|
components: {
|
|
14453
14452
|
DtSkeletonText: Md,
|
|
@@ -15937,7 +15936,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
|
|
|
15937
15936
|
_.value && (m.value = null);
|
|
15938
15937
|
}
|
|
15939
15938
|
);
|
|
15940
|
-
function
|
|
15939
|
+
function T(u) {
|
|
15941
15940
|
p.value || (m.value = u), r("selected-tabset", u);
|
|
15942
15941
|
}
|
|
15943
15942
|
function w(u) {
|
|
@@ -15947,7 +15946,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
|
|
|
15947
15946
|
x.value[0].focus();
|
|
15948
15947
|
}
|
|
15949
15948
|
function v(u, l) {
|
|
15950
|
-
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");
|
|
15951
15950
|
}
|
|
15952
15951
|
return t({
|
|
15953
15952
|
focusTabset: H
|
|
@@ -15968,7 +15967,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
|
|
|
15968
15967
|
label: k.label,
|
|
15969
15968
|
"aria-controls": "d-emoji-picker-list",
|
|
15970
15969
|
tabindex: j + 1,
|
|
15971
|
-
onClickCapture: Ae((Z) =>
|
|
15970
|
+
onClickCapture: Ae((Z) => T(k.id), ["stop"]),
|
|
15972
15971
|
onKeydown: (Z) => v(Z, k.id)
|
|
15973
15972
|
}, {
|
|
15974
15973
|
default: X(() => [
|
|
@@ -98825,7 +98824,7 @@ function ooe(a) {
|
|
|
98825
98824
|
function x(u, l) {
|
|
98826
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));
|
|
98827
98826
|
}
|
|
98828
|
-
function
|
|
98827
|
+
function T(u, l) {
|
|
98829
98828
|
p(u, l + 1) || p(u + 1, 0) || p(0, 0);
|
|
98830
98829
|
}
|
|
98831
98830
|
function w(u, l) {
|
|
@@ -98835,7 +98834,7 @@ function ooe(a) {
|
|
|
98835
98834
|
p(0, l + 1) || p(0, 0);
|
|
98836
98835
|
}
|
|
98837
98836
|
function v(u, l, k) {
|
|
98838
|
-
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);
|
|
98839
98838
|
}
|
|
98840
98839
|
return {
|
|
98841
98840
|
emojiRefs: t,
|
|
@@ -98958,7 +98957,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
98958
98957
|
hoverFirstEmoji: m,
|
|
98959
98958
|
setEmojiRef: p,
|
|
98960
98959
|
setFilteredRef: x,
|
|
98961
|
-
hoverEmoji:
|
|
98960
|
+
hoverEmoji: T,
|
|
98962
98961
|
focusEmoji: w,
|
|
98963
98962
|
handleHorizontalNavigation: H
|
|
98964
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(() => [
|
|
@@ -98996,7 +98995,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
98996
98995
|
const y = h.name.toLowerCase().includes(f), b = h.keywords.some((g) => g.toLowerCase().includes(f));
|
|
98997
98996
|
return y || b;
|
|
98998
98997
|
}), ue(() => {
|
|
98999
|
-
f &&
|
|
98998
|
+
f && T(K.value[0], !0);
|
|
99000
98999
|
});
|
|
99001
99000
|
}
|
|
99002
99001
|
function Pd(f, h = 300) {
|
|
@@ -99105,11 +99104,11 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99105
99104
|
}, [
|
|
99106
99105
|
b ? (o(), n("p", coe, N(y.label), 1)) : z("", !0),
|
|
99107
99106
|
e("div", soe, [
|
|
99108
|
-
(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", {
|
|
99109
99108
|
key: g.shortname,
|
|
99110
99109
|
ref_for: !0,
|
|
99111
99110
|
ref: (D) => {
|
|
99112
|
-
D &&
|
|
99111
|
+
D && P(p)(D, b, A);
|
|
99113
99112
|
},
|
|
99114
99113
|
type: "button",
|
|
99115
99114
|
"aria-label": g.name,
|
|
@@ -99139,18 +99138,18 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99139
99138
|
key: y.shortname,
|
|
99140
99139
|
ref_for: !0,
|
|
99141
99140
|
ref: (g) => {
|
|
99142
|
-
g &&
|
|
99141
|
+
g && P(x)(g, b);
|
|
99143
99142
|
},
|
|
99144
99143
|
type: "button",
|
|
99145
99144
|
"aria-label": y.name,
|
|
99146
99145
|
class: M({
|
|
99147
|
-
"hover-emoji": b === 0 &&
|
|
99146
|
+
"hover-emoji": b === 0 && P(m)
|
|
99148
99147
|
}),
|
|
99149
99148
|
onClick: (g) => f.$emit("selected-emoji", y),
|
|
99150
99149
|
onFocusin: (g) => f.$emit("highlighted-emoji", y),
|
|
99151
99150
|
onFocusout: h[2] || (h[2] = (g) => f.$emit("highlighted-emoji", null)),
|
|
99152
|
-
onMouseover: (g) => T
|
|
99153
|
-
onMouseleave: h[3] || (h[3] = (g) => T
|
|
99151
|
+
onMouseover: (g) => P(T)(y),
|
|
99152
|
+
onMouseleave: h[3] || (h[3] = (g) => P(T)(null)),
|
|
99154
99153
|
onKeydown: (g) => qd(g, b, y)
|
|
99155
99154
|
}, [
|
|
99156
99155
|
e("img", {
|
|
@@ -99158,7 +99157,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99158
99157
|
alt: y.name,
|
|
99159
99158
|
"aria-label": y.name,
|
|
99160
99159
|
title: y.name,
|
|
99161
|
-
src: `${
|
|
99160
|
+
src: `${P(re) + y.unicode_character}.png`
|
|
99162
99161
|
}, null, 8, moe)
|
|
99163
99162
|
], 42, _oe))), 128))
|
|
99164
99163
|
])
|
|
@@ -99240,7 +99239,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99240
99239
|
);
|
|
99241
99240
|
const p = Y(() => d.find((l) => l.skinTone === i.skinTone)), x = $(p.value);
|
|
99242
99241
|
je(() => p.value && (x.value = p.value));
|
|
99243
|
-
function
|
|
99242
|
+
function T(l) {
|
|
99244
99243
|
m.value.push(l);
|
|
99245
99244
|
}
|
|
99246
99245
|
function w() {
|
|
@@ -99263,7 +99262,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99263
99262
|
(o(), n(J, null, W(d, (j, Z) => e("button", {
|
|
99264
99263
|
ref_for: !0,
|
|
99265
99264
|
ref: (C) => {
|
|
99266
|
-
C &&
|
|
99265
|
+
C && T(C);
|
|
99267
99266
|
},
|
|
99268
99267
|
key: j.name,
|
|
99269
99268
|
class: M({
|
|
@@ -99277,14 +99276,14 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99277
99276
|
alt: j.name,
|
|
99278
99277
|
"aria-label": j.name,
|
|
99279
99278
|
title: j.name,
|
|
99280
|
-
src: `${
|
|
99279
|
+
src: `${P(re) + j.unicode_output}.png`
|
|
99281
99280
|
}, null, 8, yoe)
|
|
99282
99281
|
], 42, goe)), 64))
|
|
99283
99282
|
], 512), [
|
|
99284
99283
|
[ne, c.value]
|
|
99285
99284
|
]),
|
|
99286
99285
|
oe(e("div", woe, [
|
|
99287
|
-
O(eu, { placement: "top-end" }, {
|
|
99286
|
+
O(P(eu), { placement: "top-end" }, {
|
|
99288
99287
|
anchor: X(() => [
|
|
99289
99288
|
e("button", {
|
|
99290
99289
|
ref_key: "skinSelectorRef",
|
|
@@ -99299,7 +99298,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99299
99298
|
alt: x.value.name,
|
|
99300
99299
|
"aria-label": x.value.name,
|
|
99301
99300
|
title: x.value.name,
|
|
99302
|
-
src: `${
|
|
99301
|
+
src: `${P(re) + x.value.unicode_output}.png`
|
|
99303
99302
|
}, null, 8, boe)
|
|
99304
99303
|
], 40, koe)
|
|
99305
99304
|
]),
|
|
@@ -99336,7 +99335,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99336
99335
|
alt: a.emoji.name,
|
|
99337
99336
|
"aria-label": a.emoji.name,
|
|
99338
99337
|
title: a.emoji.name,
|
|
99339
|
-
src: `${
|
|
99338
|
+
src: `${P(re) + a.emoji.unicode_character}.png`
|
|
99340
99339
|
}, null, 8, xoe)) : z("", !0),
|
|
99341
99340
|
we(" " + N((i = a.emoji) == null ? void 0 : i.name), 1)
|
|
99342
99341
|
]);
|
|
@@ -99454,7 +99453,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99454
99453
|
function x(v) {
|
|
99455
99454
|
i.value = "", c.value = v, c.value = { ...c.value, tabId: v };
|
|
99456
99455
|
}
|
|
99457
|
-
function
|
|
99456
|
+
function T(v) {
|
|
99458
99457
|
_.value = v;
|
|
99459
99458
|
}
|
|
99460
99459
|
function w(v) {
|
|
@@ -99497,7 +99496,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
|
|
|
99497
99496
|
"search-no-results-label": a.searchNoResultsLabel,
|
|
99498
99497
|
"recently-used-emojis": a.recentlyUsedEmojis,
|
|
99499
99498
|
"selected-tabset": c.value,
|
|
99500
|
-
onScrollIntoTab:
|
|
99499
|
+
onScrollIntoTab: T,
|
|
99501
99500
|
onIsScrolling: w,
|
|
99502
99501
|
onHighlightedEmoji: H,
|
|
99503
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 "./tooltip-
|
|
4
|
+
import "./tooltip-laZwfd56.js";
|
|
5
5
|
const h = {
|
|
6
6
|
name: "DtEmojiTextWrapper",
|
|
7
7
|
components: {
|