@dialpad/dialtone-vue 3.95.1 → 3.96.0

package/dist/{emoji-bI5MJWZH.js → emoji-zsImd-qD.js}

@@ -1,5 +1,5 @@
-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";
-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";
+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";
+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";
 const au = {
   "aria-hidden": "true",
   role: "img",
@@ -15936,7 +15936,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
         _.value && (m.value = null);
       }
     );
-    function P(u) {
+    function T(u) {
       p.value || (m.value = u), r("selected-tabset", u);
     }
     function w(u) {
@@ -15946,7 +15946,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
       x.value[0].focus();
     }
     function v(u, l) {
-      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");
+      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");
     }
     return t({
       focusTabset: H
@@ -15967,7 +15967,7 @@ const Mte = /* @__PURE__ */ L($te, [["render", Dte]]), Zte = { class: "d-emoji-p
             label: k.label,
             "aria-controls": "d-emoji-picker-list",
             tabindex: j + 1,
-            onClickCapture: Ae((Z) => P(k.id), ["stop"]),
+            onClickCapture: Ae((Z) => T(k.id), ["stop"]),
             onKeydown: (Z) => v(Z, k.id)
           }, {
             default: X(() => [
@@ -98824,7 +98824,7 @@ function ooe(a) {
   function x(u, l) {
     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));
   }
-  function P(u, l) {
+  function T(u, l) {
     p(u, l + 1) || p(u + 1, 0) || p(0, 0);
   }
   function w(u, l) {
@@ -98834,7 +98834,7 @@ function ooe(a) {
     p(0, l + 1) || p(0, 0);
   }
   function v(u, l, k) {
-    i.value ? u === "left" ? w(l, k) : u === "right" && H(l, k) : u === "left" ? x(l, k) : u === "right" && P(l, k);
+    i.value ? u === "left" ? w(l, k) : u === "right" && H(l, k) : u === "left" ? x(l, k) : u === "right" && T(l, k);
   }
   return {
     emojiRefs: t,
@@ -98957,7 +98957,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
       hoverFirstEmoji: m,
       setEmojiRef: p,
       setFilteredRef: x,
-      hoverEmoji: P,
+      hoverEmoji: T,
       focusEmoji: w,
       handleHorizontalNavigation: H
     } = 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 = {
         const y = h.name.toLowerCase().includes(f), b = h.keywords.some((g) => g.toLowerCase().includes(f));
         return y || b;
       }), ue(() => {
-        f && P(K.value[0], !0);
+        f && T(K.value[0], !0);
       });
     }
     function Pd(f, h = 300) {
@@ -99104,11 +99104,11 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
         }, [
           b ? (o(), n("p", coe, N(y.label), 1)) : z("", !0),
           e("div", soe, [
-            (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", {
+            (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", {
               key: g.shortname,
               ref_for: !0,
               ref: (D) => {
-                D && T(p)(D, b, A);
+                D && P(p)(D, b, A);
               },
               type: "button",
               "aria-label": g.name,
@@ -99138,18 +99138,18 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
               key: y.shortname,
               ref_for: !0,
               ref: (g) => {
-                g && T(x)(g, b);
+                g && P(x)(g, b);
               },
               type: "button",
               "aria-label": y.name,
               class: M({
-                "hover-emoji": b === 0 && T(m)
+                "hover-emoji": b === 0 && P(m)
               }),
               onClick: (g) => f.$emit("selected-emoji", y),
               onFocusin: (g) => f.$emit("highlighted-emoji", y),
               onFocusout: h[2] || (h[2] = (g) => f.$emit("highlighted-emoji", null)),
-              onMouseover: (g) => T(P)(y),
-              onMouseleave: h[3] || (h[3] = (g) => T(P)(null)),
+              onMouseover: (g) => P(T)(y),
+              onMouseleave: h[3] || (h[3] = (g) => P(T)(null)),
               onKeydown: (g) => qd(g, b, y)
             }, [
               e("img", {
@@ -99157,7 +99157,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
                 alt: y.name,
                 "aria-label": y.name,
                 title: y.name,
-                src: `${T(re) + y.unicode_character}.png`
+                src: `${P(re) + y.unicode_character}.png`
               }, null, 8, moe)
             ], 42, _oe))), 128))
           ])
@@ -99239,7 +99239,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
     );
     const p = Y(() => d.find((l) => l.skinTone === i.skinTone)), x = $(p.value);
     je(() => p.value && (x.value = p.value));
-    function P(l) {
+    function T(l) {
       m.value.push(l);
     }
     function w() {
@@ -99262,7 +99262,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
         (o(), n(J, null, W(d, (j, Z) => e("button", {
           ref_for: !0,
           ref: (C) => {
-            C && P(C);
+            C && T(C);
           },
           key: j.name,
           class: M({
@@ -99276,14 +99276,14 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
             alt: j.name,
             "aria-label": j.name,
             title: j.name,
-            src: `${T(re) + j.unicode_output}.png`
+            src: `${P(re) + j.unicode_output}.png`
           }, null, 8, yoe)
         ], 42, goe)), 64))
       ], 512), [
         [ne, c.value]
       ]),
       oe(e("div", woe, [
-        O(eu, { placement: "top-end" }, {
+        O(P(eu), { placement: "top-end" }, {
           anchor: X(() => [
             e("button", {
               ref_key: "skinSelectorRef",
@@ -99298,7 +99298,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
                 alt: x.value.name,
                 "aria-label": x.value.name,
                 title: x.value.name,
-                src: `${T(re) + x.value.unicode_output}.png`
+                src: `${P(re) + x.value.unicode_output}.png`
               }, null, 8, boe)
             ], 40, koe)
           ]),
@@ -99335,7 +99335,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
           alt: a.emoji.name,
           "aria-label": a.emoji.name,
           title: a.emoji.name,
-          src: `${T(re) + a.emoji.unicode_character}.png`
+          src: `${P(re) + a.emoji.unicode_character}.png`
         }, null, 8, xoe)) : z("", !0),
         we(" " + N((i = a.emoji) == null ? void 0 : i.name), 1)
       ]);
@@ -99453,7 +99453,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
     function x(v) {
       i.value = "", c.value = v, c.value = { ...c.value, tabId: v };
     }
-    function P(v) {
+    function T(v) {
       _.value = v;
     }
     function w(v) {
@@ -99496,7 +99496,7 @@ const noe = { class: "d-emoji-picker__selector" }, roe = {
           "search-no-results-label": a.searchNoResultsLabel,
           "recently-used-emojis": a.recentlyUsedEmojis,
           "selected-tabset": c.value,
-          onScrollIntoTab: P,
+          onScrollIntoTab: T,
           onIsScrolling: w,
           onHighlightedEmoji: H,
           onSelectedEmoji: u[7] || (u[7] = (l) => t("selected-emoji", l)),

package/dist/emoji.cjs

@@ -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;
+"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

@@ -1,7 +1,7 @@
-import { g as o, y as n, F as l, H as m } from "./emoji-bI5MJWZH.js";
-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";
+import { g as o, y as n, F as l, H as m } from "./emoji-zsImd-qD.js";
+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";
 import { h as r } from "vue";
-import "./tooltip_constants-pAtd8bjI.js";
+import "./tooltip-laZwfd56.js";
 const h = {
   name: "DtEmojiTextWrapper",
   components: {

package/dist/{message_input-KktXM8gs.js → message_input-JdPf8pn2.js}

@@ -1,6 +1,6 @@
-import { _ as q, g as tr, p as rl, h as fn, u as il, q as sl, a as ol, r as ll, t as al, v as cl, w as pn, x as dl, y as ul, D as hl } from "./tooltip_constants-pAtd8bjI.js";
+import { _ as q, g as tr, p as rl, h as fn, u as il, q as sl, a as ol, r as ll, t as al, v as cl, w as pn, x as dl, y as ul, D as hl } from "./tooltip-laZwfd56.js";
 import { openBlock as w, createElementBlock as B, toDisplayString as ue, createCommentVNode as _, createElementVNode as G, normalizeClass as $, resolveComponent as A, createBlock as L, resolveDynamicComponent as Xe, withCtx as O, mergeProps as St, renderSlot as z, createVNode as F, createTextVNode as $t, withKeys as Ve, withModifiers as dt, toHandlers as as, createSlots as cs, renderList as ds, Teleport as us, defineComponent as xt, ref as mn, onMounted as hs, onBeforeUnmount as xr, h as Ke, getCurrentInstance as fl, watchEffect as pl, nextTick as ml, unref as gl, markRaw as gn, reactive as fs, provide as qr, customRef as yl, withDirectives as bl, Fragment as ps, vShow as kl, normalizeStyle as Sl } from "vue";
-import { D as nt, y as xl, b as yn, L as wl, j as Cl, g as ms, a5 as vl, a0 as El, a3 as gs, _ as Ml, f as Ol } from "./emoji-bI5MJWZH.js";
+import { D as nt, y as xl, b as yn, L as wl, j as Cl, g as ms, a5 as vl, a0 as El, a3 as gs, _ as Ml, f as Ol } from "./emoji-zsImd-qD.js";
 const Ot = {
   BUSY: "busy",
   AWAY: "away",
@@ -16060,6 +16060,13 @@ const Gp = /* @__PURE__ */ q(Jp, [["render", Up]]), Yp = {
     cancelButtonText: {
       type: String,
       default: "Cancel"
+    },
+    /**
+     * Skin tone to display in the emoji picker
+     */
+    skinTone: {
+      type: String,
+      default: "Default"
     }
   },
   emits: [
@@ -16098,11 +16105,17 @@ const Gp = /* @__PURE__ */ q(Jp, [["render", Up]]), Yp = {
      * @event cancel
      * @type {Boolean}
      */
-    "cancel"
+    "cancel",
+    /**
+     * Fires when skin tone is selected from the emoji picker
+     *
+     * @event skin-tone
+     * @type {String}
+     */
+    "skin-tone"
   ],
   data() {
     return {
-      skinTone: "Default",
       internalInputValue: this.modelValue,
       // internal input content
       hasFocus: !1,
@@ -16163,6 +16176,9 @@ const Gp = /* @__PURE__ */ q(Jp, [["render", Up]]), Yp = {
       const e = n.dataTransfer, r = Array.from(e.files).map((i) => i.name);
       this.$emit("add-media", r);
     },
+    onSkinTone(n) {
+      this.$emit("skin-tone", n);
+    },
     onSelectEmoji(n) {
       if (!n) {
         this.emojiPickerOpened = !1;
@@ -16232,13 +16248,13 @@ function om(n, e, t, r, i, s) {
         "data-qa": "dt-message-input",
         role: "presentation",
         class: $(["d-d-flex d-fd-column d-bar8 d-baw1 d-ba d-c-text", { "d-bc-black-500 d-bs-sm": i.hasFocus, "d-bc-default": !i.hasFocus }]),
-        onClick: e[17] || (e[17] = (p) => n.$refs.richTextEditor.focusEditor()),
-        onDragEnter: e[18] || (e[18] = (...p) => s.onDrag && s.onDrag(...p)),
-        onDragOver: e[19] || (e[19] = (...p) => s.onDrag && s.onDrag(...p)),
-        onDrop: e[20] || (e[20] = (...p) => s.onDrop && s.onDrop(...p)),
-        onKeydown: e[21] || (e[21] = Ve(dt((...p) => s.onSend && s.onSend(...p), ["exact"]), ["enter"])),
-        onFocusin: e[22] || (e[22] = (p) => i.hasFocus = !0),
-        onFocusout: e[23] || (e[23] = (p) => i.hasFocus = !1)
+        onClick: e[16] || (e[16] = (p) => n.$refs.richTextEditor.focusEditor()),
+        onDragEnter: e[17] || (e[17] = (...p) => s.onDrag && s.onDrag(...p)),
+        onDragOver: e[18] || (e[18] = (...p) => s.onDrag && s.onDrag(...p)),
+        onDrop: e[19] || (e[19] = (...p) => s.onDrop && s.onDrop(...p)),
+        onKeydown: e[20] || (e[20] = Ve(dt((...p) => s.onSend && s.onSend(...p), ["exact"]), ["enter"])),
+        onFocusin: e[21] || (e[21] = (p) => i.hasFocus = !0),
+        onFocusout: e[22] || (e[22] = (p) => i.hasFocus = !1)
       }, [
         G("div", {
           class: "d-of-auto d-mx16 d-mt8 d-mb4",
@@ -16308,7 +16324,7 @@ function om(n, e, t, r, i, s) {
               open: i.emojiPickerOpened,
               "initial-focus-element": "#searchInput",
               padding: "none",
-              onOpened: e[12] || (e[12] = (p) => {
+              onOpened: e[11] || (e[11] = (p) => {
                 i.emojiPickerOpened = p;
               })
             }, {
@@ -16351,10 +16367,10 @@ function om(n, e, t, r, i, s) {
                   "search-no-results-label": t.emojiSearchNoResultsLabel,
                   "search-results-label": t.emojiSearchResultsLabel,
                   "search-placeholder-label": t.emojiSearchPlaceholderLabel,
-                  "skin-tone": i.skinTone,
-                  onSkinTone: e[11] || (e[11] = (p) => i.skinTone = p),
+                  "skin-tone": t.skinTone,
+                  onSkinTone: s.onSkinTone,
                   onSelectedEmoji: s.onSelectEmoji
-                }, null, 8, ["tab-set-labels", "skin-selector-button-tooltip-label", "search-no-results-label", "search-results-label", "search-placeholder-label", "skin-tone", "onSelectedEmoji"])
+                }, null, 8, ["tab-set-labels", "skin-selector-button-tooltip-label", "search-no-results-label", "search-results-label", "search-placeholder-label", "skin-tone", "onSkinTone", "onSelectedEmoji"])
               ]),
               _: 1
             }, 8, ["open"])
@@ -16407,10 +16423,10 @@ function om(n, e, t, r, i, s) {
                   "aria-label": t.sendButtonAriaLabel,
                   "aria-disabled": s.isSendDisabled,
                   onClick: s.onSend,
-                  onMouseenter: e[13] || (e[13] = (p) => i.sendButtonFocus = !0),
-                  onMouseleave: e[14] || (e[14] = (p) => i.sendButtonFocus = !1),
-                  onFocusin: e[15] || (e[15] = (p) => i.sendButtonFocus = !0),
-                  onFocusout: e[16] || (e[16] = (p) => i.sendButtonFocus = !1)
+                  onMouseenter: e[12] || (e[12] = (p) => i.sendButtonFocus = !0),
+                  onMouseleave: e[13] || (e[13] = (p) => i.sendButtonFocus = !1),
+                  onFocusin: e[14] || (e[14] = (p) => i.sendButtonFocus = !0),
+                  onFocusout: e[15] || (e[15] = (p) => i.sendButtonFocus = !1)
                 }, cs({
                   default: O(() => [
                     t.isEdit ? (w(), B("p", nm, ue(t.saveChangesButtonText), 1)) : _("", !0)
@@ -16448,6 +16464,7 @@ function om(n, e, t, r, i, s) {
 const um = /* @__PURE__ */ q(Yp, [["render", om]]);
 export {
   In as A,
+  um as B,
   Ql as D,
   Jt as L,
   ya as M,
@@ -16471,13 +16488,13 @@ export {
   Ll as o,
   Wr as p,
   pa as q,
-  Ur as r,
-  Pa as s,
-  Ra as t,
-  Ba as u,
-  Pl as v,
-  Ot as w,
-  Tl as x,
-  Ss as y,
-  um as z
+  Ul as r,
+  Ur as s,
+  Pa as t,
+  Ra as u,
+  Ba as v,
+  Pl as w,
+  Ot as x,
+  Tl as y,
+  Ss as z
 };