@pdfme/ui 4.2.5-dev.4 → 4.2.5-dev.6

package/dist/index.es.js

@@ -9250,6 +9250,7 @@ z.object({
   rotate: z.string(),
   edit: z.string(),
   required: z.string(),
+  editable: z.string(),
   plsInputName: z.string(),
   fieldMustUniq: z.string(),
   notUniq: z.string(),
@@ -76007,7 +76008,7 @@ strings$2.utf8border = function(a, s) {
 function ZStream$2() {
   this.input = null, this.next_in = 0, this.avail_in = 0, this.total_in = 0, this.output = null, this.next_out = 0, this.avail_out = 0, this.total_out = 0, this.msg = "", this.state = null, this.data_type = 2, this.adler = 0;
 }
-var zstream = ZStream$2, zlib_deflate = deflate$3, utils$5 = common, strings$1 = strings$2, msg$1 = messages$1, ZStream$1 = zstream, toString$5 = Object.prototype.toString, Z_NO_FLUSH = 0, Z_FINISH$1 = 4, Z_OK$1 = 0, Z_STREAM_END$1 = 1, Z_SYNC_FLUSH = 2, Z_DEFAULT_COMPRESSION = -1, Z_DEFAULT_STRATEGY = 0, Z_DEFLATED$1 = 8;
+var zstream = ZStream$2, zlib_deflate = deflate$3, utils$5 = common, strings$1 = strings$2, msg$1 = messages$1, ZStream$1 = zstream, toString$4 = Object.prototype.toString, Z_NO_FLUSH = 0, Z_FINISH$1 = 4, Z_OK$1 = 0, Z_STREAM_END$1 = 1, Z_SYNC_FLUSH = 2, Z_DEFAULT_COMPRESSION = -1, Z_DEFAULT_STRATEGY = 0, Z_DEFLATED$1 = 8;
 function Deflate(a) {
   if (!(this instanceof Deflate))
     return new Deflate(a);
@@ -76034,7 +76035,7 @@ function Deflate(a) {
     throw new Error(msg$1[$]);
   if (s.header && zlib_deflate.deflateSetHeader(this.strm, s.header), s.dictionary) {
     var _;
-    if (typeof s.dictionary == "string" ? _ = strings$1.string2buf(s.dictionary) : toString$5.call(s.dictionary) === "[object ArrayBuffer]" ? _ = new Uint8Array(s.dictionary) : _ = s.dictionary, $ = zlib_deflate.deflateSetDictionary(this.strm, _), $ !== Z_OK$1)
+    if (typeof s.dictionary == "string" ? _ = strings$1.string2buf(s.dictionary) : toString$4.call(s.dictionary) === "[object ArrayBuffer]" ? _ = new Uint8Array(s.dictionary) : _ = s.dictionary, $ = zlib_deflate.deflateSetDictionary(this.strm, _), $ !== Z_OK$1)
       throw new Error(msg$1[$]);
     this._dict_set = !0;
   }
@@ -76043,7 +76044,7 @@ Deflate.prototype.push = function(a, s) {
   var $ = this.strm, _ = this.options.chunkSize, _e, tt;
   if (this.ended)
     return !1;
-  tt = s === ~~s ? s : s === !0 ? Z_FINISH$1 : Z_NO_FLUSH, typeof a == "string" ? $.input = strings$1.string2buf(a) : toString$5.call(a) === "[object ArrayBuffer]" ? $.input = new Uint8Array(a) : $.input = a, $.next_in = 0, $.avail_in = $.input.length;
+  tt = s === ~~s ? s : s === !0 ? Z_FINISH$1 : Z_NO_FLUSH, typeof a == "string" ? $.input = strings$1.string2buf(a) : toString$4.call(a) === "[object ArrayBuffer]" ? $.input = new Uint8Array(a) : $.input = a, $.next_in = 0, $.avail_in = $.input.length;
   do {
     if ($.avail_out === 0 && ($.output = new utils$5.Buf8(_), $.next_out = 0, $.avail_out = _), _e = zlib_deflate.deflate($, tt), _e !== Z_STREAM_END$1 && _e !== Z_OK$1)
       return this.onEnd(_e), this.ended = !0, !1;
@@ -76884,7 +76885,7 @@ var constants$1 = {
 function GZheader$1() {
   this.text = 0, this.time = 0, this.xflags = 0, this.os = 0, this.extra = null, this.extra_len = 0, this.name = "", this.comment = "", this.hcrc = 0, this.done = !1;
 }
-var gzheader = GZheader$1, zlib_inflate = inflate$3, utils$2 = common, strings = strings$2, c$1 = constants$1, msg = messages$1, ZStream = zstream, GZheader = gzheader, toString$4 = Object.prototype.toString;
+var gzheader = GZheader$1, zlib_inflate = inflate$3, utils$2 = common, strings = strings$2, c$1 = constants$1, msg = messages$1, ZStream = zstream, GZheader = gzheader, toString$3 = Object.prototype.toString;
 function Inflate(a) {
   if (!(this instanceof Inflate))
     return new Inflate(a);
@@ -76901,14 +76902,14 @@ function Inflate(a) {
   );
   if ($ !== c$1.Z_OK)
     throw new Error(msg[$]);
-  if (this.header = new GZheader(), zlib_inflate.inflateGetHeader(this.strm, this.header), s.dictionary && (typeof s.dictionary == "string" ? s.dictionary = strings.string2buf(s.dictionary) : toString$4.call(s.dictionary) === "[object ArrayBuffer]" && (s.dictionary = new Uint8Array(s.dictionary)), s.raw && ($ = zlib_inflate.inflateSetDictionary(this.strm, s.dictionary), $ !== c$1.Z_OK)))
+  if (this.header = new GZheader(), zlib_inflate.inflateGetHeader(this.strm, this.header), s.dictionary && (typeof s.dictionary == "string" ? s.dictionary = strings.string2buf(s.dictionary) : toString$3.call(s.dictionary) === "[object ArrayBuffer]" && (s.dictionary = new Uint8Array(s.dictionary)), s.raw && ($ = zlib_inflate.inflateSetDictionary(this.strm, s.dictionary), $ !== c$1.Z_OK)))
     throw new Error(msg[$]);
 }
 Inflate.prototype.push = function(a, s) {
   var $ = this.strm, _ = this.options.chunkSize, _e = this.options.dictionary, tt, nt, at, ot, rt, st = !1;
   if (this.ended)
     return !1;
-  nt = s === ~~s ? s : s === !0 ? c$1.Z_FINISH : c$1.Z_NO_FLUSH, typeof a == "string" ? $.input = strings.binstring2buf(a) : toString$4.call(a) === "[object ArrayBuffer]" ? $.input = new Uint8Array(a) : $.input = a, $.next_in = 0, $.avail_in = $.input.length;
+  nt = s === ~~s ? s : s === !0 ? c$1.Z_FINISH : c$1.Z_NO_FLUSH, typeof a == "string" ? $.input = strings.binstring2buf(a) : toString$3.call(a) === "[object ArrayBuffer]" ? $.input = new Uint8Array(a) : $.input = a, $.next_in = 0, $.avail_in = $.input.length;
   do {
     if ($.avail_out === 0 && ($.output = new utils$2.Buf8(_), $.next_out = 0, $.avail_out = _), tt = zlib_inflate.inflate($, c$1.Z_NO_FLUSH), tt === c$1.Z_NEED_DICT && _e && (tt = zlib_inflate.inflateSetDictionary(this.strm, _e)), tt === c$1.Z_BUF_ERROR && st === !0 && (tt = c$1.Z_OK, st = !1), tt !== c$1.Z_STREAM_END && tt !== c$1.Z_OK)
       return this.onEnd(tt), this.ended = !0, !1;
@@ -135134,6 +135135,15 @@ var ExclamationCircleOutlined = function a(s, $) {
   }));
 };
 const ExclamationCircleOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(ExclamationCircleOutlined);
+var LockOutlined$2 = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z" } }] }, name: "lock", theme: "outlined" };
+const LockOutlinedSvg = LockOutlined$2;
+var LockOutlined = function a(s, $) {
+  return /* @__PURE__ */ reactExports.createElement(AntdIcon$1, _extends$2({}, s, {
+    ref: $,
+    icon: LockOutlinedSvg
+  }));
+};
+const LockOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(LockOutlined);
 var MenuOutlined$2 = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z" } }] }, name: "menu", theme: "outlined" };
 const MenuOutlinedSvg = MenuOutlined$2;
 var MenuOutlined = function a(s, $) {
@@ -135161,6 +135171,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "Opacity",
   rotate: "Rotate",
   required: "Required",
+  editable: "Editable",
   edit: "Edit",
   plsInputName: "Please input name",
   fieldMustUniq: "Name of field is not unique",
@@ -135224,6 +135235,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "透明度",
   rotate: "旋转",
   required: "必需的",
+  editable: "可编辑的",
   edit: "编辑",
   plsInputName: "请输入名称",
   fieldMustUniq: "字段名称必须唯一",
@@ -135287,6 +135299,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "不透明度",
   rotate: "回転",
   required: "必須",
+  editable: "編集可能",
   edit: "編集する",
   plsInputName: "項目名を入力してください",
   fieldMustUniq: "他の入力項目名と被っています",
@@ -135350,6 +135363,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "투명도",
   rotate: "회전",
   required: "필수의",
+  editable: "편집 가능한",
   edit: "편집",
   plsInputName: "이름을 입력하세요",
   fieldMustUniq: "필드 이름은 유일해야 합니다",
@@ -135413,6 +135427,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "الشفافية",
   rotate: "تدوير",
   required: "مطلوب",
+  editable: "قابل للتحرير",
   edit: "تعديل",
   plsInputName: "الرجاء إدخال الاسم",
   fieldMustUniq: "يجب أن يكون الحقل فريداً",
@@ -135476,6 +135491,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "ความทึบ",
   rotate: "หมุน",
   required: "ที่จำเป็น",
+  editable: "แก้ไขได้",
   edit: "แก้ไข",
   plsInputName: "กรุณาใส่ชื่อ",
   fieldMustUniq: "ชื่อฟิลด์ต้องไม่ซ้ำกัน",
@@ -135539,6 +135555,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "Opacità",
   rotate: "Ruota",
   required: "Necessaria",
+  editable: "Modificabile",
   edit: "Modifica",
   plsInputName: "Inserisci il nome per favore",
   fieldMustUniq: "Il nome del campo non è univoco",
@@ -135602,6 +135619,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "przezroczystość",
   rotate: "Obrót",
   required: "Wymagany",
+  editable: "Edytowalny",
   edit: "Edytuj",
   plsInputName: "Wymagane wprowadzenie klucza pola",
   fieldMustUniq: "Klucz pola nie jest unikalny",
@@ -135665,6 +135683,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "Opazität",
   rotate: "Drehen",
   required: "Erforderlich",
+  editable: "Bearbeitbar",
   edit: "Bearbeiten",
   plsInputName: "Bitte geben Sie einen Namen ein",
   fieldMustUniq: "Feldname ist nicht eindeutig",
@@ -135728,6 +135747,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "Opacidad",
   rotate: "Rotar",
   required: "Requerido",
+  editable: "Editable",
   edit: "Editar",
   plsInputName: "Introduce el nombre",
   fieldMustUniq: "El nombre del campo no es único",
@@ -135791,6 +135811,7 @@ const MinusOutlined$1 = /* @__PURE__ */ reactExports.forwardRef(MinusOutlined),
   opacity: "Opacité",
   rotate: "Rotation",
   required: "Requis",
+  editable: "Modifiable",
   edit: "Éditer",
   plsInputName: "Veuillez saisir le nom",
   fieldMustUniq: "Le nom du champ n'est pas unique",
@@ -136292,38 +136313,39 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
       status: $,
       title: _,
       required: _e,
-      style: tt,
-      dragOverlay: nt,
-      onClick: at,
-      onMouseEnter: ot,
-      onMouseLeave: rt,
-      dragging: st,
-      fadeIn: lt,
-      listeners: et,
-      sorting: it,
-      transition: ut,
-      transform: ft,
-      ...ht
-    }, dt) => {
-      const gt = reactExports.useContext(I18nContext);
+      readOnly: tt,
+      style: nt,
+      dragOverlay: at,
+      onClick: ot,
+      onMouseEnter: rt,
+      onMouseLeave: st,
+      dragging: lt,
+      fadeIn: et,
+      listeners: it,
+      sorting: ut,
+      transition: ft,
+      transform: ht,
+      ...dt
+    }, gt) => {
+      const pt = reactExports.useContext(I18nContext);
       reactExports.useEffect(() => {
-        if (nt)
+        if (at)
           return document.body.style.cursor = "grabbing", () => {
             document.body.style.cursor = "";
           };
-      }, [nt]);
-      const { x: pt, y: mt, scaleX: ct, scaleY: vt } = ft || { x: 0, y: 0, scaleX: 1, scaleY: 1 };
+      }, [at]);
+      const { x: mt, y: ct, scaleX: vt, scaleY: At } = ht || { x: 0, y: 0, scaleX: 1, scaleY: 1 };
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "li",
         {
           style: {
             marginTop: 10,
-            transition: ut,
-            transform: `translate(${pt}px, ${mt}px) scale(${ct}, ${vt})`
+            transition: ft,
+            transform: `translate(${mt}px, ${ct}px) scale(${vt}, ${At})`
           },
-          onMouseEnter: ot,
-          onMouseLeave: rt,
-          ref: dt,
+          onMouseEnter: rt,
+          onMouseLeave: st,
+          ref: gt,
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
@@ -136331,15 +136353,15 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
                 display: "flex",
                 alignItems: "center",
                 cursor: "pointer",
-                ...tt
+                ...nt
               },
-              ...ht,
-              onClick: () => at && at(),
+              ...dt,
+              onClick: () => ot && ot(),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Button$2,
                   {
-                    ...et,
+                    ...it,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -136365,9 +136387,10 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
                     children: [
                       $ === void 0 ? s : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationCircleOutlined$1, { width: 15, style: { marginRight: "0.5rem" } }),
-                        $ === "is-warning" ? gt("noKeyName") : s,
-                        $ === "is-danger" ? gt("notUniq") : ""
+                        $ === "is-warning" ? pt("noKeyName") : s,
+                        $ === "is-danger" ? pt("notUniq") : ""
                       ] }),
+                      tt && /* @__PURE__ */ jsxRuntimeExports.jsx(LockOutlined$1, { style: { marginLeft: "0.5rem" } }),
                       _e && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red", marginLeft: "0.5rem" }, children: "*" })
                     ]
                   }
@@ -136537,7 +136560,7 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
 }, PluginIcon = (a) => {
   var ot;
   const { plugin: s, label: $, size: _, styles: _e } = a, nt = ((ot = reactExports.useContext(OptionsContext).icons) == null ? void 0 : ot[s.propPanel.defaultSchema.type]) ?? s.icon, at = { ..._e, display: "flex", justifyContent: "center" };
-  return nt ? _ ? getWithModifiedSize(nt, $, _, at) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: at, title: $, dangerouslySetInnerHTML: { __html: nt } }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ..._e, overflow: "hidden", fontSize: 10 }, children: $ });
+  return nt ? _ ? getWithModifiedSize(nt, $, _, at) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: at, title: $, dangerouslySetInnerHTML: { __html: nt } }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ..._e, overflow: "hidden", fontSize: 10 }, title: $, children: $ });
 }, PluginIcon$1 = PluginIcon, SelectableSortableItem = ({
   isSelected: a,
   style: s,
@@ -136573,6 +136596,7 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
       status: At,
       title: xt,
       required: _e.required,
+      readOnly: _e.readOnly,
       style: { ...bt, ...s },
       dragging: it,
       sorting: ut,
@@ -136647,29 +136671,34 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
           gt.id
         )) }) }) }),
         reactDomExports.createPortal(
-          /* @__PURE__ */ jsxRuntimeExports.jsx(DragOverlay, { adjustScale: !0, children: lt ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Item$1,
-              {
-                icon: dt(lt),
-                value: $.find((gt) => gt.id === lt).key,
-                required: $.find((gt) => gt.id === lt).required,
-                style: { background: s.colorPrimary },
-                dragOverlay: !0
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: at.filter((gt) => gt.id !== lt).map((gt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Item$1,
-              {
-                icon: dt(gt),
-                value: gt.key,
-                required: gt.required,
-                style: { background: s.colorPrimary },
-                dragOverlay: !0
-              },
-              gt.id
-            )) })
-          ] }) : null }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DragOverlay, { adjustScale: !0, children: lt ? (() => {
+            const gt = $.find((pt) => pt.id === lt);
+            return gt ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Item$1,
+                {
+                  icon: dt(lt),
+                  value: gt.key,
+                  required: gt.required,
+                  readOnly: gt.readOnly,
+                  style: { background: s.colorPrimary },
+                  dragOverlay: !0
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: at.filter((pt) => pt.id !== lt).map((pt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Item$1,
+                {
+                  icon: dt(pt),
+                  value: pt.key,
+                  required: pt.required,
+                  readOnly: pt.readOnly,
+                  style: { background: s.colorPrimary },
+                  dragOverlay: !0
+                },
+                pt.id
+              )) })
+            ] }) : null;
+          })() : null }),
           document.body
         )
       ] })
@@ -137226,11 +137255,11 @@ var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\
   }), s;
 });
 const stringToPath$1 = stringToPath;
-function toString$3(a) {
+function toString$2(a) {
   return a == null ? "" : baseToString(a);
 }
 function castPath(a, s) {
-  return isArray$5(a) ? a : isKey(a, s) ? [a] : stringToPath$1(toString$3(a));
+  return isArray$5(a) ? a : isKey(a, s) ? [a] : stringToPath$1(toString$2(a));
 }
 var INFINITY = 1 / 0;
 function toKey(a) {
@@ -137776,7 +137805,7 @@ var objectProto$2 = Object.prototype, hasOwnProperty$2 = objectProto$2.hasOwnPro
 function baseHas(a, s) {
   return a != null && hasOwnProperty$2.call(a, s);
 }
-function has$6(a, s) {
+function has$5(a, s) {
   return a != null && hasPath(a, s, baseHas);
 }
 function parent(a, s) {
@@ -138026,7 +138055,7 @@ var FRContext = /* @__PURE__ */ reactExports.createContext(null), ConfigContext
     validateTrigger: It,
     antdVersion: yt
   };
-}, _set = set, _get = get, _cloneDeep = cloneDeep, _has$1 = has$6, _some = some$1, _isMatch = isMatch, isObject$6 = function a(s) {
+}, _set = set, _get = get, _cloneDeep = cloneDeep, _has$1 = has$5, _some = some$1, _isMatch = isMatch, isObject$6 = function a(s) {
   var $ = Object.prototype.toString.call(s);
   return $.indexOf("Object") > -1;
 }, isArray$3 = function a(s) {
@@ -142345,17 +142374,25 @@ var _coreExports = _core.exports, _aFunction = function(a) {
   if (!isObject$5(a))
     throw TypeError(a + " is not an object!");
   return a;
-}, _fails = function(a) {
-  try {
-    return !!a();
-  } catch {
-    return !0;
-  }
-}, _descriptors = !_fails(function() {
-  return Object.defineProperty({}, "a", { get: function() {
-    return 7;
-  } }).a != 7;
-}), _domCreate, hasRequired_domCreate;
+}, _fails, hasRequired_fails;
+function require_fails() {
+  return hasRequired_fails || (hasRequired_fails = 1, _fails = function(a) {
+    try {
+      return !!a();
+    } catch {
+      return !0;
+    }
+  }), _fails;
+}
+var _descriptors, hasRequired_descriptors;
+function require_descriptors() {
+  return hasRequired_descriptors || (hasRequired_descriptors = 1, _descriptors = !require_fails()(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  })), _descriptors;
+}
+var _domCreate, hasRequired_domCreate;
 function require_domCreate() {
   if (hasRequired_domCreate)
     return _domCreate;
@@ -142365,7 +142402,7 @@ function require_domCreate() {
     return $ ? s.createElement(_) : {};
   }, _domCreate;
 }
-var _ie8DomDefine = !_descriptors && !_fails(function() {
+var _ie8DomDefine = !require_descriptors() && !require_fails()(function() {
   return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
     return 7;
   } }).a != 7;
@@ -142377,7 +142414,7 @@ var _ie8DomDefine = !_descriptors && !_fails(function() {
     return _;
   throw TypeError("Can't convert object to primitive value");
 }, anObject$3 = _anObject, IE8_DOM_DEFINE$1 = _ie8DomDefine, toPrimitive$3 = _toPrimitive$5, dP$3 = Object.defineProperty;
-_objectDp.f = _descriptors ? Object.defineProperty : function a(s, $, _) {
+_objectDp.f = require_descriptors() ? Object.defineProperty : function a(s, $, _) {
   if (anObject$3(s), $ = toPrimitive$3($, !0), anObject$3(_), IE8_DOM_DEFINE$1)
     try {
       return dP$3(s, $, _);
@@ -142394,17 +142431,17 @@ var _propertyDesc = function(a, s) {
     writable: !(a & 4),
     value: s
   };
-}, dP$2 = _objectDp, createDesc$2 = _propertyDesc, _hide = _descriptors ? function(a, s, $) {
+}, dP$2 = _objectDp, createDesc$2 = _propertyDesc, _hide = require_descriptors() ? function(a, s, $) {
   return dP$2.f(a, s, createDesc$2(1, $));
 } : function(a, s, $) {
   return a[s] = $, a;
 }, hasOwnProperty = {}.hasOwnProperty, _has = function(a, s) {
   return hasOwnProperty.call(a, s);
-}, global$4 = _globalExports, core$2 = _coreExports, ctx = _ctx, hide$1 = _hide, has$5 = _has, PROTOTYPE$2 = "prototype", $export$5 = function(a, s, $) {
+}, global$4 = _globalExports, core$2 = _coreExports, ctx = _ctx, hide$1 = _hide, has$4 = _has, PROTOTYPE$2 = "prototype", $export$5 = function(a, s, $) {
   var _ = a & $export$5.F, _e = a & $export$5.G, tt = a & $export$5.S, nt = a & $export$5.P, at = a & $export$5.B, ot = a & $export$5.W, rt = _e ? core$2 : core$2[s] || (core$2[s] = {}), st = rt[PROTOTYPE$2], lt = _e ? global$4 : tt ? global$4[s] : (global$4[s] || {})[PROTOTYPE$2], et, it, ut;
   _e && ($ = s);
   for (et in $)
-    it = !_ && lt && lt[et] !== void 0, !(it && has$5(rt, et)) && (ut = it ? lt[et] : $[et], rt[et] = _e && typeof lt[et] != "function" ? $[et] : at && it ? ctx(ut, global$4) : ot && lt[et] == ut ? function(ft) {
+    it = !_ && lt && lt[et] !== void 0, !(it && has$4(rt, et)) && (ut = it ? lt[et] : $[et], rt[et] = _e && typeof lt[et] != "function" ? $[et] : at && it ? ctx(ut, global$4) : ot && lt[et] == ut ? function(ft) {
       var ht = function(dt, gt, pt) {
         if (this instanceof ft) {
           switch (arguments.length) {
@@ -142430,44 +142467,80 @@ $export$5.B = 16;
 $export$5.W = 32;
 $export$5.U = 64;
 $export$5.R = 128;
-var _export = $export$5, toString$2 = {}.toString, _cof = function(a) {
-  return toString$2.call(a).slice(8, -1);
-}, _iobject, hasRequired_iobject;
+var _export = $export$5, _cof, hasRequired_cof;
+function require_cof() {
+  if (hasRequired_cof)
+    return _cof;
+  hasRequired_cof = 1;
+  var a = {}.toString;
+  return _cof = function(s) {
+    return a.call(s).slice(8, -1);
+  }, _cof;
+}
+var _iobject, hasRequired_iobject;
 function require_iobject() {
   if (hasRequired_iobject)
     return _iobject;
   hasRequired_iobject = 1;
-  var a = _cof;
+  var a = require_cof();
   return _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(s) {
     return a(s) == "String" ? s.split("") : Object(s);
   }, _iobject;
 }
-var _defined = function(a) {
-  if (a == null)
-    throw TypeError("Can't call method on  " + a);
-  return a;
-}, IObject = require_iobject(), defined$2 = _defined, _toIobject = function(a) {
-  return IObject(defined$2(a));
+var _defined, hasRequired_defined;
+function require_defined() {
+  return hasRequired_defined || (hasRequired_defined = 1, _defined = function(a) {
+    if (a == null)
+      throw TypeError("Can't call method on  " + a);
+    return a;
+  }), _defined;
+}
+var IObject = require_iobject(), defined$1 = require_defined(), _toIobject = function(a) {
+  return IObject(defined$1(a));
 }, ceil = Math.ceil, floor = Math.floor, _toInteger = function(a) {
   return isNaN(a = +a) ? 0 : (a > 0 ? floor : ceil)(a);
-}, toInteger$2 = _toInteger, min$1 = Math.min, _toLength = function(a) {
-  return a > 0 ? min$1(toInteger$2(a), 9007199254740991) : 0;
-}, toInteger$1 = _toInteger, max = Math.max, min = Math.min, _toAbsoluteIndex = function(a, s) {
-  return a = toInteger$1(a), a < 0 ? max(a + s, 0) : min(a, s);
-}, toIObject$5 = _toIobject, toLength = _toLength, toAbsoluteIndex = _toAbsoluteIndex, _arrayIncludes = function(a) {
-  return function(s, $, _) {
-    var _e = toIObject$5(s), tt = toLength(_e.length), nt = toAbsoluteIndex(_, tt), at;
-    if (a && $ != $) {
-      for (; tt > nt; )
-        if (at = _e[nt++], at != at)
-          return !0;
-    } else
-      for (; tt > nt; nt++)
-        if ((a || nt in _e) && _e[nt] === $)
-          return a || nt || 0;
-    return !a && -1;
-  };
-}, _shared = { exports: {} }, _library = !0, core$1 = _coreExports, global$3 = _globalExports, SHARED = "__core-js_shared__", store$1 = global$3[SHARED] || (global$3[SHARED] = {});
+}, _toLength, hasRequired_toLength;
+function require_toLength() {
+  if (hasRequired_toLength)
+    return _toLength;
+  hasRequired_toLength = 1;
+  var a = _toInteger, s = Math.min;
+  return _toLength = function($) {
+    return $ > 0 ? s(a($), 9007199254740991) : 0;
+  }, _toLength;
+}
+var _toAbsoluteIndex, hasRequired_toAbsoluteIndex;
+function require_toAbsoluteIndex() {
+  if (hasRequired_toAbsoluteIndex)
+    return _toAbsoluteIndex;
+  hasRequired_toAbsoluteIndex = 1;
+  var a = _toInteger, s = Math.max, $ = Math.min;
+  return _toAbsoluteIndex = function(_, _e) {
+    return _ = a(_), _ < 0 ? s(_ + _e, 0) : $(_, _e);
+  }, _toAbsoluteIndex;
+}
+var _arrayIncludes, hasRequired_arrayIncludes;
+function require_arrayIncludes() {
+  if (hasRequired_arrayIncludes)
+    return _arrayIncludes;
+  hasRequired_arrayIncludes = 1;
+  var a = _toIobject, s = require_toLength(), $ = require_toAbsoluteIndex();
+  return _arrayIncludes = function(_) {
+    return function(_e, tt, nt) {
+      var at = a(_e), ot = s(at.length), rt = $(nt, ot), st;
+      if (_ && tt != tt) {
+        for (; ot > rt; )
+          if (st = at[rt++], st != st)
+            return !0;
+      } else
+        for (; ot > rt; rt++)
+          if ((_ || rt in at) && at[rt] === tt)
+            return _ || rt || 0;
+      return !_ && -1;
+    };
+  }, _arrayIncludes;
+}
+var _shared = { exports: {} }, _library = !0, core$1 = _coreExports, global$3 = _globalExports, SHARED = "__core-js_shared__", store$1 = global$3[SHARED] || (global$3[SHARED] = {});
 (_shared.exports = function(a, s) {
   return store$1[a] || (store$1[a] = s !== void 0 ? s : {});
 })("versions", []).push({
@@ -142479,30 +142552,56 @@ var _sharedExports = _shared.exports, id$1 = 0, px = Math.random(), _uid = funct
   return "Symbol(".concat(a === void 0 ? "" : a, ")_", (++id$1 + px).toString(36));
 }, shared$1 = _sharedExports("keys"), uid$2 = _uid, _sharedKey = function(a) {
   return shared$1[a] || (shared$1[a] = uid$2(a));
-}, has$4 = _has, toIObject$4 = _toIobject, arrayIndexOf = _arrayIncludes(!1), IE_PROTO$1 = _sharedKey("IE_PROTO"), _objectKeysInternal = function(a, s) {
-  var $ = toIObject$4(a), _ = 0, _e = [], tt;
-  for (tt in $)
-    tt != IE_PROTO$1 && has$4($, tt) && _e.push(tt);
-  for (; s.length > _; )
-    has$4($, tt = s[_++]) && (~arrayIndexOf(_e, tt) || _e.push(tt));
-  return _e;
-}, _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","), $keys$2 = _objectKeysInternal, enumBugKeys$1 = _enumBugKeys, _objectKeys = Object.keys || function a(s) {
-  return $keys$2(s, enumBugKeys$1);
-}, _objectGops = {};
-_objectGops.f = Object.getOwnPropertySymbols;
+}, _objectKeysInternal, hasRequired_objectKeysInternal;
+function require_objectKeysInternal() {
+  if (hasRequired_objectKeysInternal)
+    return _objectKeysInternal;
+  hasRequired_objectKeysInternal = 1;
+  var a = _has, s = _toIobject, $ = require_arrayIncludes()(!1), _ = _sharedKey("IE_PROTO");
+  return _objectKeysInternal = function(_e, tt) {
+    var nt = s(_e), at = 0, ot = [], rt;
+    for (rt in nt)
+      rt != _ && a(nt, rt) && ot.push(rt);
+    for (; tt.length > at; )
+      a(nt, rt = tt[at++]) && (~$(ot, rt) || ot.push(rt));
+    return ot;
+  }, _objectKeysInternal;
+}
+var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(","), _objectKeys, hasRequired_objectKeys;
+function require_objectKeys() {
+  if (hasRequired_objectKeys)
+    return _objectKeys;
+  hasRequired_objectKeys = 1;
+  var a = require_objectKeysInternal(), s = _enumBugKeys;
+  return _objectKeys = Object.keys || function(_) {
+    return a(_, s);
+  }, _objectKeys;
+}
+var _objectGops = {}, hasRequired_objectGops;
+function require_objectGops() {
+  return hasRequired_objectGops || (hasRequired_objectGops = 1, _objectGops.f = Object.getOwnPropertySymbols), _objectGops;
+}
 var _objectPie = {}, hasRequired_objectPie;
 function require_objectPie() {
   return hasRequired_objectPie || (hasRequired_objectPie = 1, _objectPie.f = {}.propertyIsEnumerable), _objectPie;
 }
-var defined$1 = _defined, _toObject = function(a) {
-  return Object(defined$1(a));
-}, _objectAssign, hasRequired_objectAssign;
+var _toObject, hasRequired_toObject;
+function require_toObject() {
+  if (hasRequired_toObject)
+    return _toObject;
+  hasRequired_toObject = 1;
+  var a = require_defined();
+  return _toObject = function(s) {
+    return Object(a(s));
+  }, _toObject;
+}
+var _objectAssign, hasRequired_objectAssign;
 function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var a = _descriptors, s = _objectKeys, $ = _objectGops, _ = require_objectPie(), _e = _toObject, tt = require_iobject(), nt = Object.assign;
-  return _objectAssign = !nt || _fails(function() {
+  var a = require_descriptors(), s = require_objectKeys(), $ = require_objectGops(), _ = require_objectPie(), _e = require_toObject(), tt = require_iobject(), nt = Object.assign;
+  return _objectAssign = !nt || require_fails()(function() {
     var at = {}, ot = {}, rt = Symbol(), st = "abcdefghijklmnopqrst";
     return at[rt] = 7, st.split("").forEach(function(lt) {
       ot[lt] = lt;
@@ -143163,7 +143262,7 @@ var _default$g = function(a, s) {
   if (!(a instanceof s))
     throw new TypeError("Cannot call a class as a function");
 }, $export$3 = _export;
-$export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
+$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: _objectDp.f });
 var $Object$1 = _coreExports.Object, defineProperty$3 = function a(s, $, _) {
   return $Object$1.defineProperty(s, $, _);
 }, defineProperty$2 = { default: defineProperty$3, __esModule: !0 }, _defineProperty$8 = defineProperty$2, _defineProperty2$1 = _interopRequireDefault$f(_defineProperty$8);
@@ -143180,12 +143279,12 @@ var _default$f = /* @__PURE__ */ function() {
   return function(s, $, _) {
     return $ && a(s.prototype, $), _ && a(s, _), s;
   };
-}(), _typeof$j = {}, toInteger = _toInteger, defined = _defined, _stringAt = function(a) {
+}(), _typeof$j = {}, toInteger = _toInteger, defined = require_defined(), _stringAt = function(a) {
   return function(s, $) {
     var _ = String(defined(s)), _e = toInteger($), tt = _.length, nt, at;
     return _e < 0 || _e >= tt ? a ? "" : void 0 : (nt = _.charCodeAt(_e), nt < 55296 || nt > 56319 || _e + 1 === tt || (at = _.charCodeAt(_e + 1)) < 56320 || at > 57343 ? a ? _.charAt(_e) : nt : a ? _.slice(_e, _e + 2) : (nt - 55296 << 10) + (at - 56320) + 65536);
   };
-}, _redefine = _hide, _iterators = {}, dP$1 = _objectDp, anObject$2 = _anObject, getKeys$2 = _objectKeys, _objectDps = _descriptors ? Object.defineProperties : function a(s, $) {
+}, _redefine = _hide, _iterators = {}, dP$1 = _objectDp, anObject$2 = _anObject, getKeys$2 = require_objectKeys(), _objectDps = require_descriptors() ? Object.defineProperties : function a(s, $) {
   anObject$2(s);
   for (var _ = getKeys$2($), _e = _.length, tt = 0, nt; _e > tt; )
     dP$1.f(s, nt = _[tt++], $[nt]);
@@ -143230,7 +143329,7 @@ function require_objectGpo() {
   if (hasRequired_objectGpo)
     return _objectGpo;
   hasRequired_objectGpo = 1;
-  var a = _has, s = _toObject, $ = _sharedKey("IE_PROTO"), _ = Object.prototype;
+  var a = _has, s = require_toObject(), $ = _sharedKey("IE_PROTO"), _ = Object.prototype;
   return _objectGpo = Object.getPrototypeOf || function(_e) {
     return _e = s(_e), a(_e, $) ? _e[$] : typeof _e.constructor == "function" && _e instanceof _e.constructor ? _e.constructor.prototype : _e instanceof Object ? _ : null;
   }, _objectGpo;
@@ -143303,7 +143402,7 @@ var _wksExt = {};
 _wksExt.f = _wksExports;
 var iterator$1 = _wksExt.f("iterator"), iterator = { default: iterator$1, __esModule: !0 }, _meta = { exports: {} }, META$1 = _uid("meta"), isObject$3 = _isObject, has$2 = _has, setDesc = _objectDp.f, id = 0, isExtensible = Object.isExtensible || function() {
   return !0;
-}, FREEZE = !_fails(function() {
+}, FREEZE = !require_fails()(function() {
   return isExtensible(Object.preventExtensions({}));
 }), setMeta = function(a) {
   setDesc(a, META$1, { value: {
@@ -143343,15 +143442,15 @@ var iterator$1 = _wksExt.f("iterator"), iterator = { default: iterator$1, __esMo
 }, _metaExports = _meta.exports, core = _coreExports, wksExt$1 = _wksExt, defineProperty$1 = _objectDp.f, _wksDefine = function(a) {
   var s = core.Symbol || (core.Symbol = {});
   a.charAt(0) != "_" && !(a in s) && defineProperty$1(s, a, { value: wksExt$1.f(a) });
-}, getKeys$1 = _objectKeys, gOPS = _objectGops, pIE$1 = require_objectPie(), _enumKeys = function(a) {
+}, getKeys$1 = require_objectKeys(), gOPS = require_objectGops(), pIE$1 = require_objectPie(), _enumKeys = function(a) {
   var s = getKeys$1(a), $ = gOPS.f;
   if ($)
     for (var _ = $(a), _e = pIE$1.f, tt = 0, nt; _.length > tt; )
       _e.call(a, nt = _[tt++]) && s.push(nt);
   return s;
-}, cof = _cof, _isArray = Array.isArray || function a(s) {
+}, cof = require_cof(), _isArray = Array.isArray || function a(s) {
   return cof(s) == "Array";
-}, _objectGopnExt = {}, _objectGopn = {}, $keys$1 = _objectKeysInternal, hiddenKeys = _enumBugKeys.concat("length", "prototype");
+}, _objectGopnExt = {}, _objectGopn = {}, $keys$1 = require_objectKeysInternal(), hiddenKeys = _enumBugKeys.concat("length", "prototype");
 _objectGopn.f = Object.getOwnPropertyNames || function a(s) {
   return $keys$1(s, hiddenKeys);
 };
@@ -143366,7 +143465,7 @@ _objectGopnExt.f = function a(s) {
   return windowNames && toString$1.call(s) == "[object Window]" ? getWindowNames(s) : gOPN$1(toIObject$2(s));
 };
 var _objectGopd = {}, pIE = require_objectPie(), createDesc$1 = _propertyDesc, toIObject$1 = _toIobject, toPrimitive$2 = _toPrimitive$5, has$1 = _has, IE8_DOM_DEFINE = _ie8DomDefine, gOPD$1 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = _descriptors ? gOPD$1 : function a(s, $) {
+_objectGopd.f = require_descriptors() ? gOPD$1 : function a(s, $) {
   if (s = toIObject$1(s), $ = toPrimitive$2($, !0), IE8_DOM_DEFINE)
     try {
       return gOPD$1(s, $);
@@ -143375,7 +143474,7 @@ _objectGopd.f = _descriptors ? gOPD$1 : function a(s, $) {
   if (has$1(s, $))
     return createDesc$1(!pIE.f.call(s, $), s[$]);
 };
-var global$1 = _globalExports, has = _has, DESCRIPTORS = _descriptors, $export$2 = _export, redefine = _redefine, META = _metaExports.KEY, $fails = _fails, shared = _sharedExports, setToStringTag = _setToStringTag, uid = _uid, wks = _wksExports, wksExt = _wksExt, wksDefine = _wksDefine, enumKeys = _enumKeys, isArray$1 = _isArray, anObject = _anObject, isObject$2 = _isObject, toObject = _toObject, toIObject = _toIobject, toPrimitive$1 = _toPrimitive$5, createDesc = _propertyDesc, _create$1 = _objectCreate, gOPNExt = _objectGopnExt, $GOPD = _objectGopd, $GOPS = _objectGops, $DP = _objectDp, $keys = _objectKeys, gOPD = $GOPD.f, dP = $DP.f, gOPN = gOPNExt.f, $Symbol = global$1.Symbol, $JSON = global$1.JSON, _stringify = $JSON && $JSON.stringify, PROTOTYPE = "prototype", HIDDEN = wks("_hidden"), TO_PRIMITIVE = wks("toPrimitive"), isEnum = {}.propertyIsEnumerable, SymbolRegistry = shared("symbol-registry"), AllSymbols = shared("symbols"), OPSymbols = shared("op-symbols"), ObjectProto = Object[PROTOTYPE], USE_NATIVE = typeof $Symbol == "function" && !!$GOPS.f, QObject = global$1.QObject, setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild, setSymbolDesc = DESCRIPTORS && $fails(function() {
+var global$1 = _globalExports, has = _has, DESCRIPTORS = require_descriptors(), $export$2 = _export, redefine = _redefine, META = _metaExports.KEY, $fails = require_fails(), shared = _sharedExports, setToStringTag = _setToStringTag, uid = _uid, wks = _wksExports, wksExt = _wksExt, wksDefine = _wksDefine, enumKeys = _enumKeys, isArray$1 = _isArray, anObject = _anObject, isObject$2 = _isObject, toObject = require_toObject(), toIObject = _toIobject, toPrimitive$1 = _toPrimitive$5, createDesc = _propertyDesc, _create$1 = _objectCreate, gOPNExt = _objectGopnExt, $GOPD = _objectGopd, $GOPS = require_objectGops(), $DP = _objectDp, $keys = require_objectKeys(), gOPD = $GOPD.f, dP = $DP.f, gOPN = gOPNExt.f, $Symbol = global$1.Symbol, $JSON = global$1.JSON, _stringify = $JSON && $JSON.stringify, PROTOTYPE = "prototype", HIDDEN = wks("_hidden"), TO_PRIMITIVE = wks("toPrimitive"), isEnum = {}.propertyIsEnumerable, SymbolRegistry = shared("symbol-registry"), AllSymbols = shared("symbols"), OPSymbols = shared("op-symbols"), ObjectProto = Object[PROTOTYPE], USE_NATIVE = typeof $Symbol == "function" && !!$GOPS.f, QObject = global$1.QObject, setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild, setSymbolDesc = DESCRIPTORS && $fails(function() {
   return _create$1(dP({}, "a", {
     get: function() {
       return dP(this, "a", { value: 7 }).a;
@@ -151890,7 +151989,7 @@ const FormRender = withProvider(FormCore, defaultWidgets), svgBaseProp = {
     et(ct);
   }, [nt, rt, JSON.stringify(st)]), reactExports.useEffect(() => {
     const ct = { ...nt };
-    ct.x = ct.position.x, ct.y = ct.position.y, delete ct.position, at.setValues(ct);
+    ct.editable = !ct.readOnly, at.setValues(ct);
   }, [nt, at]), reactExports.useEffect(() => at.resetFields(), [nt.id]), reactExports.useEffect(() => {
     it.current = (ct) => {
       for (const vt of _)
@@ -151903,18 +152002,25 @@ const FormRender = withProvider(FormCore, defaultWidgets), svgBaseProp = {
   const it = reactExports.useRef((ct) => !0), ut = (ct, vt) => it.current(vt), ft = debounce$1((ct) => {
     const vt = (xt, bt) => typeof xt == "object" ? JSON.stringify(xt) !== JSON.stringify(bt) : xt !== bt;
     let At = [];
-    for (let xt in ct) {
+    for (const xt in ct) {
       if (["id", "content"].includes(xt))
         continue;
-      let bt = ct[xt], Et = !1;
-      ["x", "y"].includes(xt) ? (Et = bt !== nt.position[xt], xt = "position." + xt) : Et = vt(bt, nt[xt]), Et && (bt === null && ["rotate", "opacity"].includes(xt) && (bt = void 0), At.push({ key: xt, value: bt, schemaId: nt.id }));
+      let bt = ct[xt];
+      if (vt(bt, nt[xt])) {
+        if (bt === null && ["rotate", "opacity"].includes(xt) && (bt = void 0), xt === "editable") {
+          const Et = !bt;
+          At.push({ key: "readOnly", value: Et, schemaId: nt.id }), Et && At.push({ key: "required", value: !1, schemaId: nt.id });
+          continue;
+        }
+        At.push({ key: xt, value: bt, schemaId: nt.id });
+      }
     }
     At.length && at.validateFields().then(() => _e(At)).catch((xt) => {
       xt.errorFields.length && (At = At.filter((bt) => !xt.errorFields.find(
         (Et) => Et.name.includes(bt.key)
       ))), At.length && _e(At);
     });
-  }, 500), ht = Object.values(rt).find(
+  }, 100), ht = Object.values(rt).find(
     (ct) => (ct == null ? void 0 : ct.propPanel.defaultSchema.type) === nt.type
   ), dt = ht == null ? void 0 : ht.propPanel.schema;
   dt || console.error(`[@pdfme/ui] No propPanel.schema for ${nt.type}.
@@ -151945,26 +152051,24 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
         }],
         props: { autoComplete: "off" }
       },
-      required: { title: ot("required"), type: "boolean", span: 8, hidden: pt == null ? void 0 : pt.readOnly },
+      editable: { title: ot("editable"), type: "boolean", span: 8, hidden: (pt == null ? void 0 : pt.readOnly) !== void 0 },
+      required: { title: ot("required"), type: "boolean", span: 16, hidden: "{{!formData.editable}}" },
       "-": { type: "void", widget: "Divider" },
       align: { title: ot("align"), type: "void", widget: "AlignWidget" },
-      x: { title: "X", type: "number", widget: "inputNumber", required: !0, span: 8, min: 0 },
-      y: { title: "Y", type: "number", widget: "inputNumber", required: !0, span: 8, min: 0 },
-      rotate: {
-        title: ot("rotate"),
-        type: "number",
-        widget: "inputNumber",
-        disabled: (pt == null ? void 0 : pt.rotate) === void 0,
-        max: 360,
-        props: { min: 0 },
-        span: 8
+      position: {
+        type: "object",
+        widget: "card",
+        properties: {
+          x: { title: "X", type: "number", widget: "inputNumber", required: !0, span: 8, min: 0 },
+          y: { title: "Y", type: "number", widget: "inputNumber", required: !0, span: 8, min: 0 }
+        }
       },
       width: {
         title: ot("width"),
         type: "number",
         widget: "inputNumber",
         required: !0,
-        span: 8,
+        span: 6,
         props: { min: 0 }
       },
       height: {
@@ -151972,16 +152076,25 @@ Check this document: https://pdfme.com/docs/custom-schemas`);
         type: "number",
         widget: "inputNumber",
         required: !0,
-        span: 8,
+        span: 6,
         props: { min: 0 }
       },
+      rotate: {
+        title: ot("rotate"),
+        type: "number",
+        widget: "inputNumber",
+        disabled: (pt == null ? void 0 : pt.rotate) === void 0,
+        max: 360,
+        props: { min: 0 },
+        span: 6
+      },
       opacity: {
         title: ot("opacity"),
         type: "number",
         widget: "inputNumber",
         disabled: (pt == null ? void 0 : pt.opacity) === void 0,
         props: { step: 0.1, min: 0, max: 1 },
-        span: 8
+        span: 6
       }
     }
   };