@dialpad/dialtone-vue 2.105.4 → 2.106.2

package/dist/{emoji-BKjUPoIz.js → emoji-3RE0Ouie.js}

@@ -312,7 +312,7 @@ const Et = {
 }, Symbol.toStringTag, { value: "Module" }));
 var Ht = function() {
   var e = this, a = e.$createElement, t = e._self._c || a;
-  return t("svg", e._g({ staticClass: "d-icon d-icon--ata-adapter", attrs: { "aria-hidden": "true", role: "img", "data-name": "Ata Adapter", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" } }, e.$listeners), [t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v5A1.5 1.5 0 0 1 9.5 9h-7A1.5 1.5 0 0 1 1 7.5v-5ZM2.5 2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7ZM4 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm.5 3A.5.5 0 0 1 5 6h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-3.5 4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z", fill: "currentColor" } })]);
+  return t("svg", e._g({ staticClass: "d-icon d-icon--ata-adapter", attrs: { "aria-hidden": "true", role: "img", "data-name": "Ata Adapter", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" } }, e.$listeners), [t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7ZM2.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM3 5.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0A.5.5 0 0 1 5 6v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0A.5.5 0 0 1 8 6v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm-6.5 3A.5.5 0 0 1 3 8h.005a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm1.5 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5Zm1.5 0A.5.5 0 0 1 6 8h.005a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5Zm1.5 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.5-.5Zm1.5 0A.5.5 0 0 1 9 8h.005a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5Z", fill: "currentColor" } })]);
 };
 const Bt = {
   render: Ht
@@ -1702,7 +1702,7 @@ const bu = {
 }, Symbol.toStringTag, { value: "Module" }));
 var ju = function() {
   var e = this, a = e.$createElement, t = e._self._c || a;
-  return t("svg", e._g({ staticClass: "d-icon d-icon--dect-base-station", attrs: { "aria-hidden": "true", role: "img", "data-name": "Dect Base Station", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" } }, e.$listeners), [t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7ZM2.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM3 5.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0A.5.5 0 0 1 5 6v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0A.5.5 0 0 1 8 6v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm1.5 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm-6.5 3A.5.5 0 0 1 3 8h.005a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm1.5 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5Zm1.5 0A.5.5 0 0 1 6 8h.005a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5Zm1.5 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.5-.5Zm1.5 0A.5.5 0 0 1 9 8h.005a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5Z", fill: "currentColor" } })]);
+  return t("svg", e._g({ staticClass: "d-icon d-icon--dect-base-station", attrs: { "aria-hidden": "true", role: "img", "data-name": "Dect Base Station", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" } }, e.$listeners), [t("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v5A1.5 1.5 0 0 1 9.5 9h-7A1.5 1.5 0 0 1 1 7.5v-5ZM2.5 2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7ZM4 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm.5 3A.5.5 0 0 1 5 6h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-3.5 4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z", fill: "currentColor" } })]);
 };
 const Du = {
   render: ju
@@ -7197,7 +7197,7 @@ const C8 = M8.exports, Z8 = {
       this.tabsetRef[0] && this.tabsetRef[0].focus();
     },
     handleKeyDown(e, a) {
-      e.key === "Enter" && (this.selectTabset(a), this.tabsetRef[a - 1] && this.tabsetRef[a - 1].blur()), e.key === "Tab" && (e.preventDefault(), this.$emit("focus-search-input")), e.key === "ArrowDown" && this.$emit("focus-search-input");
+      e.key === "Enter" && (this.selectTabset(a), this.tabsetRef[a - 1] && this.tabsetRef[a - 1].blur()), e.key === "Tab" && (e.preventDefault(), e.shiftKey ? this.$emit("focus-skin-selector") : this.$emit("focus-search-input")), e.key === "ArrowDown" && this.$emit("focus-search-input");
     }
   }
 };
@@ -91143,6 +91143,9 @@ const y7 = {
       }), this.tabLabelObserver.observe(this.$refs.tabCategoryRef), Array.from(this.$refs.listRef.children).forEach((e, a) => {
         this.tabLabelObserver.observe(e), e.dataset.index = a;
       });
+    },
+    focusLastEmoji() {
+      this.focusEmoji(this.tabs.length - 1, 0);
     }
   }
 };
@@ -91339,7 +91342,7 @@ const C7 = M7.exports, Z7 = {
     },
     handleKeyDown(e, a, t) {
       var o, n, r, s;
-      e.preventDefault(), e.key === "ArrowLeft" && (t === 0 && ((o = this.skinsRef[this.skinsRef.length - 1]) == null || o.focus()), (n = this.skinsRef[t - 1]) == null || n.focus()), e.key === "ArrowRight" && (this.skinsRef.length && ((r = this.skinsRef[0]) == null || r.focus()), (s = this.skinsRef[t + 1]) == null || s.focus()), e.key === "Enter" && (a ? this.selectSkin(a) : this.toggleSkinList()), e.key === "Tab" && this.$emit("focus-tabset");
+      e.preventDefault(), e.key === "ArrowLeft" && (t === 0 && ((o = this.skinsRef[this.skinsRef.length - 1]) == null || o.focus()), (n = this.skinsRef[t - 1]) == null || n.focus()), e.key === "ArrowRight" && (this.skinsRef.length && ((r = this.skinsRef[0]) == null || r.focus()), (s = this.skinsRef[t + 1]) == null || s.focus()), e.key === "Enter" && (a ? this.selectSkin(a) : this.toggleSkinList()), e.key === "Tab" && (e.shiftKey ? this.$emit("focus-last-emoji") : this.$emit("focus-tabset"));
     },
     toggleSkinList() {
       this.isOpen = !this.isOpen, this.$nextTick(() => {
@@ -91441,6 +91444,8 @@ var E7 = function() {
   var a = this, t = a._self._c;
   return t("div", { staticClass: "d-emoji-picker" }, [t("div", { staticClass: "d-emoji-picker--header" }, [t("emoji-tabset", { ref: "tabsetRef", attrs: { "emoji-filter": a.searchQuery, "show-recently-used-tab": a.showRecentlyUsedTab, "scroll-into-tab": a.scrollIntoTab, "tab-set-labels": a.tabSetLabels, "is-scrolling": a.isScrolling }, on: { "focus-search-input": function(o) {
     return a.$refs.searchInputRef.focusSearchInput();
+  }, "focus-skin-selector": function(o) {
+    return a.$refs.skinSelectorRef.focusSkinSelector();
   }, "selected-tabset": a.scrollToSelectedTabset }, nativeOn: { keydown: function(o) {
     return !o.type.indexOf("key") && a._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : a.$emit("close");
   } } })], 1), t("div", { staticClass: "d-emoji-picker--body" }, [t("emoji-search", { ref: "searchInputRef", attrs: { "model-value": a.searchQuery, "search-placeholder-label": a.searchPlaceholderLabel }, on: { "update:model-value": (o) => a.searchQuery = o, "select-first-emoji": function(o) {
@@ -91463,6 +91468,8 @@ var E7 = function() {
     return a.$emit("skin-tone", o);
   }, "focus-tabset": function(o) {
     return a.$refs.tabsetRef.focusTabset();
+  }, "focus-last-emoji": function(o) {
+    return a.$refs.emojiSelectorRef.focusLastEmoji();
   } }, nativeOn: { keydown: function(o) {
     return !o.type.indexOf("key") && a._k(o.keyCode, "esc", 27, o.key, ["Esc", "Escape"]) ? null : a.$emit("close");
   } } })], 1)]);