@layers-app/editor 0.0.16 → 0.0.17-editor-01

package/dist/{layers.Cj_eKfOr.js → layers.Cg-0Gy21.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),t=require("./layers.BK2HDr2t.js"),M=require("@mantine/core");function P(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var F=P(function(e){const l=new URLSearchParams;l.append("code",e);for(let a=1;a<arguments.length;a++)l.append("v",arguments[a]);throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${l} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)});function R(e){const l=e.transform();return l!==null?new Set([l]):new Set}function K({initialEditor:e,children:l,initialNodes:a,initialTheme:d,skipCollabChecks:i}){const c=r.useRef(!1),o=r.useContext(t.l$1);o==null&&F(9);const[g,{getTheme:S}]=o,_=r.useMemo(()=>{const m=d||S()||void 0,h=t.o(o,m);if(m!==void 0&&(e._config.theme=m),e._parentEditor=g,a)for(let s of a){let w=null,x=null;if(typeof s!="function"){const C=s;s=C.replace,w=C.with,x=C.withKlass||null}const E=e._nodes.get(s.getType());e._nodes.set(s.getType(),{exportDOM:E?E.exportDOM:void 0,klass:s,replace:w,replaceWithKlass:x,transforms:R(s)})}else{const s=e._nodes=new Map(g._nodes);for(const[w,x]of s)e._nodes.set(w,{exportDOM:x.exportDOM,klass:x.klass,replace:x.replace,replaceWithKlass:x.replaceWithKlass,transforms:R(x.klass)})}return e._config.namespace=g._config.namespace,e._editable=g._editable,[e,h]},[]),{isCollabActive:j,yjsDocMap:b}=t.l(),f=i||c.current||b.has(e.getKey());return r.useEffect(()=>{f&&(c.current=!0)},[f]),r.useEffect(()=>g.registerEditableListener(m=>{e.setEditable(m)}),[e,g]),n.jsx(t.l$1.Provider,{value:_,children:!j||f?l:null})}function L({"data-test-id":e,children:l,className:a,onClick:d,disabled:i,small:c,title:o}){return n.jsx(M.Button,{onClick:d,disabled:i,variant:"filled",children:l})}function O({children:e,className:l}){return n.jsx("div",{className:l||"Placeholder__root",children:e})}function $({children:e,label:l,className:a,...d}){return n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("label",{style:{marginTop:"-1em"},className:"Input__label",children:l}),n.jsx("select",{...d,className:a||"select",children:e})]})}function B({label:e,value:l,onChange:a,placeholder:d="","data-test-id":i,type:c="text"}){return n.jsx(M.TextInput,{type:c,placeholder:d,value:l,onChange:o=>{a(o.target.value)},label:e,"data-test-id":i,mb:10})}const y=new Set;function U(e){if(!y.has(e))throw new Promise(l=>{const a=new Image;a.src=e,a.onload=()=>{y.add(e),l(null)}})}function q({altText:e,className:l,imageRef:a,src:d,width:i,height:c,position:o}){return U(d),n.jsx("img",{className:l||void 0,src:d,alt:e,ref:a,"data-position":o,style:{display:"block",height:c,width:i},draggable:"false"})}function T({activeEditor:e,nodeKey:l,onClose:a}){const i=e.getEditorState().read(()=>t.Ct(l)),[c,o]=r.useState(i.getAltText()),[g,S]=r.useState(i.getShowCaption()),[_,j]=r.useState(i.getPosition()),b=h=>{S(h.target.checked)},f=h=>{j(h.target.value)},m=()=>{const h={altText:c,position:_,showCaption:g};i&&e.update(()=>{i.update(h)}),a()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:o,value:c,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs($,{style:{marginBottom:"1em",width:"208px"},value:_,label:"Position",name:"position",id:"position-select",onChange:f,children:[n.jsx("option",{value:"left",children:"Left"}),n.jsx("option",{value:"right",children:"Right"}),n.jsx("option",{value:"full",children:"Full Width"})]}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:g,onChange:b}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(L,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>m(),children:"Применить"})]})}function A({src:e,altText:l,nodeKey:a,width:d,height:i,showCaption:c,caption:o,position:g}){const[S,_]=t.useModal(),j=r.useRef(null),b=r.useRef(null),[f,m,h]=t.u$1(a),[s]=t.u(),[w,x]=r.useState(null),E=r.useRef(null),C=r.useCallback(p=>{if(f&&t.wi(t.Ri())){p.preventDefault();const u=t.Ct(a);t.$isInlineImageNode(u)&&u.remove()}return!1},[f,a]),k=r.useCallback(p=>{const v=t.Ri(),u=b.current;if(f&&t.wi(v)&&v.getNodes().length===1){if(c)return t.Ft(null),p.preventDefault(),o.focus(),!0;if(u!==null&&u!==document.activeElement)return p.preventDefault(),u.focus(),!0}return!1},[o,f,c]),N=r.useCallback(p=>E.current===o||b.current===p.target?(t.Ft(null),s.update(()=>{m(!0);const v=s.getRootElement();v!==null&&v.focus()}),!0):!1,[o,s,m]);r.useEffect(()=>{let p=!0;const v=t.N(s.registerUpdateListener(({editorState:u})=>{p&&x(u.read(()=>t.Ri()))}),s.registerCommand(t.t,(u,I)=>(E.current=I,!1),t.Ks),s.registerCommand(t.r,u=>{const I=u;return I.target===j.current?(I.shiftKey?m(!f):(h(),m(!0)),!0):!1},t.Ks),s.registerCommand(t.D,u=>u.target===j.current?(u.preventDefault(),!0):!1,t.Ks),s.registerCommand(t.w,C,t.Ks),s.registerCommand(t.k,C,t.Ks),s.registerCommand(t.C,k,t.Ks),s.registerCommand(t.b,N,t.Ks));return()=>{p=!1,v()}},[h,s,f,a,C,k,N,m]);const D=f;return n.jsxs(r.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:b,onClick:()=>{_("Update Inline Image",p=>n.jsx(T,{activeEditor:s,nodeKey:a,onClose:p}))},children:"Edit"}),n.jsx(q,{className:D?`focused ${t.wi(w)?"draggable":""}`:null,src:e,altText:l,imageRef:j,width:d,height:i,position:g})]}),c&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(K,{initialEditor:o,children:[n.jsx(t.LinkPlugin,{}),n.jsx(t.FloatingTextFormatToolbarPlugin,{}),n.jsx(t.h,{contentEditable:n.jsx(t.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(O,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:t.a})]})})]}),S]})}exports.UpdateInlineImageDialog=T;exports.default=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),t=require("./layers.DeX-qf2u.js"),M=require("@mantine/core");function P(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var F=P(function(e){const l=new URLSearchParams;l.append("code",e);for(let a=1;a<arguments.length;a++)l.append("v",arguments[a]);throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${l} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)});function R(e){const l=e.transform();return l!==null?new Set([l]):new Set}function K({initialEditor:e,children:l,initialNodes:a,initialTheme:d,skipCollabChecks:i}){const c=r.useRef(!1),o=r.useContext(t.l$1);o==null&&F(9);const[g,{getTheme:S}]=o,_=r.useMemo(()=>{const m=d||S()||void 0,h=t.o(o,m);if(m!==void 0&&(e._config.theme=m),e._parentEditor=g,a)for(let s of a){let w=null,x=null;if(typeof s!="function"){const C=s;s=C.replace,w=C.with,x=C.withKlass||null}const E=e._nodes.get(s.getType());e._nodes.set(s.getType(),{exportDOM:E?E.exportDOM:void 0,klass:s,replace:w,replaceWithKlass:x,transforms:R(s)})}else{const s=e._nodes=new Map(g._nodes);for(const[w,x]of s)e._nodes.set(w,{exportDOM:x.exportDOM,klass:x.klass,replace:x.replace,replaceWithKlass:x.replaceWithKlass,transforms:R(x.klass)})}return e._config.namespace=g._config.namespace,e._editable=g._editable,[e,h]},[]),{isCollabActive:b,yjsDocMap:v}=t.l(),f=i||c.current||v.has(e.getKey());return r.useEffect(()=>{f&&(c.current=!0)},[f]),r.useEffect(()=>g.registerEditableListener(m=>{e.setEditable(m)}),[e,g]),n.jsx(t.l$1.Provider,{value:_,children:!b||f?l:null})}function L({"data-test-id":e,children:l,className:a,onClick:d,disabled:i,small:c,title:o}){return n.jsx(M.Button,{onClick:d,disabled:i,variant:"filled",children:l})}function O({children:e,className:l}){return n.jsx("div",{className:l||"Placeholder__root",children:e})}function $({children:e,label:l,className:a,...d}){return n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("label",{style:{marginTop:"-1em"},className:"Input__label",children:l}),n.jsx("select",{...d,className:a||"select",children:e})]})}function B({label:e,value:l,onChange:a,placeholder:d="","data-test-id":i,type:c="text"}){return n.jsx(M.TextInput,{type:c,placeholder:d,value:l,onChange:o=>{a(o.target.value)},label:e,"data-test-id":i,mb:10})}const y=new Set;function U(e){if(!y.has(e))throw new Promise(l=>{const a=new Image;a.src=e,a.onload=()=>{y.add(e),l(null)}})}function q({altText:e,className:l,imageRef:a,src:d,width:i,height:c,position:o}){return U(d),n.jsx("img",{className:l||void 0,src:d,alt:e,ref:a,"data-position":o,style:{display:"block",height:c,width:i},draggable:"false"})}function T({activeEditor:e,nodeKey:l,onClose:a}){const i=e.getEditorState().read(()=>t.Ct(l)),[c,o]=r.useState(i.getAltText()),[g,S]=r.useState(i.getShowCaption()),[_,b]=r.useState(i.getPosition()),v=h=>{S(h.target.checked)},f=h=>{b(h.target.value)},m=()=>{const h={altText:c,position:_,showCaption:g};i&&e.update(()=>{i.update(h)}),a()};return n.jsxs(n.Fragment,{children:[n.jsx("div",{style:{marginBottom:"1em"},children:n.jsx(B,{label:"Alt-текст",placeholder:"Альтернативный текст",onChange:o,value:c,"data-test-id":"image-modal-alt-text-input"})}),n.jsxs($,{style:{marginBottom:"1em",width:"208px"},value:_,label:"Position",name:"position",id:"position-select",onChange:f,children:[n.jsx("option",{value:"left",children:"Left"}),n.jsx("option",{value:"right",children:"Right"}),n.jsx("option",{value:"full",children:"Full Width"})]}),n.jsxs("div",{className:"Input__wrapper",children:[n.jsx("input",{id:"caption",type:"checkbox",checked:g,onChange:v}),n.jsx("label",{htmlFor:"caption",children:"Show Caption"})]}),n.jsx(L,{"data-test-id":"image-modal-file-upload-btn",onClick:()=>m(),children:"Применить"})]})}function A({src:e,altText:l,nodeKey:a,width:d,height:i,showCaption:c,caption:o,position:g}){const[S,_]=t.useModal(),b=r.useRef(null),v=r.useRef(null),[f,m,h]=t.u$1(a),[s]=t.u(),[w,x]=r.useState(null),E=r.useRef(null),C=r.useCallback(p=>{if(f&&t.wi(t.Ri())){p.preventDefault();const u=t.Ct(a);t.$isInlineImageNode(u)&&u.remove()}return!1},[f,a]),k=r.useCallback(p=>{const j=t.Ri(),u=v.current;if(f&&t.wi(j)&&j.getNodes().length===1){if(c)return t.Ft(null),p.preventDefault(),o.focus(),!0;if(u!==null&&u!==document.activeElement)return p.preventDefault(),u.focus(),!0}return!1},[o,f,c]),N=r.useCallback(p=>E.current===o||v.current===p.target?(t.Ft(null),s.update(()=>{m(!0);const j=s.getRootElement();j!==null&&j.focus()}),!0):!1,[o,s,m]);r.useEffect(()=>{let p=!0;const j=t.N(s.registerUpdateListener(({editorState:u})=>{p&&x(u.read(()=>t.Ri()))}),s.registerCommand(t.t,(u,I)=>(E.current=I,!1),t.Ks),s.registerCommand(t.r,u=>{const I=u;return I.target===b.current?(I.shiftKey?m(!f):(h(),m(!0)),!0):!1},t.Ks),s.registerCommand(t.D,u=>u.target===b.current?(u.preventDefault(),!0):!1,t.Ks),s.registerCommand(t.w,C,t.Ks),s.registerCommand(t.k,C,t.Ks),s.registerCommand(t.C,k,t.Ks),s.registerCommand(t.b,N,t.Ks));return()=>{p=!1,j()}},[h,s,f,a,C,k,N,m]);const D=f;return n.jsxs(r.Suspense,{fallback:null,children:[n.jsxs(n.Fragment,{children:[n.jsxs("div",{draggable:!1,children:[n.jsx("button",{className:"image-edit-button",ref:v,onClick:()=>{_("Update Inline Image",p=>n.jsx(T,{activeEditor:s,nodeKey:a,onClose:p}))},children:"Edit"}),n.jsx(q,{className:D?`focused ${t.wi(w)?"draggable":""}`:null,src:e,altText:l,imageRef:b,width:d,height:i,position:g})]}),c&&n.jsx("div",{className:"image-caption-container",children:n.jsxs(K,{initialEditor:o,children:[n.jsx(t.LinkPlugin,{}),n.jsx(t.FloatingTextFormatToolbarPlugin,{}),n.jsx(t.h,{contentEditable:n.jsx(t.LexicalContentEditable,{className:"InlineImageNode__contentEditable"}),placeholder:n.jsx(O,{className:"InlineImageNode__placeholder",children:"Enter a caption..."}),ErrorBoundary:t.a})]})})]}),S]})}exports.UpdateInlineImageDialog=T;exports.default=A;

package/dist/{layers.Diz9D61w.js → layers.Cv0RBArs.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as v, Fragment as j } from "react/jsx-runtime";
 import { useRef as k, useContext as K, useMemo as U, useEffect as P, useState as T, useCallback as y, Suspense as W } from "react";
-import { e as R, o as q, l as z, f as G, g as H, u as J, w as M, h as D, c as A, i as Q, F as $, N as V, j as X, K as w, k as Y, m as Z, n as ee, D as te, r as ne, p as ae, L as le, q as oe, s as re, v as ie, x as se } from "./layers.DKTSDVNR.js";
+import { e as R, o as q, l as z, f as G, g as H, u as J, w as M, h as D, c as A, i as Q, F as $, N as V, j as X, K as w, k as Y, m as Z, n as ee, D as te, r as ne, p as ae, L as le, q as re, s as oe, v as ie, x as se } from "./layers.BLE7UHt8.js";
 import { Button as ce, TextInput as ue } from "@mantine/core";
 function de(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -15,11 +15,11 @@ function O(e) {
   const t = e.transform();
   return t !== null ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set();
 }
-function fe({ initialEditor: e, children: t, initialNodes: n, initialTheme: c, skipCollabChecks: r }) {
-  const i = k(!1), o = K(R);
-  o == null && me(9);
-  const [m, { getTheme: E }] = o, x = U(() => {
-    const d = c || E() || void 0, p = q(o, d);
+function fe({ initialEditor: e, children: t, initialNodes: n, initialTheme: c, skipCollabChecks: o }) {
+  const i = k(!1), r = K(R);
+  r == null && me(9);
+  const [m, { getTheme: E }] = r, x = U(() => {
+    const d = c || E() || void 0, p = q(r, d);
     if (d !== void 0 && (e._config.theme = d), e._parentEditor = m, n) for (let l of n) {
       let I = null, g = null;
       if (typeof l != "function") {
@@ -34,7 +34,7 @@ function fe({ initialEditor: e, children: t, initialNodes: n, initialTheme: c, s
       for (const [I, g] of l) e._nodes.set(I, { exportDOM: g.exportDOM, klass: g.klass, replace: g.replace, replaceWithKlass: g.replaceWithKlass, transforms: O(g.klass) });
     }
     return e._config.namespace = m._config.namespace, e._editable = m._editable, [e, p];
-  }, []), { isCollabActive: b, yjsDocMap: C } = z(), u = r || i.current || C.has(e.getKey());
+  }, []), { isCollabActive: b, yjsDocMap: C } = z(), u = o || i.current || C.has(e.getKey());
   return P(() => {
     u && (i.current = !0);
   }, [u]), P(() => m.registerEditableListener((d) => {
@@ -46,11 +46,11 @@ function pe({
   children: t,
   className: n,
   onClick: c,
-  disabled: r,
+  disabled: o,
   small: i,
-  title: o
+  title: r
 }) {
-  return /* @__PURE__ */ a(ce, { onClick: c, disabled: r, variant: "filled", children: t });
+  return /* @__PURE__ */ a(ce, { onClick: c, disabled: o, variant: "filled", children: t });
 }
 function ge({
   children: e,
@@ -74,7 +74,7 @@ function ve({
   value: t,
   onChange: n,
   placeholder: c = "",
-  "data-test-id": r,
+  "data-test-id": o,
   type: i = "text"
 }) {
   return /* @__PURE__ */ a(
@@ -83,11 +83,11 @@ function ve({
       type: i,
       placeholder: c,
       value: t,
-      onChange: (o) => {
-        n(o.target.value);
+      onChange: (r) => {
+        n(r.target.value);
       },
       label: e,
-      "data-test-id": r,
+      "data-test-id": o,
       mb: 10
     }
   );
@@ -107,9 +107,9 @@ function Ce({
   className: t,
   imageRef: n,
   src: c,
-  width: r,
+  width: o,
   height: i,
-  position: o
+  position: r
 }) {
   return be(c), /* @__PURE__ */ a(
     "img",
@@ -118,11 +118,11 @@ function Ce({
       src: c,
       alt: e,
       ref: n,
-      "data-position": o,
+      "data-position": r,
       style: {
         display: "block",
         height: i,
-        width: r
+        width: o
       },
       draggable: "false"
     }
@@ -133,16 +133,16 @@ function _e({
   nodeKey: t,
   onClose: n
 }) {
-  const r = e.getEditorState().read(
+  const o = e.getEditorState().read(
     () => A(t)
-  ), [i, o] = T(r.getAltText()), [m, E] = T(r.getShowCaption()), [x, b] = T(r.getPosition()), C = (p) => {
+  ), [i, r] = T(o.getAltText()), [m, E] = T(o.getShowCaption()), [x, b] = T(o.getPosition()), C = (p) => {
     E(p.target.checked);
   }, u = (p) => {
     b(p.target.value);
   }, d = () => {
     const p = { altText: i, position: x, showCaption: m };
-    r && e.update(() => {
-      r.update(p);
+    o && e.update(() => {
+      o.update(p);
     }), n();
   };
   return /* @__PURE__ */ v(j, { children: [
@@ -151,7 +151,7 @@ function _e({
       {
         label: "Alt-текст",
         placeholder: "Альтернативный текст",
-        onChange: o,
+        onChange: r,
         value: i,
         "data-test-id": "image-modal-alt-text-input"
       }
@@ -199,9 +199,9 @@ function Ne({
   altText: t,
   nodeKey: n,
   width: c,
-  height: r,
+  height: o,
   showCaption: i,
-  caption: o,
+  caption: r,
   position: m
 }) {
   const [E, x] = G(), b = k(null), C = k(null), [u, d, p] = H(n), [l] = J(), [I, g] = T(null), S = k(null), _ = y(
@@ -219,20 +219,20 @@ function Ne({
       const h = D(), s = C.current;
       if (u && M(h) && h.getNodes().length === 1) {
         if (i)
-          return $(null), f.preventDefault(), o.focus(), !0;
+          return $(null), f.preventDefault(), r.focus(), !0;
         if (s !== null && s !== document.activeElement)
           return f.preventDefault(), s.focus(), !0;
       }
       return !1;
     },
-    [o, u, i]
+    [r, u, i]
   ), L = y(
-    (f) => S.current === o || C.current === f.target ? ($(null), l.update(() => {
+    (f) => S.current === r || C.current === f.target ? ($(null), l.update(() => {
       d(!0);
       const h = l.getRootElement();
       h !== null && h.focus();
     }), !0) : !1,
-    [o, l, d]
+    [r, l, d]
   );
   return P(() => {
     let f = !0;
@@ -316,16 +316,16 @@ function Ne({
             altText: t,
             imageRef: b,
             width: c,
-            height: r,
+            height: o,
             position: m
           }
         )
       ] }),
-      i && /* @__PURE__ */ a("div", { className: "image-caption-container", children: /* @__PURE__ */ v(fe, { initialEditor: o, children: [
+      i && /* @__PURE__ */ a("div", { className: "image-caption-container", children: /* @__PURE__ */ v(fe, { initialEditor: r, children: [
         /* @__PURE__ */ a(le, {}),
-        /* @__PURE__ */ a(oe, {}),
+        /* @__PURE__ */ a(re, {}),
         /* @__PURE__ */ a(
-          re,
+          oe,
           {
             contentEditable: /* @__PURE__ */ a(se, { className: "InlineImageNode__contentEditable" }),
             placeholder: /* @__PURE__ */ a(ge, { className: "InlineImageNode__placeholder", children: "Enter a caption..." }),

package/dist/{layers.w2M9V0v2.js → layers.DRxNz4Ly.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as G } from "react/jsx-runtime";
-import { useRef as V, useState as I, useContext as q, useEffect as v } from "react";
+import { useRef as V, useState as I, useContext as q, useEffect as w } from "react";
 import { useTranslation as J } from "react-i18next";
-import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.DKTSDVNR.js";
+import { l as Q, u as X, C as Y, a as Z, b as K, c as C, $ as E, t as ee, I as te, E as ie, d as oe, R as ne, F as ae } from "./layers.BLE7UHt8.js";
 import { LoadingOverlay as T, Flex as se, Alert as re } from "@mantine/core";
 import { IconInfoCircle as le } from "@tabler/icons-react";
 const j = (t) => {
@@ -13,8 +13,8 @@ const j = (t) => {
     src: g,
     id: f,
     altText: u,
-    imageRef: w,
-    maxWidth: b
+    imageRef: b,
+    maxWidth: v
   } = t;
   return /* @__PURE__ */ G(
     "div",
@@ -62,10 +62,10 @@ const j = (t) => {
             className: null,
             src: g,
             altText: u,
-            imageRef: w,
+            imageRef: b,
             width: "inherit",
             height: "inherit",
-            maxWidth: b || "auto",
+            maxWidth: v || "auto",
             id: f
           }
         )
@@ -109,15 +109,15 @@ function pe({
   maxWidth: g,
   showCaption: f,
   caption: u,
-  id: w,
-  create: b,
+  id: b,
+  create: v,
   alignment: _
 }) {
   const z = V(null), [R, y] = I(!0), [k, D] = I(!1), { isCollabActive: A } = Q(), [h] = X(), [m, S] = I(!0), [r, W] = I({
     width: 0,
     height: 0
   }), { fetchUploadImage: F, fetchDeleteImage: L } = q(Y), { t: N } = J();
-  v(() => {
+  w(() => {
     if (!t || t.startsWith("data:image/")) {
       y(!1);
       return;
@@ -153,9 +153,9 @@ function pe({
       };
     });
   }
-  return v(() => {
-    b && p(!0);
-  }, [b]), v(() => {
+  return w(() => {
+    v && p(!0);
+  }, [v]), w(() => {
     let e = s, n = d, l = 100;
     t && B(t).then((i) => {
       typeof e == "number" && e < l && i < l ? (S(!0), W({
@@ -169,12 +169,12 @@ function pe({
         height: i
       }), S(!1));
     });
-  }, [t]), v(() => {
+  }, [t]), w(() => {
     r.width && r.height && m && h.update(() => {
       const e = C(a);
       E(e) && e.setWidthAndHeight(r.width, r.height);
     });
-  }, [r.width, r.height, m]), v(() => {
+  }, [r.width, r.height, m]), w(() => {
     const e = document.documentElement;
     ee(x, e);
   }, [x]), t ? m ? /* @__PURE__ */ o(
@@ -186,7 +186,7 @@ function pe({
       isError: k,
       isIcon: m,
       src: t,
-      id: w,
+      id: b,
       editor: h,
       nodeKey: a,
       fetchDeleteImage: L,
@@ -220,7 +220,7 @@ function pe({
           isError: k,
           isIcon: m,
           src: t,
-          id: w,
+          id: b,
           editor: h,
           nodeKey: a,
           fetchDeleteImage: L,