@progress/kendo-react-editor 9.4.0-develop.23 → 9.4.0-develop.3

package/tools/table-wizard/tablePropsUtils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { pmDocToFragment as F, fragmentToHtml as j, TableMap as A, Selection as O, TextSelection as B, CellSelection as U, addColumnAfter as q, addRowAfter as G, parseContent as J } from "@progress/kendo-editor-common";
 import { deleteColumnCmd as K, deleteRowCmd as L } from "../tableEdit.mjs";
 import { selectedCells as P, parseStyle as S, nodeSize as _, tableCells as Q, setNodeStyle as h } from "./utils.mjs";
@@ -38,58 +39,58 @@ const N = {
   center: { "margin-left": "auto", "margin-right": "auto" },
   right: { "margin-left": "auto", "margin-right": "" },
   "": {}
-}, z = (o) => {
+}, z = (n) => {
   const t = [];
-  for (let s = 0; s < o.height; s++) {
-    const l = s * o.width, e = l + o.width;
-    t.push(o.map.slice(l, e));
+  for (let s = 0; s < n.height; s++) {
+    const l = s * n.width, e = l + n.width;
+    t.push(n.map.slice(l, e));
   }
   return t;
-}, V = (o, t) => {
+}, V = (n, t) => {
   let s = 0, l = 0;
   const e = z(t);
-  e.forEach((n) => {
+  e.forEach((o) => {
     let i = !0;
-    n.forEach((r) => {
-      const c = o.nodeAt(r);
+    o.forEach((r) => {
+      const c = n.nodeAt(r);
       c && c.type.name !== "table_header" && (i = !1);
     }), i && s++;
   });
-  for (let n = 0; n < t.width; n++) {
+  for (let o = 0; o < t.width; o++) {
     let i = !0;
     for (let r = 0; r < t.height; r++) {
-      const c = e[r] && e[r][n], u = typeof c == "number" && o.nodeAt(c);
+      const c = e[r] && e[r][o], u = typeof c == "number" && n.nodeAt(c);
       u && u.type.name !== "table_header" && (i = !1);
     }
     i && l++;
   }
   return { rows: s, columns: l };
-}, X = (o) => {
+}, X = (n) => {
   const t = /* @__PURE__ */ new Set();
-  return o.content.forEach((s) => {
+  return n.content.forEach((s) => {
     s.content.forEach((l) => {
       t.add(S(l.attrs.style).padding || "");
     });
   }), t.size === 1 ? Array.from(t)[0] : "";
-}, Y = (o) => {
+}, Y = (n) => {
   let t = !0, s = !0;
-  return o.content.forEach((l) => {
+  return n.content.forEach((l) => {
     l.content.forEach((e) => {
-      const n = e.type.name === "table_header", i = e.type.name === "table_cell";
-      n && !e.attrs.scope && (t = !1), (n && !e.attrs.id || i && !e.attrs.headers) && (s = !1);
+      const o = e.type.name === "table_header", i = e.type.name === "table_cell";
+      o && !e.attrs.scope && (t = !1), (o && !e.attrs.id || i && !e.attrs.headers) && (s = !1);
     });
   }), t ? "scope" : s ? "id" : "none";
-}, ce = (o) => {
+}, ce = (n) => {
   var p, a, b;
-  const t = P(o), s = o.selection.$from, l = t.length ? T(s, (f) => f.type.spec.tableRole === "table") : null;
+  const t = P(n), s = n.selection.$from, l = t.length ? T(s, (f) => f.type.spec.tableRole === "table") : null;
   if (!l)
     return N;
   const e = T(s, (f) => f.type.name === "table_wrapper");
-  let n = "", i = {}, r = {};
+  let o = "", i = {}, r = {};
   e && (r = S(e.node.attrs.style), e.node.content.forEach((f) => {
     if (f.type.name === "table_caption_external") {
       const y = F(f);
-      n = j(y), n = n === "<img>" ? "" : n, i = S(f.attrs.style);
+      o = j(y), o = o === "<img>" ? "" : o, i = S(f.attrs.style);
     }
   }));
   const c = S(((p = l.node.attrs) == null ? void 0 : p.style) || ""), u = A.get(l.node), d = r["margin-left"] === "auto" && r["margin-right"] === "auto" ? "center" : r["margin-right"] === "auto" ? "left" : r["margin-left"] === "auto" ? "right" : null, g = V(l.node, u), m = X(l.node);
@@ -109,7 +110,7 @@ const N = {
     borderColor: c["border-color"],
     borderStyle: c["border-style"] || null,
     collapseBorders: c["border-collapse"] === "collapse",
-    caption: n || void 0,
+    caption: o || void 0,
     captionAlignment: i["text-align"] || "",
     captionPosition: i["caption-side"] || null,
     headerRows: g.rows,
@@ -118,23 +119,23 @@ const N = {
     id: ((a = l.node.attrs) == null ? void 0 : a.id) || "",
     className: ((b = l.node.attrs) == null ? void 0 : b.class) || ""
   };
-}, $ = (o) => {
-  const s = o.lastChild.lastChild;
-  return { node: s, pos: o.content.size - s.nodeSize };
-}, R = (o, t, s, l, e) => {
-  const n = $(s), i = t + n.pos;
-  if (!o.doc.nodeAt(i))
-    return o;
-  const c = o.doc.resolve(i), u = new U(c, c), d = o.tr.setSelection(u);
-  let g = o.apply(d);
+}, $ = (n) => {
+  const s = n.lastChild.lastChild;
+  return { node: s, pos: n.content.size - s.nodeSize };
+}, R = (n, t, s, l, e) => {
+  const o = $(s), i = t + o.pos;
+  if (!n.doc.nodeAt(i))
+    return n;
+  const c = n.doc.resolve(i), u = new U(c, c), d = n.tr.setSelection(u);
+  let g = n.apply(d);
   for (let m = 0; m < l; m++)
     e(g, (p) => {
       g = g.apply(p);
     });
   return g;
-}, x = (o, t, s, l) => {
-  let e = o;
-  for (let n = 0; n < s; n++) {
+}, x = (n, t, s, l) => {
+  let e = n;
+  for (let o = 0; o < s; o++) {
     const i = e.doc.nodeAt(t);
     if (i) {
       const r = $(i), c = t + r.pos, u = e.doc.resolve(c), d = new U(u, u), g = e.tr.setSelection(d);
@@ -144,40 +145,40 @@ const N = {
     }
   }
   return e;
-}, Z = (o, t, s, l) => {
-  let e = o, n = e.doc.nodeAt(t);
-  if (!n)
+}, Z = (n, t, s, l) => {
+  let e = n, o = e.doc.nodeAt(t);
+  if (!o)
     return e;
-  let i = A.get(n);
-  return i.width === l && i.height === s || (l > i.width ? e = R(e, t, n, l - i.width, q) : l < i.width && (e = x(e, t, i.width - l, K)), n = e.doc.nodeAt(t), !n) || (i = A.get(n), s > i.height ? e = R(e, t, n, s - i.height, G) : s < i.height && (e = x(e, t, i.height - s, L))), e;
-}, W = (o, t, s) => {
-  const l = o.doc.nodeAt(s);
+  let i = A.get(o);
+  return i.width === l && i.height === s || (l > i.width ? e = R(e, t, o, l - i.width, q) : l < i.width && (e = x(e, t, i.width - l, K)), o = e.doc.nodeAt(t), !o) || (i = A.get(o), s > i.height ? e = R(e, t, o, s - i.height, G) : s < i.height && (e = x(e, t, i.height - s, L))), e;
+}, W = (n, t, s) => {
+  const l = n.doc.nodeAt(s);
   if (!l)
-    return o;
+    return n;
   let e = { ...l.attrs };
-  const n = t.width !== null && (t.widthUnit !== "%" || !t.caption && !t.position);
-  e = h(e, "width", n ? t.width + t.widthUnit : ""), e = h(e, "height", t.height !== null ? t.height + t.heightUnit : ""), e = h(e, "text-align", t.textAlign || ""), e = h(e, "background-color", t.backgroundColor || ""), e = h(e, "border-width", t.borderWidth ? t.borderWidth + "px" : ""), e = h(e, "border-style", t.borderStyle || ""), e = h(e, "border-color", t.borderColor || ""), e = h(e, "border-spacing", t.cellSpacing !== null ? t.cellSpacing + "px" : ""), t.cellSpacing !== null ? e = h(e, "border-collapse", "unset") : e = h(e, "border-collapse", t.collapseBorders ? "collapse" : "");
+  const o = t.width !== null && (t.widthUnit !== "%" || !t.caption && !t.position);
+  e = h(e, "width", o ? t.width + t.widthUnit : ""), e = h(e, "height", t.height !== null ? t.height + t.heightUnit : ""), e = h(e, "text-align", t.textAlign || ""), e = h(e, "background-color", t.backgroundColor || ""), e = h(e, "border-width", t.borderWidth ? t.borderWidth + "px" : ""), e = h(e, "border-style", t.borderStyle || ""), e = h(e, "border-color", t.borderColor || ""), e = h(e, "border-spacing", t.cellSpacing !== null ? t.cellSpacing + "px" : ""), t.cellSpacing !== null ? e = h(e, "border-collapse", "unset") : e = h(e, "border-collapse", t.collapseBorders ? "collapse" : "");
   const i = k[t.position || ""] || {};
   Object.keys(i).forEach((c) => {
     e = h(e, c, i[c]);
   }), e.id = t.id || null, e.class = t.className || null;
-  const r = o.tr.setNodeMarkup(s, null, e);
-  return o = o.apply(r), o;
-}, H = (o, t, s, l, e) => {
+  const r = n.tr.setNodeMarkup(s, null, e);
+  return n = n.apply(r), n;
+}, H = (n, t, s, l, e) => {
   if (t.type.name !== l.name || Object.keys(e).length > 0) {
-    const n = o.tr.setNodeMarkup(s, l, { ...t.attrs, ...e });
-    return o.apply(n);
+    const o = n.tr.setNodeMarkup(s, l, { ...t.attrs, ...e });
+    return n.apply(o);
   }
-  return o;
-}, I = (o, t) => {
-  /^cell-[0-9]+-[0-9]+$/.test(o.attrs.id || "") && (t.id = null);
-}, ee = (o, t, s) => {
-  const l = o.doc.nodeAt(s), e = l && A.get(l);
+  return n;
+}, I = (n, t) => {
+  /^cell-[0-9]+-[0-9]+$/.test(n.attrs.id || "") && (t.id = null);
+}, ee = (n, t, s) => {
+  const l = n.doc.nodeAt(s), e = l && A.get(l);
   if (!l || !e)
-    return o;
-  const n = z(e);
-  let i = o;
-  const { table_header: r, table_cell: c } = o.schema.nodes, u = String((/* @__PURE__ */ new Date()).getTime()), d = [], g = (p, a) => {
+    return n;
+  const o = z(e);
+  let i = n;
+  const { table_header: r, table_cell: c } = n.schema.nodes, u = String((/* @__PURE__ */ new Date()).getTime()), d = [], g = (p, a) => {
     const b = `cell-${p}${a}-${u}`;
     return d[p] || d.push([]), d[p][a] || d[p].push([]), d[p][a] = b, b;
   }, m = (p, a, b, f) => {
@@ -190,7 +191,7 @@ const N = {
         d[p] && d[p][w] && y.push(d[p][w]);
     return y.join(" ");
   };
-  return n.forEach((p, a) => {
+  return o.forEach((p, a) => {
     p.forEach((b, f) => {
       const y = l.nodeAt(b);
       if (y) {
@@ -199,40 +200,40 @@ const N = {
       }
     });
   }), i;
-}, te = (o, t, s, l) => {
+}, te = (n, t, s, l) => {
   let e = { ...t.attrs };
-  return e = h(e, "margin-left", ""), e = h(e, "margin-right", ""), Object.keys(l || {}).forEach((n) => {
-    e = h(e, n, (l || {})[n] || "");
-  }), o.apply(o.tr.setNodeMarkup(s, null, e));
-}, v = (o, t) => J("<p>" + o + "</p>", t).content.firstChild.content, M = (o, t) => {
-  if (!o.caption)
+  return e = h(e, "margin-left", ""), e = h(e, "margin-right", ""), Object.keys(l || {}).forEach((o) => {
+    e = h(e, o, (l || {})[o] || "");
+  }), n.apply(n.tr.setNodeMarkup(s, null, e));
+}, v = (n, t) => J("<p>" + n + "</p>", t).content.firstChild.content, M = (n, t) => {
+  if (!n.caption)
     return;
   let s = { caption: "", style: "display: table-caption" };
-  o.captionAlignment && (s = h(s, "text-align", o.captionAlignment)), o.captionPosition && (s = h(s, "caption-side", o.captionPosition));
-  const l = v(o.caption, t);
+  n.captionAlignment && (s = h(s, "text-align", n.captionAlignment)), n.captionPosition && (s = h(s, "caption-side", n.captionPosition));
+  const l = v(n.caption, t);
   return l && t.nodes.table_caption_external.createAndFill(s, l) || void 0;
-}, D = (o) => o.firstChild && o.firstChild.type.name === "table_caption_external", oe = (o, t, s, l) => {
-  let e = o, n;
+}, D = (n) => n.firstChild && n.firstChild.type.name === "table_caption_external", ne = (n, t, s, l) => {
+  let e = n, o;
   const i = s + 2, r = s + 1, c = e.schema;
   if (D(t))
-    if (n = t.firstChild, l.caption) {
+    if (o = t.firstChild, l.caption) {
       const u = v(l.caption, c);
       if (e = e.apply(
-        e.tr.replaceWith(i, i + n.content.size, u)
-      ), n = e.doc.nodeAt(r), n) {
-        let d = { ...n.attrs };
+        e.tr.replaceWith(i, i + o.content.size, u)
+      ), o = e.doc.nodeAt(r), o) {
+        let d = { ...o.attrs };
         d = h(d, "text-align", l.captionAlignment || ""), d = h(d, "caption-side", l.captionPosition || ""), e = e.apply(e.tr.setNodeAttribute(r, "style", d.style));
       }
     } else
       e = e.apply(
-        e.tr.deleteRange(i, i + n.content.size)
+        e.tr.deleteRange(i, i + o.content.size)
       );
   else
-    n = M(l, c), n && (e = e.apply(e.tr.replaceWith(r, r, n)));
+    o = M(l, c), o && (e = e.apply(e.tr.replaceWith(r, r, o)));
   return e;
-}, ne = (o, t, s, l, e) => {
-  let n = {
-    state: o,
+}, oe = (n, t, s, l, e) => {
+  let o = {
+    state: n,
     pos: s
   };
   if (!l && (t.position || t.caption)) {
@@ -241,47 +242,47 @@ const N = {
     d && Object.keys(d).forEach((a) => {
       r = h(r, a, d[a] || "");
     }), typeof t.width == "number" && t.widthUnit === "%" && (r = h(r, "width", t.width + t.widthUnit));
-    const g = M(t, o.schema);
+    const g = M(t, n.schema);
     g && c.push(g);
-    const m = o.doc.nodeAt(s);
+    const m = n.doc.nodeAt(s);
     c.push(m);
-    const p = o.schema.nodes.table_wrapper.createAndFill(r, c);
+    const p = n.schema.nodes.table_wrapper.createAndFill(r, c);
     if (p) {
-      const a = o.tr.replaceWith(s, s + m.content.size, p);
-      o = o.apply(a), n = { state: o, pos: s };
+      const a = n.tr.replaceWith(s, s + m.content.size, p);
+      n = n.apply(a), o = { state: n, pos: s };
     }
   } else
-    l && (t.position || t.caption || !t.caption && D(l.node)) ? (o = te(
-      o,
+    l && (t.position || t.caption || !t.caption && D(l.node)) ? (n = te(
+      n,
       l.node,
       e,
       t.position && k[t.position]
-    ), o = oe(o, l.node, e, t), n = { state: o, pos: e }) : l && !(t.position || t.caption) ? n = { state: o, node: l.node, pos: o.selection.$from.start(l.depth) - 1 } : n = { state: o, pos: s };
-  const i = l && n.state.doc.nodeAt(e);
+    ), n = ne(n, l.node, e, t), o = { state: n, pos: e }) : l && !(t.position || t.caption) ? o = { state: n, node: l.node, pos: n.selection.$from.start(l.depth) - 1 } : o = { state: n, pos: s };
+  const i = l && o.state.doc.nodeAt(e);
   if (i) {
     let r;
-    typeof t.width == "number" && t.widthUnit === "%" ? r = h(i.attrs, "width", t.width + t.widthUnit) : t.widthUnit !== "%" && /%/.test(S(i.attrs.style || "").width || "") && (r = h(i.attrs, "width", "")), r && (n.state = n.state.apply(n.state.tr.setNodeMarkup(e, null, r)));
+    typeof t.width == "number" && t.widthUnit === "%" ? r = h(i.attrs, "width", t.width + t.widthUnit) : t.widthUnit !== "%" && /%/.test(S(i.attrs.style || "").width || "") && (r = h(i.attrs, "width", "")), r && (o.state = o.state.apply(o.state.tr.setNodeMarkup(e, null, r)));
   }
-  return n;
-}, de = (o, t) => {
-  const s = o.selection.$from, l = T(s, (f) => f.type.spec.tableRole === "table");
+  return o;
+}, de = (n, t) => {
+  const s = n.selection.$from, l = T(s, (f) => f.type.spec.tableRole === "table");
   if (!l)
     return;
   const e = s.start(l.depth) - 1;
-  let n = Z(o, e, t.rows, t.columns);
-  if (!n)
+  let o = Z(n, e, t.rows, t.columns);
+  if (!o)
     return;
-  const i = n.tr;
-  Q(n).forEach((f) => {
+  const i = o.tr;
+  Q(o).forEach((f) => {
     let y = { ...f.node.attrs };
     y = h(y, "padding", typeof t.cellPadding == "number" ? t.cellPadding + "px" : ""), i.setNodeMarkup(f.pos, null, y);
-  }), n = n.apply(i), n = W(n, t, e), n = ee(n, t, e);
-  const r = T(s, (f) => f.type.name === "table_wrapper"), c = s.start((r == null ? void 0 : r.depth) || 0) - 1, u = ne(n, t, e, r, c);
-  n = u.state;
-  const d = u.pos, g = n.doc.nodeAt(u.pos);
+  }), o = o.apply(i), o = W(o, t, e), o = ee(o, t, e);
+  const r = T(s, (f) => f.type.name === "table_wrapper"), c = s.start((r == null ? void 0 : r.depth) || 0) - 1, u = oe(o, t, e, r, c);
+  o = u.state;
+  const d = u.pos, g = o.doc.nodeAt(u.pos);
   if (!g)
     return;
-  const m = d + (r || l).node.content.size, p = o.tr.replaceWith(d, m, g), a = O.atEnd(g), b = B.create(p.doc, d + a.to + 1);
+  const m = d + (r || l).node.content.size, p = n.tr.replaceWith(d, m, g), a = O.atEnd(g), b = B.create(p.doc, d + a.to + 1);
   return p.setSelection(b), p;
 };
 export {

package/tools/table-wizard/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@progress/kendo-editor-common"),i=require("../utils.js"),d=/[\D]+$/,f=e=>{const t=e.match(d);return t?t[0]:""},b=(e,t)=>{var n;const s=u(((n=e.attrs)==null?void 0:n.style)||"")[t]||"";return{[t]:parseFloat(s)||null,[t+"Unit"]:f(s)}},u=e=>(e||"").split(/\s*;\s*/).filter(Boolean).map(s=>{const n=s.split(/\s*:\s*/);return{[n[0]]:n[1]}}).reduce((s,n)=>({...s,...n}),{}),m=(e,t)=>{const s=t.style,n=t.value,l=t.newValue;if(!e)return{changed:!1,style:null};const o=e.split(/\s*;\s*/).filter(c=>!!c),r=o.filter(c=>{const a=c.split(/\s*:\s*/);return!(a[0].toLowerCase()===s&&n.test(a[1]))});return l&&r.push(`${s}: ${l}`),{style:r.join("; ")+(r.length?";":""),changed:!!l||r.length!==o.length}},g=/^.+$/;function $(e,t,s){let n;if(new RegExp("[^-]?"+t+":").test(e.style||"")){const{style:l}=m(e.style||"",{style:t,value:g,newValue:s});n={...e,style:l}}else if(e.style){const l=u(e.style);l[t]=s,n={...e,style:Object.keys(l).filter(o=>!!l[o]).reduce((o,r)=>o+r+": "+l[r]+"; ","").trim()}}else s?n={...e,style:t+": "+s+";"}:n={...e};return n}const N=e=>{const{doc:t,selection:s}=e,n=[];return s.ranges.forEach(l=>{const o=l.$from.pos,r=l.$to.pos;t.nodesBetween(o,r,(c,a,p,S)=>{(c.type.name==="table_cell"||c.type.name==="table_header")&&n.push({node:c,pos:a})})}),n},h=e=>{const t=i.parentNode(e.selection.$from,n=>n.type.name==="table"),s=i.parentNode(e.selection.$to,n=>n.type.name==="table");return t&&s&&t.depth===s.depth&&t.node.eq(s.node)?N(e).filter(({pos:l})=>{const o=i.parentNode(e.doc.resolve(l),r=>r.type.name==="table");return o&&o.depth===t.depth&&t.node.eq(o.node)}):[]},C=e=>{const t=[];if(h(e).length){const s=e.selection.$from,n=i.parentNode(s,a=>a.type.spec.tableRole==="table");if(n===null)return t;const l=s.start(n.depth),o=n.node,r=y.TableMap.get(o),c=e.doc;r.map.forEach(a=>{const p=a+l;t.push({pos:p,node:c.nodeAt(p)})})}return t};exports.getUnit=f;exports.nodeSize=b;exports.parseStyle=u;exports.reUnit=d;exports.selectedCells=h;exports.setNodeStyle=$;exports.tableCells=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@progress/kendo-editor-common"),i=require("../utils.js"),d=/[\D]+$/,f=e=>{const t=e.match(d);return t?t[0]:""},b=(e,t)=>{var n;const s=u(((n=e.attrs)==null?void 0:n.style)||"")[t]||"";return{[t]:parseFloat(s)||null,[t+"Unit"]:f(s)}},u=e=>(e||"").split(/\s*;\s*/).filter(Boolean).map(s=>{const n=s.split(/\s*:\s*/);return{[n[0]]:n[1]}}).reduce((s,n)=>({...s,...n}),{}),m=(e,t)=>{const s=t.style,n=t.value,l=t.newValue;if(!e)return{changed:!1,style:null};const o=e.split(/\s*;\s*/).filter(r=>!!r),c=o.filter(r=>{const a=r.split(/\s*:\s*/);return!(a[0].toLowerCase()===s&&n.test(a[1]))});return l&&c.push(`${s}: ${l}`),{style:c.join("; ")+(c.length?";":""),changed:!!l||c.length!==o.length}},g=/^.+$/;function $(e,t,s){let n;if(new RegExp("[^-]?"+t+":").test(e.style||"")){const{style:l}=m(e.style||"",{style:t,value:g,newValue:s});n={...e,style:l}}else if(e.style){const l=u(e.style);l[t]=s,n={...e,style:Object.keys(l).filter(o=>!!l[o]).reduce((o,c)=>o+c+": "+l[c]+"; ","").trim()}}else s?n={...e,style:t+": "+s+";"}:n={...e};return n}const N=e=>{const{doc:t,selection:s}=e,n=[];return s.ranges.forEach(l=>{const o=l.$from.pos,c=l.$to.pos;t.nodesBetween(o,c,(r,a,p,S)=>{(r.type.name==="table_cell"||r.type.name==="table_header")&&n.push({node:r,pos:a})})}),n},h=e=>{const t=i.parentNode(e.selection.$from,n=>n.type.name==="table"),s=i.parentNode(e.selection.$to,n=>n.type.name==="table");return t&&s&&t.depth===s.depth&&t.node.eq(s.node)?N(e).filter(({pos:l})=>{const o=i.parentNode(e.doc.resolve(l),c=>c.type.name==="table");return o&&o.depth===t.depth&&t.node.eq(o.node)}):[]},C=e=>{const t=[];if(h(e).length){const s=e.selection.$from,n=i.parentNode(s,a=>a.type.spec.tableRole==="table");if(n===null)return t;const l=s.start(n.depth),o=n.node,c=y.TableMap.get(o),r=e.doc;c.map.forEach(a=>{const p=a+l;t.push({pos:p,node:r.nodeAt(p)})})}return t};exports.getUnit=f;exports.nodeSize=b;exports.parseStyle=u;exports.reUnit=d;exports.selectedCells=h;exports.setNodeStyle=$;exports.tableCells=C;

package/tools/table-wizard/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { TableMap as f } from "@progress/kendo-editor-common";
 import { parentNode as i } from "../utils.mjs";
 const d = /[\D]+$/, h = (e) => {
@@ -21,32 +22,32 @@ const d = /[\D]+$/, h = (e) => {
   const n = s.split(/\s*:\s*/);
   return { [n[0]]: n[1] };
 }).reduce((s, n) => ({ ...s, ...n }), {}), m = (e, t) => {
-  const s = t.style, n = t.value, o = t.newValue;
+  const s = t.style, n = t.value, l = t.newValue;
   if (!e)
     return { changed: !1, style: null };
-  const l = e.split(/\s*;\s*/).filter((r) => !!r), c = l.filter((r) => {
+  const o = e.split(/\s*;\s*/).filter((r) => !!r), c = o.filter((r) => {
     const a = r.split(/\s*:\s*/);
     return !(a[0].toLowerCase() === s && n.test(a[1]));
   });
-  return o && c.push(`${s}: ${o}`), {
+  return l && c.push(`${s}: ${l}`), {
     style: c.join("; ") + (c.length ? ";" : ""),
-    changed: !!o || c.length !== l.length
+    changed: !!l || c.length !== o.length
   };
 }, b = /^.+$/;
 function N(e, t, s) {
   let n;
   if (new RegExp("[^-]?" + t + ":").test(e.style || "")) {
-    const { style: o } = m(e.style || "", {
+    const { style: l } = m(e.style || "", {
       style: t,
       value: b,
       newValue: s
     });
-    n = { ...e, style: o };
+    n = { ...e, style: l };
   } else if (e.style) {
-    const o = u(e.style);
-    o[t] = s, n = {
+    const l = u(e.style);
+    l[t] = s, n = {
       ...e,
-      style: Object.keys(o).filter((l) => !!o[l]).reduce((l, c) => l + c + ": " + o[c] + "; ", "").trim()
+      style: Object.keys(l).filter((o) => !!l[o]).reduce((o, c) => o + c + ": " + l[c] + "; ", "").trim()
     };
   } else
     s ? n = { ...e, style: t + ": " + s + ";" } : n = { ...e };
@@ -54,17 +55,17 @@ function N(e, t, s) {
 }
 const y = (e) => {
   const { doc: t, selection: s } = e, n = [];
-  return s.ranges.forEach((o) => {
-    const l = o.$from.pos, c = o.$to.pos;
-    t.nodesBetween(l, c, (r, a, p, $) => {
+  return s.ranges.forEach((l) => {
+    const o = l.$from.pos, c = l.$to.pos;
+    t.nodesBetween(o, c, (r, a, p, $) => {
       (r.type.name === "table_cell" || r.type.name === "table_header") && n.push({ node: r, pos: a });
     });
   }), n;
 }, g = (e) => {
   const t = i(e.selection.$from, (n) => n.type.name === "table"), s = i(e.selection.$to, (n) => n.type.name === "table");
-  return t && s && t.depth === s.depth && t.node.eq(s.node) ? y(e).filter(({ pos: o }) => {
-    const l = i(e.doc.resolve(o), (c) => c.type.name === "table");
-    return l && l.depth === t.depth && t.node.eq(l.node);
+  return t && s && t.depth === s.depth && t.node.eq(s.node) ? y(e).filter(({ pos: l }) => {
+    const o = i(e.doc.resolve(l), (c) => c.type.name === "table");
+    return o && o.depth === t.depth && t.node.eq(o.node);
   }) : [];
 }, w = (e) => {
   const t = [];
@@ -72,9 +73,9 @@ const y = (e) => {
     const s = e.selection.$from, n = i(s, (a) => a.type.spec.tableRole === "table");
     if (n === null)
       return t;
-    const o = s.start(n.depth), l = n.node, c = f.get(l), r = e.doc;
+    const l = s.start(n.depth), o = n.node, c = f.get(o), r = e.doc;
     c.map.forEach((a) => {
-      const p = a + o;
+      const p = a + l;
       t.push({ pos: p, node: r.nodeAt(p) });
     });
   }

package/tools/tableEdit.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-editor-common"),t=require("./proseMirrorTool.js"),d=(o,e)=>{const n=r.deleteColumn(o,e);if(n&&!e){const l=r.selectionCell(o),c=l&&l.node(l.depth);if(c&&c.content.childCount===1)return!1}return n},u=(o,e)=>{const n=r.deleteRow(o,e);if(n&&!e){const l=r.selectionCell(o),c=l&&l.node(l.depth-1);if(c&&c.content.childCount===1)return!1}return n};exports.TableEditNS=void 0;(o=>{o.createAddRowBeforeTool=e=>t.createProseMirrorTool(e,r.addRowBefore),o.createAddRowAfterTool=e=>t.createProseMirrorTool(e,r.addRowAfter),o.createAddColumnBeforeTool=e=>t.createProseMirrorTool(e,r.addColumnBefore),o.createAddColumnAfterTool=e=>t.createProseMirrorTool(e,r.addColumnAfter),o.createDeleteRowTool=e=>t.createProseMirrorTool(e,u),o.createDeleteColumnTool=e=>t.createProseMirrorTool(e,d),o.createDeleteTableTool=e=>t.createProseMirrorTool(e,r.deleteTable),o.createMergeCellsTool=e=>t.createProseMirrorTool(e,r.mergeCells),o.createSplitCellTool=e=>t.createProseMirrorTool(e,r.splitCell)})(exports.TableEditNS||(exports.TableEditNS={}));exports.deleteColumnCmd=d;exports.deleteRowCmd=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-editor-common"),t=require("./proseMirrorTool.js"),d=(o,e)=>{const n=r.deleteColumn(o,e);if(n&&!e){const l=r.selectionCell(o),c=l&&l.node(l.depth);if(c&&c.content.childCount===1)return!1}return n},u=(o,e)=>{const n=r.deleteRow(o,e);if(n&&!e){const l=r.selectionCell(o),c=l&&l.node(l.depth-1);if(c&&c.content.childCount===1)return!1}return n};exports.TableEditNS=void 0;(o=>{o.createAddRowBeforeTool=e=>t.createProseMirrorTool(e,r.addRowBefore),o.createAddRowAfterTool=e=>t.createProseMirrorTool(e,r.addRowAfter),o.createAddColumnBeforeTool=e=>t.createProseMirrorTool(e,r.addColumnBefore),o.createAddColumnAfterTool=e=>t.createProseMirrorTool(e,r.addColumnAfter),o.createDeleteRowTool=e=>t.createProseMirrorTool(e,u),o.createDeleteColumnTool=e=>t.createProseMirrorTool(e,d),o.createDeleteTableTool=e=>t.createProseMirrorTool(e,r.deleteTable),o.createMergeCellsTool=e=>t.createProseMirrorTool(e,r.mergeCells),o.createSplitCellTool=e=>t.createProseMirrorTool(e,r.splitCell)})(exports.TableEditNS||(exports.TableEditNS={}));exports.deleteColumnCmd=d;exports.deleteRowCmd=u;

package/tools/tableEdit.mjs

@@ -5,7 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { addRowBefore as d, addRowAfter as f, addColumnBefore as C, addColumnAfter as s, deleteTable as m, mergeCells as a, splitCell as w, deleteColumn as A, selectionCell as c, deleteRow as p } from "@progress/kendo-editor-common";
+"use client";
+import { addRowBefore as d, addRowAfter as f, addColumnBefore as s, addColumnAfter as C, deleteTable as m, mergeCells as a, splitCell as w, deleteColumn as A, selectionCell as c, deleteRow as p } from "@progress/kendo-editor-common";
 import { createProseMirrorTool as r } from "./proseMirrorTool.mjs";
 const R = (o, e) => {
   const l = A(o, e);
@@ -26,7 +27,7 @@ const R = (o, e) => {
 };
 var u;
 ((o) => {
-  o.createAddRowBeforeTool = (e) => r(e, d), o.createAddRowAfterTool = (e) => r(e, f), o.createAddColumnBeforeTool = (e) => r(e, C), o.createAddColumnAfterTool = (e) => r(e, s), o.createDeleteRowTool = (e) => r(e, T), o.createDeleteColumnTool = (e) => r(e, R), o.createDeleteTableTool = (e) => r(e, m), o.createMergeCellsTool = (e) => r(e, a), o.createSplitCellTool = (e) => r(e, w);
+  o.createAddRowBeforeTool = (e) => r(e, d), o.createAddRowAfterTool = (e) => r(e, f), o.createAddColumnBeforeTool = (e) => r(e, s), o.createAddColumnAfterTool = (e) => r(e, C), o.createDeleteRowTool = (e) => r(e, T), o.createDeleteColumnTool = (e) => r(e, R), o.createDeleteTableTool = (e) => r(e, m), o.createMergeCellsTool = (e) => r(e, a), o.createSplitCellTool = (e) => r(e, w);
 })(u || (u = {}));
 export {
   u as TableEditNS,

package/tools/unlink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),v=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-editor-common"),N=require("./utils.js"),m=require("@progress/kendo-react-intl"),g=require("../messages/index.js"),S=require("@progress/kendo-react-common");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const p=T(f);exports.UnlinkToolNS=void 0;(t=>{t.createUnlinkTool=e=>{const o=class extends p.Component{render(){const{view:n,render:s,...c}=this.props,i={mark:e.mark},k=n?u.hasMark(n.state,i):!1,b=m.provideLocalizationService(this),l=e.messages.title,a=!k,d=p.createElement(v.Button,{onClick:a?void 0:()=>n&&u.removeLink(i,n.state.tr.setMeta("commandName",e.commandName))(n.state,n.dispatch),"aria-disabled":a?!0:void 0,...N.onDownPreventDefault,title:b.toLanguageString(l,g.messages[l]),...e.props,...c,className:S.classNames(c.className,e.props.className,{"k-disabled":a})});return s?s.call(void 0,d,{view:n}):d}};return m.registerForLocalization(o),o}})(exports.UnlinkToolNS||(exports.UnlinkToolNS={}));
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),v=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-editor-common"),N=require("./utils.js"),m=require("@progress/kendo-react-intl"),g=require("../messages/index.js"),S=require("@progress/kendo-react-common");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const p=T(f);exports.UnlinkToolNS=void 0;(t=>{t.createUnlinkTool=e=>{const o=class extends p.Component{render(){const{view:n,render:s,...c}=this.props,i={mark:e.mark},k=n?d.hasMark(n.state,i):!1,b=m.provideLocalizationService(this),l=e.messages.title,a=!k,u=p.createElement(v.Button,{onClick:a?void 0:()=>n&&d.removeLink(i,n.state.tr.setMeta("commandName",e.commandName))(n.state,n.dispatch),"aria-disabled":a?!0:void 0,...N.onDownPreventDefault,title:b.toLanguageString(l,g.messages[l]),...e.props,...c,className:S.classNames(c.className,e.props.className,{"k-disabled":a})});return s?s.call(void 0,u,{view:n}):u}};return m.registerForLocalization(o),o}})(exports.UnlinkToolNS||(exports.UnlinkToolNS={}));

package/tools/unlink.mjs

@@ -5,32 +5,33 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as l from "react";
 import { Button as f } from "@progress/kendo-react-buttons";
-import { hasMark as v, removeLink as u } from "@progress/kendo-editor-common";
+import { hasMark as u, removeLink as v } from "@progress/kendo-editor-common";
 import { onDownPreventDefault as N } from "./utils.mjs";
 import { registerForLocalization as b, provideLocalizationService as h } from "@progress/kendo-react-intl";
 import { messages as L } from "../messages/index.mjs";
 import { classNames as T } from "@progress/kendo-react-common";
 var c;
 ((p) => {
-  p.createUnlinkTool = (t) => {
+  p.createUnlinkTool = (e) => {
     const a = class extends l.Component {
       render() {
-        const { view: o, render: r, ...s } = this.props, n = { mark: t.mark }, d = o ? v(o.state, n) : !1, k = h(this), i = t.messages.title, e = !d, m = /* @__PURE__ */ l.createElement(
+        const { view: o, render: r, ...s } = this.props, n = { mark: e.mark }, d = o ? u(o.state, n) : !1, k = h(this), i = e.messages.title, t = !d, m = /* @__PURE__ */ l.createElement(
           f,
           {
-            onClick: e ? void 0 : () => o && u(n, o.state.tr.setMeta("commandName", t.commandName))(
+            onClick: t ? void 0 : () => o && v(n, o.state.tr.setMeta("commandName", e.commandName))(
               o.state,
               o.dispatch
             ),
-            "aria-disabled": e ? !0 : void 0,
+            "aria-disabled": t ? !0 : void 0,
             ...N,
             title: k.toLanguageString(i, L[i]),
-            ...t.props,
+            ...e.props,
             ...s,
-            className: T(s.className, t.props.className, {
-              "k-disabled": e
+            className: T(s.className, e.props.className, {
+              "k-disabled": t
             })
           }
         );

package/tools/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("../messages/index.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const n=y(l),d={onMouseDown:t=>t.preventDefault(),onPointerDown:t=>t.preventDefault()},a={userSelect:"none"},u=function(t,...s){return s.forEach((r,o)=>{t=t.replace("{"+o+"}",String(r))}),t},i=(t,s)=>s.dataItem.style?n.cloneElement(t,t.props,n.createElement("span",{style:s.dataItem.style},t.props.children)):t,S=["px","em","%"],c={animate:{openDuration:150,closeDuration:150}},b=[{textKey:e.keys.borderStyleNone,text:e.messages[e.keys.borderStyleNone],value:"none"},{textKey:e.keys.borderStyleSolid,text:e.messages[e.keys.borderStyleSolid],value:"solid"},{textKey:e.keys.borderStyleDotted,text:e.messages[e.keys.borderStyleDotted],value:"dotted"},{textKey:e.keys.borderStyleDashed,text:e.messages[e.keys.borderStyleDashed],value:"dashed"},{textKey:e.keys.borderStyleDouble,text:e.messages[e.keys.borderStyleDouble],value:"double"},{textKey:e.keys.borderStyleGroove,text:e.messages[e.keys.borderStyleGroove],value:"groove"},{textKey:e.keys.borderStyleRidge,text:e.messages[e.keys.borderStyleRidge],value:"ridge"},{textKey:e.keys.borderStyleInset,text:e.messages[e.keys.borderStyleInset],value:"inset"},{textKey:e.keys.borderStyleOutset,text:e.messages[e.keys.borderStyleOutset],value:"outset"},{textKey:e.keys.borderStyleInitial,text:e.messages[e.keys.borderStyleInitial],value:"initial"},{textKey:e.keys.borderStyleInherit,text:e.messages[e.keys.borderStyleInherit],value:"inherit"},{textKey:e.keys.borderStyleHidden,text:e.messages[e.keys.borderStyleHidden],value:"hidden"}];function g(t,s){for(let r=t.depth;r>0;r--){const o=t.node(r);if(s(o))return{node:o,depth:r}}return null}exports.borderStyles=b;exports.formatString=u;exports.itemRender=i;exports.onDownPreventDefault=d;exports.parentNode=g;exports.popupSettings=c;exports.units=S;exports.userSelectNone=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("../messages/index.js");function y(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const n=y(l),d={onMouseDown:t=>t.preventDefault(),onPointerDown:t=>t.preventDefault()},a={userSelect:"none"},u=function(t,...s){return s.forEach((r,o)=>{t=t.replace("{"+o+"}",String(r))}),t},i=(t,s)=>s.dataItem.style?n.cloneElement(t,t.props,n.createElement("span",{style:s.dataItem.style},t.props.children)):t,S=["px","em","%"],c={animate:{openDuration:150,closeDuration:150}},b=[{textKey:e.keys.borderStyleNone,text:e.messages[e.keys.borderStyleNone],value:"none"},{textKey:e.keys.borderStyleSolid,text:e.messages[e.keys.borderStyleSolid],value:"solid"},{textKey:e.keys.borderStyleDotted,text:e.messages[e.keys.borderStyleDotted],value:"dotted"},{textKey:e.keys.borderStyleDashed,text:e.messages[e.keys.borderStyleDashed],value:"dashed"},{textKey:e.keys.borderStyleDouble,text:e.messages[e.keys.borderStyleDouble],value:"double"},{textKey:e.keys.borderStyleGroove,text:e.messages[e.keys.borderStyleGroove],value:"groove"},{textKey:e.keys.borderStyleRidge,text:e.messages[e.keys.borderStyleRidge],value:"ridge"},{textKey:e.keys.borderStyleInset,text:e.messages[e.keys.borderStyleInset],value:"inset"},{textKey:e.keys.borderStyleOutset,text:e.messages[e.keys.borderStyleOutset],value:"outset"},{textKey:e.keys.borderStyleInitial,text:e.messages[e.keys.borderStyleInitial],value:"initial"},{textKey:e.keys.borderStyleInherit,text:e.messages[e.keys.borderStyleInherit],value:"inherit"},{textKey:e.keys.borderStyleHidden,text:e.messages[e.keys.borderStyleHidden],value:"hidden"}];function g(t,s){for(let r=t.depth;r>0;r--){const o=t.node(r);if(s(o))return{node:o,depth:r}}return null}exports.borderStyles=b;exports.formatString=u;exports.itemRender=i;exports.onDownPreventDefault=d;exports.parentNode=g;exports.popupSettings=c;exports.units=S;exports.userSelectNone=a;

package/tools/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as d from "react";
 import { keys as e, messages as r } from "../messages/index.mjs";
 const a = {

package/tools/viewHtml.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),m=require("@progress/kendo-react-buttons"),p=require("./utils.js"),D=require("../dialogs/index.js"),u=require("@progress/kendo-react-intl"),f=require("../messages/index.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=w(d);exports.ViewHtmlToolNS=void 0;(e=>{e.createViewHtmlTool=t=>{const o=class extends r.Component{constructor(){super(...arguments),this.state={openedDialog:!1},this.toggleDialog=()=>{this.setState({openedDialog:!this.state.openedDialog})}}render(){const{view:n,render:l,...s}=this.props,g=u.provideLocalizationService(this),a=t.messages.viewHtml,c=[r.createElement(m.Button,{onClick:this.toggleDialog,key:"viewHtml",...p.onDownPreventDefault,title:g.toLanguageString(a,f.messages[a]),...t.props,...s}),this.state.openedDialog&&n&&r.createElement(D.EditorDialogs.ViewHtmlDialog,{key:"viewHtmlDialog",view:n,settings:t,dir:s.dir,onClose:this.toggleDialog})||null];return l?l.call(void 0,c,{view:n}):c}};return u.registerForLocalization(o),o}})(exports.ViewHtmlToolNS||(exports.ViewHtmlToolNS={}));
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),m=require("@progress/kendo-react-buttons"),p=require("./utils.js"),D=require("../dialogs/index.js"),u=require("@progress/kendo-react-intl"),f=require("../messages/index.js");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const r=w(d);exports.ViewHtmlToolNS=void 0;(e=>{e.createViewHtmlTool=t=>{const o=class extends r.Component{constructor(){super(...arguments),this.state={openedDialog:!1},this.toggleDialog=()=>{this.setState({openedDialog:!this.state.openedDialog})}}render(){const{view:n,render:l,...s}=this.props,g=u.provideLocalizationService(this),a=t.messages.viewHtml,c=[r.createElement(m.Button,{onClick:this.toggleDialog,key:"viewHtml",...p.onDownPreventDefault,title:g.toLanguageString(a,f.messages[a]),...t.props,...s}),this.state.openedDialog&&n&&r.createElement(D.EditorDialogs.ViewHtmlDialog,{key:"viewHtmlDialog",view:n,settings:t,dir:s.dir,onClose:this.toggleDialog})||null];return l?l.call(void 0,c,{view:n}):c}};return u.registerForLocalization(o),o}})(exports.ViewHtmlToolNS||(exports.ViewHtmlToolNS={}));

package/tools/viewHtml.mjs

@@ -5,15 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
-import { Button as p } from "@progress/kendo-react-buttons";
-import { onDownPreventDefault as c } from "./utils.mjs";
+import { Button as c } from "@progress/kendo-react-buttons";
+import { onDownPreventDefault as p } from "./utils.mjs";
 import { EditorDialogs as d } from "../dialogs/index.mjs";
 import { registerForLocalization as D, provideLocalizationService as u } from "@progress/kendo-react-intl";
 import { messages as h } from "../messages/index.mjs";
 var n;
 ((m) => {
-  m.createViewHtmlTool = (o) => {
+  m.createViewHtmlTool = (e) => {
     const i = class extends t.Component {
       constructor() {
         super(...arguments), this.state = {
@@ -25,30 +26,30 @@ var n;
         };
       }
       render() {
-        const { view: e, render: r, ...l } = this.props, g = u(this), a = o.messages.viewHtml, s = [
+        const { view: o, render: r, ...l } = this.props, g = u(this), a = e.messages.viewHtml, s = [
           /* @__PURE__ */ t.createElement(
-            p,
+            c,
             {
               onClick: this.toggleDialog,
               key: "viewHtml",
-              ...c,
+              ...p,
               title: g.toLanguageString(a, h[a]),
-              ...o.props,
+              ...e.props,
               ...l
             }
           ),
-          this.state.openedDialog && e && /* @__PURE__ */ t.createElement(
+          this.state.openedDialog && o && /* @__PURE__ */ t.createElement(
             d.ViewHtmlDialog,
             {
               key: "viewHtmlDialog",
-              view: e,
-              settings: o,
+              view: o,
+              settings: e,
               dir: l.dir,
               onClose: this.toggleDialog
             }
           ) || null
         ];
-        return r ? r.call(void 0, s, { view: e }) : s;
+        return r ? r.call(void 0, s, { view: o }) : s;
       }
     };
     return D(i), i;

package/utils/browser-detection.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent);exports.firefox=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent);exports.firefox=e;