@remarkablejames/editor 0.0.1

package/lib/ImageGif.js

@@ -0,0 +1,400 @@
+import { h as B, m as q, k as V } from "./clsx-CDyrfCnw.js";
+import { y as k, z as C, F as X, u as Y, d as D, A as Z, G as U, j as J, H as Q } from "./index-lj3VWExo.js";
+import { jsx as u, jsxs as P, Fragment as K } from "react/jsx-runtime";
+import { useState as G, useMemo as L, useCallback as M, useEffect as $, useRef as ee } from "react";
+import { I as j, i as W, j as te } from "./index-4Q5IhypJ.js";
+import "./theme.js";
+import { P as ne, a as re, b as ie } from "./popover-CPr9bHYn.js";
+const O = {
+  TOP_LEFT: "tl",
+  TOP_RIGHT: "tr",
+  BOTTOM_LEFT: "bl",
+  BOTTOM_RIGHT: "br"
+};
+function ae(e) {
+  var p, H;
+  const [t, r] = G({
+    width: j,
+    height: j
+  }), [c, i] = G({
+    width: 0,
+    height: 0
+  }), [n] = G([
+    O.TOP_LEFT,
+    O.TOP_RIGHT,
+    O.BOTTOM_LEFT,
+    O.BOTTOM_RIGHT
+  ]), [a, s] = G(!1), [l, v] = G({
+    x: 0,
+    y: 0,
+    w: 0,
+    h: 0,
+    dir: ""
+  }), { align: b } = (p = e == null ? void 0 : e.node) == null ? void 0 : p.attrs, g = L(() => {
+    var w;
+    const { src: o, alt: m, width: f, height: x } = (w = e == null ? void 0 : e.node) == null ? void 0 : w.attrs, A = k(f) ? `${f}px` : f, d = k(x) ? `${x}px` : x;
+    return {
+      src: o || void 0,
+      alt: m || void 0,
+      style: {
+        width: A || void 0,
+        height: d || void 0
+      }
+    };
+  }, [(H = e == null ? void 0 : e.node) == null ? void 0 : H.attrs]), y = L(() => {
+    const {
+      style: { width: o }
+    } = g;
+    return { width: o === "100%" ? o : void 0 };
+  }, [g]);
+  function h(o) {
+    i({
+      width: o.target.width,
+      height: o.target.height
+    });
+  }
+  function _() {
+    const { editor: o, getPos: m } = e;
+    o.commands.setNodeSelection(m());
+  }
+  const I = M(
+    C(() => {
+      const { editor: o } = e, { width: m } = getComputedStyle(o.view.dom);
+      r((f) => ({
+        ...f,
+        width: Number.parseInt(m, 10)
+      }));
+    }, W),
+    [e == null ? void 0 : e.editor]
+  );
+  function F(o, m) {
+    o.preventDefault(), o.stopPropagation();
+    const f = c.width, x = c.height, A = f / x;
+    let d = Number(e.node.attrs.width), w = Number(e.node.attrs.height);
+    const T = t.width;
+    d && !w ? (d = d > T ? T : d, w = Math.round(d / A)) : w && !d ? (d = Math.round(w * A), d = d > T ? T : d) : !d && !w ? (d = f > T ? T : f, w = Math.round(d / A)) : d = d > T ? T : d, s(!0), v({
+      x: o.clientX,
+      y: o.clientY,
+      w: d,
+      h: w,
+      dir: m
+    });
+  }
+  const N = M(
+    C((o) => {
+      if (o.preventDefault(), o.stopPropagation(), !a)
+        return;
+      const { x: m, w: f, dir: x } = l, A = (o.clientX - m) * (/l/.test(x) ? -1 : 1), d = X(f + A, te, t.width);
+      e.updateAttributes({
+        width: d,
+        height: null
+      });
+    }, W),
+    [a, l, t, e.updateAttributes]
+  ), E = M(
+    (o) => {
+      o.preventDefault(), o.stopPropagation(), a && (v({
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0,
+        dir: ""
+      }), s(!1), _());
+    },
+    [a, _]
+  ), R = M(() => {
+    document == null || document.addEventListener("mousemove", N, !0), document == null || document.addEventListener("mouseup", E, !0);
+  }, [N, E]), S = M(() => {
+    document == null || document.removeEventListener("mousemove", N, !0), document == null || document.removeEventListener("mouseup", E, !0);
+  }, [N, E]);
+  $(() => (a ? R() : S(), () => {
+    S();
+  }), [a, R, S]);
+  const z = L(() => new ResizeObserver(() => I()), [I]);
+  return $(() => (z.observe(e.editor.view.dom), () => {
+    z.disconnect();
+  }), [e.editor.view.dom, z]), /* @__PURE__ */ u(
+    B,
+    {
+      className: "image-view",
+      style: { ...y, width: "100%", textAlign: b },
+      children: /* @__PURE__ */ P(
+        "div",
+        {
+          "data-drag-handle": !0,
+          draggable: "true",
+          style: y,
+          className: `image-view__body ${e != null && e.selected ? "image-view__body--focused" : ""} ${a ? "image-view__body--resizing" : ""}`,
+          children: [
+            /* @__PURE__ */ u(
+              "img",
+              {
+                alt: g.alt,
+                className: "image-view__body__image block",
+                height: "auto",
+                onClick: _,
+                onLoad: h,
+                src: g.src,
+                style: g.style
+              }
+            ),
+            (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || a) && /* @__PURE__ */ u("div", { className: "image-resizer", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ u(
+              "span",
+              {
+                className: `image-resizer__handler image-resizer__handler--${o}`,
+                onMouseDown: (m) => F(m, o)
+              },
+              `image-dir-${o}`
+            )) })
+          ]
+        }
+      )
+    }
+  );
+}
+async function se(e) {
+  var c;
+  const r = await (await fetch(`https://api.giphy.com/v1/gifs/trending?q=&limit=15&api_key=${e}`)).json();
+  return (c = r == null ? void 0 : r.data) == null ? void 0 : c.map((i) => {
+    var n, a, s;
+    return {
+      id: i == null ? void 0 : i.id,
+      src: (n = i == null ? void 0 : i.images.original) == null ? void 0 : n.url,
+      width: +((a = i == null ? void 0 : i.images.original) == null ? void 0 : a.width),
+      height: +((s = i == null ? void 0 : i.images.original) == null ? void 0 : s.width)
+    };
+  });
+}
+async function oe(e, t) {
+  var i;
+  const c = await (await fetch(
+    `https://api.giphy.com/v1/gifs/search?q=${e}&limit=15&api_key=${t}`
+  )).json();
+  return (i = c == null ? void 0 : c.data) == null ? void 0 : i.map((n) => {
+    var a, s, l;
+    return {
+      id: n == null ? void 0 : n.id,
+      src: (a = n == null ? void 0 : n.images.original) == null ? void 0 : a.url,
+      width: +((s = n == null ? void 0 : n.images.original) == null ? void 0 : s.width),
+      height: +((l = n == null ? void 0 : n.images.original) == null ? void 0 : l.width)
+    };
+  });
+}
+async function ce(e) {
+  var n, a;
+  const t = await fetch(
+    `https://tenor.googleapis.com/v2/trending_terms?key=${e}&limit=10`
+  ), r = await (t == null ? void 0 : t.json()), i = await (await fetch(
+    `https://tenor.googleapis.com/v2/search?key=${e}&q=${(n = r == null ? void 0 : r.results) == null ? void 0 : n[0]}&limit=15`
+  )).json();
+  return (a = i == null ? void 0 : i.results) == null ? void 0 : a.map((s) => {
+    var l, v, b, g, y, h, _, I;
+    return {
+      id: s == null ? void 0 : s.id,
+      src: (v = (l = s == null ? void 0 : s.media_formats) == null ? void 0 : l.gif) == null ? void 0 : v.url,
+      width: (y = (g = (b = s == null ? void 0 : s.media_formats) == null ? void 0 : b.gif) == null ? void 0 : g.dims) == null ? void 0 : y[0],
+      height: (I = (_ = (h = s == null ? void 0 : s.media_formats) == null ? void 0 : h.gif) == null ? void 0 : _.dims) == null ? void 0 : I[1]
+    };
+  });
+}
+async function de(e, t) {
+  var i;
+  const c = await (await fetch(
+    `https://tenor.googleapis.com/v2/search?key=${t}&q=${e}&limit=15`
+  )).json();
+  return (i = c == null ? void 0 : c.results) == null ? void 0 : i.map((n) => {
+    var a, s, l, v, b, g, y, h;
+    return {
+      id: n == null ? void 0 : n.id,
+      src: (s = (a = n == null ? void 0 : n.media_formats) == null ? void 0 : a.gif) == null ? void 0 : s.url,
+      width: (b = (v = (l = n == null ? void 0 : n.media_formats) == null ? void 0 : l.gif) == null ? void 0 : v.dims) == null ? void 0 : b[0],
+      height: (h = (y = (g = n == null ? void 0 : n.media_formats) == null ? void 0 : g.gif) == null ? void 0 : y.dims) == null ? void 0 : h[1]
+    };
+  });
+}
+function le(e, t) {
+  return {
+    searchTrending: async () => t ? e === "giphy" ? se(t) : e === "tenor" ? ce(t) : [] : [],
+    searchWord: async (i) => t ? e === "giphy" ? oe(i, t) : e === "tenor" ? de(i, t) : [] : []
+  };
+}
+function he({ selectImage: e, apiKey: t, provider: r, children: c }) {
+  const [i, n] = G(!1), [a, s] = G([]), { editorDisabled: l } = D(), v = ee(null), { searchTrending: b, searchWord: g } = le(r, t);
+  $(() => {
+    (async () => {
+      const h = await b();
+      s(h);
+    })();
+  }, []);
+  const y = M(
+    U(async (h) => {
+      if (!h.target.value) {
+        const I = await b();
+        s(I);
+        return;
+      }
+      const _ = await g(h.target.value);
+      s(_);
+    }, 350),
+    // Adjust the debounce delay as needed
+    []
+  );
+  return /* @__PURE__ */ P(ne, { modal: !0, onOpenChange: n, open: i, children: [
+    /* @__PURE__ */ u(re, { asChild: !0, disabled: l, children: c }),
+    /* @__PURE__ */ u(
+      ie,
+      {
+        align: "start",
+        className: "richtext-size-full richtext-p-2",
+        hideWhenDetached: !0,
+        side: "bottom",
+        children: t ? /* @__PURE__ */ P(K, { children: [
+          /* @__PURE__ */ u("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ u(
+            J,
+            {
+              onChange: y,
+              placeholder: "Search GIF",
+              ref: v,
+              type: "text"
+            }
+          ) }),
+          /* @__PURE__ */ u("div", { className: "richtext-max-h-[280px] !richtext-max-w-[400px] richtext-overflow-y-auto", children: /* @__PURE__ */ u("div", { className: "richtext-grid richtext-grid-cols-2 richtext-gap-1", children: a != null && a.length ? a == null ? void 0 : a.map((h) => /* @__PURE__ */ u(
+            "img",
+            {
+              alt: "",
+              className: "richtext-cursor-pointer richtext-object-contain richtext-text-center",
+              src: h.src,
+              onClick: () => {
+                e(h.src), n(!1);
+              }
+            },
+            h.id
+          )) : /* @__PURE__ */ u("p", { children: "No GIFs found" }) }) })
+        ] }) : /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("p", { children: "Missing Giphy API Key" }) })
+      }
+    )
+  ] });
+}
+function _e() {
+  const e = Y(ue.name), { action: t, icon: r, tooltip: c, apiKey: i, provider: n } = (e == null ? void 0 : e.componentProps) ?? {}, { editorDisabled: a } = D();
+  return /* @__PURE__ */ u(he, { apiKey: i, provider: n, selectImage: (l) => {
+    a || t && t(l);
+  }, children: /* @__PURE__ */ u(Z, { disabled: a, icon: r, tooltip: c }) });
+}
+const ue = /* @__PURE__ */ Q.extend({
+  name: "imageGif",
+  //@ts-expect-error
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      inline: !1,
+      content: "",
+      marks: "",
+      group: "block",
+      API_KEY: "",
+      provider: "giphy",
+      draggable: !1,
+      selectable: !0,
+      atom: !0,
+      button: ({ editor: t, extension: r, t: c }) => {
+        var a, s;
+        const i = ((a = r == null ? void 0 : r.options) == null ? void 0 : a.provider) || "", n = ((s = r == null ? void 0 : r.options) == null ? void 0 : s.API_KEY) || "";
+        return {
+          componentProps: {
+            action: (l) => {
+              t.chain().focus().setImageGif({ src: l }).run();
+            },
+            isActive: () => !1,
+            disabled: !1,
+            icon: "GifIcon",
+            tooltip: c("editor.imageGif.tooltip"),
+            apiKey: n,
+            provider: i
+          }
+        };
+      }
+    };
+  },
+  addAttributes() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      width: {
+        default: null,
+        parseHTML: (t) => {
+          const r = t.style.width || t.getAttribute("width") || "10";
+          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
+        },
+        renderHTML: (t) => ({
+          width: t.width
+        })
+      },
+      align: {
+        default: "center",
+        parseHTML: (t) => t.getAttribute("align"),
+        renderHTML: (t) => ({
+          align: t.align
+        })
+      }
+    };
+  },
+  addNodeView() {
+    return V(ae);
+  },
+  addCommands() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      setImageGif: (t) => ({ commands: r }) => r.insertContent({
+        type: this.name,
+        attrs: t
+      }),
+      updateImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, t),
+      setAlignImageGif: (t) => ({ commands: r }) => r.updateAttributes(this.name, { align: t })
+    };
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    const { align: t } = e;
+    return [
+      "div",
+      // Parent element
+      {
+        style: t ? `text-align: ${t};` : "",
+        class: "imageGIf"
+      },
+      [
+        "img",
+        q(
+          // Always render the `height="auto"`
+          {
+            height: "auto"
+          },
+          this.options.HTMLAttributes,
+          e
+        )
+      ]
+    ];
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=imageGIf]",
+        getAttrs: (e) => {
+          const t = e.querySelector("img"), r = t == null ? void 0 : t.getAttribute("width");
+          return {
+            src: t == null ? void 0 : t.getAttribute("src"),
+            alt: t == null ? void 0 : t.getAttribute("alt"),
+            title: t == null ? void 0 : t.getAttribute("title"),
+            width: r ? Number.parseInt(r, 10) : null,
+            align: (t == null ? void 0 : t.getAttribute("align")) || e.style.textAlign || null
+          };
+        }
+      }
+    ];
+  }
+});
+export {
+  ue as ImageGif,
+  _e as RichTextImageGif
+};

package/lib/ImportWord.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./clsx-CXbNJWDD.cjs"),u=require("react/jsx-runtime"),H=require("mammoth"),A=require("react"),s=require("./index-D9oM__YW.cjs");require("./theme.cjs");const P=require("./index-bVGIXhRg.cjs");function N(o,t){const a=atob(o.split(",")[1]),l=Array.from({length:a.length});for(let i=0;i<a.length;i++)l[i]=a.charCodeAt(i);const m=new Uint8Array(l);return new Blob([m],{type:t})}function k(o,t){return new File([o],t,{type:o.type})}function z(){const o=s.useEditorInstance(),t=s.useButtonProps(y.name),{icon:a=void 0,tooltip:l=void 0,tooltipOptions:m={},isActive:i=void 0,mammothOptions:w,limit:j,convert:b}=(t==null?void 0:t.componentProps)??{},{editorDisabled:W}=s.useToggleActive(i),p=s.useExtension(y.name),{toast:q}=s.useToast(),{t:S}=P.useLocale(),[C,v]=A.useState(!1),x=A.useRef(null);function O(){var e;(e=x.current)==null||e.click()}function R(e){const n=e.target.files[0];if(n){if(n.size>j){q({variant:"destructive",title:S("editor.importWord.limitSize")});return}E(n)}}async function B(e){const c=new DOMParser().parseFromString(e,"text/html"),f=c.querySelectorAll("img");if(f.length===0)return c.body.innerHTML;if(s.hasExtension(o,s.Image.name)){const g=p==null?void 0:p.options;if(g&&typeof g.upload=="function"){const T=[];for(const h of f){const d=h.getAttribute("src"),r=N(d,"image/jpeg"),L=k(r,"image.jpeg");T.push(L)}const F=await g.upload(T);for(const[h,d]of f.entries()){d.setAttribute("src",F[h].src);const r=d.parentElement;(r==null?void 0:r.tagName)==="P"&&(r.insertAdjacentElement("beforebegin",d),!r.hasChildNodes()&&r.textContent===""&&r.remove())}return c.body.innerHTML}else return console.warn("Image Upload method found, skip image conversion"),c.body.innerHTML}else return console.error("Image extension not found, unable to convert image"),c.body.innerHTML}async function E(e){v(!0);try{if(b){const n=await b(e);I(n)}else{const n=await e.arrayBuffer(),{value:c}=await H.convertToHtml({arrayBuffer:n},w);I(c)}}finally{v(!1)}}async function I(e){const n=await B(e);o.chain().setContent(n,!0).run()}return t?u.jsxs(u.Fragment,{children:[u.jsx(s.ActionButton,{action:O,disabled:W,icon:a,loading:C,tooltip:l,tooltipOptions:m}),u.jsx("input",{accept:".docx",onChange:R,ref:x,type:"file",style:{display:"none"}})]}):u.jsx(u.Fragment,{})}const y=M.Extension.create({name:"importWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),upload:void 0,convert:void 0,limit:1024*1024*10,button:({extension:t,t:a})=>{const{convert:l,limit:m,mammothOptions:i}=t.options;return{componentProps:{convert:l,limit:m,mammothOptions:i,icon:"Word",shortcutKeys:t.options.shortcutKeys??["alt","mod","S"],tooltip:a("editor.importWord.tooltip")}}}}}});exports.ImportWord=y;exports.RichTextImportWord=z;

package/lib/ImportWord.js

@@ -0,0 +1,145 @@
+import { E as M } from "./clsx-CDyrfCnw.js";
+import { jsx as g, Fragment as I, jsxs as P } from "react/jsx-runtime";
+import R from "mammoth";
+import { useState as N, useRef as k } from "react";
+import { h as q, u as z, d as D, q as K, r as U, A as G, s as J, t as Q } from "./index-lj3VWExo.js";
+import "./theme.js";
+import { u as V } from "./index-4Q5IhypJ.js";
+function X(e, t) {
+  const s = atob(e.split(",")[1]), c = Array.from({ length: s.length });
+  for (let i = 0; i < s.length; i++)
+    c[i] = s.charCodeAt(i);
+  const l = new Uint8Array(c);
+  return new Blob([l], { type: t });
+}
+function Y(e, t) {
+  return new File([e], t, { type: e.type });
+}
+function it() {
+  const e = q(), t = z(w.name), {
+    icon: s = void 0,
+    tooltip: c = void 0,
+    tooltipOptions: l = {},
+    isActive: i = void 0,
+    mammothOptions: T,
+    limit: x,
+    convert: h
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: C } = D(i), u = K(w.name), { toast: E } = U(), { t: W } = V(), [B, y] = N(!1), b = k(null);
+  function L() {
+    var o;
+    (o = b.current) == null || o.click();
+  }
+  function O(o) {
+    const n = o.target.files[0];
+    if (n) {
+      if (n.size > x) {
+        E({
+          variant: "destructive",
+          title: W("editor.importWord.limitSize")
+        });
+        return;
+      }
+      j(n);
+    }
+  }
+  async function S(o) {
+    const a = new DOMParser().parseFromString(o, "text/html"), p = a.querySelectorAll("img");
+    if (p.length === 0)
+      return a.body.innerHTML;
+    if (J(e, Q.name)) {
+      const d = u == null ? void 0 : u.options;
+      if (d && typeof d.upload == "function") {
+        const A = [];
+        for (const f of p) {
+          const m = f.getAttribute("src"), r = X(m, "image/jpeg"), H = Y(r, "image.jpeg");
+          A.push(H);
+        }
+        const F = await d.upload(A);
+        for (const [f, m] of p.entries()) {
+          m.setAttribute("src", F[f].src);
+          const r = m.parentElement;
+          (r == null ? void 0 : r.tagName) === "P" && (r.insertAdjacentElement("beforebegin", m), !r.hasChildNodes() && r.textContent === "" && r.remove());
+        }
+        return a.body.innerHTML;
+      } else
+        return console.warn("Image Upload method found, skip image conversion"), a.body.innerHTML;
+    } else
+      return console.error("Image extension not found, unable to convert image"), a.body.innerHTML;
+  }
+  async function j(o) {
+    y(!0);
+    try {
+      if (h) {
+        const n = await h(o);
+        v(n);
+      } else {
+        const n = await o.arrayBuffer(), { value: a } = await R.convertToHtml({ arrayBuffer: n }, T);
+        v(a);
+      }
+    } finally {
+      y(!1);
+    }
+  }
+  async function v(o) {
+    const n = await S(o);
+    e.chain().setContent(n, !0).run();
+  }
+  return t ? /* @__PURE__ */ P(I, { children: [
+    /* @__PURE__ */ g(
+      G,
+      {
+        action: L,
+        disabled: C,
+        icon: s,
+        loading: B,
+        tooltip: c,
+        tooltipOptions: l
+      }
+    ),
+    /* @__PURE__ */ g(
+      "input",
+      {
+        accept: ".docx",
+        onChange: O,
+        ref: b,
+        type: "file",
+        style: {
+          display: "none"
+        }
+      }
+    )
+  ] }) : /* @__PURE__ */ g(I, {});
+}
+const w = /* @__PURE__ */ M.create({
+  name: "importWord",
+  //@ts-expect-error
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      upload: void 0,
+      convert: void 0,
+      limit: 1024 * 1024 * 10,
+      // 10 MB
+      button: ({ extension: t, t: s }) => {
+        const { convert: c, limit: l, mammothOptions: i } = t.options;
+        return {
+          componentProps: {
+            convert: c,
+            limit: l,
+            mammothOptions: i,
+            // action: () => editor.commands.setHorizontalRule(),
+            // disabled: !editor.can().setHorizontalRule(),
+            icon: "Word",
+            shortcutKeys: t.options.shortcutKeys ?? ["alt", "mod", "S"],
+            tooltip: s("editor.importWord.tooltip")
+          }
+        };
+      }
+    };
+  }
+});
+export {
+  w as ImportWord,
+  it as RichTextImportWord
+};

package/lib/Indent-BpMcZKok.js

@@ -0,0 +1,148 @@
+import { s as y, E as x } from "./clsx-CDyrfCnw.js";
+import { TextSelection as b, AllSelection as I } from "@tiptap/pm/state";
+import { jsx as d, Fragment as m, jsxs as A } from "react/jsx-runtime";
+import { u as T, d as K, A as p } from "./index-lj3VWExo.js";
+import "react";
+import "./theme.js";
+var a = /* @__PURE__ */ ((t) => (t[t.max = 7] = "max", t[t.min = 0] = "min", t[t.more = 1] = "more", t[t.less = -1] = "less", t))(a || {});
+function g(t, n, e) {
+  return t < n ? n : t > e ? e : t;
+}
+function S(t, n, e, o) {
+  const { doc: r, selection: s } = t;
+  if (!r || !s || !(s instanceof b || s instanceof I))
+    return t;
+  const { from: i, to: c } = s;
+  return r.nodesBetween(i, c, (u, l) => {
+    const h = u.type;
+    return e.includes(h.name) ? (t = M(t, l, n), !1) : !y(u.type.name, o.extensionManager.extensions);
+  }), t;
+}
+function M(t, n, e) {
+  if (!t.doc)
+    return t;
+  const o = t.doc.nodeAt(n);
+  if (!o)
+    return t;
+  const i = g((o.attrs.indent || 0) + e, 0, 7);
+  if (i === o.attrs.indent)
+    return t;
+  const c = {
+    ...o.attrs,
+    indent: i
+  };
+  return t.setNodeMarkup(n, o.type, c, o.marks);
+}
+function f({ delta: t, types: n }) {
+  return ({ state: e, dispatch: o, editor: r }) => {
+    const { selection: s } = e;
+    let { tr: i } = e;
+    return i = i.setSelection(s), i = S(i, t, n, r), i.docChanged ? (o && o(i), !0) : !1;
+  };
+}
+function D() {
+  const t = T(k.name), { indent: n, outdent: e } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: o } = K(), r = () => {
+    o || n != null && n.action && (n == null || n.action());
+  }, s = () => {
+    o || e != null && e.action && (e == null || e.action());
+  };
+  return t ? /* @__PURE__ */ A(m, { children: [
+    /* @__PURE__ */ d(
+      p,
+      {
+        action: r,
+        disabled: o,
+        icon: n == null ? void 0 : n.icon,
+        shortcutKeys: n == null ? void 0 : n.shortcutKeys,
+        tooltip: n == null ? void 0 : n.tooltip
+      }
+    ),
+    /* @__PURE__ */ d(
+      p,
+      {
+        action: s,
+        disabled: o,
+        icon: e == null ? void 0 : e.icon,
+        shortcutKeys: e == null ? void 0 : e.shortcutKeys,
+        tooltip: e == null ? void 0 : e.tooltip
+      }
+    )
+  ] }) : /* @__PURE__ */ d(m, {});
+}
+const k = /* @__PURE__ */ x.create({
+  name: "richtextIndentOutdent",
+  //@ts-expect-error
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      types: ["paragraph", "heading", "blockquote"],
+      minIndent: a.min,
+      maxIndent: a.max,
+      button({ editor: n, t: e, extension: o }) {
+        var r, s;
+        return {
+          componentProps: {
+            indent: {
+              action: () => {
+                n.commands.indent();
+              },
+              shortcutKeys: ((r = o.options.shortcutKeys) == null ? void 0 : r[0]) ?? ["Tab"],
+              icon: "IndentIncrease",
+              tooltip: e("editor.indent.tooltip")
+            },
+            outdent: {
+              action: () => {
+                n.commands.outdent();
+              },
+              shortcutKeys: ((s = o.options.shortcutKeys) == null ? void 0 : s[1]) ?? ["Shift", "Tab"],
+              icon: "IndentDecrease",
+              tooltip: e("editor.outdent.tooltip")
+            }
+          }
+        };
+      }
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: 0,
+            parseHTML: (t) => {
+              const n = t.dataset.indent;
+              return (n ? Number.parseInt(n, 10) : 0) || 0;
+            },
+            renderHTML: (t) => t.indent ? { "data-indent": t.indent } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      indent: () => f({
+        delta: a.more,
+        types: this.options.types
+      }),
+      outdent: () => f({
+        delta: a.less,
+        types: this.options.types
+      })
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Tab: () => this.editor.commands.indent(),
+      "Shift-Tab": () => this.editor.commands.outdent()
+    };
+  }
+});
+export {
+  k as I,
+  D as R,
+  a,
+  M as s
+};