@chili-publish/studio-sdk 1.36.0 → 1.38.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.19.latest", Ss = {
+const Ms = "2.21.latest", Ss = {
   current: Ms
-}, xs = "1.36.0", bs = {
+}, xs = "1.38.0", bs = {
   version: xs
 };
 var z;
@@ -78,15 +78,15 @@ const Rs = (s, o) => {
         t(`${e}: Unable to send ${f}() reply due to destroyed connection`);
         return;
       }
-      const E = {
+      const O = {
         penpal: z.Reply,
         id: A,
         resolution: S,
         returnValue: M
       };
-      S === ut.Rejected && M instanceof Error && (E.returnValue = Re(M), E.returnValueIsError = !0);
+      S === ut.Rejected && M instanceof Error && (O.returnValue = Re(M), O.returnValueIsError = !0);
       try {
-        n.postMessage(E, c);
+        n.postMessage(O, c);
       } catch (P) {
         if (P.name === ne.DataCloneError) {
           const W = {
@@ -142,22 +142,22 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
       throw S.code = Gt.ConnectionDestroyed, S;
     }
     return new Promise((S, M) => {
-      const E = Ts(), P = (j) => {
-        if (j.source !== h || j.data.penpal !== z.Reply || j.data.id !== E)
+      const O = Ts(), P = (j) => {
+        if (j.source !== h || j.data.penpal !== z.Reply || j.data.id !== O)
           return;
         if (j.origin !== p) {
           r(`${n} received message from origin ${j.origin} which did not match expected origin ${p}`);
           return;
         }
-        const St = j.data;
+        const bt = j.data;
         r(`${n}: Received ${b}() reply`), c.removeEventListener(dt.Message, P);
-        let bt = St.returnValue;
-        St.returnValueIsError && (bt = ks(bt)), (St.resolution === ut.Fulfilled ? S : M)(bt);
+        let vt = bt.returnValue;
+        bt.returnValueIsError && (vt = ks(vt)), (bt.resolution === ut.Fulfilled ? S : M)(vt);
       };
       c.addEventListener(dt.Message, P);
       const W = {
         penpal: z.Call,
-        id: E,
+        id: O,
         methodName: b,
         args: A
       };
@@ -228,7 +228,7 @@ const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s
   const y = e === "null" ? "*" : e, v = As(t), f = Ys(c, v, e, y), b = qs(v, e, y, h, c);
   return {
     promise: new Promise((I, S) => {
-      const M = Xs(r, p), E = (P) => {
+      const M = Xs(r, p), O = (P) => {
         if (!(P.source !== o.contentWindow || !P.data)) {
           if (P.data.penpal === z.Syn) {
             f(P);
@@ -241,8 +241,8 @@ 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), d((P) => {
-        window.removeEventListener(dt.Message, E), P && S(P);
+      window.addEventListener(dt.Message, O), c("Parent: Awaiting handshake"), Qs(o, h), d((P) => {
+        window.removeEventListener(dt.Message, O), P && S(P);
       });
     }),
     destroy() {
@@ -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 },
@@ -487,7 +488,7 @@ class Je {
   }
 }
 L = new WeakMap();
-var $ = /* @__PURE__ */ ((s) => (s.code39 = "code39", s.code93 = "code93", s.code128 = "code128", s.dataMatrix = "dataMatrix", s.ean13 = "ean13", s.ean8 = "ean8", s.qr = "qr", s.upca = "upca", s.upce = "upce", s.gs1128 = "gs1128", s))($ || {}), Rt = /* @__PURE__ */ ((s) => (s.low = "low", s.medium = "medium", s.quartile = "quartile", s.high = "high", s))(Rt || {}), vt = /* @__PURE__ */ ((s) => (s.utf8 = "utf8", s.iso8859_1 = "iso8859_1", s.code128a = "code128a", s.code128b = "code128b", s.code128c = "code128c", s))(vt || {}), lr = /* @__PURE__ */ ((s) => (s.success = "success", s.empty = "empty", s.invalidLength = "invalidLength", s.invalidCharacters = "invalidCharacters", s.invalidChecksum = "invalidChecksum", s.invalidUPCE = "invalidUPCE", s.otherError = "otherError", s))(lr || {}), dr = /* @__PURE__ */ ((s) => (s.px = "px", s.mm = "mm", s.cm = "cm", s.inch = "inch", s.pt = "pt", s))(dr || {}), X = /* @__PURE__ */ ((s) => (s.top = "top", s.right = "right", s.bottom = "bottom", s.left = "left", s))(X || {}), ur = /* @__PURE__ */ ((s) => (s.top = "top", s.child = "child", s))(ur || {}), gr = /* @__PURE__ */ ((s) => (s.print = "print", s.digitalStatic = "digitalStatic", s.digitalAnimated = "digitalAnimated", s))(gr || {}), yr = /* @__PURE__ */ ((s) => (s.locked = "locked", s.range = "range", s.none = "none", s))(yr || {}), k;
+var $ = /* @__PURE__ */ ((s) => (s.code39 = "code39", s.code93 = "code93", s.code128 = "code128", s.dataMatrix = "dataMatrix", s.ean13 = "ean13", s.ean8 = "ean8", s.qr = "qr", s.upca = "upca", s.upce = "upce", s.gs1128 = "gs1128", s))($ || {}), Rt = /* @__PURE__ */ ((s) => (s.low = "low", s.medium = "medium", s.quartile = "quartile", s.high = "high", s))(Rt || {}), It = /* @__PURE__ */ ((s) => (s.utf8 = "utf8", s.iso8859_1 = "iso8859_1", s.code128a = "code128a", s.code128b = "code128b", s.code128c = "code128c", s))(It || {}), lr = /* @__PURE__ */ ((s) => (s.success = "success", s.empty = "empty", s.invalidLength = "invalidLength", s.invalidCharacters = "invalidCharacters", s.invalidChecksum = "invalidChecksum", s.invalidUPCE = "invalidUPCE", s.otherError = "otherError", s))(lr || {}), dr = /* @__PURE__ */ ((s) => (s.px = "px", s.mm = "mm", s.cm = "cm", s.inch = "inch", s.pt = "pt", s))(dr || {}), X = /* @__PURE__ */ ((s) => (s.top = "top", s.right = "right", s.bottom = "bottom", s.left = "left", s))(X || {}), ur = /* @__PURE__ */ ((s) => (s.top = "top", s.child = "child", s))(ur || {}), gr = /* @__PURE__ */ ((s) => (s.print = "print", s.digitalStatic = "digitalStatic", s.digitalAnimated = "digitalAnimated", s))(gr || {}), yr = /* @__PURE__ */ ((s) => (s.locked = "locked", s.range = "range", s.none = "none", s))(yr || {}), k;
 class Ge {
   /**
    * @ignore
@@ -539,7 +540,7 @@ class Ge {
       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 = [
+          c = [It.iso8859_1, It.utf8], h = [
             Rt.low,
             Rt.medium,
             Rt.quartile,
@@ -560,9 +561,9 @@ class Ge {
         case $.code128:
         case $.gs1128:
           c = [
-            vt.code128a,
-            vt.code128b,
-            vt.code128c
+            It.code128a,
+            It.code128b,
+            It.code128c
           ];
           break;
         case $.code39:
@@ -680,7 +681,7 @@ class _e {
         y,
         p,
         v
-      ]), E = {
+      ]), O = {
         id: e.parsedData,
         brandKit: {
           id: e.parsedData,
@@ -695,8 +696,8 @@ class _e {
         }
       }, P = {
         success: !0,
-        data: JSON.stringify(E),
-        parsedData: E,
+        data: JSON.stringify(O),
+        parsedData: O,
         status: 200
       };
       return i(P);
@@ -915,28 +916,28 @@ class Ke {
 }
 V = new WeakMap();
 var Bt = /* @__PURE__ */ ((s) => (s[s.file = 0] = "file", s[s.collection = 1] = "collection", s))(Bt || {}), ce = /* @__PURE__ */ ((s) => (s.LowResolutionWeb = "lowresWeb", s.HighResolutionWeb = "highresWeb", s))(ce || {}), Ut = /* @__PURE__ */ ((s) => (s.file = "file", s.collection = "collection", s))(Ut || {}), Sr = /* @__PURE__ */ ((s) => (s.media = "media", s.fonts = "fonts", s.data = "data", s.components = "components", s))(Sr || {}), br = /* @__PURE__ */ ((s) => (s.name = "name", s.path = "relativePath", s.id = "id", s))(br || {}), vr = /* @__PURE__ */ ((s) => (s.ascending = "asc", s.descending = "desc", s))(vr || {}), Ir = /* @__PURE__ */ ((s) => (s.text = "text", s.boolean = "boolean", s))(Ir || {}), Ar = /* @__PURE__ */ ((s) => (s.query = "query", s.upload = "upload", s))(Ar || {}), Vt = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Vt || {});
-class Hn {
+class Tn {
   constructor(o, t, e, r = "engineToConnector") {
     this.direction = "engineToConnector", this.name = o, this.direction = r, t === "var" ? this.value = `${t}.${e}` : this.value = e;
   }
 }
-var Pr = /* @__PURE__ */ ((s) => (s.variable = "var", s.value = "value", s))(Pr || {}), Fr = /* @__PURE__ */ ((s) => (s.engineToConnector = "engineToConnector", s.connectorToEngine = "connectorToEngine", s))(Fr || {}), he = /* @__PURE__ */ ((s) => (s.loading = "loading", s.loaded = "loaded", s.running = "running", s.ready = "ready", s.error = "error", s))(he || {}), Er = /* @__PURE__ */ ((s) => (s.stateChanged = "stateChanged", s.authChanged = "authChanged", s.reloadRequired = "reloadRequired", s.unloaded = "unloaded", s))(Er || {});
-const Tn = {
+var Pr = /* @__PURE__ */ ((s) => (s.variable = "var", s.value = "value", s))(Pr || {}), Fr = /* @__PURE__ */ ((s) => (s.engineToConnector = "engineToConnector", s.connectorToEngine = "connectorToEngine", s))(Fr || {}), he = /* @__PURE__ */ ((s) => (s.loading = "loading", s.loaded = "loaded", s.running = "running", s.ready = "ready", s.error = "error", s))(he || {}), Or = /* @__PURE__ */ ((s) => (s.stateChanged = "stateChanged", s.authChanged = "authChanged", s.reloadRequired = "reloadRequired", s.unloaded = "unloaded", s))(Or || {});
+const $n = {
   url: "grafx-media.json",
   source: "local"
   /* local */
 };
-class $n {
+class Kn {
   constructor(o) {
     this.type = "grafxToken", this.token = o;
   }
 }
-class Kn {
+class zn {
   constructor() {
     this.type = "refreshed";
   }
 }
-var Or = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.refreshed = "refreshed", s))(Or || {}), Lr = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.any = "any", s))(Lr || {}), Fs = /* @__PURE__ */ ((s) => (s.minDimension = "minDimension", s))(Fs || {});
+var Er = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.refreshed = "refreshed", s))(Er || {}), Lr = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.any = "any", s))(Lr || {}), Fs = /* @__PURE__ */ ((s) => (s.minDimension = "minDimension", s))(Fs || {});
 class Dr extends Error {
   constructor(o, t) {
     super(o), this.type = t;
@@ -968,7 +969,7 @@ class ye {
     }, this.isSourceMigrated = (o) => "id" in o;
   }
 }
-var J, It, gt, Cs;
+var J, At, gt, Cs;
 let ze = (Cs = class {
   /**
    * @ignore
@@ -978,19 +979,19 @@ let ze = (Cs = class {
      * @ignore
      */
     u(this, J);
-    u(this, It);
+    u(this, At);
     u(this, gt);
     this.getById = async (e) => (await a(this, J)).getConnectorById(e).then((n) => i(n)).then((n) => {
       const c = { ...n, parsedData: null };
       return n.parsedData && (c.parsedData = a(this, gt).makeSingleConnectorBackwardsCompatible(
         n.parsedData,
-        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
+        a(this, At).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
     }), this.getAllByType = async (e) => (await a(this, J)).getConnectors(e).then((n) => i(n)).then((n) => {
       const c = { ...n, parsedData: null };
       return n.parsedData && (c.parsedData = a(this, gt).makeMultipleConnectorsBackwardsCompatible(
         n.parsedData,
-        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
+        a(this, At).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
     }), this.register = async (e) => {
       const r = await a(this, J), n = a(this, gt).makeConnectorSourceForwardsCompatible(e);
@@ -1042,7 +1043,7 @@ let ze = (Cs = class {
         )
       )) ?? [], 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());
+    }), g(this, J, o), g(this, At, t), g(this, gt, new ye());
   }
   async getMappings(o, t) {
     return (await a(this, J)).getConnectorMappings(o).then((r) => i(r)).then(
@@ -1055,7 +1056,7 @@ let ze = (Cs = class {
       }
     );
   }
-}, J = new WeakMap(), It = new WeakMap(), gt = new WeakMap(), Cs);
+}, J = new WeakMap(), At = new WeakMap(), gt = new WeakMap(), Cs);
 var yt, pt;
 class Nr {
   /**
@@ -1154,18 +1155,18 @@ class Ye {
   }
 }
 wt = 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 {
+var Mr = /* @__PURE__ */ ((s) => (s.resize = "resize", s.scale = "scale", s.scaleAndResize = "scaleAndResize", s))(Mr || {}), xr = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.left = "left", s.right = "right", s))(xr || {}), te = /* @__PURE__ */ ((s) => (s.url = "url", s.variable = "variable", s.connector = "connector", s.brandKitMedia = "brandKitMedia", s))(te || {}), Rr = /* @__PURE__ */ ((s) => (s.connector = "connector", s))(Rr || {}), Vr = /* @__PURE__ */ ((s) => (s.text = "text", s.image = "image", s.shape = "shape", s.barcode = "barcode", s.component = "component", s))(Vr || {}), Jr = /* @__PURE__ */ ((s) => (s.variable = "variable", s.text = "text", s))(Jr || {}), Gr = /* @__PURE__ */ ((s) => (s.leftToRight = "leftToRight", s.rightToLeft = "rightToLeft", s.weak = "weak", s))(Gr || {}), Br = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s.onPath = "onPath", s))(Br || {}), Ur = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.middle = "middle", s.justify = "justify", s))(Ur || {}), kr = /* @__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))(kr || {}), _r = /* @__PURE__ */ ((s) => (s.fill = "fill", s.fit = "fit", s.smartCrop = "smartCrop", s.manualCrop = "manualCrop", s))(_r || {}), Hr = /* @__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))(Hr || {}), Tr = /* @__PURE__ */ ((s) => (s.bringToFront = "bringToFront", s.sendToBack = "sendToBack", s.bringForward = "bringForward", s.sendBackward = "sendBackward", s))(Tr || {}), $r = /* @__PURE__ */ ((s) => (s.relative = "relative", s.start = "start", s.end = "end", s.startAndEnd = "startAndEnd", s.center = "center", s))($r || {}), Kr = /* @__PURE__ */ ((s) => (s.page = "page", s.frame = "frame", s))(Kr || {}), zr = /* @__PURE__ */ ((s) => (s.start = "start", s.end = "end", s.center = "center", s))(zr || {});
+class jn {
   constructor() {
     this.type = "page";
   }
 }
-class jn {
+class qn {
   constructor(o, t) {
     this.type = "frame", this.frameId = o, this.edge = t;
   }
 }
-var Es = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(Es || {}), G;
+var Os = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(Os || {}), G;
 class Ze {
   /**
    * @ignore
@@ -1182,7 +1183,7 @@ class Ze {
   }
 }
 G = new WeakMap();
-var ot, At;
+var ot, Pt;
 class Qe {
   /**
    * @ignore
@@ -1192,14 +1193,14 @@ class Qe {
      * @ignore
      */
     u(this, ot);
-    u(this, At);
-    this.query = async (t, e, r = {}) => (await a(this, ot)).fontConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.detail = async (t, e, r = {}) => (await a(this, ot)).fontConnectorDetail(t, e, JSON.stringify(r)).then((c) => i(c)), this.download = async (t, e, r = {}) => (await a(this, At)).fontConnectorDownload(t, e, JSON.stringify(r)).then((c) => c ?? c), this.preview = async (t, e, r, n = {}) => (await a(this, At)).fontConnectorPreview(t, e, r, JSON.stringify(n)).then((h) => h ?? h), this.getConfigurationOptions = async (t) => (await a(this, ot)).fontConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, ot)).fontConnectorGetCapabilities(t).then((r) => i(r)), this.parseDeprecatedFontType = (t) => {
+    u(this, Pt);
+    this.query = async (t, e, r = {}) => (await a(this, ot)).fontConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.detail = async (t, e, r = {}) => (await a(this, ot)).fontConnectorDetail(t, e, JSON.stringify(r)).then((c) => i(c)), this.download = async (t, e, r = {}) => (await a(this, Pt)).fontConnectorDownload(t, e, JSON.stringify(r)).then((c) => c ?? c), this.preview = async (t, e, r, n = {}) => (await a(this, Pt)).fontConnectorPreview(t, e, r, JSON.stringify(n)).then((h) => h ?? h), this.getConfigurationOptions = async (t) => (await a(this, ot)).fontConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, ot)).fontConnectorGetCapabilities(t).then((r) => i(r)), this.parseDeprecatedFontType = (t) => {
       if (t === Bt.file) return Ut.file;
       if (t === Bt.collection) return Ut.collection;
-    }, g(this, ot, o), g(this, At, o);
+    }, g(this, ot, o), g(this, Pt, o);
   }
 }
-ot = new WeakMap(), At = new WeakMap();
+ot = new WeakMap(), Pt = new WeakMap();
 var F;
 class Xe {
   /**
@@ -1214,7 +1215,7 @@ class Xe {
   }
 }
 F = new WeakMap();
-var Pt;
+var Ft;
 class le {
   /**
    * @ignore
@@ -1223,8 +1224,8 @@ class le {
     /**
      * @ignore
      */
-    u(this, Pt);
-    this.setShapeProperties = async (t, e) => (await a(this, Pt)).setShapeProperties(t, JSON.stringify(e)).then((n) => i(n)), this.setEnableFill = async (t, e) => {
+    u(this, Ft);
+    this.setShapeProperties = async (t, e) => (await a(this, Ft)).setShapeProperties(t, JSON.stringify(e)).then((n) => i(n)), this.setEnableFill = async (t, e) => {
       const r = { enableFill: e };
       return this.setShapeProperties(t, r);
     }, this.setFillColor = async (t, e) => {
@@ -1242,7 +1243,7 @@ class le {
     }, this.setFlagAllCornersSame = async (t, e) => {
       const r = { allCornersSame: e };
       return this.setShapeProperties(t, r);
-    }, this.setShapeCorners = async (t, e) => (await a(this, Pt)).setShapeCorners(t, JSON.stringify(e)).then((n) => i(n)), this.setRadiusAll = async (t, e) => {
+    }, this.setShapeCorners = async (t, e) => (await a(this, Ft)).setShapeCorners(t, JSON.stringify(e)).then((n) => i(n)), this.setRadiusAll = async (t, e) => {
       const r = { radiusAll: e };
       return this.setShapeCorners(t, r);
     }, this.setRadiusTopLeft = async (t, e) => {
@@ -1257,10 +1258,10 @@ class le {
     }, this.setRadiusBottomRight = async (t, e) => {
       const r = { bottomRight: e };
       return this.setShapeCorners(t, r);
-    }, g(this, Pt, o);
+    }, g(this, Ft, o);
   }
 }
-Pt = new WeakMap();
+Ft = new WeakMap();
 var l;
 class ts {
   /**
@@ -1289,7 +1290,7 @@ class ts {
       status: 0,
       error: "setFrameConstrainProportions is not supported anymore",
       parsedData: null
-    })), 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({
+    })), 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 = Os.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",
@@ -1379,12 +1380,12 @@ class ts {
     }, this.setBrandKitGradient = async (t, e) => {
       const r = { id: e };
       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));
+    }, g(this, l, o), this.shapeController = new le(a(this, l)), this.constraints = new Wr(a(this, l));
   }
 }
 l = new WeakMap();
 var _;
-class zr {
+class Wr {
   /**
    * @ignore
    */
@@ -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));
@@ -1454,7 +1458,7 @@ class ss {
   }
 }
 m = new WeakMap(), $t = new WeakMap();
-var de = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.mediumres = "mediumres", s.highres = "highres", s.original = "original", s))(de || {}), Os = /* @__PURE__ */ ((s) => (s.web = "web", s.print = "print", s.animation = "animation", s))(Os || {}), Y, Kt;
+var de = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.mediumres = "mediumres", s.highres = "highres", s.original = "original", s))(de || {}), Es = /* @__PURE__ */ ((s) => (s.web = "web", s.print = "print", s.animation = "animation", s))(Es || {}), Y, Kt;
 class rs {
   /**
    * @ignore
@@ -1473,7 +1477,7 @@ class rs {
         t,
         e,
         c,
-        Os.web,
+        Es.web,
         JSON.stringify(n)
       ).then((d) => {
         if (d instanceof Uint8Array)
@@ -1503,7 +1507,7 @@ class rs {
   }
 }
 Y = new WeakMap(), Kt = new WeakMap();
-var O, zt, ms;
+var E, zt, ms;
 let ns = (ms = class {
   /**
    * @ignore
@@ -1512,14 +1516,14 @@ let ns = (ms = class {
     /**
      * @ignore
      */
-    u(this, O);
+    u(this, E);
     /**
      * @ignore
      */
     u(this, zt);
-    this.add = async () => (await a(this, O)).addPage().then((e) => i(e)), this.remove = async (t) => (await a(this, O)).removePage(t).then((r) => i(r)), this.select = async (t) => (await a(this, O)).selectPage(t).then((r) => i(r)), this.setVisibility = async (t, e) => (await a(this, O)).setPageIsVisible(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, O)).duplicatePage(t).then((r) => i(r)), this.getAll = async () => (await a(this, O)).getPages().then((e) => i(e)), this.getById = async (t) => (await a(this, O)).getPageById(t).then((r) => i(r)), this.getSnapshot = async (t, e) => (await a(this, zt)).getPageSnapshotWithSettings(t, e == null ? null : JSON.stringify(e)).then((n) => n ?? n), this.setWidth = async (t, e) => (t !== void 0 && console.warn("pageId has no effect since all pages are being updated simultaneously."), (await a(this, O)).setPageWidth(e).then((n) => i(n))), this.setHeight = async (t, e) => (t !== void 0 && console.warn("pageId has no effect since all pages are being updated simultaneously."), (await a(this, O)).setPageHeight(e).then((n) => i(n))), this.setSize = async (t, e) => (await a(this, O)).setPageSize(t, e).then((n) => i(n)), this.move = async (t, e) => (await a(this, O)).reorderPages(t, e).then((n) => i(n)), g(this, O, o), g(this, zt, o);
+    this.add = async () => (await a(this, E)).addPage().then((e) => i(e)), this.remove = async (t) => (await a(this, E)).removePage(t).then((r) => i(r)), this.select = async (t) => (await a(this, E)).selectPage(t).then((r) => i(r)), this.setVisibility = async (t, e) => (await a(this, E)).setPageIsVisible(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, E)).duplicatePage(t).then((r) => i(r)), this.getAll = async () => (await a(this, E)).getPages().then((e) => i(e)), this.getById = async (t) => (await a(this, E)).getPageById(t).then((r) => i(r)), this.getSnapshot = async (t, e) => (await a(this, zt)).getPageSnapshotWithSettings(t, e == null ? null : JSON.stringify(e)).then((n) => n ?? n), this.setWidth = async (t, e) => (t !== void 0 && console.warn("pageId has no effect since all pages are being updated simultaneously."), (await a(this, E)).setPageWidth(e).then((n) => i(n))), this.setHeight = async (t, e) => (t !== void 0 && console.warn("pageId has no effect since all pages are being updated simultaneously."), (await a(this, E)).setPageHeight(e).then((n) => i(n))), this.setSize = async (t, e) => (await a(this, E)).setPageSize(t, e).then((n) => i(n)), this.move = async (t, e) => (await a(this, E)).reorderPages(t, e).then((n) => i(n)), g(this, E, o), g(this, zt, o);
   }
-}, O = new WeakMap(), zt = new WeakMap(), ms);
+}, E = new WeakMap(), zt = new WeakMap(), ms);
 var B;
 class as {
   /**
@@ -1535,18 +1539,18 @@ class as {
 }
 B = new WeakMap();
 var x = /* @__PURE__ */ ((s) => (s.info = "info", s.warn = "warn", s.error = "error", s))(x || {}), Ls = /* @__PURE__ */ ((s) => (s.general = "general", s.connector = "connector", s.event = "event", s.engine = "engine", s))(Ls || {}), kt = /* @__PURE__ */ ((s) => (s.throw = "throw", s.log = "log", s))(kt || {});
-class Wr {
+class jr {
   constructor(o, t, e, r) {
     this.type = "action", this.message = o, this.id = t, this.event = e, this.eventChain = r;
   }
 }
-class jr {
+class qr {
   constructor(o, t, e) {
     this.type = "dataRow", this.count = o, this.message = t, this.exceptions = e;
   }
 }
-var pe = /* @__PURE__ */ ((s) => (s.shortText = "shortText", s.longText = "longText", s.image = "image", s.list = "list", s.boolean = "boolean", s.group = "group", s.number = "number", s.date = "date", s))(pe || {}), qr = /* @__PURE__ */ ((s) => (s.Monday = "monday", s.Tuesday = "tuesday", s.Wednesday = "wednesday", s.Thursday = "thursday", s.Friday = "friday", s.Saturday = "saturday", s.Sunday = "sunday", s))(qr || {}), Yr = /* @__PURE__ */ ((s) => (s.en_US = "en_US", s.cs = "cs", s.da = "da", s.nl = "nl", s.fi = "fi", s.fr = "fr", s.de = "de", s.it = "it", s.no = "no", s.pl = "pl", s.pt_PT = "pt_PT", s.es_ES = "es_ES", s.sv = "sv", s))(Yr || {}), Jt = /* @__PURE__ */ ((s) => (s.visible = "visible", s.invisible = "invisible", s.conditional = "conditional", s))(Jt || {}), Zr = /* @__PURE__ */ ((s) => (s.boolean = "boolean", s.text = "text", s.number = "number", s))(Zr || {}), Qr = /* @__PURE__ */ ((s) => (s.equals = "=", s.notEquals = "!=", s.greaterThan = ">", s.greaterThanOrEquals = ">=", s.lessThan = "<", s.lessThanOrEquals = "<=", s))(Qr || {});
-let Xr = class {
+var pe = /* @__PURE__ */ ((s) => (s.shortText = "shortText", s.longText = "longText", s.image = "image", s.list = "list", s.boolean = "boolean", s.group = "group", s.number = "number", s.date = "date", s))(pe || {}), Yr = /* @__PURE__ */ ((s) => (s.Monday = "monday", s.Tuesday = "tuesday", s.Wednesday = "wednesday", s.Thursday = "thursday", s.Friday = "friday", s.Saturday = "saturday", s.Sunday = "sunday", s))(Yr || {}), Zr = /* @__PURE__ */ ((s) => (s.en_US = "en_US", s.cs = "cs", s.da = "da", s.nl = "nl", s.fi = "fi", s.fr = "fr", s.de = "de", s.it = "it", s.no = "no", s.pl = "pl", s.pt_PT = "pt_PT", s.es_ES = "es_ES", s.sv = "sv", s))(Zr || {}), Jt = /* @__PURE__ */ ((s) => (s.visible = "visible", s.invisible = "invisible", s.conditional = "conditional", s))(Jt || {}), Qr = /* @__PURE__ */ ((s) => (s.boolean = "boolean", s.text = "text", s.number = "number", s))(Qr || {}), Xr = /* @__PURE__ */ ((s) => (s.equals = "=", s.notEquals = "!=", s.greaterThan = ">", s.greaterThanOrEquals = ">=", s.lessThan = "<", s.lessThanOrEquals = "<=", s))(Xr || {});
+let tn = class {
   /**
    * @ignore
    */
@@ -1647,14 +1651,14 @@ let Xr = class {
     }, this.onAsyncError = (e) => {
       const r = JSON.parse(e);
       if ((r == null ? void 0 : r.type) === "dataRow") {
-        const n = new jr(
+        const n = new qr(
           r.count,
           r.message,
           r.exceptions
         );
         this.config.events.onAsyncError.trigger(n);
       } else if ((r == null ? void 0 : r.type) === "action") {
-        const n = new Wr(
+        const n = new jr(
           r.message,
           r.id,
           r.event,
@@ -1692,7 +1696,7 @@ class is {
   }
 }
 Ct = 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;
+var en = /* @__PURE__ */ ((s) => (s.FRAME_X = "frameX", s.FRAME_Y = "frameY", s.WIDTH = "width", s.HEIGHT = "height", s.FRAME_ROTATION = "frameRotation", s))(en || {}), sn = /* @__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))(sn || {}), 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 || {}), rn = /* @__PURE__ */ ((s) => (s.MP4 = "mp4", s.GIF = "gif", s.PNG = "png", s.JPG = "jpg", s.PDF = "pdf", s.HTML = "html", s))(rn || {}), ue = /* @__PURE__ */ ((s) => (s.SANDBOX = "sandbox", s.PRODUCTION = "online", s))(ue || {}), Ot;
 class os {
   /**
    * @ignore
@@ -1701,11 +1705,11 @@ class os {
     /**
      * @ignore
      */
-    u(this, Ft);
-    this.setTool = async (t) => (await a(this, Ft)).setTool(t).then((r) => i(r)), this.getSelected = async () => (await a(this, Ft)).getSelectedTool().then((e) => i(e)), this.setPointer = async () => this.setTool(K.SELECT), this.setSelect = async () => this.setTool(K.SELECT), this.setHand = async () => this.setTool(K.HAND), this.setZoom = async () => this.setTool(K.ZOOM), this.setTextFrame = async () => this.setTool(K.TEXT_FRAME), this.setImageFrame = async () => this.setTool(K.IMAGE_FRAME), this.setShapeRect = async () => this.setTool(K.SHAPE_RECT), this.setShapeEllipse = async () => this.setTool(K.SHAPE_ELLIPSE), this.setShapePolygon = async () => this.setTool(K.SHAPE_POLYGON), g(this, Ft, o);
+    u(this, Ot);
+    this.setTool = async (t) => (await a(this, Ot)).setTool(t).then((r) => i(r)), this.getSelected = async () => (await a(this, Ot)).getSelectedTool().then((e) => i(e)), this.setPointer = async () => this.setTool(K.SELECT), this.setSelect = async () => this.setTool(K.SELECT), this.setHand = async () => this.setTool(K.HAND), this.setZoom = async () => this.setTool(K.ZOOM), this.setTextFrame = async () => this.setTool(K.TEXT_FRAME), this.setImageFrame = async () => this.setTool(K.IMAGE_FRAME), this.setShapeRect = async () => this.setTool(K.SHAPE_RECT), this.setShapeEllipse = async () => this.setTool(K.SHAPE_ELLIPSE), this.setShapePolygon = async () => this.setTool(K.SHAPE_POLYGON), g(this, Ot, o);
   }
 }
-Ft = new WeakMap();
+Ot = new WeakMap();
 var Z, H, Wt;
 class cs {
   /**
@@ -1753,12 +1757,12 @@ class cs {
        * @returns
        */
       abort: async () => a(this, H).abort()
-    }, g(this, Z, o), g(this, Wt, t), g(this, H, new rn(o));
+    }, g(this, Z, o), g(this, Wt, t), g(this, H, new nn(o));
   }
 }
 Z = new WeakMap(), H = new WeakMap(), Wt = new WeakMap();
 var ct;
-class rn {
+class nn {
   /**
    * @ignore
    */
@@ -1771,7 +1775,7 @@ class rn {
   }
 }
 ct = new WeakMap();
-const nn = (s, o = 2) => {
+const an = (s, o = 2) => {
   const t = Math.pow(10, o);
   return Math.round(s * t) / t;
 };
@@ -1787,7 +1791,7 @@ class hs {
     u(this, jt);
     u(this, Et);
     this.round = (e, r) => i({
-      data: String(nn(e, r)),
+      data: String(an(e, r)),
       success: !0,
       status: 200,
       parsedData: null
@@ -1834,7 +1838,7 @@ class hs {
 }
 jt = new WeakMap(), Et = new WeakMap();
 var qt;
-class an {
+class on {
   constructor(o) {
     u(this, qt);
     this.setMinimum = async (t, e) => {
@@ -1870,7 +1874,7 @@ class an {
 }
 qt = new WeakMap();
 var Yt;
-class on {
+class cn {
   constructor(o) {
     u(this, Yt);
     this.setDisplayFormat = async (t, e) => {
@@ -1896,7 +1900,7 @@ class on {
   }
 }
 Yt = new WeakMap();
-var C, Ot, Lt, fs;
+var w, Lt, Dt, fs;
 let ls = (fs = class {
   /**
    * @ignore
@@ -1905,31 +1909,31 @@ let ls = (fs = class {
     /**
      * @ignore
      */
-    u(this, C);
-    u(this, Ot);
+    u(this, w);
     u(this, Lt);
-    this.getAll = async () => (await a(this, C)).getVariables().then((e) => i(e)).then((e) => {
+    u(this, Dt);
+    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, Lt, async (t, e) => (await a(this, w)).setVariablePlaceholder(t, e).then((n) => i(n))), this.setPlaceholder = async (t, e) => a(this, Lt).call(this, t, e), this.resetPlaceholder = async (t) => a(this, Lt).call(this, t, null), g(this, Dt, async (t, e) => (await a(this, w)).setVariableHelpText(t, e).then((n) => i(n))), this.setHelpText = async (t, e) => a(this, Dt).call(this, t, e), this.resetHelpText = async (t) => a(this, Dt).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)), this.highlightUsages = async (t) => (await a(this, w)).highlightVariableUsages(t).then((r) => i(r)), g(this, w, o), this.number = new on(a(this, w)), this.date = new cn(a(this, w));
   }
   makeVariablesBackwardsCompatible(o) {
     return o.map((t) => this.makeVariableBackwardsCompatible(t));
@@ -1954,11 +1958,11 @@ 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);
-class cn {
+}, w = new WeakMap(), Lt = new WeakMap(), Dt = new WeakMap(), fs);
+class hn {
   /**
    * @ignore
    */
@@ -1975,7 +1979,7 @@ class cn {
   }
 }
 var ht;
-class hn {
+class ln {
   /**
    * @ignore
    */
@@ -1987,12 +1991,12 @@ class hn {
     this.getAll = async () => (await a(this, ht)).getVariables().then((e) => i(e)), this.getById = async (t) => (await a(this, ht)).getVariableById(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, ht)).getVariableByName(t).then((r) => i(r)), this.setListVariable = async (t, e) => (await a(this, ht)).setListVariableItems(
       t,
       e.map((n) => JSON.stringify(n))
-    ).then((n) => i(n)), g(this, ht, o), this.image = new ln(o);
+    ).then((n) => i(n)), g(this, ht, o), this.image = new dn(o);
   }
 }
 ht = new WeakMap();
 var Q;
-class ln {
+class dn {
   constructor(o) {
     u(this, Q);
     this.setAllowQuery = async (t, e) => (await a(this, Q)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowUpload = async (t, e) => (await a(this, Q)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinUploadSize = async (t, e, r) => (await a(this, Q)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setConnector = async (t, e) => (await a(this, Q)).setImageVariableConnector(t, JSON.stringify(e)).then((n) => i(n)), this.setConnectorContext = async (t, e) => (await a(this, Q)).setImageVariableConnectorContext(t, JSON.stringify(e)).then((n) => i(n)), g(this, Q, o);
@@ -2000,7 +2004,7 @@ class ln {
 }
 Q = new WeakMap();
 var mt;
-class dn {
+class un {
   /**
    * @ignore
    */
@@ -2013,8 +2017,8 @@ class dn {
   }
 }
 mt = new WeakMap();
-var Dt, ee;
-class un {
+var Nt, ee;
+class gn {
   /**
    * @ignore
    */
@@ -2022,15 +2026,15 @@ class un {
     /**
      * @ignore
      */
-    u(this, Dt);
+    u(this, Nt);
     /**
      * @ignore
      */
     u(this, ee);
-    this.setWidth = async (t) => (await a(this, Dt)).setPageWidth(t).then((r) => i(r)), this.setHeight = async (t) => (await a(this, Dt)).setPageHeight(t).then((r) => i(r)), g(this, Dt, o), g(this, ee, o);
+    this.setWidth = async (t) => (await a(this, Nt)).setPageWidth(t).then((r) => i(r)), this.setHeight = async (t) => (await a(this, Nt)).setPageHeight(t).then((r) => i(r)), g(this, Nt, o), g(this, ee, o);
   }
 }
-Dt = new WeakMap(), ee = new WeakMap();
+Nt = new WeakMap(), ee = new WeakMap();
 class ds {
   /**
    * The next initiator is a split off on SDK level to tag next features
@@ -2038,7 +2042,7 @@ class ds {
    * @param config The configuration object where the SDK and editor can get configured
    */
   constructor(o, t, e) {
-    this.config = o, this.connection = t, this.editorAPI = e, this.subscriber = new cn(o), this.variable = new hn(this.editorAPI), this.connector = new dn(this.editorAPI), this.page = new un(this.editorAPI), this.canvas = new oe(this.editorAPI);
+    this.config = o, this.connection = t, this.editorAPI = e, this.subscriber = new hn(o), this.variable = new ln(this.editorAPI), this.connector = new un(this.editorAPI), this.page = new gn(this.editorAPI), this.canvas = new oe(this.editorAPI);
   }
 }
 class Ds {
@@ -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();
   }
@@ -2120,7 +2124,7 @@ class we {
    * @returns The runtime configuration object.
    */
   static createRuntimeConfig(o) {
-    var e, r, n, c, h, d, 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, O, P, W, j, bt, vt, Ce, me, fe, Se, be, ve, Ie, Ae, Pe, Fe, Oe, Ee, Le, De;
     const t = { ...o };
     return t.logging = {
       logLevel: ((e = o.logging) == null ? void 0 : e.logLevel) || x.error,
@@ -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,
         (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
+        (O = t.logging) == null ? void 0 : O.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
+        (bt = t.logging) == null ? void 0 : bt.logger
       ),
-      onColorsChanged: new w(
+      onColorsChanged: new C(
         () => t.onColorsChanged,
-        (bt = t.logging) == null ? void 0 : bt.logger
+        (vt = t.logging) == null ? void 0 : vt.logger
       ),
-      onParagraphStylesChanged: new w(
+      onParagraphStylesChanged: new C(
         () => t.onParagraphStylesChanged,
         (Ce = t.logging) == null ? void 0 : Ce.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
+        (Oe = t.logging) == null ? void 0 : Oe.logger
       ),
-      onAsyncError: new w(
+      onAsyncError: new C(
         () => t.onAsyncError,
-        (Oe = t.logging) == null ? void 0 : Oe.logger
+        (Ee = t.logging) == null ? void 0 : Ee.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
       )
@@ -2304,7 +2308,7 @@ class we {
     return t == x.info || t == x.warn && (o == x.warn || o == x.error) ? !0 : t == x.error && o == x.error;
   }
 }
-class gn {
+class yn {
   /**
    * Checks if the given value is a `DatePropertyWrapper`.
    *
@@ -2355,7 +2359,7 @@ class gn {
   }
 }
 var lt;
-class yn {
+class pn {
   /**
    * @ignore
    */
@@ -2398,8 +2402,8 @@ class yn {
   }
 }
 lt = new WeakMap();
-var Nt;
-class gs extends yn {
+var Mt;
+class gs extends pn {
   /**
    * @ignore
    */
@@ -2408,8 +2412,8 @@ class gs extends yn {
     /**
      * @ignore
      */
-    u(this, Nt);
-    g(this, Nt, e);
+    u(this, Mt);
+    g(this, Mt, e);
   }
   /**
    * This method returns the value for a given configuration key. If a value was not found in the configuration store,
@@ -2417,7 +2421,7 @@ class gs extends yn {
    * @returns value for a given configuration key
    */
   async getValue(t) {
-    const e = a(this, Nt).get(t);
+    const e = a(this, Mt).get(t);
     return e != null ? i(
       {
         status: 200,
@@ -2436,10 +2440,10 @@ class gs extends yn {
    */
   async setValue(t, e) {
     const r = super.setValue(t, e);
-    return a(this, Nt).set(t, e), r;
+    return a(this, Mt).set(t, e), r;
   }
 }
-Nt = new WeakMap();
+Mt = new WeakMap();
 var U;
 class ys {
   /**
@@ -2476,7 +2480,7 @@ class ps {
   }
 }
 ft = new WeakMap(), Zt = new WeakMap();
-var Mt;
+var St;
 class ws {
   /**
    * @ignore
@@ -2485,23 +2489,23 @@ class ws {
     /**
      * @ignore
      */
-    u(this, Mt);
-    this.linkVariable = async (t, e, r) => (await a(this, Mt)).linkComponentVariable(t, e, r, null).then((c) => i(c)), this.getComponentVariables = async (t) => (await a(this, Mt)).getComponentVariables(t).then((r) => i(r)), g(this, Mt, o);
+    u(this, St);
+    this.linkVariable = async (t, e, r) => (await a(this, St)).linkComponentVariable(t, e, r, null).then((c) => i(c)), this.getComponentVariables = async (t) => (await a(this, St)).getComponentVariables(t).then((r) => i(r)), this.setFitMode = async (t, e) => (await a(this, St)).setComponentLayoutFit(t, e).then((n) => i(n)), g(this, St, o);
   }
 }
-Mt = new WeakMap();
-const pn = "studio-cdn.chiligrafx.com", wn = `https://${pn}/editor/${Ss.current}/web`;
+St = new WeakMap();
+const wn = "studio-cdn.chiligrafx.com", Cn = `https://${wn}/editor/${Ss.current}/web`;
 let et;
-class Qn {
+class Xn {
   /**
    * The SDK should be configured clientside and it exposes all controllers to work with in other applications
    * @param config The configuration object where the SDK and editor can get configured
    */
   constructor(o) {
-    this.localConfig = /* @__PURE__ */ new Map(), this.dataItemMappingTools = new gn(), this.loadEditor = () => {
+    this.localConfig = /* @__PURE__ */ new Map(), this.dataItemMappingTools = new yn(), this.loadEditor = () => {
       var t;
       nr(
-        this.config.editorLink || wn,
+        this.config.editorLink || Cn,
         {
           onActionsChanged: this.subscriber.onActionsChanged,
           onStateChanged: this.subscriber.onStateChanged,
@@ -2570,110 +2574,111 @@ 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 = 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 tn(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 || {});
-const Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var mn = /* @__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))(mn || {}), fn = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s))(fn || {}), Sn = /* @__PURE__ */ ((s) => (s.easeIn = "easeIn", s.easeOut = "easeOut", s.easeInOut = "easeInOut", s))(Sn || {}), bn = /* @__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))(bn || {}), vn = /* @__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))(vn || {}), In = /* @__PURE__ */ ((s) => (s.preview = "preview", s.normal = "normal", s))(In || {}), An = /* @__PURE__ */ ((s) => (s.linear = "linear", s))(An || {}), Pn = /* @__PURE__ */ ((s) => (s.local = "linearLocal", s.linearBrandKit = "linearBrandKit", s))(Pn || {}), Fn = /* @__PURE__ */ ((s) => (s.Square = "square", s.Line = "line", s))(Fn || {}), On = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.highest = "highest", s.medium = "medium", s))(On || {}), En = /* @__PURE__ */ ((s) => (s.BOLD = "Bold", s.ITALIC = "Italic", s.REGULAR = "Regular", s))(En || {}), Ln = /* @__PURE__ */ ((s) => (s.LEFT = "left", s.CENTER = "center", s.RIGHT = "right", s.JUSTIFY = "justify", s))(Ln || {}), Dn = /* @__PURE__ */ ((s) => (s.TOP = "top", s.CENTER = "center", s.BOTTOM = "bottom", s))(Dn || {}), Nn = /* @__PURE__ */ ((s) => (s.TO_LOWER_CASE = "lowercase", s.TO_UPPER_CASE = "uppercase", s.NORMAL = "normal", s))(Nn || {}), Mn = /* @__PURE__ */ ((s) => (s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.NORMAL = "normal", s))(Mn || {}), xn = /* @__PURE__ */ ((s) => (s.none = "none", s.bullet = "bullet", s.number = "number", s))(xn || {}), Rn = /* @__PURE__ */ ((s) => (s.STYLE = "textStyle", s.PROPERTIES = "textProperties", s.APPEARANCE = "appearance", s))(Rn || {}), Vn = /* @__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))(Vn || {}), Jn = /* @__PURE__ */ ((s) => (s.arabic = "arabic", s.romanUpperCase = "romanUpperCase", s.romanLowerCase = "romanLowerCase", s.latinUpperCase = "latinUpperCase", s.latinLowerCase = "latinLowerCase", s))(Jn || {}), Gn = /* @__PURE__ */ ((s) => (s.none = "none", s.dash = "dash", s.dot = "dot", s.colon = "colon", s.roundBracket = "roundBracket", s))(Gn || {}), Bn = /* @__PURE__ */ ((s) => (s.selectedLayoutChanged = "selectedLayoutChanged", s.frameMoved = "frameMoved", s.pageSizeChanged = "pageSizeChanged", s.documentLoaded = "documentLoaded", s.variableValueChanged = "variableValueChanged", s))(Bn || {}), Un = /* @__PURE__ */ ((s) => (s.ellipse = "ellipse", s.rectangle = "rectangle", s.polygon = "polygon", s))(Un || {}), kn = /* @__PURE__ */ ((s) => (s.all = "all", s.only = "only", s.none = "none", s))(kn || {}), _n = /* @__PURE__ */ ((s) => (s.normal = "normal", s.textEdit = "textEdit", s.customCrop = "customCrop", s.frameSubjectArea = "frameSubjectArea", s.perAssetCrop = "perAssetCrop", s.gradient = "gradient", s))(_n || {}), Ns = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Ns || {});
+const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ConnectorRegistrationSource: Ns
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Wr as ActionAsyncError,
-  Gn as ActionEditorEvent,
-  On as Alignment,
-  Kr as AnchorTargetEdgeType,
-  $r as AnchorTargetType,
-  Or as AuthCredentialsTypeEnum,
+  jr as ActionAsyncError,
+  Bn as ActionEditorEvent,
+  Ln as Alignment,
+  zr as AnchorTargetEdgeType,
+  Kr as AnchorTargetType,
+  Er as AuthCredentialsTypeEnum,
   Lr as AuthRefreshTypeEnum,
-  Mr as AutoGrowDirection,
-  vt as BarcodeCharacterSet,
+  xr as AutoGrowDirection,
+  It as BarcodeCharacterSet,
   Rt as BarcodeErrorCorrectionLevel,
-  Vr as BarcodeSourceTypeEnum,
+  Jr as BarcodeSourceTypeEnum,
   $ as BarcodeType,
   lr as BarcodeValidationResult,
-  bn as BasicAnimationsEmphasisStyles,
-  Ur as BlendMode,
-  Dn as Case,
+  vn as BasicAnimationsEmphasisStyles,
+  kr as BlendMode,
+  Nn as Case,
   q as ColorType,
   ae as ColorUsageType,
-  Fn as ComponentPreviewType,
-  xr as ComponentSourceTypeEnum,
+  Mr as ComponentFitEnum,
+  On as ComponentPreviewType,
+  Rr as ComponentSourceTypeEnum,
   Ar as ConnectorConfigContextType,
   Ir as ConnectorConfigValueType,
-  Er as ConnectorEventType,
+  Or as ConnectorEventType,
   hr as ConnectorHttpError,
-  Hn as ConnectorMapping,
+  Tn as ConnectorMapping,
   Fr as ConnectorMappingDirection,
   Pr as ConnectorMappingSource,
   Vt as ConnectorRegistrationSource,
   he as ConnectorStateType,
   Sr as ConnectorType,
   yr as ConstraintMode,
-  Un as CornerRadiusType,
-  Es as CropType,
-  jr as DataRowAsyncError,
-  qr as Day,
+  kn as CornerRadiusType,
+  Os as CropType,
+  qr as DataRowAsyncError,
+  Yr as Day,
   ce as DeprecatedMediaConnectorDownloadType,
   Bt as DeprecatedMediaType,
   or as DocumentIssueTypeEnum,
   Ps as DocumentType,
-  sn as DownloadFormats,
-  fn as EaseTypes,
-  kn as EngineEditModeType,
+  rn as DownloadFormats,
+  Sn as EaseTypes,
+  _n as EngineEditModeType,
   ue as EnvironmentType,
-  kr as FitMode,
-  _r as FitModePosition,
-  Gr as FlowDirection,
-  Pn as FontPreviewFormat,
+  _r as FitMode,
+  Hr as FitModePosition,
+  Br as FlowDirection,
+  Fn as FontPreviewFormat,
   En as FontWeights,
-  jn as FrameAnchorTarget,
-  Tr as FrameAnchorType,
+  qn as FrameAnchorTarget,
+  $r as FrameAnchorType,
   ar as FrameEditingMode,
-  tn as FramePropertyNames,
-  Rr as FrameTypeEnum,
-  In as GradientType,
-  An as GradientUsageType,
-  $n as GrafxTokenAuthCredentials,
+  en as FramePropertyNames,
+  Vr as FrameTypeEnum,
+  An as GradientType,
+  Pn as GradientUsageType,
+  Kn as GrafxTokenAuthCredentials,
   te as ImageSourceTypeEnum,
   gr as LayoutIntent,
-  en as LayoutPropertyNames,
+  sn as LayoutPropertyNames,
   ur as LayoutType,
-  Yr as Locale,
-  Mn as MarkedListType,
+  Zr as Locale,
+  xn as MarkedListType,
   dr as MeasurementUnit,
-  Os as MediaDownloadIntent,
+  Es as MediaDownloadIntent,
   de as MediaDownloadType,
   Ut as MediaType,
-  Xn as Next,
-  Vn as NumberListFormat,
-  Jn as NumberListSeparatorSymbol,
-  Wn as PageAnchorTarget,
+  ta as Next,
+  Jn as NumberListFormat,
+  Gn as NumberListSeparatorSymbol,
+  jn as PageAnchorTarget,
   X as PositionEnum,
-  Kn as RefreshedAuthCredendentials,
-  Nn as Scripting,
-  xn as SelectedTextStyleSections,
-  Rn as SelectedTextStyles,
-  mn as ShakeDirections,
-  Bn as ShapeType,
-  Cn as SlideDirections,
+  zn as RefreshedAuthCredendentials,
+  Mn as Scripting,
+  Rn as SelectedTextStyleSections,
+  Vn as SelectedTextStyles,
+  fn as ShakeDirections,
+  Un as ShapeType,
+  mn as SlideDirections,
   br as SortBy,
   vr as SortOrder,
-  Jr as TextDirection,
-  Ln as TextPosition,
+  Gr as TextDirection,
+  Dn as TextPosition,
   K as ToolType,
-  Sn as TweenTypes,
-  Hr as UpdateZIndexMethod,
+  bn as TweenTypes,
+  Tr as UpdateZIndexMethod,
   Dr as UploadAssetValidationError,
   Fs as UploadAssetValidationErrorType,
   pe as VariableType,
-  Qr as VariableVisibilityOperator,
-  Zr as VariableVisibilityTargetType,
+  Xr as VariableVisibilityOperator,
+  Qr as VariableVisibilityTargetType,
   Jt as VariableVisibilityType,
-  Br as VerticalAlign,
-  vn as ViewMode,
+  Ur as VerticalAlign,
+  In as ViewMode,
   tt as WellKnownConfigurationKeys,
-  Qn as default,
-  Tn as grafxMediaConnectorRegistration
+  Xn as default,
+  $n as grafxMediaConnectorRegistration
 };
 //# sourceMappingURL=main.es.js.map