@chili-publish/studio-sdk 1.35.0 → 1.37.0

package/_bundles/main.es.js

@@ -3,9 +3,9 @@ var Me = (s) => {
 };
 var xe = (s, o, t) => o.has(s) || Me("Cannot " + t);
 var a = (s, o, t) => (xe(s, o, "read from private field"), t ? t.call(s) : o.get(s)), u = (s, o, t) => o.has(s) ? Me("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, t), g = (s, o, t, e) => (xe(s, o, "write to private field"), e ? e.call(s, t) : o.set(s, t), t);
-const Ms = "2.18.latest", Ss = {
+const Ms = "2.20.latest", Ss = {
   current: Ms
-}, xs = "1.35.0", bs = {
+}, xs = "1.37.0", bs = {
   version: xs
 };
 var z;
@@ -63,7 +63,7 @@ const Rs = (s, o) => {
   return Object.keys(s).forEach((t) => o[t] = s[t]), o;
 }, _s = (s, o, t) => {
   const { localName: e, local: r, remote: n, originForSending: c, originForReceiving: h } = s;
-  let l = !1;
+  let d = !1;
   const p = (y) => {
     if (y.source !== n || y.data.penpal !== z.Call)
       return;
@@ -74,7 +74,7 @@ const Rs = (s, o) => {
     const v = y.data, { methodName: f, args: b, id: A } = v;
     t(`${e}: Received ${f}() call`);
     const I = (S) => (M) => {
-      if (t(`${e}: Sending ${f}() reply`), l) {
+      if (t(`${e}: Sending ${f}() reply`), d) {
         t(`${e}: Unable to send ${f}() reply due to destroyed connection`);
         return;
       }
@@ -104,7 +104,7 @@ const Rs = (s, o) => {
     new Promise((S) => S(o[f].apply(o, b))).then(I(ut.Fulfilled), I(ut.Rejected));
   };
   return r.addEventListener(dt.Message, p), () => {
-    l = !0, r.removeEventListener(dt.Message, p);
+    d = !0, r.removeEventListener(dt.Message, p);
   };
 };
 let Hs = 0;
@@ -126,7 +126,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
     zs(o, t, s[t]);
   return o;
 }, js = (s, o, t, e, r) => {
-  const { localName: n, local: c, remote: h, originForSending: l, originForReceiving: p } = o;
+  const { localName: n, local: c, remote: h, originForSending: d, originForReceiving: p } = o;
   let y = !1;
   r(`${n}: Connecting call sender`);
   const v = (b) => (...A) => {
@@ -161,7 +161,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
         methodName: b,
         args: A
       };
-      h.postMessage(W, l);
+      h.postMessage(W, d);
     });
   }, f = t.reduce((b, A) => (b[A] = v(A), b), {});
   return Object.assign(s, Ws(f)), () => {
@@ -169,7 +169,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
   };
 }, qs = (s, o, t, e, r) => {
   const { destroy: n, onDestroy: c } = e;
-  let h, l;
+  let h, d;
   const p = {};
   return (y) => {
     if (y.origin !== o) {
@@ -184,10 +184,10 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
       originForSending: t,
       originForReceiving: o
     };
-    h && h(), h = _s(v, s, r), c(h), l && l.forEach((b) => {
+    h && h(), h = _s(v, s, r), c(h), d && d.forEach((b) => {
       delete p[b];
-    }), l = y.data.methodNames;
-    const f = js(p, v, l, n, r);
+    }), d = y.data.methodNames;
+    const f = js(p, v, d, n, r);
     return c(f), p;
   };
 }, Ys = (s, o, t, e) => (r) => {
@@ -223,7 +223,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
   }
 }, er = (s) => {
   let { iframe: o, methods: t = {}, childOrigin: e, timeout: r, debug: n = !1 } = s;
-  const c = Vs(n), h = Rs("Parent", c), { onDestroy: l, destroy: p } = h;
+  const c = Vs(n), h = Rs("Parent", c), { onDestroy: d, destroy: p } = h;
   e || (tr(o), e = Us(o.src));
   const y = e === "null" ? "*" : e, v = As(t), f = Ys(c, v, e, y), b = qs(v, e, y, h, c);
   return {
@@ -241,7 +241,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
           }
         }
       };
-      window.addEventListener(dt.Message, E), c("Parent: Awaiting handshake"), Qs(o, h), l((P) => {
+      window.addEventListener(dt.Message, E), c("Parent: Awaiting handshake"), Qs(o, h), d((P) => {
         window.removeEventListener(dt.Message, E), P && S(P);
       });
     }),
@@ -329,7 +329,7 @@ const nr = (s, o, t, e = "chili-editor", r, n) => {
   Qt && window.removeEventListener("message", Qt);
   const c = `#${e}`, h = document.createElement("iframe");
   h.setAttribute("srcdoc", " "), h.setAttribute("title", "Chili-Editor"), h.setAttribute("style", "width: 100%; height: 100%;"), h.setAttribute("frameBorder", "0"), h.setAttribute("referrerpolicy", "origin");
-  const l = () => {
+  const d = () => {
     const p = document.querySelector(c);
     if (p) {
       p == null || p.appendChild(h), h.addEventListener(
@@ -347,8 +347,8 @@ const nr = (s, o, t, e = "chili-editor", r, n) => {
       }
     }
   };
-  document.readyState === "complete" || document.readyState === "interactive" ? l() : document.addEventListener("DOMContentLoaded", () => {
-    l();
+  document.readyState === "complete" || document.readyState === "interactive" ? d() : document.addEventListener("DOMContentLoaded", () => {
+    d();
   }), Qt = (p) => {
     var y;
     if (p.source === h.contentWindow && ((y = p.data) == null ? void 0 : y.type) === "iframe-error") {
@@ -413,6 +413,7 @@ const ir = {
     debugPanel: { enabled: !1 },
     ellipse: { enabled: !1 },
     hand: { enabled: !1 },
+    temporaryHand: { enabled: !1 },
     image: { enabled: !1 },
     polygon: { enabled: !1 },
     rectangle: { enabled: !1 },
@@ -536,7 +537,7 @@ class Ge {
       const r = { drawStartStopChars: e };
       return this.setBarcodeProperties(t, r);
     }, this.getBarcodeConfigationOptions = (t) => {
-      let e = !0, r = !0, n = !0, c, h, l = !1, p = !1, y = !1;
+      let e = !0, r = !0, n = !0, c, h, d = !1, p = !1, y = !1;
       switch (t) {
         case $.qr:
           c = [vt.iso8859_1, vt.utf8], h = [
@@ -546,7 +547,7 @@ class Ge {
             Rt.high
           ];
         case $.dataMatrix:
-          e = !1, r = !1, n = !1, l = !0;
+          e = !1, r = !1, n = !1, d = !0;
           break;
         case $.ean13:
           e = !1, p = !0;
@@ -576,7 +577,7 @@ class Ge {
         allowedCharacterSets: c,
         allowedErrorCorrectionLevels: h,
         allowToggleText: e,
-        quietZoneAlwaysCombined: l,
+        quietZoneAlwaysCombined: d,
         allowToggleLightMarginIndicator: p,
         allowToggleDrawStartAndEndChar: y
       };
@@ -585,9 +586,9 @@ class Ge {
 }
 k = new WeakMap();
 var T = /* @__PURE__ */ ((s) => (s.rgb = "rgb", s.hex = "hex", s.cmyk = "cmyk", s.spotCmyk = "spotCmyk", s.spotRgb = "spotRgb", s.spotHex = "spotHex", s))(T || {}), q = /* @__PURE__ */ ((s) => (s.rgb = "rgb", s.hex = "hex", s.cmyk = "cmyk", s.gray = "gray", s.hsl = "hsl", s.spot = "spot", s.spotCMYK = "spotCMYK", s.spotRGB = "spotRGB", s.spotHEX = "spotHEX", s))(q || {}), ae = /* @__PURE__ */ ((s) => (s.local = "local", s.brandKit = "brandKit", s.stylekit = "brandKit", s))(ae || {});
-const Be = (s) => s.type === T.hex, ie = (s) => s.type === T.spotHex, pr = (s) => s.type === T.spotRgb, wr = (s) => s.type === T.spotCmyk, Cr = (s) => pr(s) || wr(s) || ie(s), mr = (s) => {
+const Be = (s) => s.type === T.hex, ie = (s) => s.type === T.spotHex, pr = (s) => s.type === T.spotRgb, Cr = (s) => s.type === T.spotCmyk, wr = (s) => pr(s) || Cr(s) || ie(s), mr = (s) => {
   const o = fr(s.type);
-  return Cr(s) ? {
+  return wr(s) ? {
     ...ie(s) && { value: s.displayValue },
     ...!ie(s) && { ...s.displayValue },
     spotName: s.value,
@@ -603,7 +604,7 @@ const Be = (s) => s.type === T.hex, ie = (s) => s.type === T.spotHex, pr = (s) =
     brandKitFontFamilyGuid: n,
     fontStyleId: c,
     textStrokeColorGuid: h,
-    textStrokeColorApplied: l,
+    textStrokeColorApplied: d,
     textStrokeWidth: p,
     ...y
   } = s;
@@ -625,11 +626,11 @@ const Be = (s) => s.type === T.hex, ie = (s) => s.type === T.spotHex, pr = (s) =
           id: t.id,
           color: t.color,
           type: ae.brandKit,
-          isApplied: l || !1
+          isApplied: d || !1
         }
       },
       strokeColorApplied: {
-        value: l || !1
+        value: d || !1
       },
       strokeWidth: {
         value: p != null ? p.toString() : p
@@ -673,10 +674,10 @@ class _e {
      */
     u(this, D);
     this.getId = async () => (await a(this, D)).getBrandKitId().then((r) => i(r)), this.getVersion = async () => (await a(this, D)).getBrandKitVersion().then((r) => i(r)), this.getName = async () => (await a(this, D)).getBrandKitName().then((r) => i(r)), this.rename = async (e) => (await a(this, D)).renameBrandKit(e).then((n) => i(n)), this.updateIdAndVersion = async (e, r) => (await a(this, D)).updateBrandKitIdAndVersion(e, r).then((c) => i(c)), this.get = async () => {
-      const e = await this.getId(), r = await this.getVersion(), n = await this.getName(), c = this.colorStyleController.getAll(), h = this.gradientStyleController.getAll(), l = this.fontController.getFontFamilies(), p = this.characterStyleController.getAll(), y = this.paragraphStyleController.getAll(), v = this.getAllMedia(), [f, b, A, I, S, M] = await Promise.all([
+      const e = await this.getId(), r = await this.getVersion(), n = await this.getName(), c = this.colorStyleController.getAll(), h = this.gradientStyleController.getAll(), d = this.fontController.getFontFamilies(), p = this.characterStyleController.getAll(), y = this.paragraphStyleController.getAll(), v = this.getAllMedia(), [f, b, A, I, S, M] = await Promise.all([
         c,
         h,
-        l,
+        d,
         y,
         p,
         v
@@ -701,13 +702,13 @@ class _e {
       };
       return i(P);
     }, this.getAllMedia = async () => (await a(this, D)).getAllBrandKitMedia().then((r) => i(r)), this.addMedia = async (e, r, n) => (await a(this, D)).addBrandKitMedia(e, r, n).then((h) => i(h)), this.updateMedia = async (e, r, n) => (await a(this, D)).updateBrandKitMedia(e, r, n).then((h) => i(h)), this.renameMedia = async (e, r) => (await a(this, D)).renameBrandKitMedia(e, r).then((c) => i(c)), this.removeMedia = async (e) => (await a(this, D)).removeBrandKitMedia(e).then((n) => i(n)), this.remove = async () => {
-      const r = (await this.colorStyleController.getAll()).parsedData || [], c = (await this.gradientStyleController.getAll()).parsedData || [], l = (await this.paragraphStyleController.getAll()).parsedData || [], y = (await this.characterStyleController.getAll()).parsedData || [], f = (await this.fontController.getFontFamilies()).parsedData || [], A = (await this.getAllMedia()).parsedData || [];
+      const r = (await this.colorStyleController.getAll()).parsedData || [], c = (await this.gradientStyleController.getAll()).parsedData || [], d = (await this.paragraphStyleController.getAll()).parsedData || [], y = (await this.characterStyleController.getAll()).parsedData || [], f = (await this.fontController.getFontFamilies()).parsedData || [], A = (await this.getAllMedia()).parsedData || [];
       await this.undoManagerController.record("brandKit.remove", async (I) => {
         for (const S of r)
           await I.colorStyle.remove(S.id);
         for (const S of c)
           await I.gradientStyle.remove(S.id);
-        for (const S of l)
+        for (const S of d)
           await I.paragraphStyle.remove(S.id);
         for (const S of y)
           await I.characterStyle.remove(S.id);
@@ -735,14 +736,14 @@ class _e {
       return await this.undoManagerController.record("brandKit.set", async (n) => {
         const c = await this.setColors(e, n);
         await this.setGradients(e, n);
-        const h = await this.setFonts(e, n), { parsedData: l = [] } = await n.colorStyle.getAll(), { parsedData: p = [] } = await n.gradientStyle.getAll(), { parsedData: y } = await n.font.getFontFamilies();
+        const h = await this.setFonts(e, n), { parsedData: d = [] } = await n.colorStyle.getAll(), { parsedData: p = [] } = await n.gradientStyle.getAll(), { parsedData: y } = await n.font.getFontFamilies();
         await this.setParagraphStyles(e, n, {
-          localColors: l,
+          localColors: d,
           localFonts: y,
           localColorGuidMap: c,
           localFontGuidMap: h
         }), await this.setCharacterStyles(e, n, {
-          localColors: l,
+          localColors: d,
           localFonts: y,
           localColorGuidMap: c,
           localFontGuidMap: h
@@ -755,7 +756,7 @@ class _e {
             id: e.id,
             version: e.brandKit.lastModifiedDate,
             name: e.brandKit.name,
-            colors: l || [],
+            colors: d || [],
             gradients: p || [],
             fonts: y || [],
             paragraphStyles: v || [],
@@ -796,31 +797,31 @@ class _e {
   }
   async setParagraphStyles(o, t, e) {
     const { localColors: r, localFonts: n, localColorGuidMap: c, localFontGuidMap: h } = e;
-    for (const l of o.brandKit.paragraphStyles || []) {
-      const p = c.get(l.brandKitColorGuid), y = c.get(l.textStrokeColorGuid), v = h.get(l.brandKitFontFamilyGuid), f = ke(n, v, l.fontStyleId);
+    for (const d of o.brandKit.paragraphStyles || []) {
+      const p = c.get(d.brandKitColorGuid), y = c.get(d.textStrokeColorGuid), v = h.get(d.brandKitFontFamilyGuid), f = ke(n, v, d.fontStyleId);
       if (!v || !f)
-        throw new Error(`Paragraph style could not be created with an empty font family: ${l.name}`);
+        throw new Error(`Paragraph style could not be created with an empty font family: ${d.name}`);
       const b = Xt(r, p), A = Xt(r, y);
-      if (!b) throw new Error(`Paragraph style could not be created with an empty color: ${l.name}`);
+      if (!b) throw new Error(`Paragraph style could not be created with an empty color: ${d.name}`);
       const { parsedData: I } = await t.paragraphStyle.create(), S = Ue(
-        l,
+        d,
         b,
         A,
         `${f}`
       );
-      await t.paragraphStyle.rename(I, l.name), await t.paragraphStyle.update(I, S);
+      await t.paragraphStyle.rename(I, d.name), await t.paragraphStyle.update(I, S);
     }
   }
   async setCharacterStyles(o, t, e) {
     const { localColors: r, localFonts: n, localColorGuidMap: c, localFontGuidMap: h } = e;
-    for (const l of o.brandKit.characterStyles || []) {
-      const p = l.brandKitColorGuid ? c.get(l.brandKitColorGuid) : void 0, y = l.textStrokeColorGuid ? c.get(l.textStrokeColorGuid) : void 0, v = l.brandKitFontFamilyGuid ? h.get(l.brandKitFontFamilyGuid) : void 0, f = Xt(r, p), b = Xt(r, y), A = ke(n, v, l.fontStyleId), { parsedData: I } = await t.characterStyle.create(), S = Ue(
-        l,
+    for (const d of o.brandKit.characterStyles || []) {
+      const p = d.brandKitColorGuid ? c.get(d.brandKitColorGuid) : void 0, y = d.textStrokeColorGuid ? c.get(d.textStrokeColorGuid) : void 0, v = d.brandKitFontFamilyGuid ? h.get(d.brandKitFontFamilyGuid) : void 0, f = Xt(r, p), b = Xt(r, y), A = ke(n, v, d.fontStyleId), { parsedData: I } = await t.characterStyle.create(), S = Ue(
+        d,
         f,
         b,
         A
       );
-      await t.characterStyle.rename(I, l.name), await t.characterStyle.update(I, S);
+      await t.characterStyle.rename(I, d.name), await t.characterStyle.update(I, S);
     }
   }
   async setMedia(o) {
@@ -839,7 +840,7 @@ class oe {
      * @ignore
      */
     u(this, st);
-    this.zoomToPage = async (t, e, r, n, c) => (t !== void 0 && console.warn("id has no effect and will be deprecated in the future"), (await a(this, st)).zoomToPage(e, r, n, c).then((l) => i(l))), this.getZoomPercentage = async () => (await a(this, st)).getZoomPercentage().then((e) => i(e)), this.setZoomPercentage = async (t) => (await a(this, st)).setZoomPercentage(t).then((r) => i(r)), this.setViewMode = async (t) => (await a(this, st)).setViewMode(t).then((r) => i(r)), g(this, st, o);
+    this.zoomToPage = async (t, e, r, n, c) => (t !== void 0 && console.warn("id has no effect and will be deprecated in the future"), (await a(this, st)).zoomToPage(e, r, n, c).then((d) => i(d))), this.getZoomPercentage = async () => (await a(this, st)).getZoomPercentage().then((e) => i(e)), this.setZoomPercentage = async (t) => (await a(this, st)).setZoomPercentage(t).then((r) => i(r)), this.setViewMode = async (t) => (await a(this, st)).setViewMode(t).then((r) => i(r)), g(this, st, o);
   }
 }
 st = new WeakMap();
@@ -968,8 +969,8 @@ class ye {
     }, this.isSourceMigrated = (o) => "id" in o;
   }
 }
-var J, It, gt, Cs;
-let ze = (Cs = class {
+var J, It, gt, ws;
+let ze = (ws = class {
   /**
    * @ignore
    */
@@ -1005,20 +1006,20 @@ let ze = (Cs = class {
       let h = 0;
       try {
         for (; h * c < n; ) {
-          const l = await this.getState(e);
-          if (l.success && l.parsedData && (l.parsedData.type === he.running || l.parsedData.type === he.ready))
+          const d = await this.getState(e);
+          if (d.success && d.parsedData && (d.parsedData.type === he.running || d.parsedData.type === he.ready))
             return i(
               { data: null, success: !0, error: void 0, status: 0, parsedData: void 0 },
               !1
             );
           await new Promise((p) => setTimeout(p, c)), h++;
         }
-      } catch (l) {
+      } catch (d) {
         return i(
           {
             data: null,
             success: !1,
-            error: `Error while getting connector state ${l}`,
+            error: `Error while getting connector state ${d}`,
             status: 5e4,
             parsedData: void 0
           },
@@ -1040,7 +1041,7 @@ let ze = (Cs = class {
         (y) => !r.some(
           (v) => v.name === y.name && v.direction === y.direction
         )
-      )) ?? [], l = r.filter((y) => y.name !== "" && y.value !== ""), p = [...h, ...l];
+      )) ?? [], d = r.filter((y) => y.name !== "" && y.value !== ""), p = [...h, ...d];
       await n.setMappings(p);
     }), g(this, J, o), g(this, It, t), g(this, gt, new ye());
   }
@@ -1055,7 +1056,7 @@ let ze = (Cs = class {
       }
     );
   }
-}, J = new WeakMap(), It = new WeakMap(), gt = new WeakMap(), Cs);
+}, J = new WeakMap(), It = new WeakMap(), gt = new WeakMap(), ws);
 var yt, pt;
 class Nr {
   /**
@@ -1091,13 +1092,13 @@ class We {
     u(this, nt);
     u(this, Ht);
     this.getPage = async (e, r, n = {}) => (await a(this, nt)).dataConnectorGetPage(e, JSON.stringify(r), JSON.stringify(n)).then((h) => i(h)).then((h) => {
-      const l = { ...h, parsedData: null };
-      return h.parsedData && (l.parsedData = {
+      const d = { ...h, parsedData: null };
+      return h.parsedData && (d.parsedData = {
         data: h.parsedData.data.map(
           (p) => a(this, Ht).mapEngineToDataItem(p)
         ),
         continuationToken: h.parsedData.continuationToken
-      }), l;
+      }), d;
     }), this.getModel = async (e, r = {}) => (await a(this, nt)).dataConnectorGetModel(e, JSON.stringify(r)).then((c) => i(c)), this.getConfigurationOptions = async (e) => (await a(this, nt)).dataConnectorGetConfigurationOptions(e).then((n) => i(n)), this.getCapabilities = async (e) => (await a(this, nt)).dataConnectorGetCapabilities(e).then((n) => i(n)), g(this, nt, o), g(this, Ht, t);
   }
 }
@@ -1134,7 +1135,7 @@ class qe {
   }
 }
 it = new WeakMap();
-var wt;
+var Ct;
 class Ye {
   /**
    * @ignore
@@ -1143,17 +1144,17 @@ class Ye {
     /**
      * @ignore
      */
-    u(this, wt);
-    this.getCurrentState = async () => (await a(this, wt)).getCurrentDocumentState().then((e) => i(e)), this.load = async (t, e = { keepConnectors: !1 }) => {
-      const r = await a(this, wt), n = typeof t != "string" ? JSON.stringify(t) : t;
+    u(this, Ct);
+    this.getCurrentState = async () => (await a(this, Ct)).getCurrentDocumentState().then((e) => i(e)), this.load = async (t, e = { keepConnectors: !1 }) => {
+      const r = await a(this, Ct), n = typeof t != "string" ? JSON.stringify(t) : t;
       return r.loadDocument(n, JSON.stringify(e)).then((c) => i(c));
     }, this.createAndLoad = async (t) => {
-      const e = await a(this, wt), r = JSON.stringify(t);
+      const e = await a(this, Ct), r = JSON.stringify(t);
       return e.createAndLoadDocument(r).then((n) => i(n));
-    }, g(this, wt, o);
+    }, g(this, Ct, o);
   }
 }
-wt = new WeakMap();
+Ct = new WeakMap();
 var Mr = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.left = "left", s.right = "right", s))(Mr || {}), te = /* @__PURE__ */ ((s) => (s.url = "url", s.variable = "variable", s.connector = "connector", s.brandKitMedia = "brandKitMedia", s))(te || {}), xr = /* @__PURE__ */ ((s) => (s.connector = "connector", s))(xr || {}), Rr = /* @__PURE__ */ ((s) => (s.text = "text", s.image = "image", s.shape = "shape", s.barcode = "barcode", s.component = "component", s))(Rr || {}), Vr = /* @__PURE__ */ ((s) => (s.variable = "variable", s.text = "text", s))(Vr || {}), Jr = /* @__PURE__ */ ((s) => (s.leftToRight = "leftToRight", s.rightToLeft = "rightToLeft", s.weak = "weak", s))(Jr || {}), Gr = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s.onPath = "onPath", s))(Gr || {}), Br = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.middle = "middle", s.justify = "justify", s))(Br || {}), Ur = /* @__PURE__ */ ((s) => (s.normal = "normal", s.screen = "screen", s.overlay = "overlay", s.darken = "darken", s.lighten = "lighten", s.colorDodge = "colorDodge", s.colorBurn = "colorBurn", s.hardLight = "hardLight", s.softLight = "softLight", s.difference = "difference", s.exclusion = "exclusion", s.multiply = "multiply", s.hue = "hue", s.saturation = "saturation", s.color = "color", s.luminosity = "luminosity", s))(Ur || {}), kr = /* @__PURE__ */ ((s) => (s.fill = "fill", s.fit = "fit", s.smartCrop = "smartCrop", s.manualCrop = "manualCrop", s))(kr || {}), _r = /* @__PURE__ */ ((s) => (s.topLeft = "topLeft", s.topCenter = "topCenter", s.topRight = "topRight", s.centerLeft = "centerLeft", s.center = "center", s.centerRight = "centerRight", s.bottomLeft = "bottomLeft", s.bottomCenter = "bottomCenter", s.bottomRight = "bottomRight", s))(_r || {}), Hr = /* @__PURE__ */ ((s) => (s.bringToFront = "bringToFront", s.sendToBack = "sendToBack", s.bringForward = "bringForward", s.sendBackward = "sendBackward", s))(Hr || {}), Tr = /* @__PURE__ */ ((s) => (s.relative = "relative", s.start = "start", s.end = "end", s.startAndEnd = "startAndEnd", s.center = "center", s))(Tr || {}), $r = /* @__PURE__ */ ((s) => (s.page = "page", s.frame = "frame", s))($r || {}), Kr = /* @__PURE__ */ ((s) => (s.start = "start", s.end = "end", s.center = "center", s))(Kr || {});
 class Wn {
   constructor() {
@@ -1261,7 +1262,7 @@ class le {
   }
 }
 Pt = new WeakMap();
-var d;
+var l;
 class ts {
   /**
    * @ignore
@@ -1270,9 +1271,9 @@ class ts {
     /**
      * @ignore
      */
-    u(this, d);
-    this.getAll = async () => (await a(this, d)).getFrames().then((e) => i(e)), this.getSelected = async () => (await a(this, d)).getSelectedFrames().then((e) => i(e)), this.getAllByPageId = async (t) => (await a(this, d)).getFramesByPageId(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, d)).getFrameByName(t).then((r) => i(r)), this.getById = async (t) => (await a(this, d)).getFrameById(t).then((r) => i(r)), this.getPropertiesOnSelectedLayout = async () => (await a(this, d)).getFramePropertiesOnSelectedLayout().then((e) => i(e)), this.getLayoutProperties = async (t, e) => (await a(this, d)).getFramePropertiesByFrameId(t, e).then((n) => i(n)), this.getAllLayoutProperties = async (t) => (await a(this, d)).getFramesProperties(t).then((r) => i(r)), this.resetTransformation = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetSize = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.select = async (t) => (await a(this, d)).selectFrames([t]).then((r) => i(r)), this.selectMultiple = async (t) => (await a(this, d)).selectFrames(t).then((r) => i(r)), this.deselectAll = async () => (await a(this, d)).deselectFrames().then((e) => i(e)), this.reorderFrames = async (t, e) => (await a(this, d)).reorderFrames(t, e).then((n) => i(n)), this.setZIndex = async (t, e) => (await a(this, d)).setFrameZIndex(t, e).then((n) => i(n)), this.setHeight = async (t, e) => (await a(this, d)).setFrameHeight(t, e).then((n) => i(n)), this.setRotation = async (t, e) => (await a(this, d)).setFrameRotation(t, e).then((n) => i(n)), this.setWidth = async (t, e) => (await a(this, d)).setFrameWidth(t, e).then((n) => i(n)), this.setX = async (t, e) => (await a(this, d)).setFrameX(t, e).then((n) => i(n)), this.setY = async (t, e) => (await a(this, d)).setFrameY(t, e).then((n) => i(n)), this.setOpacity = async (t, e) => (await a(this, d)).setFrameOpacity(t, e).then((n) => i(n)), this.rename = async (t, e) => (await a(this, d)).renameFrame(t, e).then((n) => i(n)), this.reset = async (t) => (await a(this, d)).resetFrame(t).then((r) => i(r)), this.resetX = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetY = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetRotation = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetWidth = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetHeight = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetImageFrameFitMode = async (t) => (await a(this, d)).resetImageFrameFitMode(t).then((r) => i(r)), this.setVisibility = async (t, e) => (await a(this, d)).setFrameIsVisible(t, e).then((n) => i(n)), this.setIsVisible = async (t, e) => (await a(this, d)).setFrameIsVisible(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, d)).removeFrames([t]).then((r) => i(r)), this.removeFrames = async (t) => (await a(this, d)).removeFrames(t).then((r) => i(r)), this.create = async (t, e, r, n, c) => (await a(this, d)).addFrame(t, e, r, n, c).then((l) => i(l)), this.createShapeFrame = async (t, e, r, n, c) => (await a(this, d)).addFrame(t, e, r, n, c).then((l) => i(l)), this.createBarcodeFrame = async (t, e) => (await a(this, d)).addBarcodeFrame(t, e == null ? void 0 : e.x, e == null ? void 0 : e.y).then((n) => i(n)), this.createComponentFrame = async (t, e, r, n, c) => (await a(this, d)).addComponentFrame(e, r, n, c, JSON.stringify(t)).then((l) => i(l)), this.duplicateFrames = async (t) => (await a(this, d)).duplicateFrames(t).then((r) => i(r)), this.updateImageSource = async (t, e) => {
-      const r = await a(this, d), n = e !== null ? JSON.stringify(e) : null;
+    u(this, l);
+    this.getAll = async () => (await a(this, l)).getFrames().then((e) => i(e)), this.getSelected = async () => (await a(this, l)).getSelectedFrames().then((e) => i(e)), this.getAllByPageId = async (t) => (await a(this, l)).getFramesByPageId(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, l)).getFrameByName(t).then((r) => i(r)), this.getById = async (t) => (await a(this, l)).getFrameById(t).then((r) => i(r)), this.getPropertiesOnSelectedLayout = async () => (await a(this, l)).getFramePropertiesOnSelectedLayout().then((e) => i(e)), this.getLayoutProperties = async (t, e) => (await a(this, l)).getFramePropertiesByFrameId(t, e).then((n) => i(n)), this.getAllLayoutProperties = async (t) => (await a(this, l)).getFramesProperties(t).then((r) => i(r)), this.resetTransformation = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetSize = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.select = async (t) => (await a(this, l)).selectFrames([t]).then((r) => i(r)), this.selectMultiple = async (t) => (await a(this, l)).selectFrames(t).then((r) => i(r)), this.deselectAll = async () => (await a(this, l)).deselectFrames().then((e) => i(e)), this.reorderFrames = async (t, e) => (await a(this, l)).reorderFrames(t, e).then((n) => i(n)), this.setZIndex = async (t, e) => (await a(this, l)).setFrameZIndex(t, e).then((n) => i(n)), this.setHeight = async (t, e) => (await a(this, l)).setFrameHeight(t, e).then((n) => i(n)), this.setRotation = async (t, e) => (await a(this, l)).setFrameRotation(t, e).then((n) => i(n)), this.setWidth = async (t, e) => (await a(this, l)).setFrameWidth(t, e).then((n) => i(n)), this.setX = async (t, e) => (await a(this, l)).setFrameX(t, e).then((n) => i(n)), this.setY = async (t, e) => (await a(this, l)).setFrameY(t, e).then((n) => i(n)), this.setOpacity = async (t, e) => (await a(this, l)).setFrameOpacity(t, e).then((n) => i(n)), this.rename = async (t, e) => (await a(this, l)).renameFrame(t, e).then((n) => i(n)), this.reset = async (t) => (await a(this, l)).resetFrame(t).then((r) => i(r)), this.resetX = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetY = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetRotation = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetWidth = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetHeight = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetImageFrameFitMode = async (t) => (await a(this, l)).resetImageFrameFitMode(t).then((r) => i(r)), this.setVisibility = async (t, e) => (await a(this, l)).setFrameIsVisible(t, e).then((n) => i(n)), this.setIsVisible = async (t, e) => (await a(this, l)).setFrameIsVisible(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, l)).removeFrames([t]).then((r) => i(r)), this.removeFrames = async (t) => (await a(this, l)).removeFrames(t).then((r) => i(r)), this.create = async (t, e, r, n, c) => (await a(this, l)).addFrame(t, e, r, n, c).then((d) => i(d)), this.createShapeFrame = async (t, e, r, n, c) => (await a(this, l)).addFrame(t, e, r, n, c).then((d) => i(d)), this.createBarcodeFrame = async (t, e) => (await a(this, l)).addBarcodeFrame(t, e == null ? void 0 : e.x, e == null ? void 0 : e.y).then((n) => i(n)), this.createComponentFrame = async (t, e, r, n, c) => (await a(this, l)).addComponentFrame(e, r, n, c, JSON.stringify(t)).then((d) => i(d)), this.duplicateFrames = async (t) => (await a(this, l)).duplicateFrames(t).then((r) => i(r)), this.updateImageSource = async (t, e) => {
+      const r = await a(this, l), n = e !== null ? JSON.stringify(e) : null;
       return r.setImageSource(t, n).then((c) => i(c));
     }, this.removeImageSource = async (t) => this.updateImageSource(t, null), this.setImageFromConnector = async (t, e, r) => {
       const n = {
@@ -1284,34 +1285,34 @@ class ts {
     }, this.setImageFromUrl = async (t, e) => {
       const r = { url: e, type: te.url };
       return this.updateImageSource(t, r);
-    }, this.setImageFrameFitMode = async (t, e) => (await a(this, d)).setImageFrameFitMode(t, e).then((n) => i(n)), this.setImageFrameFitModePosition = async (t, e) => (await a(this, d)).setImageFrameFitModePosition(t, e).then((n) => i(n)), this.setFrameConstrainProportions = async (t, e) => (console.error("setFrameConstrainProportions is not supported anymore"), i({
+    }, this.setImageFrameFitMode = async (t, e) => (await a(this, l)).setImageFrameFitMode(t, e).then((n) => i(n)), this.setImageFrameFitModePosition = async (t, e) => (await a(this, l)).setImageFrameFitModePosition(t, e).then((n) => i(n)), this.setFrameConstrainProportions = async (t, e) => (console.error("setFrameConstrainProportions is not supported anymore"), i({
       success: !1,
       status: 0,
       error: "setFrameConstrainProportions is not supported anymore",
       parsedData: null
-    })), this.setVerticalAlign = async (t, e) => (await a(this, d)).setVerticalAlignment(t, e).then((n) => i(n)), this.setMinCopyfitting = async (t, e) => (await a(this, d)).setMinCopyfitting(t, e).then((n) => i(n)), this.setMaxCopyfitting = async (t, e) => (await a(this, d)).setMaxCopyfitting(t, e).then((n) => i(n)), this.setEnableCopyfitting = async (t, e) => (await a(this, d)).setEnableCopyfitting(t, e).then((n) => i(n)), this.resetMinCopyfitting = async (t) => (await a(this, d)).resetMinCopyfitting(t).then((r) => i(r)), this.resetMaxCopyfitting = async (t) => (await a(this, d)).resetMaxCopyfitting(t).then((r) => i(r)), this.resetEnableCopyfitting = async (t) => (await a(this, d)).resetEnableCopyfitting(t).then((r) => i(r)), this.setShapeFrameEnableFill = async (t, e) => this.shapeController.setEnableFill(t, e), this.setShapeFrameFillColor = async (t, e) => this.shapeController.setFillColor(t, e), this.setShapeFrameEnableStroke = async (t, e) => this.shapeController.setEnableStroke(t, e), this.setShapeFrameStrokeColor = async (t, e) => this.shapeController.setStrokeColor(t, e), this.setShapeFrameStrokeWeight = async (t, e) => this.shapeController.setStrokeWeight(t, e), this.setBlendMode = async (t, e) => (await a(this, d)).setFrameBlendMode(t, e).then((n) => i(n)), this.enterCropMode = async (t, e = Es.frameCrop) => (await a(this, d)).enterCropMode(t, e).then((n) => i(n)), this.applyCropMode = async () => (await a(this, d)).applyCropMode().then((e) => i(e)), this.exitCropMode = async () => (await a(this, d)).cancelCropMode().then((e) => i(e)), this.enterSubjectMode = async (t) => (await a(this, d)).enterSubjectMode(t).then((r) => i(r)), this.applySubjectMode = async () => (await a(this, d)).applySubjectMode().then((e) => i(e)), this.exitSubjectMode = async () => (await a(this, d)).cancelSubjectMode().then((e) => i(e)), this.enterGradientMode = async (t) => (await a(this, d)).enterGradientMode(t).then((r) => i(r)), this.applyGradientMode = async () => (await a(this, d)).applyGradientMode().then((e) => i(e)), this.cancelGradientMode = async () => (await a(this, d)).cancelGradientMode().then((e) => i(e)), this.resetCropMode = async (t) => (console.error("resetCropMode is not supported anymore"), i({
+    })), this.setVerticalAlign = async (t, e) => (await a(this, l)).setVerticalAlignment(t, e).then((n) => i(n)), this.setNumberOfColumns = async (t, e) => (await a(this, l)).setNumberOfColumns(t, e).then((n) => i(n)), this.setColumnGap = async (t, e) => (await a(this, l)).setColumnGap(t, e).then((n) => i(n)), this.setMinCopyfitting = async (t, e) => (await a(this, l)).setMinCopyfitting(t, e).then((n) => i(n)), this.setMaxCopyfitting = async (t, e) => (await a(this, l)).setMaxCopyfitting(t, e).then((n) => i(n)), this.setEnableCopyfitting = async (t, e) => (await a(this, l)).setEnableCopyfitting(t, e).then((n) => i(n)), this.resetMinCopyfitting = async (t) => (await a(this, l)).resetMinCopyfitting(t).then((r) => i(r)), this.resetMaxCopyfitting = async (t) => (await a(this, l)).resetMaxCopyfitting(t).then((r) => i(r)), this.resetEnableCopyfitting = async (t) => (await a(this, l)).resetEnableCopyfitting(t).then((r) => i(r)), this.setShapeFrameEnableFill = async (t, e) => this.shapeController.setEnableFill(t, e), this.setShapeFrameFillColor = async (t, e) => this.shapeController.setFillColor(t, e), this.setShapeFrameEnableStroke = async (t, e) => this.shapeController.setEnableStroke(t, e), this.setShapeFrameStrokeColor = async (t, e) => this.shapeController.setStrokeColor(t, e), this.setShapeFrameStrokeWeight = async (t, e) => this.shapeController.setStrokeWeight(t, e), this.setBlendMode = async (t, e) => (await a(this, l)).setFrameBlendMode(t, e).then((n) => i(n)), this.enterCropMode = async (t, e = Es.frameCrop) => (await a(this, l)).enterCropMode(t, e).then((n) => i(n)), this.applyCropMode = async () => (await a(this, l)).applyCropMode().then((e) => i(e)), this.exitCropMode = async () => (await a(this, l)).cancelCropMode().then((e) => i(e)), this.enterSubjectMode = async (t) => (await a(this, l)).enterSubjectMode(t).then((r) => i(r)), this.applySubjectMode = async () => (await a(this, l)).applySubjectMode().then((e) => i(e)), this.exitSubjectMode = async () => (await a(this, l)).cancelSubjectMode().then((e) => i(e)), this.enterGradientMode = async (t) => (await a(this, l)).enterGradientMode(t).then((r) => i(r)), this.applyGradientMode = async () => (await a(this, l)).applyGradientMode().then((e) => i(e)), this.cancelGradientMode = async () => (await a(this, l)).cancelGradientMode().then((e) => i(e)), this.resetCropMode = async (t) => (console.error("resetCropMode is not supported anymore"), i({
       success: !1,
       status: 0,
       error: "resetCropMode is not supported anymore",
       parsedData: null
     })), this.setEnableAutoGrow = async (t, e) => {
       const r = { enabled: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMinWidth = async (t, e) => {
       const r = { minWidth: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMaxWidth = async (t, e) => {
       const r = { maxWidth: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMinHeight = async (t, e) => {
       const r = { minHeight: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMaxHeight = async (t, e) => {
       const r = { maxHeight: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowDirections = async (t, e) => {
       const r = { directions: { value: e } };
-      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.resetAutoGrowSettingsEnabled = async (t) => (console.error("resetAutoGrowSettingsEnabled is not supported anymore"), i({
       success: !1,
       status: 0,
@@ -1349,19 +1350,19 @@ class ts {
       parsedData: null
     })), this.setShadowEnabled = async (t, e) => {
       const r = { enabled: { value: e } };
-      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowDistance = async (t, e) => {
       const r = { distance: { value: e } };
-      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowAngleDegrees = async (t, e) => {
       const r = { angleDegrees: { value: e } };
-      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowBlurRadius = async (t, e) => {
       const r = { blurRadius: { value: e } };
-      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowColor = async (t, e) => {
       const r = { color: { value: e } };
-      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAnchor = async (t, e, r, n, c) => {
       const h = {
         horizontal: e,
@@ -1369,20 +1370,20 @@ class ts {
         target: n,
         endTarget: c
       };
-      return (await a(this, d)).setAnchorProperties(t, JSON.stringify(h)).then((p) => i(p));
-    }, this.setVerticalAnchor = async (t, e, r, n) => this.setAnchor(t, !1, e, r, n), this.setHorizontalAnchor = async (t, e, r, n) => this.setAnchor(t, !0, e, r, n), this.resetAnchoring = async (t) => (await a(this, d)).resetFrameTransformation(t).then((r) => i(r)), this.resetVisibility = async (t) => (await a(this, d)).setFrameIsVisible(t, null).then((r) => i(r)), this.getConfiguration = async (t) => (await a(this, d)).getFrameConfiguration(t).then((r) => i(r)), this.resetAssetCropOverride = async (t) => (await a(this, d)).resetAssetCropOverride(t).then((r) => i(r)), this.resetAllAssetCropOverrides = async (t) => (await a(this, d)).resetAllAssetCropOverrides(t).then((r) => i(r)), this.setGradientApplied = async (t, e) => {
+      return (await a(this, l)).setAnchorProperties(t, JSON.stringify(h)).then((p) => i(p));
+    }, this.setVerticalAnchor = async (t, e, r, n) => this.setAnchor(t, !1, e, r, n), this.setHorizontalAnchor = async (t, e, r, n) => this.setAnchor(t, !0, e, r, n), this.resetAnchoring = async (t) => (await a(this, l)).resetFrameTransformation(t).then((r) => i(r)), this.resetVisibility = async (t) => (await a(this, l)).setFrameIsVisible(t, null).then((r) => i(r)), this.getConfiguration = async (t) => (await a(this, l)).getFrameConfiguration(t).then((r) => i(r)), this.resetAssetCropOverride = async (t) => (await a(this, l)).resetAssetCropOverride(t).then((r) => i(r)), this.resetAllAssetCropOverrides = async (t) => (await a(this, l)).resetAllAssetCropOverrides(t).then((r) => i(r)), this.setGradientApplied = async (t, e) => {
       const r = { isApplied: e };
-      return (await a(this, d)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setLocalGradient = async (t, e) => {
       const r = { gradient: e };
-      return (await a(this, d)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, l)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setBrandKitGradient = async (t, e) => {
       const r = { id: e };
-      return (await a(this, d)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
-    }, g(this, d, o), this.shapeController = new le(a(this, d)), this.constraints = new zr(a(this, d));
+      return (await a(this, l)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
+    }, g(this, l, o), this.shapeController = new le(a(this, l)), this.constraints = new zr(a(this, l));
   }
 }
-d = new WeakMap();
+l = new WeakMap();
 var _;
 class zr {
   /**
@@ -1405,9 +1406,12 @@ class zr {
     }, this.setRotation = async (t, e) => {
       const r = { rotationAllowed: { value: e } };
       return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
-    }, this.setResize = async (t, e) => {
-      const r = { resizeAllowed: { value: e } };
-      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    }, this.setResize = async (t, e, r) => {
+      const n = {
+        resizeAllowed: { value: e },
+        ...r !== void 0 && { proportionLocked: { value: r } }
+      };
+      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(n)).then((h) => i(h));
     }, this.setCrop = async (t, e) => {
       const r = { cropAllowed: { value: e } };
       return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
@@ -1475,10 +1479,10 @@ class rs {
         c,
         Os.web,
         JSON.stringify(n)
-      ).then((l) => {
-        if (l instanceof Uint8Array)
-          return l;
-        throw typeof l == "object" && l !== null && "success" in l && !l.success && ge(l), new Error(`Unexpected response type: ${typeof l}.`);
+      ).then((d) => {
+        if (d instanceof Uint8Array)
+          return d;
+        throw typeof d == "object" && d !== null && "success" in d && !d.success && ge(d), new Error(`Unexpected response type: ${typeof d}.`);
       });
     }, this.getConfigurationOptions = async (t) => (await a(this, Y)).mediaConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, Y)).mediaConnectorGetCapabilities(t).then((r) => i(r)), this.parseDeprecatedMediaType = (t) => {
       if (t === Bt.file) return Ut.file;
@@ -1593,7 +1597,7 @@ let Xr = class {
           return c.type === pe.list ? {
             ...c,
             items: c.items.map(
-              (l) => l.value
+              (d) => d.value
             ),
             selected: (h = c.selected) == null ? void 0 : h.value
           } : c;
@@ -1678,7 +1682,7 @@ let Xr = class {
     }, this.config = o, this.localConfig = t;
   }
 };
-var Ct;
+var wt;
 class is {
   /**
    * @ignore
@@ -1687,11 +1691,11 @@ class is {
     /**
      * @ignore
      */
-    u(this, Ct);
-    this.set = async (t) => (await a(this, Ct)).selectedTextStyleDeltaUpdate(JSON.stringify(t)).then((r) => i(r)), this.removeSelected = async () => (await a(this, Ct)).selectedTextStyleClean().then((e) => i(e)), this.getSelected = async () => (await a(this, Ct)).getSelectedTextStyle().then((e) => i(e)), g(this, Ct, o);
+    u(this, wt);
+    this.set = async (t) => (await a(this, wt)).selectedTextStyleDeltaUpdate(JSON.stringify(t)).then((r) => i(r)), this.removeSelected = async () => (await a(this, wt)).selectedTextStyleClean().then((e) => i(e)), this.getSelected = async () => (await a(this, wt)).getSelectedTextStyle().then((e) => i(e)), g(this, wt, o);
   }
 }
-Ct = new WeakMap();
+wt = new WeakMap();
 var tn = /* @__PURE__ */ ((s) => (s.FRAME_X = "frameX", s.FRAME_Y = "frameY", s.WIDTH = "width", s.HEIGHT = "height", s.FRAME_ROTATION = "frameRotation", s))(tn || {}), en = /* @__PURE__ */ ((s) => (s.LAYOUT_HEIGHT = "layoutHeight", s.LAYOUT_WIDTH = "layoutWidth", s.BLEED_TOP = "bleedTop", s.BLEED_BOTTOM = "bleedBottom", s.BLEED_LEFT = "bleedLeft", s.BLEED_RIGHT = "bleedRight", s.BLEED_VALUES_COMBINED = "areBleedValuesCombined", s))(en || {}), K = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.ZOOM = "zoom", s.HAND = "hand", s.IMAGE_FRAME = "imageFrame", s.TEXT_FRAME = "textFrame", s.SHAPE_RECT = "rect", s.SHAPE_ELLIPSE = "ellipse", s.SHAPE_POLYGON = "polygon", s))(K || {}), sn = /* @__PURE__ */ ((s) => (s.MP4 = "mp4", s.GIF = "gif", s.PNG = "png", s.JPG = "jpg", s.PDF = "pdf", s.HTML = "html", s))(sn || {}), ue = /* @__PURE__ */ ((s) => (s.SANDBOX = "sandbox", s.PRODUCTION = "online", s))(ue || {}), Ft;
 class os {
   /**
@@ -1798,8 +1802,8 @@ class hs {
       const c = a(this, Et).get(tt.GraFxStudioEnvironmentApiUrl);
       if (!c)
         throw new Error("GraFx Studio Environment API URL is not set");
-      const h = `${c}connectors/${r}/stage`, l = a(this, Et).get(tt.GraFxStudioAuthToken);
-      if (!l)
+      const h = `${c}connectors/${r}/stage`, d = a(this, Et).get(tt.GraFxStudioAuthToken);
+      if (!d)
         throw new Error("GraFx Studio Auth Token is not set");
       const p = new FormData();
       e.forEach((f, b) => {
@@ -1819,7 +1823,7 @@ class hs {
         method: "POST",
         body: p,
         headers: {
-          Authorization: `Bearer ${l}`
+          Authorization: `Bearer ${d}`
         }
       });
       if (y.status === 422) {
@@ -1896,7 +1900,7 @@ class on {
   }
 }
 Yt = new WeakMap();
-var C, Ot, Lt, fs;
+var w, Ot, Lt, fs;
 let ls = (fs = class {
   /**
    * @ignore
@@ -1905,31 +1909,31 @@ let ls = (fs = class {
     /**
      * @ignore
      */
-    u(this, C);
+    u(this, w);
     u(this, Ot);
     u(this, Lt);
-    this.getAll = async () => (await a(this, C)).getVariables().then((e) => i(e)).then((e) => {
+    this.getAll = async () => (await a(this, w)).getVariables().then((e) => i(e)).then((e) => {
       const r = e;
       return r.parsedData && (r.parsedData = this.makeVariablesBackwardsCompatible(r.parsedData)), r;
-    }), this.getById = async (t) => (await a(this, C)).getVariableById(t).then((r) => i(r)).then((r) => {
+    }), this.getById = async (t) => (await a(this, w)).getVariableById(t).then((r) => i(r)).then((r) => {
       const n = r;
       return n.parsedData && (n.parsedData = this.makeVariableBackwardsCompatible(n.parsedData)), n;
-    }), this.getByName = async (t) => (await a(this, C)).getVariableByName(t).then((r) => i(r)).then((r) => {
+    }), this.getByName = async (t) => (await a(this, w)).getVariableByName(t).then((r) => i(r)).then((r) => {
       const n = r;
       return n.parsedData && (n.parsedData = this.makeVariableBackwardsCompatible(n.parsedData)), n;
-    }), this.create = async (t, e) => (await a(this, C)).addVariable(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, C)).removeVariables(t).then((r) => i(r)), this.rename = async (t, e) => (await a(this, C)).setVariableName(t, e).then((n) => i(n)), this.setLabel = async (t, e) => (await a(this, C)).setVariableLabel(t, e).then((n) => i(n)), g(this, Ot, async (t, e) => (await a(this, C)).setVariablePlaceholder(t, e).then((n) => i(n))), this.setPlaceholder = async (t, e) => a(this, Ot).call(this, t, e), this.resetPlaceholder = async (t) => a(this, Ot).call(this, t, null), g(this, Lt, async (t, e) => (await a(this, C)).setVariableHelpText(t, e).then((n) => i(n))), this.setHelpText = async (t, e) => a(this, Lt).call(this, t, e), this.resetHelpText = async (t) => a(this, Lt).call(this, t, null), this.setType = async (t, e) => (await a(this, C)).setVariableType(t, e).then((n) => i(n)), this.setListVariable = async (t, e) => (await a(this, C)).setListVariableItems(
+    }), this.create = async (t, e) => (await a(this, w)).addVariable(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, w)).removeVariables(t).then((r) => i(r)), this.rename = async (t, e) => (await a(this, w)).setVariableName(t, e).then((n) => i(n)), this.setLabel = async (t, e) => (await a(this, w)).setVariableLabel(t, e).then((n) => i(n)), g(this, Ot, async (t, e) => (await a(this, w)).setVariablePlaceholder(t, e).then((n) => i(n))), this.setPlaceholder = async (t, e) => a(this, Ot).call(this, t, e), this.resetPlaceholder = async (t) => a(this, Ot).call(this, t, null), g(this, Lt, async (t, e) => (await a(this, w)).setVariableHelpText(t, e).then((n) => i(n))), this.setHelpText = async (t, e) => a(this, Lt).call(this, t, e), this.resetHelpText = async (t) => a(this, Lt).call(this, t, null), this.setType = async (t, e) => (await a(this, w)).setVariableType(t, e).then((n) => i(n)), this.setListVariable = async (t, e) => (await a(this, w)).setListVariableItems(
       t,
       e.map((n) => JSON.stringify({ value: n }))
-    ).then((n) => i(n)), this.setValue = async (t, e) => (await a(this, C)).setVariableValue(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, C)).duplicateVariable(t).then((r) => i(r)), this.groupVariables = async (t, e) => (await a(this, C)).groupVariables(t, e).then((n) => i(n)), this.ungroupVariables = async (t) => (await a(this, C)).ungroupVariable(t).then((r) => i(r)), this.move = async (t, e, r) => (await a(this, C)).moveVariable(e, r, t).then((c) => i(c)), this.moveVariables = async (t, e, r) => (await a(this, C)).moveVariables(e, r, t).then((c) => i(c)), this.setIsVisible = async (t, e) => {
+    ).then((n) => i(n)), this.setValue = async (t, e) => (await a(this, w)).setVariableValue(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, w)).duplicateVariable(t).then((r) => i(r)), this.groupVariables = async (t, e) => (await a(this, w)).groupVariables(t, e).then((n) => i(n)), this.ungroupVariables = async (t) => (await a(this, w)).ungroupVariable(t).then((r) => i(r)), this.move = async (t, e, r) => (await a(this, w)).moveVariable(e, r, t).then((c) => i(c)), this.moveVariables = async (t, e, r) => (await a(this, w)).moveVariables(e, r, t).then((c) => i(c)), this.setIsVisible = async (t, e) => {
       const r = e ? { type: Jt.visible } : { type: Jt.invisible };
       return this.setVariableVisibility(t, r);
     }, this.setIsHidden = async (t, e) => {
       const r = e ? { type: Jt.invisible } : { type: Jt.visible };
       return this.setVariableVisibility(t, r);
-    }, this.setVariableVisibility = async (t, e) => (await a(this, C)).setVariableVisibility(t, JSON.stringify(e)).then((n) => i(n)), this.setLayoutsForVariableVisibility = async (t) => (await a(this, C)).setLayoutsForVariableVisibility(t ? JSON.stringify(t) : null).then((r) => i(r)), this.setIsRequired = async (t, e) => (await a(this, C)).setVariableIsRequired(t, e).then((n) => i(n)), this.setRemoveParagraphIfEmpty = async (t, e) => (await a(this, C)).setVariableRemoveParagraphIfEmpty(t, e).then((n) => i(n)), this.setIsReadonly = async (t, e) => (await a(this, C)).setVariableIsReadonly(t, e).then((n) => i(n)), this.getImageVariableConnectorId = async (t) => (await a(this, C)).getImageVariableConnectorId(t).then((r) => i(r)), this.setImageVariableConnector = async (t, e) => {
-      const r = await a(this, C), c = new ye().makeConnectorSourceForwardsCompatible(e);
+    }, this.setVariableVisibility = async (t, e) => (await a(this, w)).setVariableVisibility(t, JSON.stringify(e)).then((n) => i(n)), this.setLayoutsForVariableVisibility = async (t) => (await a(this, w)).setLayoutsForVariableVisibility(t ? JSON.stringify(t) : null).then((r) => i(r)), this.setIsRequired = async (t, e) => (await a(this, w)).setVariableIsRequired(t, e).then((n) => i(n)), this.setRemoveParagraphIfEmpty = async (t, e) => (await a(this, w)).setVariableRemoveParagraphIfEmpty(t, e).then((n) => i(n)), this.setVariableCharacterLimit = async (t, e) => (await a(this, w)).setVariableCharacterLimit(t, e).then((n) => i(n)), this.setIsReadonly = async (t, e) => (await a(this, w)).setVariableIsReadonly(t, e).then((n) => i(n)), this.getImageVariableConnectorId = async (t) => (await a(this, w)).getImageVariableConnectorId(t).then((r) => i(r)), this.setImageVariableConnector = async (t, e) => {
+      const r = await a(this, w), c = new ye().makeConnectorSourceForwardsCompatible(e);
       return r.setImageVariableConnector(t, JSON.stringify(c)).then((h) => i(h));
-    }, this.setImageVariableValueWithContext = async (t, e, r) => (await a(this, C)).setImageVariableValueWithContext(t, e, JSON.stringify(r)).then((c) => i(c)), this.removeSource = async (t) => this.setValue(t, null), this.setPrefix = async (t, e) => {
+    }, this.setImageVariableValueWithContext = async (t, e, r) => (await a(this, w)).setImageVariableValueWithContext(t, e, JSON.stringify(r)).then((c) => i(c)), this.removeSource = async (t) => this.setValue(t, null), this.setPrefix = async (t, e) => {
       const r = { prefix: { value: e } };
       return this.applyPrefixSuffixDeltaUpdate(t, r);
     }, this.setSuffix = async (t, e) => {
@@ -1941,7 +1945,7 @@ let ls = (fs = class {
     }, this.setSuffixCharacterStyle = async (t, e) => {
       const r = { suffixCharacterStyleId: { value: e } };
       return this.applyPrefixSuffixDeltaUpdate(t, r);
-    }, this.setPrivateData = async (t, e) => (await a(this, C)).setVariablePrivateData(t, JSON.stringify(e)).then((n) => i(n)), this.getPrivateData = async (t) => (await a(this, C)).getVariablePrivateData(t).then((r) => i(r)), this.setAllowImageQuery = async (t, e) => (await a(this, C)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowImageUpload = async (t, e) => (await a(this, C)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinImageUploadSize = async (t, e, r) => (await a(this, C)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setIsDontBreak = async (t, e) => (await a(this, C)).setVariableIsDontBreak(t, e).then((n) => i(n)), g(this, C, o), this.number = new an(a(this, C)), this.date = new on(a(this, C));
+    }, this.setPrivateData = async (t, e) => (await a(this, w)).setVariablePrivateData(t, JSON.stringify(e)).then((n) => i(n)), this.getPrivateData = async (t) => (await a(this, w)).getVariablePrivateData(t).then((r) => i(r)), this.setAllowImageQuery = async (t, e) => (await a(this, w)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowImageUpload = async (t, e) => (await a(this, w)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinImageUploadSize = async (t, e, r) => (await a(this, w)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setIsDontBreak = async (t, e) => (await a(this, w)).setVariableIsDontBreak(t, e).then((n) => i(n)), g(this, w, o), this.number = new an(a(this, w)), this.date = new on(a(this, w));
   }
   makeVariablesBackwardsCompatible(o) {
     return o.map((t) => this.makeVariableBackwardsCompatible(t));
@@ -1954,10 +1958,10 @@ let ls = (fs = class {
     return t.items = n, t.selected = r == null ? void 0 : r.value, t;
   }
   async applyPrefixSuffixDeltaUpdate(o, t) {
-    const r = await (await a(this, C)).updateVariablePrefixSuffixProperties(o, JSON.stringify(t));
+    const r = await (await a(this, w)).updateVariablePrefixSuffixProperties(o, JSON.stringify(t));
     return i(r);
   }
-}, C = new WeakMap(), Ot = new WeakMap(), Lt = new WeakMap(), fs);
+}, w = new WeakMap(), Ot = new WeakMap(), Lt = new WeakMap(), fs);
 class cn {
   /**
    * @ignore
@@ -2079,7 +2083,7 @@ class us extends Ds {
       return this.createEventHandlerFn(t, kt.throw)(...o);
   }
 }
-class w extends Ds {
+class C extends Ds {
   constructor(o, t) {
     super(t), this.legacyHandler = o, this.subscriptions = /* @__PURE__ */ new Set();
   }
@@ -2112,7 +2116,7 @@ class w extends Ds {
     };
   }
 }
-class we {
+class Ce {
   /**
    * Creates a runtime configuration object from the provided configuration object.
    *
@@ -2120,13 +2124,13 @@ class we {
    * @returns The runtime configuration object.
    */
   static createRuntimeConfig(o) {
-    var e, r, n, c, h, l, p, y, v, f, b, A, I, S, M, E, P, W, j, St, bt, Ce, me, fe, Se, be, ve, Ie, Ae, Pe, Fe, Ee, Oe, Le, De;
+    var e, r, n, c, h, d, p, y, v, f, b, A, I, S, M, E, P, W, j, St, bt, we, me, fe, Se, be, ve, Ie, Ae, Pe, Fe, Ee, Oe, Le, De;
     const t = { ...o };
     return t.logging = {
       logLevel: ((e = o.logging) == null ? void 0 : e.logLevel) || x.error,
       logger: ((r = o.logging) == null ? void 0 : r.logger) || ((xt, se, re) => {
         var Ne;
-        if (we.isLoggingEnabled(xt, ((Ne = t.logging) == null ? void 0 : Ne.logLevel) ?? x.error))
+        if (Ce.isLoggingEnabled(xt, ((Ne = t.logging) == null ? void 0 : Ne.logLevel) ?? x.error))
           switch (xt) {
             case x.error:
               console.error(`[${se}] [${xt}] ${re}`);
@@ -2145,156 +2149,156 @@ class we {
         (c = t.logging) == null ? void 0 : c.logger
       )
     }, t.events = {
-      onActionsChanged: new w(
+      onActionsChanged: new C(
         () => t.onActionsChanged,
         (h = t.logging) == null ? void 0 : h.logger
       ),
-      onStateChanged: new w(
+      onStateChanged: new C(
         () => t.onStateChanged,
-        (l = t.logging) == null ? void 0 : l.logger
+        (d = t.logging) == null ? void 0 : d.logger
       ),
-      onDocumentLoaded: new w(
+      onDocumentLoaded: new C(
         () => t.onDocumentLoaded,
         (p = t.logging) == null ? void 0 : p.logger
       ),
-      onSelectedFramesLayoutChanged: new w(
+      onSelectedFramesLayoutChanged: new C(
         () => t.onSelectedFramesLayoutChanged,
         (y = t.logging) == null ? void 0 : y.logger
       ),
-      onFramesLayoutChanged: new w(
+      onFramesLayoutChanged: new C(
         () => t.onFramesLayoutChanged,
         (v = t.logging) == null ? void 0 : v.logger
       ),
-      onSelectedFramesContentChanged: new w(
+      onSelectedFramesContentChanged: new C(
         () => t.onSelectedFramesContentChanged,
         (f = t.logging) == null ? void 0 : f.logger
       ),
-      onPageSelectionChanged: new w(
+      onPageSelectionChanged: new C(
         () => t.onPageSelectionChanged,
         (b = t.logging) == null ? void 0 : b.logger
       ),
-      onSelectedLayoutPropertiesChanged: new w(
+      onSelectedLayoutPropertiesChanged: new C(
         () => t.onSelectedLayoutPropertiesChanged,
         (A = t.logging) == null ? void 0 : A.logger
       ),
-      onSelectedLayoutUnitChanged: new w(
+      onSelectedLayoutUnitChanged: new C(
         () => t.onSelectedLayoutUnitChanged,
         (I = t.logging) == null ? void 0 : I.logger
       ),
-      onScrubberPositionChanged: new w(
+      onScrubberPositionChanged: new C(
         () => t.onScrubberPositionChanged,
         (S = t.logging) == null ? void 0 : S.logger
       ),
-      onFrameAnimationsChanged: new w(
+      onFrameAnimationsChanged: new C(
         () => t.onFrameAnimationsChanged,
         (M = t.logging) == null ? void 0 : M.logger
       ),
-      onVariableListChanged: new w(
+      onVariableListChanged: new C(
         () => t.onVariableListChanged,
         (E = t.logging) == null ? void 0 : E.logger
       ),
-      onSelectedToolChanged: new w(
+      onSelectedToolChanged: new C(
         () => t.onSelectedToolChanged,
         (P = t.logging) == null ? void 0 : P.logger
       ),
-      onUndoStackStateChanged: new w(
+      onUndoStackStateChanged: new C(
         () => t.onUndoStackStateChanged,
         (W = t.logging) == null ? void 0 : W.logger
       ),
-      onSelectedLayoutFramesChanged: new w(
+      onSelectedLayoutFramesChanged: new C(
         () => t.onSelectedLayoutFramesChanged,
         (j = t.logging) == null ? void 0 : j.logger
       ),
-      onSelectedTextStyleChanged: new w(
+      onSelectedTextStyleChanged: new C(
         () => t.onSelectedTextStyleChanged,
         (St = t.logging) == null ? void 0 : St.logger
       ),
-      onColorsChanged: new w(
+      onColorsChanged: new C(
         () => t.onColorsChanged,
         (bt = t.logging) == null ? void 0 : bt.logger
       ),
-      onParagraphStylesChanged: new w(
+      onParagraphStylesChanged: new C(
         () => t.onParagraphStylesChanged,
-        (Ce = t.logging) == null ? void 0 : Ce.logger
+        (we = t.logging) == null ? void 0 : we.logger
       ),
-      onCharacterStylesChanged: new w(
+      onCharacterStylesChanged: new C(
         () => t.onCharacterStylesChanged,
         (me = t.logging) == null ? void 0 : me.logger
       ),
-      onFontFamiliesChanged: new w(
+      onFontFamiliesChanged: new C(
         () => t.onFontFamiliesChanged,
         (fe = t.logging) == null ? void 0 : fe.logger
       ),
-      onSelectedLayoutIdChanged: new w(
+      onSelectedLayoutIdChanged: new C(
         () => t.onSelectedLayoutIdChanged,
         (Se = t.logging) == null ? void 0 : Se.logger
       ),
-      onLayoutsChanged: new w(
+      onLayoutsChanged: new C(
         () => t.onLayoutsChanged,
         (be = t.logging) == null ? void 0 : be.logger
       ),
-      onConnectorEvent: new w(
+      onConnectorEvent: new C(
         () => t.onConnectorEvent,
         (ve = t.logging) == null ? void 0 : ve.logger
       ),
-      onConnectorsChanged: new w(
+      onConnectorsChanged: new C(
         () => t.onConnectorsChanged,
         (Ie = t.logging) == null ? void 0 : Ie.logger
       ),
-      onZoomChanged: new w(
+      onZoomChanged: new C(
         () => t.onZoomChanged,
         (Ae = t.logging) == null ? void 0 : Ae.logger
       ),
-      onSelectedPageIdChanged: new w(
+      onSelectedPageIdChanged: new C(
         () => t.onSelectedPageIdChanged,
         t.logging.logger
       ),
-      onPagesChanged: new w(
+      onPagesChanged: new C(
         () => t.onPagesChanged,
         t.logging.logger
       ),
-      onPageSnapshotInvalidated: new w(
+      onPageSnapshotInvalidated: new C(
         () => t.onPageSnapshotInvalidated,
         t.logging.logger
       ),
-      onPageSizeChanged: new w(
+      onPageSizeChanged: new C(
         () => t.onPageSizeChanged,
         (Pe = t.logging) == null ? void 0 : Pe.logger
       ),
-      onShapeCornerRadiusChanged: new w(
+      onShapeCornerRadiusChanged: new C(
         () => t.onShapeCornerRadiusChanged,
         (Fe = t.logging) == null ? void 0 : Fe.logger
       ),
-      onCropActiveFrameIdChanged: new w(
+      onCropActiveFrameIdChanged: new C(
         () => t.onCropActiveFrameIdChanged,
         (Ee = t.logging) == null ? void 0 : Ee.logger
       ),
-      onAsyncError: new w(
+      onAsyncError: new C(
         () => t.onAsyncError,
         (Oe = t.logging) == null ? void 0 : Oe.logger
       ),
-      onViewModeChanged: new w(
+      onViewModeChanged: new C(
         () => t.onViewModeChanged,
         (Le = t.logging) == null ? void 0 : Le.logger
       ),
-      onBarcodeValidationChanged: new w(() => t.onBarcodeValidationChanged, (De = t.logging) == null ? void 0 : De.logger),
-      onDataSourceIdChanged: new w(
+      onBarcodeValidationChanged: new C(() => t.onBarcodeValidationChanged, (De = t.logging) == null ? void 0 : De.logger),
+      onDataSourceIdChanged: new C(
         () => t.onDataSourceIdChanged,
         t.logging.logger
       ),
-      onDocumentIssueListChanged: new w(
+      onDocumentIssueListChanged: new C(
         () => t.onDocumentIssueListChanged,
         t.logging.logger
       ),
-      onCustomUndoDataChanged: new w(
+      onCustomUndoDataChanged: new C(
         () => t.onCustomUndoDataChanged,
         t.logging.logger
       ),
-      onEngineEditModeChanged: new w(
+      onEngineEditModeChanged: new C(
         () => t.onEngineEditModeChanged,
         t.logging.logger
       ),
-      onBrandKitMediaChanged: new w(
+      onBrandKitMediaChanged: new C(
         () => t.onBrandKitMediaChanged,
         t.logging.logger
       )
@@ -2477,7 +2481,7 @@ class ps {
 }
 ft = new WeakMap(), Zt = new WeakMap();
 var Mt;
-class ws {
+class Cs {
   /**
    * @ignore
    */
@@ -2490,7 +2494,7 @@ class ws {
   }
 }
 Mt = new WeakMap();
-const pn = "studio-cdn.chiligrafx.com", wn = `https://${pn}/editor/${Ss.current}/web`;
+const pn = "studio-cdn.chiligrafx.com", Cn = `https://${pn}/editor/${Ss.current}/web`;
 let et;
 class Qn {
   /**
@@ -2501,7 +2505,7 @@ class Qn {
     this.localConfig = /* @__PURE__ */ new Map(), this.dataItemMappingTools = new gn(), this.loadEditor = () => {
       var t;
       nr(
-        this.config.editorLink || wn,
+        this.config.editorLink || Cn,
         {
           onActionsChanged: this.subscriber.onActionsChanged,
           onStateChanged: this.subscriber.onStateChanged,
@@ -2561,7 +2565,7 @@ class Qn {
           var r, n;
           (n = (r = this.config).onConnectionError) == null || n.call(r, e);
         }
-      ), this.editorAPI = et == null ? void 0 : et.promise.then((e) => e), this.action = new Ve(this.editorAPI), this.layout = new ss(this.editorAPI), this.frame = new ts(this.editorAPI), this.barcode = new Ge(this.editorAPI), this.component = new ws(this.editorAPI), this.animation = new Je(this.editorAPI), this.document = new Ye(this.editorAPI), this.configuration = new gs(this.editorAPI, this.localConfig), this.utils = new hs(this.editorAPI, this.localConfig), this.tool = new os(this.editorAPI), this.page = new ns(this.editorAPI), this.debug = new qe(this.editorAPI), this.undoManager = new cs(this.editorAPI, this), this.textSelection = new is(this.editorAPI), this.colorStyle = new Ke(this.editorAPI), this.gradientStyle = new ys(this.editorAPI), this.paragraphStyle = new as(this.editorAPI), this.characterStyle = new He(this.editorAPI), this.mediaConnector = new rs(this.editorAPI), this.fontConnector = new Qe(this.editorAPI), this.componentConnector = new ps(this.editorAPI), this.dataConnector = new We(this.editorAPI, this.dataItemMappingTools), this.dataSource = new je(this.editorAPI, this.dataItemMappingTools), this.connector = new ze(this.editorAPI, this.localConfig), this.variable = new ls(this.editorAPI), this.font = new Xe(this.editorAPI), this.experiment = new Ze(this.editorAPI), this.canvas = new oe(this.editorAPI), this.shape = new le(this.editorAPI), this.colorConversion = new $e(this.editorAPI), this.info = new es(), this.clipboard = new Te(this.editorAPI), this.brandKit = new _e(this.editorAPI, this), this.next = new ds(this.config, this.connection, this.editorAPI), this.configuration.setValue(tt.GraFxStudioSdkVersion, bs.version), this.configuration.setValue(
+      ), this.editorAPI = et == null ? void 0 : et.promise.then((e) => e), this.action = new Ve(this.editorAPI), this.layout = new ss(this.editorAPI), this.frame = new ts(this.editorAPI), this.barcode = new Ge(this.editorAPI), this.component = new Cs(this.editorAPI), this.animation = new Je(this.editorAPI), this.document = new Ye(this.editorAPI), this.configuration = new gs(this.editorAPI, this.localConfig), this.utils = new hs(this.editorAPI, this.localConfig), this.tool = new os(this.editorAPI), this.page = new ns(this.editorAPI), this.debug = new qe(this.editorAPI), this.undoManager = new cs(this.editorAPI, this), this.textSelection = new is(this.editorAPI), this.colorStyle = new Ke(this.editorAPI), this.gradientStyle = new ys(this.editorAPI), this.paragraphStyle = new as(this.editorAPI), this.characterStyle = new He(this.editorAPI), this.mediaConnector = new rs(this.editorAPI), this.fontConnector = new Qe(this.editorAPI), this.componentConnector = new ps(this.editorAPI), this.dataConnector = new We(this.editorAPI, this.dataItemMappingTools), this.dataSource = new je(this.editorAPI, this.dataItemMappingTools), this.connector = new ze(this.editorAPI, this.localConfig), this.variable = new ls(this.editorAPI), this.font = new Xe(this.editorAPI), this.experiment = new Ze(this.editorAPI), this.canvas = new oe(this.editorAPI), this.shape = new le(this.editorAPI), this.colorConversion = new $e(this.editorAPI), this.info = new es(), this.clipboard = new Te(this.editorAPI), this.brandKit = new _e(this.editorAPI, this), this.next = new ds(this.config, this.connection, this.editorAPI), this.configuration.setValue(tt.GraFxStudioSdkVersion, bs.version), this.configuration.setValue(
         tt.GraFxStudioDocumentType,
         this.config.documentType || Ps.template
       ), this.configuration.updateStudioOptions(this.config.studioOptions || ir), this.configuration.setValue(
@@ -2570,10 +2574,10 @@ class Qn {
       );
     }, this.setConnection = (t) => {
       et = t;
-    }, this.config = we.createRuntimeConfig(o), this.connection = et, this.editorAPI = et == null ? void 0 : et.promise.then((t) => t), this.action = new Ve(this.editorAPI), this.layout = new ss(this.editorAPI), this.frame = new ts(this.editorAPI), this.shape = new le(this.editorAPI), this.barcode = new Ge(this.editorAPI), this.component = new ws(this.editorAPI), this.undoManager = new cs(this.editorAPI, this), this.connector = new ze(this.editorAPI, this.localConfig), this.mediaConnector = new rs(this.editorAPI), this.fontConnector = new Qe(this.editorAPI), this.componentConnector = new ps(this.editorAPI), this.dataConnector = new We(this.editorAPI, this.dataItemMappingTools), this.dataSource = new je(this.editorAPI, this.dataItemMappingTools), this.animation = new Je(this.editorAPI), this.document = new Ye(this.editorAPI), this.configuration = new gs(this.editorAPI, this.localConfig), this.variable = new ls(this.editorAPI), this.utils = new hs(this.editorAPI, this.localConfig), this.subscriber = new Xr(this.config, this.localConfig), this.tool = new os(this.editorAPI), this.page = new ns(this.editorAPI), this.debug = new qe(this.editorAPI), this.textSelection = new is(this.editorAPI), this.colorStyle = new Ke(this.editorAPI), this.gradientStyle = new ys(this.editorAPI), this.paragraphStyle = new as(this.editorAPI), this.characterStyle = new He(this.editorAPI), this.font = new Xe(this.editorAPI), this.experiment = new Ze(this.editorAPI), this.canvas = new oe(this.editorAPI), this.colorConversion = new $e(this.editorAPI), this.info = new es(), this.clipboard = new Te(this.editorAPI), this.next = new ds(this.config, this.connection, this.editorAPI), this.enabledNextSubscribers = this.config.enableNextSubscribers, this.brandKit = new _e(this.editorAPI, this);
+    }, this.config = Ce.createRuntimeConfig(o), this.connection = et, this.editorAPI = et == null ? void 0 : et.promise.then((t) => t), this.action = new Ve(this.editorAPI), this.layout = new ss(this.editorAPI), this.frame = new ts(this.editorAPI), this.shape = new le(this.editorAPI), this.barcode = new Ge(this.editorAPI), this.component = new Cs(this.editorAPI), this.undoManager = new cs(this.editorAPI, this), this.connector = new ze(this.editorAPI, this.localConfig), this.mediaConnector = new rs(this.editorAPI), this.fontConnector = new Qe(this.editorAPI), this.componentConnector = new ps(this.editorAPI), this.dataConnector = new We(this.editorAPI, this.dataItemMappingTools), this.dataSource = new je(this.editorAPI, this.dataItemMappingTools), this.animation = new Je(this.editorAPI), this.document = new Ye(this.editorAPI), this.configuration = new gs(this.editorAPI, this.localConfig), this.variable = new ls(this.editorAPI), this.utils = new hs(this.editorAPI, this.localConfig), this.subscriber = new Xr(this.config, this.localConfig), this.tool = new os(this.editorAPI), this.page = new ns(this.editorAPI), this.debug = new qe(this.editorAPI), this.textSelection = new is(this.editorAPI), this.colorStyle = new Ke(this.editorAPI), this.gradientStyle = new ys(this.editorAPI), this.paragraphStyle = new as(this.editorAPI), this.characterStyle = new He(this.editorAPI), this.font = new Xe(this.editorAPI), this.experiment = new Ze(this.editorAPI), this.canvas = new oe(this.editorAPI), this.colorConversion = new $e(this.editorAPI), this.info = new es(), this.clipboard = new Te(this.editorAPI), this.next = new ds(this.config, this.connection, this.editorAPI), this.enabledNextSubscribers = this.config.enableNextSubscribers, this.brandKit = new _e(this.editorAPI, this);
   }
 }
-var Cn = /* @__PURE__ */ ((s) => (s.top = "top", s.left = "left", s.right = "right", s.bottom = "bottom", s.topLeft = "topLeft", s.topRight = "topRight", s.bottomLeft = "bottomLeft", s.bottomRight = "bottomRight", s))(Cn || {}), mn = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s))(mn || {}), fn = /* @__PURE__ */ ((s) => (s.easeIn = "easeIn", s.easeOut = "easeOut", s.easeInOut = "easeInOut", s))(fn || {}), Sn = /* @__PURE__ */ ((s) => (s.quadratic = "Quadratic", s.cubic = "Cubic", s.quartic = "Quartic", s.quintic = "Quintic", s.sine = "Sine", s.exponential = "Exponential", s.circular = "Circular", s.elastic = "Elastic", s.bounce = "Bounce", s.back = "Back", s))(Sn || {}), bn = /* @__PURE__ */ ((s) => (s.bounce = "bounce", s.flash = "flash", s.headshake = "headShake", s.heartbeat = "heartbeat", s.pulse = "pulse", s.rubberBand = "rubberBand", s.vertical = "vertical", s.horizontal = "horizontal", s.swing = "swing", s.tada = "tada", s))(bn || {}), vn = /* @__PURE__ */ ((s) => (s.preview = "preview", s.normal = "normal", s))(vn || {}), In = /* @__PURE__ */ ((s) => (s.linear = "linear", s))(In || {}), An = /* @__PURE__ */ ((s) => (s.local = "linearLocal", s.linearBrandKit = "linearBrandKit", s))(An || {}), Pn = /* @__PURE__ */ ((s) => (s.Square = "square", s.Line = "line", s))(Pn || {}), Fn = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.highest = "highest", s.medium = "medium", s))(Fn || {}), En = /* @__PURE__ */ ((s) => (s.BOLD = "Bold", s.ITALIC = "Italic", s.REGULAR = "Regular", s))(En || {}), On = /* @__PURE__ */ ((s) => (s.LEFT = "left", s.CENTER = "center", s.RIGHT = "right", s.JUSTIFY = "justify", s))(On || {}), Ln = /* @__PURE__ */ ((s) => (s.TOP = "top", s.CENTER = "center", s.BOTTOM = "bottom", s))(Ln || {}), Dn = /* @__PURE__ */ ((s) => (s.TO_LOWER_CASE = "lowercase", s.TO_UPPER_CASE = "uppercase", s.NORMAL = "normal", s))(Dn || {}), Nn = /* @__PURE__ */ ((s) => (s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.NORMAL = "normal", s))(Nn || {}), Mn = /* @__PURE__ */ ((s) => (s.none = "none", s.bullet = "bullet", s.number = "number", s))(Mn || {}), xn = /* @__PURE__ */ ((s) => (s.STYLE = "textStyle", s.PROPERTIES = "textProperties", s.APPEARANCE = "appearance", s))(xn || {}), Rn = /* @__PURE__ */ ((s) => (s.PARAGRAPH = "paragraphStyleId", s.CHARACTER = "characterStyleId", s.FONT_FAMILY = "fontKey", s.FONT_STYLE = "fontStyle", s.FONT_SIZE = "fontSize", s.LETTER_SPACING = "letterSpacing", s.LINE_HEIGHT = "lineHeight", s.TEXT_ALIGN = "textAlign", s.VERTICAL_ALIGN = "verticalAlign", s.TYPOGRAPHIC_CASE = "typographicCase", s.SUB_SUPER_SCRIPT = "subSuperScript", s.UNDERLINE = "underline", s.LINE_THROUGH = "lineThrough", s.FILL_COLOR = "fillColor", s.COLOR = "color", s.FILL_COLOR_APPLIED = "fillColorApplied", s.STROKE_COLOR = "strokeColor", s.STROKE_COLOR_APPLIED = "strokeColorApplied", s.DROP_SHADOW_COLOR = "dropShadowColor", s.BLEND_MODE = "blendMode", s.OPACITY = "opacity", s.TRACKING_RIGHT = "trackingRight", s.BASELINE_SHIFT = "baselineShiftValue", s.STROKE_WIDTH = "strokeWidth", s.MARKED_LIST_TYPE = "markedListType", s.MARKED_LIST_GROUP = "markedListGroup", s.MARKED_LIST_LEVEL = "markedListLevel", s))(Rn || {}), Vn = /* @__PURE__ */ ((s) => (s.arabic = "arabic", s.romanUpperCase = "romanUpperCase", s.romanLowerCase = "romanLowerCase", s.latinUpperCase = "latinUpperCase", s.latinLowerCase = "latinLowerCase", s))(Vn || {}), Jn = /* @__PURE__ */ ((s) => (s.none = "none", s.dash = "dash", s.dot = "dot", s.colon = "colon", s.roundBracket = "roundBracket", s))(Jn || {}), Gn = /* @__PURE__ */ ((s) => (s.selectedLayoutChanged = "selectedLayoutChanged", s.frameMoved = "frameMoved", s.pageSizeChanged = "pageSizeChanged", s.documentLoaded = "documentLoaded", s.variableValueChanged = "variableValueChanged", s))(Gn || {}), Bn = /* @__PURE__ */ ((s) => (s.ellipse = "ellipse", s.rectangle = "rectangle", s.polygon = "polygon", s))(Bn || {}), Un = /* @__PURE__ */ ((s) => (s.all = "all", s.only = "only", s.none = "none", s))(Un || {}), kn = /* @__PURE__ */ ((s) => (s.normal = "normal", s.textEdit = "textEdit", s.customCrop = "customCrop", s.frameSubjectArea = "frameSubjectArea", s.perAssetCrop = "perAssetCrop", s.gradient = "gradient", s))(kn || {}), Ns = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Ns || {});
+var wn = /* @__PURE__ */ ((s) => (s.top = "top", s.left = "left", s.right = "right", s.bottom = "bottom", s.topLeft = "topLeft", s.topRight = "topRight", s.bottomLeft = "bottomLeft", s.bottomRight = "bottomRight", s))(wn || {}), mn = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s))(mn || {}), fn = /* @__PURE__ */ ((s) => (s.easeIn = "easeIn", s.easeOut = "easeOut", s.easeInOut = "easeInOut", s))(fn || {}), Sn = /* @__PURE__ */ ((s) => (s.quadratic = "Quadratic", s.cubic = "Cubic", s.quartic = "Quartic", s.quintic = "Quintic", s.sine = "Sine", s.exponential = "Exponential", s.circular = "Circular", s.elastic = "Elastic", s.bounce = "Bounce", s.back = "Back", s))(Sn || {}), bn = /* @__PURE__ */ ((s) => (s.bounce = "bounce", s.flash = "flash", s.headshake = "headShake", s.heartbeat = "heartbeat", s.pulse = "pulse", s.rubberBand = "rubberBand", s.vertical = "vertical", s.horizontal = "horizontal", s.swing = "swing", s.tada = "tada", s))(bn || {}), vn = /* @__PURE__ */ ((s) => (s.preview = "preview", s.normal = "normal", s))(vn || {}), In = /* @__PURE__ */ ((s) => (s.linear = "linear", s))(In || {}), An = /* @__PURE__ */ ((s) => (s.local = "linearLocal", s.linearBrandKit = "linearBrandKit", s))(An || {}), Pn = /* @__PURE__ */ ((s) => (s.Square = "square", s.Line = "line", s))(Pn || {}), Fn = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.highest = "highest", s.medium = "medium", s))(Fn || {}), En = /* @__PURE__ */ ((s) => (s.BOLD = "Bold", s.ITALIC = "Italic", s.REGULAR = "Regular", s))(En || {}), On = /* @__PURE__ */ ((s) => (s.LEFT = "left", s.CENTER = "center", s.RIGHT = "right", s.JUSTIFY = "justify", s))(On || {}), Ln = /* @__PURE__ */ ((s) => (s.TOP = "top", s.CENTER = "center", s.BOTTOM = "bottom", s))(Ln || {}), Dn = /* @__PURE__ */ ((s) => (s.TO_LOWER_CASE = "lowercase", s.TO_UPPER_CASE = "uppercase", s.NORMAL = "normal", s))(Dn || {}), Nn = /* @__PURE__ */ ((s) => (s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.NORMAL = "normal", s))(Nn || {}), Mn = /* @__PURE__ */ ((s) => (s.none = "none", s.bullet = "bullet", s.number = "number", s))(Mn || {}), xn = /* @__PURE__ */ ((s) => (s.STYLE = "textStyle", s.PROPERTIES = "textProperties", s.APPEARANCE = "appearance", s))(xn || {}), Rn = /* @__PURE__ */ ((s) => (s.PARAGRAPH = "paragraphStyleId", s.CHARACTER = "characterStyleId", s.FONT_FAMILY = "fontKey", s.FONT_STYLE = "fontStyle", s.FONT_SIZE = "fontSize", s.LETTER_SPACING = "letterSpacing", s.LINE_HEIGHT = "lineHeight", s.TEXT_ALIGN = "textAlign", s.VERTICAL_ALIGN = "verticalAlign", s.TYPOGRAPHIC_CASE = "typographicCase", s.SUB_SUPER_SCRIPT = "subSuperScript", s.UNDERLINE = "underline", s.LINE_THROUGH = "lineThrough", s.FILL_COLOR = "fillColor", s.COLOR = "color", s.FILL_COLOR_APPLIED = "fillColorApplied", s.STROKE_COLOR = "strokeColor", s.STROKE_COLOR_APPLIED = "strokeColorApplied", s.DROP_SHADOW_COLOR = "dropShadowColor", s.BLEND_MODE = "blendMode", s.OPACITY = "opacity", s.TRACKING_RIGHT = "trackingRight", s.BASELINE_SHIFT = "baselineShiftValue", s.STROKE_WIDTH = "strokeWidth", s.MARKED_LIST_TYPE = "markedListType", s.MARKED_LIST_GROUP = "markedListGroup", s.MARKED_LIST_LEVEL = "markedListLevel", s))(Rn || {}), Vn = /* @__PURE__ */ ((s) => (s.arabic = "arabic", s.romanUpperCase = "romanUpperCase", s.romanLowerCase = "romanLowerCase", s.latinUpperCase = "latinUpperCase", s.latinLowerCase = "latinLowerCase", s))(Vn || {}), Jn = /* @__PURE__ */ ((s) => (s.none = "none", s.dash = "dash", s.dot = "dot", s.colon = "colon", s.roundBracket = "roundBracket", s))(Jn || {}), Gn = /* @__PURE__ */ ((s) => (s.selectedLayoutChanged = "selectedLayoutChanged", s.frameMoved = "frameMoved", s.pageSizeChanged = "pageSizeChanged", s.documentLoaded = "documentLoaded", s.variableValueChanged = "variableValueChanged", s))(Gn || {}), Bn = /* @__PURE__ */ ((s) => (s.ellipse = "ellipse", s.rectangle = "rectangle", s.polygon = "polygon", s))(Bn || {}), Un = /* @__PURE__ */ ((s) => (s.all = "all", s.only = "only", s.none = "none", s))(Un || {}), kn = /* @__PURE__ */ ((s) => (s.normal = "normal", s.textEdit = "textEdit", s.customCrop = "customCrop", s.frameSubjectArea = "frameSubjectArea", s.perAssetCrop = "perAssetCrop", s.gradient = "gradient", s))(kn || {}), Ns = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Ns || {});
 const Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ConnectorRegistrationSource: Ns
@@ -2656,7 +2660,7 @@ export {
   Rn as SelectedTextStyles,
   mn as ShakeDirections,
   Bn as ShapeType,
-  Cn as SlideDirections,
+  wn as SlideDirections,
   br as SortBy,
   vr as SortOrder,
   Jr as TextDirection,