@dialpad/dialtone 9.173.0 → 9.174.0

package/dist/vue3/lib/rich-text-editor/rich-text-editor.js

@@ -2251,14 +2251,56 @@ const Ki = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), Xi = ge.extend({
+}).configure({ inline: !0, allowBase64: !0 }), Xi = /* @__PURE__ */ new Set([
+  "address",
+  "article",
+  "aside",
+  "blockquote",
+  "dd",
+  "details",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "hgroup",
+  "hr",
+  "li",
+  "main",
+  "nav",
+  "ol",
+  "p",
+  "pre",
+  "section",
+  "table",
+  "ul"
+]), Yi = ge.extend({
   parseHTML() {
-    return [{ tag: "div" }];
+    return [{
+      tag: "div",
+      getAttrs: (t) => {
+        for (const e of t.children)
+          if (Xi.has(e.tagName.toLowerCase()))
+            return !1;
+        return null;
+      }
+    }];
   },
   renderHTML({ HTMLAttributes: t }) {
     return ["div", st(this.options.HTMLAttributes, t), 0];
   }
-}), Yi = {
+}), Gi = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
@@ -2291,7 +2333,7 @@ const Ki = {
     }
   }
 };
-function Gi(t, e, o, n, i, s) {
+function Ji(t, e, o, n, i, s) {
   const r = T("dt-link"), a = T("node-view-wrapper");
   return _(), A(a, { class: "d-d-inline-block" }, {
     default: C(() => [
@@ -2312,9 +2354,9 @@ function Gi(t, e, o, n, i, s) {
     _: 1
   });
 }
-const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = Mt.extend({
+const Zi = /* @__PURE__ */ q(Gi, [["render", Ji]]), Qi = Mt.extend({
   addNodeView() {
-    return gt(Ji);
+    return gt(Zi);
   },
   parseHTML() {
     return [
@@ -2350,7 +2392,7 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = Mt.extend({
     char: "@",
     pluginKey: new at("mentionSuggestion")
   }
-}), Qi = {
+}), ts = {
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
@@ -2377,7 +2419,7 @@ const Ji = /* @__PURE__ */ q(Yi, [["render", Gi]]), Zi = Mt.extend({
     }
   }
 };
-function ts(t, e, o, n, i, s) {
+function es(t, e, o, n, i, s) {
   const r = T("dt-icon-lock"), a = T("dt-stack"), l = T("dt-link"), u = T("node-view-wrapper");
   return _(), A(u, { class: "d-d-inline-block" }, {
     default: C(() => [
@@ -2406,10 +2448,10 @@ function ts(t, e, o, n, i, s) {
     _: 1
   });
 }
-const es = /* @__PURE__ */ q(Qi, [["render", ts]]), ns = Mt.extend({
+const ns = /* @__PURE__ */ q(ts, [["render", es]]), os = Mt.extend({
   name: "channel",
   addNodeView() {
-    return gt(es);
+    return gt(ns);
   },
   parseHTML() {
     return [
@@ -2445,7 +2487,7 @@ const es = /* @__PURE__ */ q(Qi, [["render", ts]]), ns = Mt.extend({
     char: "#",
     pluginKey: new at("channelSuggestion")
   }
-}), os = {
+}), is = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
@@ -2468,7 +2510,7 @@ const es = /* @__PURE__ */ q(Qi, [["render", ts]]), ns = Mt.extend({
     e && typeof e == "function" && e(t);
   }
 };
-function is(t, e, o, n, i, s) {
+function ss(t, e, o, n, i, s) {
   const r = T("node-view-wrapper");
   return _(), A(r, { class: "d-d-inline-block" }, {
     default: C(() => [
@@ -2477,14 +2519,14 @@ function is(t, e, o, n, i, s) {
     _: 1
   });
 }
-const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAll(e)].map((n) => {
+const rs = /* @__PURE__ */ q(is, [["render", ss]]), as = (t, e) => [...t.matchAll(e)].map((n) => {
   let i = n[2];
   return i.endsWith(" ") || (i += " "), {
     index: n.index,
     text: i,
     match: n
   };
-}), as = Mt.extend({
+}), ls = Mt.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -2501,7 +2543,7 @@ const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAl
     };
   },
   addNodeView() {
-    return gt(ss);
+    return gt(rs);
   },
   parseHTML() {
     return [
@@ -2547,7 +2589,7 @@ const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAl
     const t = (o = this.options.suggestion) == null ? void 0 : o.items({ query: "" }).map((n) => n.command), e = new RegExp(`^((?:\\/)(${t.join("|")})) ?$`, "g");
     return [
       St({
-        find: (n) => rs(n, e),
+        find: (n) => as(n, e),
         type: this.type,
         getAttributes(n) {
           return { command: n[0].trim() };
@@ -2560,7 +2602,7 @@ const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAl
     char: "/",
     pluginKey: new at("slashCommandSuggestion")
   }
-}), ls = 100, cs = {
+}), cs = 100, ds = {
   name: "VariableComponent",
   components: {
     DtBadge: Zn,
@@ -2573,7 +2615,7 @@ const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAl
   data() {
     return {
       i18n: new ve(),
-      MAX_VARIABLE_ALT_LENGTH: ls
+      MAX_VARIABLE_ALT_LENGTH: cs
     };
   },
   computed: {
@@ -2613,7 +2655,7 @@ const ss = /* @__PURE__ */ q(os, [["render", is]]), rs = (t, e) => [...t.matchAl
     }
   }
 };
-function ds(t, e, o, n, i, s) {
+function us(t, e, o, n, i, s) {
   const r = T("dt-badge"), a = T("dt-button"), l = T("dt-input"), u = T("dt-popover"), d = T("node-view-wrapper");
   return _(), A(d, { class: "d-d-inline-block" }, {
     default: C(() => [
@@ -2664,7 +2706,7 @@ function ds(t, e, o, n, i, s) {
     _: 1
   });
 }
-const us = /* @__PURE__ */ q(cs, [["render", ds]]), hs = le.create({
+const hs = /* @__PURE__ */ q(ds, [["render", us]]), fs = le.create({
   name: "variable",
   group: "inline",
   inline: !0,
@@ -2677,7 +2719,7 @@ const us = /* @__PURE__ */ q(cs, [["render", ds]]), hs = le.create({
     };
   },
   addNodeView() {
-    return gt(us);
+    return gt(hs);
   },
   addAttributes() {
     return {
@@ -2736,7 +2778,7 @@ const us = /* @__PURE__ */ q(cs, [["render", ds]]), hs = le.create({
       })
     };
   }
-}), fs = {
+}), ps = {
   compatConfig: { MODE: 3 },
   name: "MentionSuggestion",
   components: {
@@ -2777,14 +2819,14 @@ const us = /* @__PURE__ */ q(cs, [["render", ds]]), hs = le.create({
       return this.item.showDetails;
     }
   }
-}, ps = { class: "d-mention-suggestion__name" }, ms = {
+}, ms = { class: "d-mention-suggestion__name" }, gs = {
   key: 1,
   class: "d-mention-suggestion__divider"
-}, gs = {
+}, ys = {
   key: 2,
   class: "d-mention-suggestion__status"
 };
-function ys(t, e, o, n, i, s) {
+function ws(t, e, o, n, i, s) {
   const r = T("dt-avatar"), a = T("dt-stack");
   return _(), A(a, {
     direction: "row",
@@ -2805,7 +2847,7 @@ function ys(t, e, o, n, i, s) {
         gap: "100"
       }, {
         default: C(() => [
-          ot("span", ps, $(s.name), 1),
+          ot("span", ms, $(s.name), 1),
           s.showDetails ? (_(), A(a, {
             key: 0,
             direction: "row",
@@ -2817,8 +2859,8 @@ function ys(t, e, o, n, i, s) {
                 key: 0,
                 class: pe(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
               }, $(s.presenceText), 3)) : rt("", !0),
-              s.status && s.presenceText ? (_(), nt("div", ms, " • ")) : rt("", !0),
-              s.status ? (_(), nt("div", gs, $(s.status), 1)) : rt("", !0)
+              s.status && s.presenceText ? (_(), nt("div", gs, " • ")) : rt("", !0),
+              s.status ? (_(), nt("div", ys, $(s.status), 1)) : rt("", !0)
             ]),
             _: 1
           })) : rt("", !0)
@@ -2829,13 +2871,13 @@ function ys(t, e, o, n, i, s) {
     _: 1
   });
 }
-const ws = /* @__PURE__ */ q(fs, [["render", ys]]), bs = {
+const bs = /* @__PURE__ */ q(ps, [["render", ws]]), vs = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: Ot(ws, "mention")
-}, vs = {
+  render: Ot(bs, "mention")
+}, xs = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
@@ -2855,7 +2897,7 @@ const ws = /* @__PURE__ */ q(fs, [["render", ys]]), bs = {
     }
   }
 };
-function xs(t, e, o, n, i, s) {
+function Ts(t, e, o, n, i, s) {
   const r = T("dt-icon-hash"), a = T("dt-icon-lock"), l = T("dt-stack");
   return _(), A(l, {
     direction: "row",
@@ -2874,13 +2916,13 @@ function xs(t, e, o, n, i, s) {
     _: 1
   });
 }
-const Ts = /* @__PURE__ */ q(vs, [["render", xs]]), _s = {
+const _s = /* @__PURE__ */ q(xs, [["render", Ts]]), ks = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
-  render: Ot(Ts, "channel")
-}, ks = {
+  render: Ot(_s, "channel")
+}, Cs = {
   compatConfig: { MODE: 3 },
   name: "SlashCommandSuggestion",
   props: {
@@ -2900,24 +2942,24 @@ const Ts = /* @__PURE__ */ q(vs, [["render", xs]]), _s = {
       return this.item.parametersExample;
     }
   }
-}, Cs = { class: "d-body--md-compact" }, Os = { key: 0 }, Es = { class: "d-body--sm d-fc-tertiary" };
-function Ss(t, e, o, n, i, s) {
+}, Os = { class: "d-body--md-compact" }, Es = { key: 0 }, Ss = { class: "d-body--sm d-fc-tertiary" };
+function Ls(t, e, o, n, i, s) {
   return _(), nt("div", null, [
-    ot("div", Cs, [
+    ot("div", Os, [
       ot("span", null, "/" + $(s.command), 1),
-      s.parametersExample ? (_(), nt("span", Os, $(s.parametersExample), 1)) : rt("", !0)
+      s.parametersExample ? (_(), nt("span", Es, $(s.parametersExample), 1)) : rt("", !0)
     ]),
-    ot("div", Es, $(s.description), 1)
+    ot("div", Ss, $(s.description), 1)
   ]);
 }
-const Ls = /* @__PURE__ */ q(ks, [["render", Ss]]), As = {
+const As = /* @__PURE__ */ q(Cs, [["render", Ls]]), Is = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
   allowSpaces: !0,
   startOfLine: !0,
-  render: Ot(Ls, "slash-command")
-}, Is = {
+  render: Ot(As, "slash-command")
+}, Ds = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
@@ -3507,7 +3549,7 @@ ${this.processNodeContent(t)}
     // eslint-disable-next-line complexity
     extensions() {
       const t = [wn, In, bn, Tn];
-      t.push(this.useDivTags ? Xi : ge), this.allowBold && t.push(_n), this.allowBlockquote && t.push(mn), this.allowBulletList && (t.push(kn), t.push(Cn.extend({
+      t.push(this.useDivTags ? Yi : ge), this.allowBold && t.push(_n), this.allowBlockquote && t.push(mn), this.allowBulletList && (t.push(kn), t.push(Cn.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -3543,23 +3585,23 @@ ${this.processNodeContent(t)}
         autolink: !0,
         protocols: Kt
       })), this.customLink && t.push(this.getExtension(Wi, this.customLink)), this.mentionSuggestion) {
-        const n = { ...this.mentionSuggestion, ...bs };
-        t.push(Zi.configure({ suggestion: n }));
+        const n = { ...this.mentionSuggestion, ...vs };
+        t.push(Qi.configure({ suggestion: n }));
       }
       if (this.channelSuggestion) {
-        const n = { ...this.channelSuggestion, ..._s };
-        t.push(ns.configure({ suggestion: n }));
+        const n = { ...this.channelSuggestion, ...ks };
+        t.push(os.configure({ suggestion: n }));
       }
       if (this.slashCommandSuggestion) {
-        const n = { ...this.slashCommandSuggestion, ...As };
-        t.push(as.configure({
+        const n = { ...this.slashCommandSuggestion, ...Is };
+        t.push(ls.configure({
           suggestion: n,
           onSelectedCommand: (i) => {
             this.$emit("selected-command", i);
           }
         }));
       }
-      return this.allowVariable && t.push(hs.configure({
+      return this.allowVariable && t.push(fs.configure({
         variableItems: this.variableItems
       })), t.push(Ni), t.push(Dn.configure({
         types: ["paragraph"]
@@ -3856,8 +3898,8 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, Ds = { class: "d-popover__dialog" };
-function Rs(t, e, o, n, i, s) {
+}, Rs = { class: "d-popover__dialog" };
+function Ms(t, e, o, n, i, s) {
   const r = T("dt-button"), a = T("dt-stack"), l = T("bubble-menu"), u = T("editor-content");
   return _(), nt("div", null, [
     i.editor && o.link && !o.hideLinkBubbleMenu ? (_(), A(l, {
@@ -3869,7 +3911,7 @@ function Rs(t, e, o, n, i, s) {
       style: { visibility: "visible" }
     }, {
       default: C(() => [
-        ot("div", Ds, [
+        ot("div", Rs, [
           M(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -3921,8 +3963,8 @@ function Rs(t, e, o, n, i, s) {
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const kr = /* @__PURE__ */ q(Is, [["render", Rs]]);
+const Cr = /* @__PURE__ */ q(Ds, [["render", Ms]]);
 export {
-  kr as default
+  Cr as default
 };
 //# sourceMappingURL=rich-text-editor.js.map