@pdfme/ui 4.3.2 → 4.4.0-dev.1

package/dist/index.es.js

@@ -9365,7 +9365,7 @@ const UIOptions = CommonOptions.extend({
 }), HTMLElementSchema = z.any().refine((a) => a instanceof HTMLElement), UIProps = CommonProps.extend({
   domContainer: HTMLElementSchema,
   options: UIOptions.optional()
-}), PreviewProps = UIProps.extend({ inputs: Inputs }).strict(), DesignerProps = UIProps.extend({}).strict(), uniq = (a) => Array.from(new Set(a)), getFallbackFontName = (a) => {
+}), PreviewProps = UIProps.extend({ inputs: Inputs }).strict(), DesignerProps = UIProps.extend({}).strict(), cloneDeep$1 = (a) => JSON.parse(JSON.stringify(a)), uniq = (a) => Array.from(new Set(a)), getFallbackFontName = (a) => {
   const s = "", $ = Object.entries(a).reduce((_, _e) => {
     const [tt, nt] = _e;
     return !_ && nt.fallback ? tt : _;
@@ -9428,55 +9428,163 @@ ${_e}`);
     const { template: $, plugins: _ } = a;
     _ && checkPlugins({ plugins: _, template: $ });
   }
-}, checkInputs = (a) => checkProps(a, Inputs), checkUIOptions = (a) => checkProps(a, UIOptions), checkTemplate = (a) => checkProps(a, Template), checkUIProps = (a) => checkProps(a, UIProps), checkPreviewProps = (a) => checkProps(a, PreviewProps), checkDesignerProps = (a) => checkProps(a, DesignerProps), getDynamicTemplate = async (a) => {
-  const { template: s, modifyTemplate: $ } = a;
-  if (!isBlankPdf(s.basePdf))
-    return s;
-  const _ = await $(a), _e = await calculateDiffMap({ ...a, template: _ });
-  return normalizePositionsAndPageBreak(_, _e);
-}, calculateDiffMap = async (a) => {
-  const { template: s, input: $, _cache: _, options: _e, getDynamicHeight: tt } = a, nt = s.basePdf, at = /* @__PURE__ */ new Map();
-  if (!isBlankPdf(nt))
-    return at;
-  const ot = nt.height;
-  let rt = 0;
-  for (const it of s.schemas) {
-    for (const [ut, ft] of Object.entries(it)) {
-      const ht = await tt(($ == null ? void 0 : $[ut]) || "", {
-        schema: ft,
-        basePdf: nt,
-        options: _e,
-        _cache: _
-      });
-      ft.height !== ht && at.set(ft.position.y + ft.height + ot * rt, ht - ft.height);
-    }
-    rt++;
+}, checkInputs = (a) => checkProps(a, Inputs), checkUIOptions = (a) => checkProps(a, UIOptions), checkTemplate = (a) => checkProps(a, Template), checkUIProps = (a) => checkProps(a, UIProps), checkPreviewProps = (a) => checkProps(a, PreviewProps), checkDesignerProps = (a) => checkProps(a, DesignerProps);
+class Node {
+  constructor({ width: s = 0, height: $ = 0 } = {}) {
+    Object.defineProperty(this, "index", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "key", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "schema", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "children", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: []
+    }), Object.defineProperty(this, "width", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "height", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "padding", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: [0, 0, 0, 0]
+    }), Object.defineProperty(this, "position", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: { x: 0, y: 0 }
+    }), this.width = s, this.height = $;
   }
-  const st = /* @__PURE__ */ new Map(), lt = Array.from(at.keys()).sort((it, ut) => it - ut);
-  let et = 0;
-  for (const it of lt) {
-    const ft = at.get(it) + et;
-    st.set(it + et, ft), et += ft;
+  setIndex(s) {
+    this.index = s;
   }
-  return st;
-}, normalizePositionsAndPageBreak = (a, s) => {
-  if (!isBlankPdf(a.basePdf) || s.size === 0)
-    return a;
-  const $ = { schemas: [{}], basePdf: a.basePdf }, _ = $.schemas, _e = a.basePdf.height, tt = a.basePdf.padding[0], nt = a.basePdf.padding[2];
-  for (let at = 0; at < a.schemas.length; at += 1) {
-    const ot = a.schemas[at];
-    _[at] || (_[at] = {});
-    for (const [rt, st] of Object.entries(ot)) {
-      const { position: lt, height: et } = st;
-      let it = lt.y, ut = at;
-      for (const [ft, ht] of s)
-        it > ft && (it += ht);
-      for (; it + et >= _e - nt; )
-        it = it + tt - (_e - nt) + tt, ut++;
-      _[ut] || (_[ut] = {}), _[ut][rt] = { ...st, position: { ...lt, y: it } };
-    }
+  setKeyAndSchema(s, $) {
+    this.key = s, this.schema = $;
   }
-  return $;
+  setWidth(s) {
+    this.width = s;
+  }
+  setHeight(s) {
+    this.height = s;
+  }
+  setPadding(s) {
+    this.padding = s;
+  }
+  setPosition(s) {
+    this.position = s;
+  }
+  insertChild(s) {
+    const $ = this.getChildCount();
+    s.setIndex($), this.children.splice($, 0, s);
+  }
+  getChildCount() {
+    return this.children.length;
+  }
+  getChild(s) {
+    return this.children[s];
+  }
+}
+function createPage(a) {
+  const s = new Node({ ...a });
+  return s.setPadding(a.padding), s;
+}
+function createNode(a) {
+  const { position: s, width: $, height: _, key: _e, schema: tt } = a, nt = new Node({ width: $, height: _ });
+  return nt.setPosition(s), nt.setKeyAndSchema(_e, tt), nt;
+}
+function resortChildren(a, s) {
+  a.children = a.children.sort(($, _) => {
+    const _e = s.get($.key), tt = s.get(_.key);
+    if (_e === void 0 || tt === void 0)
+      throw new Error("[@pdfme/common] order is not defined");
+    return _e - tt;
+  }).map(($, _) => ($.setIndex(_), $));
+}
+async function createOnePage(a) {
+  const { basePdf: s, schemaObj: $, orderMap: _, input: _e, options: tt, _cache: nt, getDynamicHeights: at } = a, ot = createPage(s), rt = [], st = Object.entries($).sort((it, ut) => it[1].position.y - ut[1].position.y), lt = /* @__PURE__ */ new Map();
+  for (const [it, ut] of st) {
+    const { position: ft, width: ht } = ut, dt = { schema: ut, basePdf: s, options: tt, _cache: nt }, gt = await at((_e == null ? void 0 : _e[it]) || "", dt), pt = gt.reduce((ct, vt) => ct + vt, 0), mt = ut.height;
+    pt !== mt && lt.set(ft.y + mt, pt - mt), gt.forEach((ct, vt) => {
+      let At = ut.position.y + gt.reduce((bt, Et, St) => St < vt ? bt + Et : bt, 0);
+      for (const [bt, Et] of lt.entries())
+        bt <= ut.position.y && (At += Et);
+      const xt = createNode({ key: it, schema: ut, position: { ...ft, y: At }, width: ht, height: ct });
+      rt.push(At + ct + s.padding[2]), ot.insertChild(xt);
+    });
+  }
+  const et = Math.max(...rt, s.height - s.padding[2]);
+  return ot.setHeight(et), resortChildren(ot, _), ot;
+}
+function breakIntoPages(a) {
+  const { longPage: s, orderMap: $, basePdf: _ } = a, _e = [createPage(_)], [tt, , nt] = _.padding, at = [], ot = (lt) => _.height - nt - (lt > 0 ? tt : 0), rt = (lt, et) => {
+    var ut;
+    const it = lt - et * (_.height - tt - nt);
+    for (; _e.length <= et; )
+      _e[et] || (_e.push(createPage(_)), at.push({ page: et, value: (it - tt) * -1 }));
+    return it + (((ut = at.find((ft) => ft.page === et)) == null ? void 0 : ut.value) || 0);
+  }, st = s.children.sort((lt, et) => lt.position.y - et.position.y);
+  for (let lt = 0; lt < st.length; lt++) {
+    const { key: et, schema: it, position: ut, height: ft, width: ht } = st[lt], { y: dt, x: gt } = ut;
+    let pt = Math.floor(dt / ot(_e.length - 1)), mt = rt(dt, pt);
+    if (mt + ft > _.height - nt && (pt++, mt = rt(dt, pt)), !et || !it)
+      throw new Error("[@pdfme/common] key or schema is undefined");
+    const ct = createNode({ key: et, schema: it, position: { x: gt, y: mt }, width: ht, height: ft });
+    _e[pt].insertChild(ct);
+  }
+  return _e.forEach((lt) => resortChildren(lt, $)), _e;
+}
+function createNewTemplate(a, s) {
+  const $ = {
+    schemas: Array.from({ length: a.length }, () => ({})),
+    basePdf: s
+  }, _ = /* @__PURE__ */ new Map();
+  return cloneDeep$1(a).forEach((_e, tt) => {
+    _e.children.forEach((nt) => {
+      const { key: at, schema: ot } = nt;
+      if (!at || !ot)
+        throw new Error("[@pdfme/common] key or schema is undefined");
+      _.has(at) || _.set(at, []), _.get(at).push(nt);
+      const rt = _e.children.filter((lt) => lt.key === at), st = _.get(at).length - rt.length;
+      if (rt.length > 0) {
+        if (!rt[0].schema)
+          throw new Error("[@pdfme/common] schema is undefined");
+        const lt = rt[0].schema, et = rt.reduce((ut, ft) => ut + ft.height, 0), it = rt[0].position;
+        lt.__bodyRange = {
+          start: Math.max(st - 1, 0),
+          end: st + rt.length - 1
+        }, $.schemas[tt][at] = Object.assign({}, lt, { position: it, height: et });
+      }
+    });
+  }), $;
+}
+const getDynamicTemplate = async (a) => {
+  const { template: s } = a;
+  if (!isBlankPdf(s.basePdf))
+    return s;
+  const $ = s.basePdf, _ = [];
+  for (const _e of s.schemas) {
+    const tt = new Map(Object.keys(_e).map((ot, rt) => [ot, rt])), nt = await createOnePage({ basePdf: $, schemaObj: _e, orderMap: tt, ...a }), at = breakIntoPages({ longPage: nt, basePdf: $, orderMap: tt });
+    _.push(...at);
+  }
+  return createNewTemplate(_, s.basePdf);
 }, DEFAULT_LANG = "en", DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed", SELECTABLE_CLASSNAME = "selectable", RULER_HEIGHT = 30, PAGE_GAP = 10, RIGHT_SIDEBAR_WIDTH = 400, BACKGROUND_COLOR = "rgb(74, 74, 74)";
 var pdf_worker_entry = {}, pdf_worker = { exports: {} };
 (function(a, s) {
@@ -60088,7 +60196,7 @@ const uuid$6 = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a)
   $ && (s = -s);
   const _ = `${a}`.split("e");
   return +`${_[0]}e${_[1] ? Number(_[1]) + s : s}`;
-}, round = (a, s) => shift(Math.round(shift(a, s, !1)), s, !0), cloneDeep$2 = (a) => JSON.parse(JSON.stringify(a)), flatten = (a) => [].concat(...a), up = "up", shiftUp = "shift+up", down = "down", shiftDown = "shift+down", left = "left", shiftLeft = "shift+left", right = "right", shiftRight = "shift+right", rmWin = "backspace", rmMac = "delete", esc = "esc", copyWin = "ctrl+c", copyMac = "command+c", pasteWin = "ctrl+v", pasteMac = "command+v", redoWin = "ctrl+y", redoMac = "shift+command+z", undoWin = "ctrl+z", undoMac = "command+z", saveWin = "ctrl+s", saveMac = "command+s", selectAllWin = "ctrl+a", selectAllMac = "command+a", keys$2 = [
+}, round = (a, s) => shift(Math.round(shift(a, s, !1)), s, !0), flatten = (a) => [].concat(...a), up = "up", shiftUp = "shift+up", down = "down", shiftDown = "shift+down", left = "left", shiftLeft = "shift+left", right = "right", shiftRight = "shift+right", rmWin = "backspace", rmMac = "delete", esc = "esc", copyWin = "ctrl+c", copyMac = "command+c", pasteWin = "ctrl+v", pasteMac = "command+v", redoWin = "ctrl+y", redoMac = "shift+command+z", undoWin = "ctrl+z", undoMac = "command+z", saveWin = "ctrl+s", saveMac = "command+s", selectAllWin = "ctrl+a", selectAllMac = "command+a", keys$2 = [
   up,
   shiftUp,
   down,
@@ -60195,7 +60303,7 @@ const uuid$6 = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a)
     ) : []
   ), _e), []);
 }, template2SchemasList = async (a) => {
-  const s = cloneDeep$2(a), { basePdf: $, schemas: _ } = s, _e = sortSchemasList(s);
+  const s = cloneDeep$1(a), { basePdf: $, schemas: _ } = s, _e = sortSchemasList(s);
   let tt = [];
   if (isBlankPdf($))
     tt = _.map(() => ({
@@ -60207,7 +60315,7 @@ const uuid$6 = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a)
     tt = await getPdfPageSizes(st);
   }
   const nt = _e.length, at = tt.length;
-  return (nt < at ? _e.concat(new Array(at - nt).fill(cloneDeep$2([]))) : _e.slice(0, tt.length)).map((rt, st) => (Object.values(rt).forEach((lt) => {
+  return (nt < at ? _e.concat(new Array(at - nt).fill(cloneDeep$1([]))) : _e.slice(0, tt.length)).map((rt, st) => (Object.values(rt).forEach((lt) => {
     const { width: et, height: it } = tt[st], ut = lt.position.x + lt.width, ft = lt.position.y + lt.height;
     if (et < ut) {
       const ht = ut - et;
@@ -60219,7 +60327,7 @@ const uuid$6 = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a)
     }
   }), rt));
 }, schemasList2template = (a, s) => ({
-  schemas: cloneDeep$2(a).map(
+  schemas: cloneDeep$1(a).map(
     ($) => $.reduce((_, _e) => {
       const tt = _e.key;
       return delete _e.id, delete _e.key, _[tt] = _e, _;
@@ -60288,7 +60396,7 @@ const uuid$6 = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (a)
   const { objs: s, schemas: $, basePdf: _, pluginsRegistry: _e, pageSize: tt, commitSchemas: nt } = a, at = s.reduce((ot, { key: rt, value: st, schemaId: lt }) => {
     const et = ot.find((it) => it.id === lt);
     return et && (set$2(et, rt, st), rt === "type" ? handleTypeChange(et, rt, st, _e) : ["position.x", "position.y", "width", "height"].includes(rt) && handlePositionSizeChange(et, rt, st, _, tt)), ot;
-  }, cloneDeep$2($));
+  }, cloneDeep$1($));
   nt(at);
 }, DEFAULT_FONT_SIZE = 13, ALIGN_LEFT = "left", ALIGN_CENTER = "center", ALIGN_RIGHT = "right", DEFAULT_ALIGNMENT = ALIGN_LEFT, VERTICAL_ALIGN_TOP = "top", VERTICAL_ALIGN_MIDDLE = "middle", VERTICAL_ALIGN_BOTTOM = "bottom", DEFAULT_VERTICAL_ALIGNMENT = VERTICAL_ALIGN_TOP, DEFAULT_LINE_HEIGHT = 1, DEFAULT_CHARACTER_SPACING = 0, DEFAULT_FONT_COLOR = "#000000", PLACEHOLDER_FONT_COLOR = "#A0A0A0", DYNAMIC_FIT_VERTICAL = "vertical", DYNAMIC_FIT_HORIZONTAL = "horizontal", DEFAULT_DYNAMIC_FIT = DYNAMIC_FIT_VERTICAL, DEFAULT_DYNAMIC_MIN_FONT_SIZE = 4, DEFAULT_DYNAMIC_MAX_FONT_SIZE = 72, FONT_SIZE_ADJUSTMENT = 0.25, ENCODING_MAPPING = {
   utf16le: "utf-16le",
@@ -81615,7 +81723,7 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     const ot = 1 - Math.max(tt, nt, at), rt = tt === 0 ? 0 : (1 - tt - ot) / (1 - ot), st = nt === 0 ? 0 : (1 - nt - ot) / (1 - ot), lt = at === 0 ? 0 : (1 - at - ot) / (1 - ot);
     return cmyk(rt, st, lt, ot);
   }
-}, hex2PrintingColor = (a, s) => (s == null ? void 0 : s.toLocaleLowerCase()) == "cmyk" ? hex2CmykColor(a) : hex2RgbColor(a), cloneDeep$1 = (a) => JSON.parse(JSON.stringify(a)), embedAndGetFontObj = async (a) => {
+}, hex2PrintingColor = (a, s) => (s == null ? void 0 : s.toLocaleLowerCase()) == "cmyk" ? hex2CmykColor(a) : hex2RgbColor(a), embedAndGetFontObj = async (a) => {
   const { pdfDoc: s, font: $, _cache: _ } = a;
   if (_.has(s))
     return _.get(s);
@@ -82391,21 +82499,6 @@ function mapCellStyle(a) {
     cellPadding: a.padding
   };
 }
-function createTableWithAvailableHeight(a, s, $) {
-  let _ = s;
-  const _e = [];
-  let tt = 0;
-  for (; _ > 0 && tt < a.length; ) {
-    const nt = a.slice(0, tt + 1).pop();
-    if (!nt)
-      break;
-    const at = nt.height;
-    if (_ - at < 0)
-      break;
-    _e.push(nt.raw), _ -= at, tt++;
-  }
-  return createSingleTable(_e, $);
-}
 function getTableOptions(a, s) {
   const $ = a.headWidthPercentages.reduce((nt, at, ot) => ({ ...nt, [ot]: { cellWidth: a.width * (at / 100) } }), {}), _ = Object.entries(a.columnStyles.alignment || {}).reduce((nt, [at, ot]) => ({ ...nt, [at]: { alignment: ot } }), {}), _e = /* @__PURE__ */ new Set([
     ...Object.keys($).map(Number),
@@ -82466,74 +82559,21 @@ function createSingleTable(a, s) {
   const { options: $, _cache: _, basePdf: _e } = s;
   if (!isBlankPdf(_e))
     throw new Error("[@pdfme/schema/table] Custom PDF is not supported");
-  const tt = parseInput(s.schema, a), nt = $.font || getDefaultFont(), at = getFallbackFontName(nt), ot = parseContent4Table(tt, at);
-  return Table$3.create({ input: tt, content: ot, font: nt, _cache: _ });
-}
-async function createMultiTables(a, s) {
-  const { basePdf: $, schema: _ } = s;
-  if (!isBlankPdf($))
-    throw new Error("[@pdfme/schema/table] Custom PDF is not supported");
-  const _e = $.height, tt = $.padding[2], nt = $.padding[0];
-  let at = _e - tt - _.position.y;
-  const ot = await createSingleTable(a, s);
-  let rt = ot.body;
-  const st = [];
-  for (; rt.length > 0; ) {
-    const lt = st.length === 0 ? at - ot.getHeadHeight() : at - nt, et = await createTableWithAvailableHeight(rt, lt, s);
-    if (st.push(et), rt = rt.slice(et.body.length), rt.length > 0) {
-      const it = cloneDeep$1(_);
-      it.showHead = !1, it.position.y = nt, s.schema = it, at = _e - nt - tt;
-    }
+  const tt = cloneDeep$1(s.schema), { start: nt } = tt.__bodyRange || { start: 0 };
+  if (nt % 2 === 1) {
+    const lt = tt.bodyStyles.alternateBackgroundColor;
+    tt.bodyStyles.alternateBackgroundColor = tt.bodyStyles.backgroundColor, tt.bodyStyles.backgroundColor = lt;
   }
-  return st;
+  tt.showHead = tt.showHead === !1 ? !1 : nt === 0;
+  const at = parseInput(tt, a), ot = $.font || getDefaultFont(), rt = getFallbackFontName(ot), st = parseContent4Table(at, rt);
+  return Table$3.create({ input: at, content: st, font: ot, _cache: _ });
 }
-const modifyTemplateForTable = async (a) => {
-  const { template: s, input: $, options: _, _cache: _e } = a, tt = Object.assign(cloneDeep$1(s), { schemas: [] });
-  let nt = 0;
-  for (const at of s.schemas) {
-    const ot = [];
-    for (const [rt, st] of Object.entries(at))
-      if (st.type === "table") {
-        st.__bodyRange = void 0;
-        const lt = getBody$1($ == null ? void 0 : $[rt]), et = await createMultiTables(lt, {
-          schema: st,
-          basePdf: tt.basePdf,
-          options: _,
-          _cache: _e
-        });
-        if (et.length > 1) {
-          const it = et[0];
-          st.__bodyRange = { start: 0, end: it.body.length };
-          const ut = et.map((ht) => ht.body);
-          et.slice(1).forEach((ht, dt) => {
-            const gt = nt + dt + 1, pt = {
-              [rt]: {
-                ...st,
-                position: { x: st.position.x, y: ht.settings.startY },
-                height: ht.getHeight(),
-                showHead: !1,
-                __bodyRange: {
-                  start: ut.slice(0, dt + 1).reduce((mt, ct) => mt + ct.length, 0),
-                  end: ut.slice(0, dt + 2).reduce((mt, ct) => mt + ct.length, 0)
-                },
-                content: typeof $[rt] != "string" ? JSON.stringify($[rt] || "[]") : $[rt]
-              }
-            };
-            ot[gt] = pt;
-          });
-        }
-      }
-    tt.schemas.push(at), ot.forEach((rt, st) => {
-      tt.schemas[st] ? tt.schemas[st] = { ...tt.schemas[st], ...rt } : tt.schemas[st] = rt;
-    }), nt++;
-  }
-  return tt;
-}, getDynamicHeightForTable = async (a, s) => {
+const getDynamicHeightsForTable = async (a, s) => {
   var tt;
   if (s.schema.type !== "table")
-    return Promise.resolve(s.schema.height);
+    return Promise.resolve([s.schema.height]);
   const $ = s.schema, _ = ((tt = $.__bodyRange) == null ? void 0 : tt.start) === 0 ? getBody$1(a) : getBodyWithRange(a, $.__bodyRange);
-  return (await createSingleTable(_, s)).getHeight();
+  return (await createSingleTable(_, s)).allRows().map((nt) => nt.height);
 }, builtInPlugins = { Text: text };
 class BaseUIClass {
   constructor(s) {
@@ -82546,7 +82586,7 @@ class BaseUIClass {
       }, this.render();
     }, 100), this.resizeObserver = new ResizeObserver(this.setSize), checkUIProps(s);
     const { domContainer: $, template: _, options: _e = {}, plugins: tt = {} } = s;
-    this.domContainer = $, this.template = cloneDeep$2(_), this.options = _e, this.size = {
+    this.domContainer = $, this.template = cloneDeep$1(_), this.options = _e, this.size = {
       height: this.domContainer.clientHeight || window.innerHeight,
       width: this.domContainer.clientWidth || window.innerWidth
     }, this.resizeObserver.observe(this.domContainer);
@@ -82573,7 +82613,7 @@ class BaseUIClass {
   updateTemplate(s) {
     if (checkTemplate(s), !this.domContainer)
       throw Error(DESTROYED_ERR_MSG);
-    this.template = cloneDeep$2(s), this.render();
+    this.template = cloneDeep$1(s), this.render();
   }
   updateOptions(s) {
     checkUIOptions(s);
@@ -82588,7 +82628,7 @@ class BaseUIClass {
 }
 class PreviewUI extends BaseUIClass {
   constructor(s) {
-    super(s), checkPreviewProps(s), this.inputs = convertToStingObjectArray(cloneDeep$2(s.inputs));
+    super(s), checkPreviewProps(s), this.inputs = convertToStingObjectArray(cloneDeep$1(s.inputs));
   }
   getInputs() {
     if (!this.domContainer)
@@ -136500,8 +136540,8 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
       const mt = pt === "undo", ct = mt ? rt : st;
       if (ct.current.length <= 0)
         return;
-      (mt ? st : rt).current.push(cloneDeep$2(_e[a]));
-      const vt = cloneDeep$2(_e);
+      (mt ? st : rt).current.push(cloneDeep$1(_e[a]));
+      const vt = cloneDeep$1(_e);
       vt[a] = ct.current.pop(), lt(vt);
     };
     initShortCuts({
@@ -136521,7 +136561,7 @@ const { Text: Text$4 } = Typography$1, Item = React$a.memo(
             x: St.x + 10 > Bt.width - Et ? Bt.width - Et : St.x + 10,
             y: St.y + 10 > Bt.height - bt ? Bt.height - bt : St.y + 10
           };
-          return Object.assign(cloneDeep$2(vt), { id: At, key: xt, position: Ot });
+          return Object.assign(cloneDeep$1(vt), { id: At, key: xt, position: Ot });
         });
         nt(_e[a].concat(ct)), et(ct.map((vt) => document.getElementById(vt.id))), ut.current = ct;
       },
@@ -162422,8 +162462,8 @@ const Guides$2 = Guides$1, guideStyle = (a, s, $, _) => ({
   });
   const It = reactExports.useCallback(
     (Tt) => {
-      nt.current = [], tt.current.push(cloneDeep$2(ht[gt]));
-      const Dt = cloneDeep$2(ht);
+      nt.current = [], tt.current.push(cloneDeep$1(ht[gt]));
+      const Dt = cloneDeep$1(ht);
       Dt[gt] = Tt, dt(Dt), _(schemasList2template(Dt, a.basePdf));
     },
     [a, ht, gt, _]
@@ -162499,10 +162539,10 @@ const Guides$2 = Guides$1, guideStyle = (a, s, $, _) => ({
   }, Nt = () => {
     if (gt === 0 || !window.confirm(rt("removePageConfirm")))
       return;
-    const Tt = cloneDeep$2(ht);
+    const Tt = cloneDeep$1(ht);
     Tt.splice(gt, 1), _t(Tt, gt - 1);
   }, Mt = () => {
-    const Tt = cloneDeep$2(ht);
+    const Tt = cloneDeep$1(ht);
     Tt.splice(gt + 1, 0, []), _t(Tt, gt + 1);
   };
   xt !== a && (bt(a), kt(a));
@@ -162635,7 +162675,7 @@ class Designer extends BaseUIClass {
   updateTemplate(s) {
     if (checkTemplate(s), !this.domContainer)
       throw Error(DESTROYED_ERR_MSG);
-    this.template = cloneDeep$2(s), this.onChangeTemplateCallback && this.onChangeTemplateCallback(s), this.render();
+    this.template = cloneDeep$1(s), this.onChangeTemplateCallback && this.onChangeTemplateCallback(s), this.render();
   }
   onSaveTemplate(s) {
     this.onSaveTemplateCallback = s;
@@ -162789,8 +162829,7 @@ const Designer$1 = Designer, { Text } = Typography$1, icons = {
       input: vt,
       options: { font: tt },
       _cache,
-      modifyTemplate: (St) => modifyTemplateForTable(St),
-      getDynamicHeight: (St, Bt) => Bt.schema.type !== "table" ? Promise.resolve(Bt.schema.height) : getDynamicHeightForTable(St, Bt)
+      getDynamicHeights: (St, Bt) => Bt.schema.type !== "table" ? Promise.resolve([Bt.schema.height]) : getDynamicHeightsForTable(St, Bt)
     }).then(async (St) => {
       const Bt = await template2SchemasList(St);
       ft(Bt), await mt(St);