@dialpad/dialtone-vue 2.124.0 → 2.125.0

package/dist/dialtone-vue.js

@@ -1,5 +1,5 @@
-import { S as Te, c as A, M as Z, d as Zt, e as De, f as Jt, D as J, L as ye, P as ea, g as Oe, h as fe, i as Ct, a as ta, R as aa, b as na } from "./rich_text_editor-9sMob7ck.js";
-import { n as tu, o as au, m as nu, j as ru, k as su, l as iu, A as ou, t as lu, u as du, q as cu, p as uu, r as fu, s as hu } from "./rich_text_editor-9sMob7ck.js";
+import { S as Te, c as A, M as Z, d as Zt, e as De, f as Jt, D as J, L as ye, P as ea, g as Oe, h as fe, i as Ct, a as ta, R as aa, b as na } from "./rich_text_editor-eMvTs_Gp.js";
+import { n as tu, o as au, m as nu, j as ru, k as su, l as iu, A as ou, t as lu, u as du, q as cu, p as uu, r as fu, s as hu } from "./rich_text_editor-eMvTs_Gp.js";
 import { w as y, t as S, F as ra, M as sa, G as ia, H as W, J as St, K as kt, N as It, O as xt, P as Le, x as Tt, D as oa } from "./index-OF94C6nQ.js";
 import { W as mu, S as gu, R as _u, Q as bu, T as vu, a1 as yu, a4 as wu, a3 as Cu, a2 as Su, z as ku, y as Iu, U as xu, I as Tu, Y as Du, X as Ou, V as Lu, C as $u, L as Eu, a9 as Au, a5 as Mu, a6 as Ru, a8 as Bu, a7 as Pu, a0 as Nu, $ as Fu, Z as qu, _ as Hu } from "./index-OF94C6nQ.js";
 import { n as c, u as E, g as T, e as $e, l as he, E as C, T as Qe, v as la, h as da, b as Xe, a as Se, L as ca, w as ua, D as ee, i as fa, x as Ee, y as ha } from "./tooltip-88U5vFMA.js";
@@ -9806,12 +9806,18 @@ const Yc = Nd.exports, Fd = [
         buttonGroup: [e]
       }));
       return [
+        { key: "new", buttonGroup: this.newButtons },
         { key: "format", buttonGroup: this.textFormatButtons },
         { key: "alignment", buttonGroup: this.alignmentButtons },
         { key: "list", buttonGroup: this.listButtons },
         ...t
       ].filter((e) => e.buttonGroup.length > 0);
     },
+    newButtons() {
+      return [
+        { showBtn: this.showQuickRepliesButton, label: "Quick reply", selector: "quickReplies", iconName: "lightning-bolt", dataQA: "dt-editor-quick-replies-btn", tooltipMessage: "Quick Reply", onClick: this.onQuickRepliesClick }
+      ].filter((t) => t.showBtn);
+    },
     textFormatButtons() {
       return [
         { showBtn: this.showBoldButton, selector: "bold", iconName: "bold", dataQA: "dt-editor-bold-btn", tooltipMessage: "Bold", onClick: this.onBoldTextToggle },
@@ -9837,8 +9843,7 @@ const Yc = Nd.exports, Fd = [
     individualButtons() {
       return [
         { showBtn: this.showQuoteButton, selector: "blockquote", iconName: "quote", dataQA: "dt-editor-blockquote-btn", tooltipMessage: "Quote", onClick: this.onBlockquoteToggle },
-        { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code-block", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle },
-        { showBtn: this.showQuickRepliesButton, selector: "quickReplies", iconName: "lightning-bolt", dataQA: "dt-editor-quick-replies-btn", tooltipMessage: "Quick Replies", onClick: this.onQuickRepliesClick }
+        { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code-block", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle }
       ].filter((t) => t.showBtn);
     },
     linkButton() {
@@ -9948,8 +9953,8 @@ var Wd = function() {
         return [a("dt-button", { attrs: { "data-qa": r.dataQA, importance: "clear", kind: "muted", active: (i = (s = e.$refs.richTextEditor) == null ? void 0 : s.editor) == null ? void 0 : i.isActive(r.selector), size: "xs", "aria-label": r.tooltipMessage }, on: { click: function(o) {
           return r.onClick();
         } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-          return [a("dt-icon", { staticClass: "d-fw-bold", attrs: { name: r.iconName, size: "200" } })];
-        }, proxy: !0 }], null, !0) })];
+          return [a("dt-icon", { attrs: { name: r.iconName, size: "200" } })];
+        }, proxy: !0 }], null, !0) }, [r.label ? a("span", [e._v(e._s(r.label))]) : e._e()])];
       }, proxy: !0 }], null, !0) });
     }), a("div", { staticClass: "dt-editor--button-group-divider" })], 2);
   }), e.linkButton.showBtn ? a("dt-stack", { attrs: { direction: "row", gap: "300" } }, [a("dt-popover", { attrs: { open: e.showLinkInput, placement: "bottom-start", "visually-hidden-close": !0, "visually-hidden-close-label": "Close link input popover", "data-qa": "dt-editor-link-input-popover", "show-close-button": !1 }, on: { "update:open": function(n) {
@@ -9975,7 +9980,7 @@ var Wd = function() {
     }, expression: "linkInput" } })];
   }, proxy: !0 }, { key: "footerContent", fn: function() {
     return [a("div", { staticClass: "d-ml8 d-mr12" }, [a("dt-button", { staticClass: "d-mx2", attrs: { "aria-label": e.removeLinkButton.ariaLabel, importance: "clear", kind: "muted", size: "sm", "data-qa": "dt-editor-remove-link-btn" }, on: { click: e.removeLink } }, [e._v(" " + e._s(e.removeLinkButton.label) + " ")]), a("dt-button", { staticClass: "d-mx2", attrs: { "aria-label": e.cancelSetLinkButton.ariaLabel, importance: "clear", kind: "muted", size: "sm", "data-qa": "dt-editor-set-link-cancel-btn" }, on: { click: e.closeLinkInput } }, [e._v(" " + e._s(e.cancelSetLinkButton.label) + " ")]), a("dt-button", { staticClass: "d-mx2", attrs: { size: "sm", "aria-label": e.confirmSetLinkButton.ariaLabel, "data-qa": "dt-editor-set-link-confirm-btn" }, on: { click: e.setLink } }, [e._v(" " + e._s(e.confirmSetLinkButton.label) + " ")])], 1)];
-  }, proxy: !0 }], null, !1, 1792797475) })], 1) : e._e()], 2), a("div", { staticClass: "d-of-auto d-mx16 d-mt8 d-mb16 d-c-text", style: { "max-height": e.maxHeight } }, [a("dt-rich-text-editor", e._b({ ref: "richTextEditor", attrs: { "data-qa": "dt-rich-text-editor", editable: e.editable, "input-aria-label": e.inputAriaLabel, "input-class": `${e.inputClass} d-ol-none d-my6`, "output-format": e.htmlOutputFormat, "auto-focus": e.autoFocus, placeholder: e.placeholder, "allow-line-breaks": !0, link: !1 }, on: { focus: e.onFocus, blur: e.onBlur, input: function(n) {
+  }, proxy: !0 }], null, !1, 1792797475) })], 1) : e._e()], 2), a("div", { staticClass: "d-of-auto d-mx16 d-mt8 d-mb16 d-c-text", style: { "max-height": e.maxHeight } }, [a("dt-rich-text-editor", e._b({ ref: "richTextEditor", attrs: { "data-qa": "dt-rich-text-editor", editable: e.editable, "input-aria-label": e.inputAriaLabel, "input-class": `d-ml16 d-ol-none d-my6 ${e.inputClass}`, "output-format": e.htmlOutputFormat, "auto-focus": e.autoFocus, placeholder: e.placeholder, "allow-line-breaks": !0, link: !1 }, on: { focus: e.onFocus, blur: e.onBlur, input: function(n) {
     return e.onInput(n);
   } }, model: { value: e.internalInputValue, callback: function(n) {
     e.internalInputValue = n;
@@ -10363,3 +10368,4 @@ export {
   Gc as setDateLocale,
   St as validationMessageValidator
 };
+//# sourceMappingURL=dialtone-vue.js.map