@chili-publish/studio-sdk 1.33.0 → 1.35.0

package/_bundles/main.es.js

@@ -1,34 +1,34 @@
-var Fe = (s) => {
+var Me = (s) => {
   throw TypeError(s);
 };
-var Ee = (s, o, t) => o.has(s) || Fe("Cannot " + t);
-var a = (s, o, t) => (Ee(s, o, "read from private field"), t ? t.call(s) : o.get(s)), u = (s, o, t) => o.has(s) ? Fe("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, t), g = (s, o, t, e) => (Ee(s, o, "write to private field"), e ? e.call(s, t) : o.set(s, t), t);
-const Ps = "2.16.latest", us = {
-  current: Ps
-}, Fs = "1.33.0", gs = {
-  version: Fs
+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 = {
+  current: Ms
+}, xs = "1.35.0", bs = {
+  version: xs
 };
-var $;
+var z;
 (function(s) {
   s.Call = "call", s.Reply = "reply", s.Syn = "syn", s.SynAck = "synAck", s.Ack = "ack";
-})($ || ($ = {}));
-var dt;
+})(z || (z = {}));
+var ut;
 (function(s) {
   s.Fulfilled = "fulfilled", s.Rejected = "rejected";
-})(dt || (dt = {}));
-var Rt;
+})(ut || (ut = {}));
+var Gt;
 (function(s) {
   s.ConnectionDestroyed = "ConnectionDestroyed", s.ConnectionTimeout = "ConnectionTimeout", s.NoIframeSrc = "NoIframeSrc";
-})(Rt || (Rt = {}));
-var Xt;
+})(Gt || (Gt = {}));
+var ne;
 (function(s) {
   s.DataCloneError = "DataCloneError";
-})(Xt || (Xt = {}));
-var lt;
+})(ne || (ne = {}));
+var dt;
 (function(s) {
   s.Message = "message";
-})(lt || (lt = {}));
-const Es = (s, o) => {
+})(dt || (dt = {}));
+const Rs = (s, o) => {
   const t = [];
   let e = !1;
   return {
@@ -41,135 +41,135 @@ const Es = (s, o) => {
       e ? r() : t.push(r);
     }
   };
-}, Ls = (s) => (...o) => {
+}, Vs = (s) => (...o) => {
   s && console.log("[Penpal]", ...o);
-}, Os = {
+}, Js = {
   "http:": "80",
   "https:": "443"
-}, Ds = /^(https?:)?\/\/([^/:]+)?(:(\d+))?/, Ns = ["file:", "data:"], Ms = (s) => {
-  if (s && Ns.find((d) => s.startsWith(d)))
+}, Gs = /^(https?:)?\/\/([^/:]+)?(:(\d+))?/, Bs = ["file:", "data:"], Us = (s) => {
+  if (s && Bs.find((h) => s.startsWith(h)))
     return "null";
-  const o = document.location, t = Ds.exec(s);
+  const o = document.location, t = Gs.exec(s);
   let e, r, n;
   t ? (e = t[1] ? t[1] : o.protocol, r = t[2], n = t[4]) : (e = o.protocol, r = o.hostname, n = o.port);
-  const c = n && n !== Os[e] ? `:${n}` : "";
+  const c = n && n !== Js[e] ? `:${n}` : "";
   return `${e}//${r}${c}`;
-}, Le = ({ name: s, message: o, stack: t }) => ({
+}, Re = ({ name: s, message: o, stack: t }) => ({
   name: s,
   message: o,
   stack: t
-}), xs = (s) => {
+}), ks = (s) => {
   const o = new Error();
   return Object.keys(s).forEach((t) => o[t] = s[t]), o;
-}, Rs = (s, o, t) => {
-  const { localName: e, local: r, remote: n, originForSending: c, originForReceiving: d } = s;
-  let h = !1;
+}, _s = (s, o, t) => {
+  const { localName: e, local: r, remote: n, originForSending: c, originForReceiving: h } = s;
+  let l = !1;
   const p = (y) => {
-    if (y.source !== n || y.data.penpal !== $.Call)
+    if (y.source !== n || y.data.penpal !== z.Call)
       return;
-    if (y.origin !== d) {
-      t(`${e} received message from origin ${y.origin} which did not match expected origin ${d}`);
+    if (y.origin !== h) {
+      t(`${e} received message from origin ${y.origin} which did not match expected origin ${h}`);
       return;
     }
-    const I = y.data, { methodName: S, args: b, id: A } = I;
-    t(`${e}: Received ${S}() call`);
-    const v = (f) => (M) => {
-      if (t(`${e}: Sending ${S}() reply`), h) {
-        t(`${e}: Unable to send ${S}() reply due to destroyed connection`);
+    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) {
+        t(`${e}: Unable to send ${f}() reply due to destroyed connection`);
         return;
       }
       const E = {
-        penpal: $.Reply,
+        penpal: z.Reply,
         id: A,
-        resolution: f,
+        resolution: S,
         returnValue: M
       };
-      f === dt.Rejected && M instanceof Error && (E.returnValue = Le(M), E.returnValueIsError = !0);
+      S === ut.Rejected && M instanceof Error && (E.returnValue = Re(M), E.returnValueIsError = !0);
       try {
         n.postMessage(E, c);
       } catch (P) {
-        if (P.name === Xt.DataCloneError) {
-          const z = {
-            penpal: $.Reply,
+        if (P.name === ne.DataCloneError) {
+          const W = {
+            penpal: z.Reply,
             id: A,
-            resolution: dt.Rejected,
-            returnValue: Le(P),
+            resolution: ut.Rejected,
+            returnValue: Re(P),
             returnValueIsError: !0
           };
-          n.postMessage(z, c);
+          n.postMessage(W, c);
         }
         throw P;
       }
     };
-    new Promise((f) => f(o[S].apply(o, b))).then(v(dt.Fulfilled), v(dt.Rejected));
+    new Promise((S) => S(o[f].apply(o, b))).then(I(ut.Fulfilled), I(ut.Rejected));
   };
-  return r.addEventListener(lt.Message, p), () => {
-    h = !0, r.removeEventListener(lt.Message, p);
+  return r.addEventListener(dt.Message, p), () => {
+    l = !0, r.removeEventListener(dt.Message, p);
   };
 };
-let Vs = 0;
-const Gs = () => ++Vs, ys = ".", ps = (s) => s ? s.split(ys) : [], Bs = (s) => s.join(ys), Js = (s, o) => {
-  const t = ps(o || "");
-  return t.push(s), Bs(t);
-}, ks = (s, o, t) => {
-  const e = ps(o);
+let Hs = 0;
+const Ts = () => ++Hs, vs = ".", Is = (s) => s ? s.split(vs) : [], $s = (s) => s.join(vs), Ks = (s, o) => {
+  const t = Is(o || "");
+  return t.push(s), $s(t);
+}, zs = (s, o, t) => {
+  const e = Is(o);
   return e.reduce((r, n, c) => (typeof r[n] > "u" && (r[n] = {}), c === e.length - 1 && (r[n] = t), r[n]), s), s;
-}, Cs = (s, o) => {
+}, As = (s, o) => {
   const t = {};
   return Object.keys(s).forEach((e) => {
-    const r = s[e], n = Js(e, o);
-    typeof r == "object" && Object.assign(t, Cs(r, n)), typeof r == "function" && (t[n] = r);
+    const r = s[e], n = Ks(e, o);
+    typeof r == "object" && Object.assign(t, As(r, n)), typeof r == "function" && (t[n] = r);
   }), t;
-}, Us = (s) => {
+}, Ws = (s) => {
   const o = {};
   for (const t in s)
-    ks(o, t, s[t]);
+    zs(o, t, s[t]);
   return o;
-}, _s = (s, o, t, e, r) => {
-  const { localName: n, local: c, remote: d, originForSending: h, originForReceiving: p } = o;
+}, js = (s, o, t, e, r) => {
+  const { localName: n, local: c, remote: h, originForSending: l, originForReceiving: p } = o;
   let y = !1;
   r(`${n}: Connecting call sender`);
-  const I = (b) => (...A) => {
+  const v = (b) => (...A) => {
     r(`${n}: Sending ${b}() call`);
-    let v;
+    let I;
     try {
-      d.closed && (v = !0);
+      h.closed && (I = !0);
     } catch {
-      v = !0;
+      I = !0;
     }
-    if (v && e(), y) {
-      const f = new Error(`Unable to send ${b}() call due to destroyed connection`);
-      throw f.code = Rt.ConnectionDestroyed, f;
+    if (I && e(), y) {
+      const S = new Error(`Unable to send ${b}() call due to destroyed connection`);
+      throw S.code = Gt.ConnectionDestroyed, S;
     }
-    return new Promise((f, M) => {
-      const E = Gs(), P = (W) => {
-        if (W.source !== d || W.data.penpal !== $.Reply || W.data.id !== E)
+    return new Promise((S, M) => {
+      const E = Ts(), P = (j) => {
+        if (j.source !== h || j.data.penpal !== z.Reply || j.data.id !== E)
           return;
-        if (W.origin !== p) {
-          r(`${n} received message from origin ${W.origin} which did not match expected origin ${p}`);
+        if (j.origin !== p) {
+          r(`${n} received message from origin ${j.origin} which did not match expected origin ${p}`);
           return;
         }
-        const wt = W.data;
-        r(`${n}: Received ${b}() reply`), c.removeEventListener(lt.Message, P);
-        let ft = wt.returnValue;
-        wt.returnValueIsError && (ft = xs(ft)), (wt.resolution === dt.Fulfilled ? f : M)(ft);
+        const St = 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);
       };
-      c.addEventListener(lt.Message, P);
-      const z = {
-        penpal: $.Call,
+      c.addEventListener(dt.Message, P);
+      const W = {
+        penpal: z.Call,
         id: E,
         methodName: b,
         args: A
       };
-      d.postMessage(z, h);
+      h.postMessage(W, l);
     });
-  }, S = t.reduce((b, A) => (b[A] = I(A), b), {});
-  return Object.assign(s, Us(S)), () => {
+  }, f = t.reduce((b, A) => (b[A] = v(A), b), {});
+  return Object.assign(s, Ws(f)), () => {
     y = !0;
   };
-}, Hs = (s, o, t, e, r) => {
+}, qs = (s, o, t, e, r) => {
   const { destroy: n, onDestroy: c } = e;
-  let d, h;
+  let h, l;
   const p = {};
   return (y) => {
     if (y.origin !== o) {
@@ -177,117 +177,188 @@ const Gs = () => ++Vs, ys = ".", ps = (s) => s ? s.split(ys) : [], Bs = (s) => s
       return;
     }
     r("Parent: Handshake - Received ACK");
-    const I = {
+    const v = {
       localName: "Parent",
       local: window,
       remote: y.source,
       originForSending: t,
       originForReceiving: o
     };
-    d && d(), d = Rs(I, s, r), c(d), h && h.forEach((b) => {
+    h && h(), h = _s(v, s, r), c(h), l && l.forEach((b) => {
       delete p[b];
-    }), h = y.data.methodNames;
-    const S = _s(p, I, h, n, r);
-    return c(S), p;
+    }), l = y.data.methodNames;
+    const f = js(p, v, l, n, r);
+    return c(f), p;
   };
-}, Ts = (s, o, t, e) => (r) => {
+}, Ys = (s, o, t, e) => (r) => {
   if (r.origin !== t) {
     s(`Parent: Handshake - Received SYN message from origin ${r.origin} which did not match expected origin ${t}`);
     return;
   }
   s("Parent: Handshake - Received SYN, responding with SYN-ACK");
   const n = {
-    penpal: $.SynAck,
+    penpal: z.SynAck,
     methodNames: Object.keys(o)
   };
   r.source.postMessage(n, e);
-}, Ks = 6e4, $s = (s, o) => {
+}, Zs = 6e4, Qs = (s, o) => {
   const { destroy: t, onDestroy: e } = o, r = setInterval(() => {
     s.isConnected || (clearInterval(r), t());
-  }, Ks);
+  }, Zs);
   e(() => {
     clearInterval(r);
   });
-}, zs = (s, o) => {
+}, Xs = (s, o) => {
   let t;
   return s !== void 0 && (t = window.setTimeout(() => {
     const e = new Error(`Connection timed out after ${s}ms`);
-    e.code = Rt.ConnectionTimeout, o(e);
+    e.code = Gt.ConnectionTimeout, o(e);
   }, s)), () => {
     clearTimeout(t);
   };
-}, Ws = (s) => {
+}, tr = (s) => {
   if (!s.src && !s.srcdoc) {
     const o = new Error("Iframe must have src or srcdoc property defined.");
-    throw o.code = Rt.NoIframeSrc, o;
+    throw o.code = Gt.NoIframeSrc, o;
   }
-}, js = (s) => {
+}, er = (s) => {
   let { iframe: o, methods: t = {}, childOrigin: e, timeout: r, debug: n = !1 } = s;
-  const c = Ls(n), d = Es("Parent", c), { onDestroy: h, destroy: p } = d;
-  e || (Ws(o), e = Ms(o.src));
-  const y = e === "null" ? "*" : e, I = Cs(t), S = Ts(c, I, e, y), b = Hs(I, e, y, d, c);
+  const c = Vs(n), h = Rs("Parent", c), { onDestroy: l, 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 {
-    promise: new Promise((v, f) => {
-      const M = zs(r, p), E = (P) => {
+    promise: new Promise((I, S) => {
+      const M = Xs(r, p), E = (P) => {
         if (!(P.source !== o.contentWindow || !P.data)) {
-          if (P.data.penpal === $.Syn) {
-            S(P);
+          if (P.data.penpal === z.Syn) {
+            f(P);
             return;
           }
-          if (P.data.penpal === $.Ack) {
-            const z = b(P);
-            z && (M(), v(z));
+          if (P.data.penpal === z.Ack) {
+            const W = b(P);
+            W && (M(), I(W));
             return;
           }
         }
       };
-      window.addEventListener(lt.Message, E), c("Parent: Awaiting handshake"), $s(o, d), h((P) => {
-        window.removeEventListener(lt.Message, E), P && f(P);
+      window.addEventListener(dt.Message, E), c("Parent: Awaiting handshake"), Qs(o, h), l((P) => {
+        window.removeEventListener(dt.Message, E), P && S(P);
       });
     }),
     destroy() {
       p();
     }
   };
-}, qs = (s) => {
+}, sr = (s) => {
   const o = new RegExp(/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w.-]+)+[\w]+\/$/);
   let t = "";
   return o.test(s) ? t = s : s.indexOf("/index.html") > -1 ? t = s.replace("/index.html", "/") : s.charAt(-1) !== "/" && (t = `${s}/`), t;
-}, Ys = (s, o, t) => {
-  const e = qs(o), n = `<html>
-        <head>
-            <base href="/" />
+}, rr = (s, o, t) => {
+  const e = sr(o), n = `<html>
+    <head>
+        <base href="/" />
             <meta charset="UTF-8"/>
-            <!--  use this property to pass the StudioStyling to the engine -->
+        <!--  use this property to pass the StudioStyling to the engine -->
             <meta name="studio-styling" content='${JSON.stringify(t || {})}'>
-        </head>
-        <body>
-            <script>                
-            <\/script>
-            <script src="${e}init.js" async><\/script>
-            <script src="${e}flutter_bootstrap.js"><\/script>
-            <script>
-                initializeStudioEngine({
-                    assetBase: '${e}',
-                });
-            <\/script>
-        </body>
-        </html>
-    `;
+    </head>
+    <body>
+        <script>
+            const handleIframeError = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: {
+                                message: event.message,
+                                filename: event.filename,
+                                lineno: event.lineno,
+                                colno: event.colno,
+                                error: event.error?.toString(),
+                            },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            const handleUnhandledRejection = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            window.addEventListener('error', handleIframeError);
+            window.addEventListener('unhandledrejection', handleUnhandledRejection);
+        <\/script>
+        <script src="${e}init.js" async><\/script>
+        <script src="${e}flutter_bootstrap.js"><\/script>
+        <script>
+             try {
+                    if(!window?.initializeStudioEngine){
+                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');
+                    }
+                    initializeStudioEngine({
+                        assetBase: '${e}',
+                    });
+                } catch(error) {
+                    if (window.parent && window.parent !== window) {
+                        window.parent.postMessage({
+                            type: 'iframe-error',
+                            error: {
+                                message: error?.message || 'Error initializing studio engine',
+                                error: error?.toString()
+                            }
+                        }, window.location.ancestorOrigins[0] || window.location.origin);
+                    }
+                    throw error;
+                } finally {
+                    window.removeEventListener('error', handleIframeError);
+                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);
+                }
+        <\/script>
+    </body>
+</html>`;
   s.srcdoc = n;
-}, Zs = (s, o, t, e = "chili-editor", r) => {
-  const n = `#${e}`, c = document.createElement("iframe");
-  c.setAttribute("srcdoc", " "), c.setAttribute("title", "Chili-Editor"), c.setAttribute("style", "width: 100%; height: 100%;"), c.setAttribute("frameBorder", "0"), c.setAttribute("referrerpolicy", "origin");
-  const d = () => {
-    const h = document.querySelector(n);
-    h && (h == null || h.appendChild(c), Ys(c, s, r));
+};
+let Qt = null;
+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 p = document.querySelector(c);
+    if (p) {
+      p == null || p.appendChild(h), h.addEventListener(
+        "error",
+        () => {
+          const y = new Error("Failed to setup frame: iframe failed to load");
+          n == null || n(y);
+        },
+        { capture: !0, once: !0 }
+      );
+      try {
+        rr(h, s, r);
+      } catch (y) {
+        y instanceof Error ? n == null || n(y) : n == null || n(new Error(`Failed to setup frame: ${y}`));
+      }
+    }
   };
-  document.readyState === "complete" || document.readyState === "interactive" ? d() : document.addEventListener("DOMContentLoaded", () => {
-    d();
-  }), t(
-    js({
+  document.readyState === "complete" || document.readyState === "interactive" ? l() : document.addEventListener("DOMContentLoaded", () => {
+    l();
+  }), Qt = (p) => {
+    var y;
+    if (p.source === h.contentWindow && ((y = p.data) == null ? void 0 : y.type) === "iframe-error") {
+      const v = p.data.error, f = new Error(v.message || "Failed to setup frame: error in iframe");
+      n == null || n(f);
+    }
+  }, window.addEventListener("message", Qt), t(
+    er({
       // The iframe to which a connection should be made
-      iframe: c,
+      iframe: h,
       // All the methods that we want to expose to the child should be inside the methods object
       // f.e. stateChange(documentJson)
       methods: {
@@ -336,8 +407,8 @@ const Gs = () => ++Vs, ys = ".", ps = (s) => s ? s.split(ys) : [], Bs = (s) => s
     })
   );
 };
-var X = /* @__PURE__ */ ((s) => (s.GraFxStudioEnvironmentApiUrl = "ENVIRONMENT_API", s.GraFxStudioSdkVersion = "SDK_VERSION", s.GraFxStudioDocumentType = "DOCUMENT_TYPE", s.GraFxStudioTemplateId = "TEMPLATE_ID", s.GraFxStudioAuthToken = "GRAFX_AUTH_TOKEN", s.QueryCallCacheEnabled = "ENABLE_QUERY_CALL_CACHE", s))(X || {});
-const Qs = {
+var tt = /* @__PURE__ */ ((s) => (s.GraFxStudioEnvironmentApiUrl = "ENVIRONMENT_API", s.GraFxStudioSdkVersion = "SDK_VERSION", s.GraFxStudioDocumentType = "DOCUMENT_TYPE", s.GraFxStudioTemplateId = "TEMPLATE_ID", s.GraFxStudioAuthToken = "GRAFX_AUTH_TOKEN", s.QueryCallCacheEnabled = "ENABLE_QUERY_CALL_CACHE", s))(tt || {}), ar = /* @__PURE__ */ ((s) => (s.full = "full", s.followConstraints = "followConstraints", s))(ar || {});
+const ir = {
   shortcutOptions: {
     debugPanel: { enabled: !1 },
     ellipse: { enabled: !1 },
@@ -350,26 +421,28 @@ const Qs = {
     zoom: { enabled: !1 },
     copyPaste: { enabled: !1 },
     viewMode: { enabled: !1 }
-  }
+  },
+  frameEditingMode: "full"
+  /* full */
 };
-var Xs = /* @__PURE__ */ ((s) => (s.overflow = "overflow", s.fontLoading = "fontLoading", s.actionRegister = "actionRegister", s.actionExecution = "actionExecution", s.actionCircular = "actionCircular", s))(Xs || {}), ms = /* @__PURE__ */ ((s) => (s.project = "project", s.template = "template", s.component = "component", s))(ms || {});
-const tr = 404075;
-function ws(s) {
+var or = /* @__PURE__ */ ((s) => (s.overflow = "overflow", s.fontLoading = "fontLoading", s.actionRegister = "actionRegister", s.actionExecution = "actionExecution", s.actionCircular = "actionCircular", s))(or || {}), Ps = /* @__PURE__ */ ((s) => (s.project = "project", s.template = "template", s.component = "component", s))(Ps || {});
+const cr = 404075;
+function ge(s) {
   const o = s.error ?? "Yikes, something went wrong", t = {
     cause: {
       name: String(s.status),
       message: s.error ?? "Yikes, something went wrong"
     }
   };
-  if (s.status === tr) {
+  if (s.status === cr) {
     const r = JSON.parse(s.data).statusCode;
-    throw new er(r, o, t);
+    throw new hr(r, o, t);
   } else
     throw new Error(o, t);
 }
 function i(s, o = !0) {
   try {
-    s.success || ws(s);
+    s.success || ge(s);
     const t = s.data && o;
     return {
       ...s,
@@ -379,13 +452,13 @@ function i(s, o = !0) {
     throw console.error(t), t;
   }
 }
-class er extends Error {
+class hr extends Error {
   constructor(o, t, e) {
     super(t, e), this.statusCode = o;
   }
 }
 var N;
-class Oe {
+class Ve {
   /**
    * @ignore
    */
@@ -398,8 +471,8 @@ class Oe {
   }
 }
 N = new WeakMap();
-var O;
-class De {
+var L;
+class Je {
   /**
    * @ignore
    */
@@ -407,15 +480,15 @@ class De {
     /**
      * @ignore
      */
-    u(this, O);
-    this.getAllOnSelectedLayout = async () => (await a(this, O)).getAnimationsOnSelectedLayout().then((e) => i(e)), this.getByFrameId = async (t, e) => (await a(this, O)).getAnimationByFrameId(t, e).then((n) => i(n)), this.getByLayoutId = async (t) => (await a(this, O)).getAnimationsByLayoutId(t).then((r) => i(r)), this.setFrameAnimation = async (t) => (await a(this, O)).setFrameAnimation(JSON.stringify(t)).then(
+    u(this, L);
+    this.getAllOnSelectedLayout = async () => (await a(this, L)).getAnimationsOnSelectedLayout().then((e) => i(e)), this.getByFrameId = async (t, e) => (await a(this, L)).getAnimationByFrameId(t, e).then((n) => i(n)), this.getByLayoutId = async (t) => (await a(this, L)).getAnimationsByLayoutId(t).then((r) => i(r)), this.setFrameAnimation = async (t) => (await a(this, L)).setFrameAnimation(JSON.stringify(t)).then(
       (r) => i({ ...r, data: JSON.stringify(t) })
-    ), this.play = async () => (await a(this, O)).playAnimation().then((e) => i(e)), this.pause = async () => (await a(this, O)).pauseAnimation().then((e) => i(e)), this.setScrubberPosition = async (t) => (await a(this, O)).setScrubberPosition(t).then((r) => i(r)), this.setDuration = async (t) => (await a(this, O)).setAnimationDuration(t).then((r) => i(r)), this.resetFrameAnimation = async (t) => (await a(this, O)).resetFrameAnimation(t).then((r) => i(r)), this.reset = async () => (await a(this, O)).resetAnimation().then((e) => i(e)), g(this, O, o);
+    ), this.play = async () => (await a(this, L)).playAnimation().then((e) => i(e)), this.pause = async () => (await a(this, L)).pauseAnimation().then((e) => i(e)), this.setScrubberPosition = async (t) => (await a(this, L)).setScrubberPosition(t).then((r) => i(r)), this.setDuration = async (t) => (await a(this, L)).setAnimationDuration(t).then((r) => i(r)), this.resetFrameAnimation = async (t) => (await a(this, L)).resetFrameAnimation(t).then((r) => i(r)), this.reset = async () => (await a(this, L)).resetAnimation().then((e) => i(e)), g(this, L, o);
   }
 }
-O = new WeakMap();
-var T = /* @__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))(T || {}), Nt = /* @__PURE__ */ ((s) => (s.low = "low", s.medium = "medium", s.quartile = "quartile", s.high = "high", s))(Nt || {}), St = /* @__PURE__ */ ((s) => (s.utf8 = "utf8", s.iso8859_1 = "iso8859_1", s.code128a = "code128a", s.code128b = "code128b", s.code128c = "code128c", s))(St || {}), sr = /* @__PURE__ */ ((s) => (s.success = "success", s.empty = "empty", s.invalidLength = "invalidLength", s.invalidCharacters = "invalidCharacters", s.invalidChecksum = "invalidChecksum", s.invalidUPCE = "invalidUPCE", s.otherError = "otherError", s))(sr || {}), Q = /* @__PURE__ */ ((s) => (s.top = "top", s.right = "right", s.bottom = "bottom", s.left = "left", s))(Q || {}), rr = /* @__PURE__ */ ((s) => (s.top = "top", s.child = "child", s))(rr || {}), nr = /* @__PURE__ */ ((s) => (s.px = "px", s.mm = "mm", s.cm = "cm", s.inch = "inch", s.pt = "pt", s))(nr || {}), ar = /* @__PURE__ */ ((s) => (s.print = "print", s.digitalStatic = "digitalStatic", s.digitalAnimated = "digitalAnimated", s))(ar || {}), ir = /* @__PURE__ */ ((s) => (s.locked = "locked", s.range = "range", s.none = "none", s))(ir || {}), U;
-class Ne {
+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;
+class Ge {
   /**
    * @ignore
    */
@@ -423,8 +496,8 @@ class Ne {
     /**
      * @ignore
      */
-    u(this, U);
-    this.setBarcodeProperties = async (t, e) => (await a(this, U)).setBarcodeProperties(t, JSON.stringify(e)).then((n) => i(n)), this.setEnableBackground = async (t, e) => {
+    u(this, k);
+    this.setBarcodeProperties = async (t, e) => (await a(this, k)).setBarcodeProperties(t, JSON.stringify(e)).then((n) => i(n)), this.setEnableBackground = async (t, e) => {
       const r = { enableBackground: e };
       return this.setBarcodeProperties(t, r);
     }, this.setBackgroundColor = async (t, e) => {
@@ -436,7 +509,7 @@ class Ne {
     }, this.setBarColor = async (t, e) => {
       const r = { barColor: e };
       return this.setBarcodeProperties(t, r);
-    }, this.setBarcodeSource = async (t, e) => (await a(this, U)).setBarcodeSource(t, JSON.stringify(e)).then((n) => i(n)), this.removeBarcodeSource = async (t) => (await a(this, U)).setBarcodeSource(t, null).then((r) => i(r)), this.setEnableText = async (t, e) => {
+    }, this.setBarcodeSource = async (t, e) => (await a(this, k)).setBarcodeSource(t, JSON.stringify(e)).then((n) => i(n)), this.removeBarcodeSource = async (t) => (await a(this, k)).setBarcodeSource(t, null).then((r) => i(r)), this.setEnableText = async (t, e) => {
       const r = { enableText: e };
       return this.setBarcodeProperties(t, r);
     }, this.setBarHeight = async (t, e) => {
@@ -447,52 +520,52 @@ class Ne {
       return this.setBarcodeProperties(t, r);
     }, this.setQuietZoneValue = async (t, e, r) => {
       const n = r ? {
-        left: r === Q.left ? e : void 0,
-        top: r === Q.top ? e : void 0,
-        right: r === Q.right ? e : void 0,
-        bottom: r === Q.bottom ? e : void 0
+        left: r === X.left ? e : void 0,
+        top: r === X.top ? e : void 0,
+        right: r === X.right ? e : void 0,
+        bottom: r === X.bottom ? e : void 0
       } : { left: e, top: e, right: e, bottom: e };
-      return (await a(this, U)).setBarcodeProperties(t, JSON.stringify({ quietZone: n })).then((d) => i(d));
+      return (await a(this, k)).setBarcodeProperties(t, JSON.stringify({ quietZone: n })).then((h) => i(h));
     }, this.setAreQuietZoneValuesCombined = async (t, e) => {
       const r = { areQuietZoneValuesCombined: e };
-      return (await a(this, U)).setBarcodeProperties(t, JSON.stringify({ quietZone: r })).then((c) => i(c));
-    }, this.setErrorCorrectionLevel = async (t, e) => (await a(this, U)).setBarcodeProperties(t, JSON.stringify({ errorCorrectionLevel: e })).then((n) => i(n)), this.setCharacterSet = async (t, e) => (await a(this, U)).setBarcodeProperties(t, JSON.stringify({ characterSet: e })).then((n) => i(n)), this.setDrawLightMarginIndicator = async (t, e) => {
+      return (await a(this, k)).setBarcodeProperties(t, JSON.stringify({ quietZone: r })).then((c) => i(c));
+    }, this.setErrorCorrectionLevel = async (t, e) => (await a(this, k)).setBarcodeProperties(t, JSON.stringify({ errorCorrectionLevel: e })).then((n) => i(n)), this.setCharacterSet = async (t, e) => (await a(this, k)).setBarcodeProperties(t, JSON.stringify({ characterSet: e })).then((n) => i(n)), this.setDrawLightMarginIndicator = async (t, e) => {
       const r = { drawStartStopChars: e };
       return this.setBarcodeProperties(t, r);
     }, this.setDrawStartStopChars = async (t, e) => {
       const r = { drawStartStopChars: e };
       return this.setBarcodeProperties(t, r);
     }, this.getBarcodeConfigationOptions = (t) => {
-      let e = !0, r = !0, n = !0, c, d, h = !1, p = !1, y = !1;
+      let e = !0, r = !0, n = !0, c, h, l = !1, p = !1, y = !1;
       switch (t) {
-        case T.qr:
-          c = [St.iso8859_1, St.utf8], d = [
-            Nt.low,
-            Nt.medium,
-            Nt.quartile,
-            Nt.high
+        case $.qr:
+          c = [vt.iso8859_1, vt.utf8], h = [
+            Rt.low,
+            Rt.medium,
+            Rt.quartile,
+            Rt.high
           ];
-        case T.dataMatrix:
-          e = !1, r = !1, n = !1, h = !0;
+        case $.dataMatrix:
+          e = !1, r = !1, n = !1, l = !0;
           break;
-        case T.ean13:
+        case $.ean13:
           e = !1, p = !0;
           break;
-        case T.ean8:
+        case $.ean8:
           p = !0;
-        case T.upca:
-        case T.upce:
+        case $.upca:
+        case $.upce:
           e = !1;
           break;
-        case T.code128:
-        case T.gs1128:
+        case $.code128:
+        case $.gs1128:
           c = [
-            St.code128a,
-            St.code128b,
-            St.code128c
+            vt.code128a,
+            vt.code128b,
+            vt.code128c
           ];
           break;
-        case T.code39:
+        case $.code39:
           y = !0;
           break;
       }
@@ -501,47 +574,47 @@ class Ne {
         allowBarHeight: r,
         allowQuietZone: !0,
         allowedCharacterSets: c,
-        allowedErrorCorrectionLevels: d,
+        allowedErrorCorrectionLevels: h,
         allowToggleText: e,
-        quietZoneAlwaysCombined: h,
+        quietZoneAlwaysCombined: l,
         allowToggleLightMarginIndicator: p,
         allowToggleDrawStartAndEndChar: y
       };
-    }, g(this, U, o);
+    }, g(this, k, o);
   }
 }
-U = new WeakMap();
-var H = /* @__PURE__ */ ((s) => (s.rgb = "rgb", s.hex = "hex", s.cmyk = "cmyk", s.spotCmyk = "spotCmyk", s.spotRgb = "spotRgb", s.spotHex = "spotHex", s))(H || {}), j = /* @__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))(j || {}), te = /* @__PURE__ */ ((s) => (s.local = "local", s.brandKit = "brandKit", s.stylekit = "brandKit", s))(te || {});
-const Me = (s) => s.type === H.hex, ee = (s) => s.type === H.spotHex, or = (s) => s.type === H.spotRgb, cr = (s) => s.type === H.spotCmyk, hr = (s) => or(s) || cr(s) || ee(s), lr = (s) => {
-  const o = dr(s.type);
-  return hr(s) ? {
-    ...ee(s) && { value: s.displayValue },
-    ...!ee(s) && { ...s.displayValue },
+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 o = fr(s.type);
+  return Cr(s) ? {
+    ...ie(s) && { value: s.displayValue },
+    ...!ie(s) && { ...s.displayValue },
     spotName: s.value,
     type: o
   } : {
-    ...Me(s) && { value: s.value },
-    ...!Me(s) && { ...s.value },
+    ...Be(s) && { value: s.value },
+    ...!Be(s) && { ...s.value },
     type: o
   };
-}, xe = (s, o, t, e) => {
+}, Ue = (s, o, t, e) => {
   const {
     brandKitColorGuid: r,
     brandKitFontFamilyGuid: n,
     fontStyleId: c,
-    textStrokeColorGuid: d,
-    textStrokeColorApplied: h,
+    textStrokeColorGuid: h,
+    textStrokeColorApplied: l,
     textStrokeWidth: p,
     ...y
   } = s;
   return {
-    ...Object.keys(y).reduce((S, b) => ({ ...S, [b]: { value: s[b] } }), {}),
+    ...Object.keys(y).reduce((f, b) => ({ ...f, [b]: { value: s[b] } }), {}),
     ...o && {
       color: {
         value: {
           id: o.id,
           color: o.color,
-          type: te.brandKit,
+          type: ae.brandKit,
           isApplied: y.fillColorApplied
         }
       }
@@ -551,12 +624,12 @@ const Me = (s) => s.type === H.hex, ee = (s) => s.type === H.spotHex, or = (s) =
         value: {
           id: t.id,
           color: t.color,
-          type: te.brandKit,
-          isApplied: h || !1
+          type: ae.brandKit,
+          isApplied: l || !1
         }
       },
       strokeColorApplied: {
-        value: h || !1
+        value: l || !1
       },
       strokeWidth: {
         value: p != null ? p.toString() : p
@@ -566,31 +639,31 @@ const Me = (s) => s.type === H.hex, ee = (s) => s.type === H.spotHex, or = (s) =
       value: e ?? null
     }
   };
-}, dr = (s) => {
+}, fr = (s) => {
   switch (s) {
-    case H.rgb:
-      return j.rgb;
-    case H.cmyk:
-      return j.cmyk;
-    case H.hex:
-      return j.hex;
-    case H.spotRgb:
-      return j.spotRGB;
-    case H.spotCmyk:
-      return j.spotCMYK;
-    case H.spotHex:
-      return j.spotHEX;
-  }
-}, jt = (s, o) => {
+    case T.rgb:
+      return q.rgb;
+    case T.cmyk:
+      return q.cmyk;
+    case T.hex:
+      return q.hex;
+    case T.spotRgb:
+      return q.spotRGB;
+    case T.spotCmyk:
+      return q.spotCMYK;
+    case T.spotHex:
+      return q.spotHEX;
+  }
+}, Xt = (s, o) => {
   if (!(s === null || o === void 0))
     return (s || []).find((t) => t.id === o);
-}, Re = (s, o, t) => {
+}, ke = (s, o, t) => {
   var e, r;
   if (!(s === null || o === void 0 || t === void 0))
     return (r = (e = (s || []).find((n) => n.id === o)) == null ? void 0 : e.fontStyles.find((n) => n.fontStyleId === t)) == null ? void 0 : r.id;
 };
 var D;
-class Ve {
+class _e {
   /**
    * @ignore
    */
@@ -600,24 +673,24 @@ class Ve {
      */
     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(), d = this.gradientStyleController.getAll(), h = this.fontController.getFontFamilies(), p = this.characterStyleController.getAll(), y = this.paragraphStyleController.getAll(), I = this.getAllMedia(), [S, b, A, v, f, 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(), l = this.fontController.getFontFamilies(), p = this.characterStyleController.getAll(), y = this.paragraphStyleController.getAll(), v = this.getAllMedia(), [f, b, A, I, S, M] = await Promise.all([
         c,
-        d,
         h,
+        l,
         y,
         p,
-        I
+        v
       ]), E = {
         id: e.parsedData,
         brandKit: {
           id: e.parsedData,
           name: n.parsedData,
           lastModifiedDate: r.parsedData,
-          colors: S.parsedData,
+          colors: f.parsedData,
           gradients: b.parsedData,
           fonts: A.parsedData,
-          paragraphStyles: v.parsedData,
-          characterStyles: f.parsedData,
+          paragraphStyles: I.parsedData,
+          characterStyles: S.parsedData,
           media: M.parsedData
         }
       }, P = {
@@ -627,21 +700,21 @@ class Ve {
         status: 200
       };
       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((d) => i(d)), this.updateMedia = async (e, r, n) => (await a(this, D)).updateBrandKitMedia(e, r, n).then((d) => i(d)), 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 || [], h = (await this.paragraphStyleController.getAll()).parsedData || [], y = (await this.characterStyleController.getAll()).parsedData || [], S = (await this.fontController.getFontFamilies()).parsedData || [], A = (await this.getAllMedia()).parsedData || [];
-      await this.undoManagerController.record("brandKit.remove", async (v) => {
-        for (const f of r)
-          await v.colorStyle.remove(f.id);
-        for (const f of c)
-          await v.gradientStyle.remove(f.id);
-        for (const f of h)
-          await v.paragraphStyle.remove(f.id);
-        for (const f of y)
-          await v.characterStyle.remove(f.id);
-        for (const f of S)
-          await v.font.removeFontFamily(f.id);
-        for (const f of A)
-          await this.removeMedia(f.name);
+    }, 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 || [];
+      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)
+          await I.paragraphStyle.remove(S.id);
+        for (const S of y)
+          await I.characterStyle.remove(S.id);
+        for (const S of f)
+          await I.font.removeFontFamily(S.id);
+        for (const S of A)
+          await this.removeMedia(S.name);
       });
     }, this.set = async (e) => {
       let r = {
@@ -662,19 +735,19 @@ class Ve {
       return await this.undoManagerController.record("brandKit.set", async (n) => {
         const c = await this.setColors(e, n);
         await this.setGradients(e, n);
-        const d = await this.setFonts(e, n), { parsedData: h = [] } = await n.colorStyle.getAll(), { parsedData: p = [] } = await n.gradientStyle.getAll(), { parsedData: y } = await n.font.getFontFamilies();
+        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();
         await this.setParagraphStyles(e, n, {
-          localColors: h,
+          localColors: l,
           localFonts: y,
           localColorGuidMap: c,
-          localFontGuidMap: d
+          localFontGuidMap: h
         }), await this.setCharacterStyles(e, n, {
-          localColors: h,
+          localColors: l,
           localFonts: y,
           localColorGuidMap: c,
-          localFontGuidMap: d
+          localFontGuidMap: h
         }), await this.setMedia(e);
-        const { parsedData: I } = await n.paragraphStyle.getAll(), { parsedData: S } = await n.characterStyle.getAll(), { parsedData: b } = await this.getAllMedia();
+        const { parsedData: v } = await n.paragraphStyle.getAll(), { parsedData: f } = await n.characterStyle.getAll(), { parsedData: b } = await this.getAllMedia();
         await n.brandKit.updateIdAndVersion(e.id, e.brandKit.lastModifiedDate), await n.brandKit.rename(e.brandKit.name), r = {
           success: !0,
           status: 200,
@@ -682,11 +755,11 @@ class Ve {
             id: e.id,
             version: e.brandKit.lastModifiedDate,
             name: e.brandKit.name,
-            colors: h || [],
+            colors: l || [],
             gradients: p || [],
             fonts: y || [],
-            paragraphStyles: I || [],
-            characterStyles: S || [],
+            paragraphStyles: v || [],
+            characterStyles: f || [],
             media: b || []
           }
         };
@@ -699,7 +772,7 @@ class Ve {
       const { parsedData: n } = await t.colorStyle.create();
       if (!n) continue;
       e.set(r.guid, n);
-      const c = lr(r);
+      const c = mr(r);
       await t.colorStyle.rename(n, r.name), await t.colorStyle.update(n, c);
     }
     return e;
@@ -713,41 +786,41 @@ class Ve {
     for (const n of o.brandKit.fonts || []) {
       const { parsedData: c = [] } = await t.fontConnector.detail(e, n.fontFamilyId);
       if (!(c != null && c[0])) throw new Error(`No font styles for family ID: ${n.fontFamilyId}`);
-      const { parsedData: d } = await t.font.addFontFamily(e, {
+      const { parsedData: h } = await t.font.addFontFamily(e, {
         name: c[0].familyName,
         fontFamilyId: n.fontFamilyId
       });
-      d && r.set(n.fontFamilyBrandKitGuid, d);
+      h && r.set(n.fontFamilyBrandKitGuid, h);
     }
     return r;
   }
   async setParagraphStyles(o, t, e) {
-    const { localColors: r, localFonts: n, localColorGuidMap: c, localFontGuidMap: d } = e;
-    for (const h of o.brandKit.paragraphStyles || []) {
-      const p = c.get(h.brandKitColorGuid), y = c.get(h.textStrokeColorGuid), I = d.get(h.brandKitFontFamilyGuid), S = Re(n, I, h.fontStyleId);
-      if (!I || !S)
-        throw new Error(`Paragraph style could not be created with an empty font family: ${h.name}`);
-      const b = jt(r, p), A = jt(r, y);
-      if (!b) throw new Error(`Paragraph style could not be created with an empty color: ${h.name}`);
-      const { parsedData: v } = await t.paragraphStyle.create(), f = xe(
-        h,
+    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);
+      if (!v || !f)
+        throw new Error(`Paragraph style could not be created with an empty font family: ${l.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}`);
+      const { parsedData: I } = await t.paragraphStyle.create(), S = Ue(
+        l,
         b,
         A,
-        `${S}`
+        `${f}`
       );
-      await t.paragraphStyle.rename(v, h.name), await t.paragraphStyle.update(v, f);
+      await t.paragraphStyle.rename(I, l.name), await t.paragraphStyle.update(I, S);
     }
   }
   async setCharacterStyles(o, t, e) {
-    const { localColors: r, localFonts: n, localColorGuidMap: c, localFontGuidMap: d } = e;
-    for (const h of o.brandKit.characterStyles || []) {
-      const p = h.brandKitColorGuid ? c.get(h.brandKitColorGuid) : void 0, y = h.textStrokeColorGuid ? c.get(h.textStrokeColorGuid) : void 0, I = h.brandKitFontFamilyGuid ? d.get(h.brandKitFontFamilyGuid) : void 0, S = jt(r, p), b = jt(r, y), A = Re(n, I, h.fontStyleId), { parsedData: v } = await t.characterStyle.create(), f = xe(
-        h,
-        S,
+    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,
+        f,
         b,
         A
       );
-      await t.characterStyle.rename(v, h.name), await t.characterStyle.update(v, f);
+      await t.characterStyle.rename(I, l.name), await t.characterStyle.update(I, S);
     }
   }
   async setMedia(o) {
@@ -756,8 +829,8 @@ class Ve {
   }
 }
 D = new WeakMap();
-var et;
-class se {
+var st;
+class oe {
   /**
    * @ignore
    */
@@ -765,13 +838,13 @@ class se {
     /**
      * @ignore
      */
-    u(this, et);
-    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, et)).zoomToPage(e, r, n, c).then((h) => i(h))), this.getZoomPercentage = async () => (await a(this, et)).getZoomPercentage().then((e) => i(e)), this.setZoomPercentage = async (t) => (await a(this, et)).setZoomPercentage(t).then((r) => i(r)), this.setViewMode = async (t) => (await a(this, et)).setViewMode(t).then((r) => i(r)), g(this, et, o);
+    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);
   }
 }
-et = new WeakMap();
+st = new WeakMap();
 var R;
-class Ge {
+class He {
   /**
    * @ignore
    */
@@ -784,8 +857,8 @@ class Ge {
   }
 }
 R = new WeakMap();
-var st;
-class Be {
+var rt;
+class Te {
   /**
    * @ignore
    */
@@ -793,25 +866,25 @@ class Be {
     /**
      * @ignore
      */
-    u(this, st);
+    u(this, rt);
     this.copyFrames = async (t) => {
-      const r = await (await a(this, st)).copyFrames(t);
+      const r = await (await a(this, rt)).copyFrames(t);
       return r.data && await navigator.clipboard.writeText(r.data), i(r);
     }, this.cutFrames = async (t) => {
-      const r = await (await a(this, st)).cutFrames(t);
+      const r = await (await a(this, rt)).cutFrames(t);
       return r.data && await navigator.clipboard.writeText(r.data), i(r);
     }, this.pasteFrames = async () => {
-      const t = await a(this, st), e = await navigator.clipboard.readText(), r = await t.pasteFrames(e);
+      const t = await a(this, rt), e = await navigator.clipboard.readText(), r = await t.pasteFrames(e);
       return i(r);
     }, this.getContentType = async () => {
-      const t = await a(this, st), e = await navigator.clipboard.readText(), r = await t.getClipboardContentType(e);
+      const t = await a(this, rt), e = await navigator.clipboard.readText(), r = await t.getClipboardContentType(e);
       return i(r);
-    }, g(this, st, o);
+    }, g(this, rt, o);
   }
 }
-st = new WeakMap();
-var Jt;
-class Je {
+rt = new WeakMap();
+var _t;
+class $e {
   /**
    * @ignore
    */
@@ -819,13 +892,13 @@ class Je {
     /**
      * @ignore
      */
-    u(this, Jt);
-    this.convertToRgb = async (t) => (await a(this, Jt)).colorToRgb(JSON.stringify(t)).then((r) => i(r)), g(this, Jt, o);
+    u(this, _t);
+    this.convertToRgb = async (t) => (await a(this, _t)).colorToRgb(JSON.stringify(t)).then((r) => i(r)), g(this, _t, o);
   }
 }
-Jt = new WeakMap();
+_t = new WeakMap();
 var V;
-class ke {
+class Ke {
   /**
    * @ignore
    */
@@ -836,50 +909,50 @@ class ke {
     u(this, V);
     this.getAll = async () => (await a(this, V)).getColors().then((e) => i(e)), this.getById = async (t) => (await a(this, V)).getColorById(t).then((r) => i(r)), this.create = async () => (await a(this, V)).createColor().then((e) => i(e)), this.duplicate = async (t) => (await a(this, V)).duplicateColor(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, V)).moveColors(t, e).then((n) => i(n)), this.rename = async (t, e) => (await a(this, V)).renameColor(t, e).then((n) => i(n)), this.update = async (t, e) => {
       const r = await a(this, V), n = e;
-      return n.type === j.spot && (n.type = j.spotCMYK), r.updateColor(t, JSON.stringify(n)).then((c) => i(c));
+      return n.type === q.spot && (n.type = q.spotCMYK), r.updateColor(t, JSON.stringify(n)).then((c) => i(c));
     }, this.remove = async (t) => (await a(this, V)).removeColor(t).then((r) => i(r)), g(this, V, o);
   }
 }
 V = new WeakMap();
-var Vt = /* @__PURE__ */ ((s) => (s[s.file = 0] = "file", s[s.collection = 1] = "collection", s))(Vt || {}), re = /* @__PURE__ */ ((s) => (s.LowResolutionWeb = "lowresWeb", s.HighResolutionWeb = "highresWeb", s))(re || {}), Gt = /* @__PURE__ */ ((s) => (s.file = "file", s.collection = "collection", s))(Gt || {}), ur = /* @__PURE__ */ ((s) => (s.media = "media", s.fonts = "fonts", s.data = "data", s))(ur || {}), gr = /* @__PURE__ */ ((s) => (s.name = "name", s.path = "relativePath", s.id = "id", s))(gr || {}), yr = /* @__PURE__ */ ((s) => (s.ascending = "asc", s.descending = "desc", s))(yr || {}), pr = /* @__PURE__ */ ((s) => (s.text = "text", s.boolean = "boolean", s))(pr || {}), Cr = /* @__PURE__ */ ((s) => (s.query = "query", s.upload = "upload", s))(Cr || {}), Mt = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Mt || {});
-class On {
+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 {
   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 mr = /* @__PURE__ */ ((s) => (s.variable = "var", s.value = "value", s))(mr || {}), wr = /* @__PURE__ */ ((s) => (s.engineToConnector = "engineToConnector", s.connectorToEngine = "connectorToEngine", s))(wr || {}), ne = /* @__PURE__ */ ((s) => (s.loading = "loading", s.loaded = "loaded", s.running = "running", s.ready = "ready", s.error = "error", s))(ne || {}), fr = /* @__PURE__ */ ((s) => (s.stateChanged = "stateChanged", s.authChanged = "authChanged", s.reloadRequired = "reloadRequired", s.unloaded = "unloaded", s))(fr || {});
-const Dn = {
+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 = {
   url: "grafx-media.json",
   source: "local"
   /* local */
 };
-class Nn {
+class $n {
   constructor(o) {
     this.type = "grafxToken", this.token = o;
   }
 }
-class Mn {
+class Kn {
   constructor() {
     this.type = "refreshed";
   }
 }
-var Sr = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.refreshed = "refreshed", s))(Sr || {}), br = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.any = "any", s))(br || {}), fs = /* @__PURE__ */ ((s) => (s.minDimension = "minDimension", s))(fs || {});
-class Ir extends Error {
+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 || {});
+class Dr extends Error {
   constructor(o, t) {
     super(o), this.type = t;
   }
 }
-class ce {
+class ye {
   constructor() {
     this.makeConnectorSourceForwardsCompatible = (o) => {
-      if (o.source != Mt.grafx || this.isSourceMigrated(o))
+      if (o.source != Vt.grafx || this.isSourceMigrated(o))
         return o;
       let t = o.url;
       for (; t.endsWith("/"); )
         t = t.substring(0, t.length - 1);
       const e = t.split("/");
-      return { id: e[e.length - 1], source: Mt.grafx };
-    }, this.makeMultipleConnectorsBackwardsCompatible = (o, t) => o.map((e) => this.makeSingleConnectorBackwardsCompatible(e, t)), this.makeSingleConnectorBackwardsCompatible = (o, t) => o.source.source != Mt.grafx ? o : {
+      return { id: e[e.length - 1], source: Vt.grafx };
+    }, this.makeMultipleConnectorsBackwardsCompatible = (o, t) => o.map((e) => this.makeSingleConnectorBackwardsCompatible(e, t)), this.makeSingleConnectorBackwardsCompatible = (o, t) => o.source.source != Vt.grafx ? o : {
       id: o.id,
       name: o.name,
       iconUrl: o.iconUrl,
@@ -890,13 +963,13 @@ class ce {
         e = e.substring(0, e.length - 1);
       return {
         url: `${e}/connectors/${o.id}`,
-        source: Mt.grafx
+        source: Vt.grafx
       };
     }, this.isSourceMigrated = (o) => "id" in o;
   }
 }
-var G, bt, ut, hs;
-let Ue = (hs = class {
+var J, It, gt, Cs;
+let ze = (Cs = class {
   /**
    * @ignore
    */
@@ -904,48 +977,48 @@ let Ue = (hs = class {
     /**
      * @ignore
      */
-    u(this, G);
-    u(this, bt);
-    u(this, ut);
-    this.getById = async (e) => (await a(this, G)).getConnectorById(e).then((n) => i(n)).then((n) => {
+    u(this, J);
+    u(this, It);
+    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, ut).makeSingleConnectorBackwardsCompatible(
+      return n.parsedData && (c.parsedData = a(this, gt).makeSingleConnectorBackwardsCompatible(
         n.parsedData,
-        a(this, bt).get(X.GraFxStudioEnvironmentApiUrl)
+        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
-    }), this.getAllByType = async (e) => (await a(this, G)).getConnectors(e).then((n) => i(n)).then((n) => {
+    }), 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, ut).makeMultipleConnectorsBackwardsCompatible(
+      return n.parsedData && (c.parsedData = a(this, gt).makeMultipleConnectorsBackwardsCompatible(
         n.parsedData,
-        a(this, bt).get(X.GraFxStudioEnvironmentApiUrl)
+        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
     }), this.register = async (e) => {
-      const r = await a(this, G), n = a(this, ut).makeConnectorSourceForwardsCompatible(e);
+      const r = await a(this, J), n = a(this, gt).makeConnectorSourceForwardsCompatible(e);
       return r.registerConnector(JSON.stringify(n)).then((c) => i(c));
-    }, this.unregister = async (e) => (await a(this, G)).unregisterConnector(e).then((n) => i(n)), this.configure = async (e, r) => {
-      const n = await a(this, G);
-      return await this.waitToBeReady(e), await r(new vr(e, n)), n.updateConnectorConfiguration(e).then((c) => i(c));
-    }, this.getState = async (e) => (await a(this, G)).getConnectorState(e).then((n) => i(n)), this.getOptions = async (e) => (await a(this, G)).getConnectorOptions(e).then((n) => i(n)), this.waitToBeReady = async (e, r = 2e3) => {
+    }, this.unregister = async (e) => (await a(this, J)).unregisterConnector(e).then((n) => i(n)), this.configure = async (e, r) => {
+      const n = await a(this, J);
+      return await this.waitToBeReady(e), await r(new Nr(e, n)), n.updateConnectorConfiguration(e).then((c) => i(c));
+    }, this.getState = async (e) => (await a(this, J)).getConnectorState(e).then((n) => i(n)), this.getOptions = async (e) => (await a(this, J)).getConnectorOptions(e).then((n) => i(n)), this.waitToBeReady = async (e, r = 2e3) => {
       let n = Math.max(r, 500);
       n = Math.min(n, 5e3);
       const c = 100;
-      let d = 0;
+      let h = 0;
       try {
-        for (; d * c < n; ) {
-          const h = await this.getState(e);
-          if (h.success && h.parsedData && (h.parsedData.type === ne.running || h.parsedData.type === ne.ready))
+        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))
             return i(
               { data: null, success: !0, error: void 0, status: 0, parsedData: void 0 },
               !1
             );
-          await new Promise((p) => setTimeout(p, c)), d++;
+          await new Promise((p) => setTimeout(p, c)), h++;
         }
-      } catch (h) {
+      } catch (l) {
         return i(
           {
             data: null,
             success: !1,
-            error: `Error while getting connector state ${h}`,
+            error: `Error while getting connector state ${l}`,
             status: 5e4,
             parsedData: void 0
           },
@@ -963,16 +1036,16 @@ let Ue = (hs = class {
         !1
       );
     }, this.updateMappings = async (e, r) => await this.configure(e, async (n) => {
-      const { parsedData: c } = await this.getMappings(e), d = (c == null ? void 0 : c.filter(
+      const { parsedData: c } = await this.getMappings(e), h = (c == null ? void 0 : c.filter(
         (y) => !r.some(
-          (I) => I.name === y.name && I.direction === y.direction
+          (v) => v.name === y.name && v.direction === y.direction
         )
-      )) ?? [], h = r.filter((y) => y.name !== "" && y.value !== ""), p = [...d, ...h];
+      )) ?? [], l = r.filter((y) => y.name !== "" && y.value !== ""), p = [...h, ...l];
       await n.setMappings(p);
-    }), g(this, G, o), g(this, bt, t), g(this, ut, new ce());
+    }), g(this, J, o), g(this, It, t), g(this, gt, new ye());
   }
   async getMappings(o, t) {
-    return (await a(this, G)).getConnectorMappings(o).then((r) => i(r)).then(
+    return (await a(this, J)).getConnectorMappings(o).then((r) => i(r)).then(
       (r) => {
         var n;
         return t ? {
@@ -982,9 +1055,9 @@ let Ue = (hs = class {
       }
     );
   }
-}, G = new WeakMap(), bt = new WeakMap(), ut = new WeakMap(), hs);
-var gt, yt;
-class vr {
+}, J = new WeakMap(), It = new WeakMap(), gt = new WeakMap(), Cs);
+var yt, pt;
+class Nr {
   /**
    * @ignore
    */
@@ -992,22 +1065,22 @@ class vr {
     /**
      * @ignore
      */
-    u(this, gt);
     u(this, yt);
-    this.setOptions = async (e) => a(this, yt).setConnectorOptions(a(this, gt), JSON.stringify(e)).then((r) => i(r)), this.setMappings = async (e) => {
-      const r = await a(this, yt).setConnectorMappings(
-        a(this, gt),
+    u(this, pt);
+    this.setOptions = async (e) => a(this, pt).setConnectorOptions(a(this, yt), JSON.stringify(e)).then((r) => i(r)), this.setMappings = async (e) => {
+      const r = await a(this, pt).setConnectorMappings(
+        a(this, yt),
         e.map(function(n) {
           return JSON.stringify(n);
         })
       );
       return i(r);
-    }, this.setHttpHeader = async (e, r) => a(this, yt).connectorAuthenticationSetHttpHeader(a(this, gt), e, r).then((n) => i(n)), g(this, gt, o), g(this, yt, t);
+    }, this.setHttpHeader = async (e, r) => a(this, pt).connectorAuthenticationSetHttpHeader(a(this, yt), e, r).then((n) => i(n)), g(this, yt, o), g(this, pt, t);
   }
 }
-gt = new WeakMap(), yt = new WeakMap();
-var rt, kt;
-class _e {
+yt = new WeakMap(), pt = new WeakMap();
+var nt, Ht;
+class We {
   /**
    * @ignore
    */
@@ -1015,22 +1088,22 @@ class _e {
     /**
      * @ignore
      */
-    u(this, rt);
-    u(this, kt);
-    this.getPage = async (e, r, n = {}) => (await a(this, rt)).dataConnectorGetPage(e, JSON.stringify(r), JSON.stringify(n)).then((d) => i(d)).then((d) => {
-      const h = { ...d, parsedData: null };
-      return d.parsedData && (h.parsedData = {
-        data: d.parsedData.data.map(
-          (p) => a(this, kt).mapEngineToDataItem(p)
+    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 = {
+        data: h.parsedData.data.map(
+          (p) => a(this, Ht).mapEngineToDataItem(p)
         ),
-        continuationToken: d.parsedData.continuationToken
-      }), h;
-    }), this.getModel = async (e, r = {}) => (await a(this, rt)).dataConnectorGetModel(e, JSON.stringify(r)).then((c) => i(c)), this.getConfigurationOptions = async (e) => (await a(this, rt)).dataConnectorGetConfigurationOptions(e).then((n) => i(n)), this.getCapabilities = async (e) => (await a(this, rt)).dataConnectorGetCapabilities(e).then((n) => i(n)), g(this, rt, o), g(this, kt, t);
+        continuationToken: h.parsedData.continuationToken
+      }), l;
+    }), 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);
   }
 }
-rt = new WeakMap(), kt = new WeakMap();
-var nt, Ut;
-class He {
+nt = new WeakMap(), Ht = new WeakMap();
+var at, Tt;
+class je {
   /**
    * @ignore
    */
@@ -1038,17 +1111,17 @@ class He {
     /**
      * @ignore
      */
-    u(this, nt);
-    u(this, Ut);
-    this.setDataSource = async (e) => (await a(this, nt)).setDataSource(e).then((n) => i(n)), this.getDataSource = async () => (await a(this, nt)).getDataSource().then((r) => i(r)), this.removeDataSource = async () => (await a(this, nt)).removeDataSource().then((r) => i(r)), this.setDataRow = async (e) => {
-      const r = await a(this, nt), n = a(this, Ut).mapDataItemToEngine(e);
+    u(this, at);
+    u(this, Tt);
+    this.setDataSource = async (e) => (await a(this, at)).setDataSource(e).then((n) => i(n)), this.getDataSource = async () => (await a(this, at)).getDataSource().then((r) => i(r)), this.removeDataSource = async () => (await a(this, at)).removeDataSource().then((r) => i(r)), this.setDataRow = async (e) => {
+      const r = await a(this, at), n = a(this, Tt).mapDataItemToEngine(e);
       return r.setDataRow(JSON.stringify(n)).then((c) => i(c));
-    }, g(this, nt, o), g(this, Ut, t);
+    }, g(this, at, o), g(this, Tt, t);
   }
 }
-nt = new WeakMap(), Ut = new WeakMap();
-var at;
-class Te {
+at = new WeakMap(), Tt = new WeakMap();
+var it;
+class qe {
   /**
    * @ignore
    */
@@ -1056,13 +1129,13 @@ class Te {
     /**
      * @ignore
      */
-    u(this, at);
-    this.getAllLogs = async () => (await a(this, at)).getLogs().then((e) => i(e)), this.toggleDebugPanel = async () => (await a(this, at)).toggleDebugPanel().then((e) => i(e)), this.enableDebug = async () => (await a(this, at)).enableDebug().then((e) => i(e)), this.disableDebug = async () => (await a(this, at)).disableDebug().then((e) => i(e)), g(this, at, o);
+    u(this, it);
+    this.getAllLogs = async () => (await a(this, it)).getLogs().then((e) => i(e)), this.toggleDebugPanel = async () => (await a(this, it)).toggleDebugPanel().then((e) => i(e)), this.enableDebug = async () => (await a(this, it)).enableDebug().then((e) => i(e)), this.disableDebug = async () => (await a(this, it)).disableDebug().then((e) => i(e)), g(this, it, o);
   }
 }
-at = new WeakMap();
-var pt;
-class Ke {
+it = new WeakMap();
+var wt;
+class Ye {
   /**
    * @ignore
    */
@@ -1070,30 +1143,30 @@ class Ke {
     /**
      * @ignore
      */
-    u(this, pt);
-    this.getCurrentState = async () => (await a(this, pt)).getCurrentDocumentState().then((e) => i(e)), this.load = async (t, e = { keepConnectors: !1 }) => {
-      const r = await a(this, pt), n = typeof t != "string" ? JSON.stringify(t) : t;
+    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;
       return r.loadDocument(n, JSON.stringify(e)).then((c) => i(c));
     }, this.createAndLoad = async (t) => {
-      const e = await a(this, pt), r = JSON.stringify(t);
+      const e = await a(this, wt), r = JSON.stringify(t);
       return e.createAndLoadDocument(r).then((n) => i(n));
-    }, g(this, pt, o);
+    }, g(this, wt, o);
   }
 }
-pt = new WeakMap();
-var Ar = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.left = "left", s.right = "right", s))(Ar || {}), qt = /* @__PURE__ */ ((s) => (s.url = "url", s.variable = "variable", s.connector = "connector", s.brandKitMedia = "brandKitMedia", s))(qt || {}), Pr = /* @__PURE__ */ ((s) => (s.text = "text", s.image = "image", s.shape = "shape", s.barcode = "barcode", s))(Pr || {}), Fr = /* @__PURE__ */ ((s) => (s.variable = "variable", s.text = "text", s))(Fr || {}), Er = /* @__PURE__ */ ((s) => (s.leftToRight = "leftToRight", s.rightToLeft = "rightToLeft", s.weak = "weak", s))(Er || {}), Lr = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s.onPath = "onPath", s))(Lr || {}), Or = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.middle = "middle", s.justify = "justify", s))(Or || {}), Dr = /* @__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))(Dr || {}), Nr = /* @__PURE__ */ ((s) => (s.fill = "fill", s.fit = "fit", s.smartCrop = "smartCrop", s.manualCrop = "manualCrop", s))(Nr || {}), Mr = /* @__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))(Mr || {}), xr = /* @__PURE__ */ ((s) => (s.bringToFront = "bringToFront", s.sendToBack = "sendToBack", s.bringForward = "bringForward", s.sendBackward = "sendBackward", s))(xr || {}), Rr = /* @__PURE__ */ ((s) => (s.relative = "relative", s.start = "start", s.end = "end", s.startAndEnd = "startAndEnd", s.center = "center", s))(Rr || {}), Vr = /* @__PURE__ */ ((s) => (s.page = "page", s.frame = "frame", s))(Vr || {}), Gr = /* @__PURE__ */ ((s) => (s.start = "start", s.end = "end", s.center = "center", s))(Gr || {});
-class Rn {
+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 {
   constructor() {
     this.type = "page";
   }
 }
-class Vn {
+class jn {
   constructor(o, t) {
     this.type = "frame", this.frameId = o, this.edge = t;
   }
 }
-var Ss = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(Ss || {}), B;
-class $e {
+var Es = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(Es || {}), G;
+class Ze {
   /**
    * @ignore
    */
@@ -1101,16 +1174,16 @@ class $e {
     /**
      * @ignore
      */
-    u(this, B);
+    u(this, G);
     this.insertImageVariableToFrame = async (t, e) => {
-      const r = await a(this, B), n = { id: e, type: qt.variable };
+      const r = await a(this, G), n = { id: e, type: te.variable };
       return r.setImageSource(t, JSON.stringify(n)).then((c) => i(c));
-    }, this.insertTextVariable = async (t) => (await a(this, B)).insertTextVariable(t).then((r) => i(r)), this.enterTextEditMode = async (t) => (await a(this, B)).enterTextEditMode(t).then((r) => i(r)), this.exitTextEditMode = async () => (await a(this, B)).exitTextEditMode().then((e) => i(e)), this.getText = async (t, e) => (await a(this, B)).getTextByFrameId(t, e).then((n) => i(n)), this.setText = async (t, e) => (await a(this, B)).setTextByFrameId(t, e).then((n) => i(n)), this.selectText = async (t, e, r) => (await a(this, B)).selectTextById(t, e, r).then((c) => i(c)), this.addCustomUndoData = async (t, e, r) => (await a(this, B)).setCustomUndoData(t, e, r ?? !1).then((c) => i(c)), g(this, B, o);
+    }, this.insertTextVariable = async (t) => (await a(this, G)).insertTextVariable(t).then((r) => i(r)), this.enterTextEditMode = async (t) => (await a(this, G)).enterTextEditMode(t).then((r) => i(r)), this.exitTextEditMode = async () => (await a(this, G)).exitTextEditMode().then((e) => i(e)), this.getText = async (t, e) => (await a(this, G)).getTextByFrameId(t, e).then((n) => i(n)), this.setText = async (t, e) => (await a(this, G)).setTextByFrameId(t, e).then((n) => i(n)), this.selectText = async (t, e, r) => (await a(this, G)).selectTextById(t, e, r).then((c) => i(c)), this.addCustomUndoData = async (t, e, r) => (await a(this, G)).setCustomUndoData(t, e, r ?? !1).then((c) => i(c)), g(this, G, o);
   }
 }
-B = new WeakMap();
-var it, It;
-class ze {
+G = new WeakMap();
+var ot, At;
+class Qe {
   /**
    * @ignore
    */
@@ -1118,17 +1191,17 @@ class ze {
     /**
      * @ignore
      */
-    u(this, it);
-    u(this, It);
-    this.query = async (t, e, r = {}) => (await a(this, it)).fontConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.detail = async (t, e, r = {}) => (await a(this, it)).fontConnectorDetail(t, e, JSON.stringify(r)).then((c) => i(c)), this.download = async (t, e, r = {}) => (await a(this, It)).fontConnectorDownload(t, e, JSON.stringify(r)).then((c) => c ?? c), this.preview = async (t, e, r, n = {}) => (await a(this, It)).fontConnectorPreview(t, e, r, JSON.stringify(n)).then((d) => d ?? d), this.getConfigurationOptions = async (t) => (await a(this, it)).fontConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, it)).fontConnectorGetCapabilities(t).then((r) => i(r)), this.parseDeprecatedFontType = (t) => {
-      if (t === Vt.file) return Gt.file;
-      if (t === Vt.collection) return Gt.collection;
-    }, g(this, it, o), g(this, It, o);
+    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) => {
+      if (t === Bt.file) return Ut.file;
+      if (t === Bt.collection) return Ut.collection;
+    }, g(this, ot, o), g(this, At, o);
   }
 }
-it = new WeakMap(), It = new WeakMap();
+ot = new WeakMap(), At = new WeakMap();
 var F;
-class We {
+class Xe {
   /**
    * @ignore
    */
@@ -1141,8 +1214,8 @@ class We {
   }
 }
 F = new WeakMap();
-var vt;
-class ae {
+var Pt;
+class le {
   /**
    * @ignore
    */
@@ -1150,8 +1223,8 @@ class ae {
     /**
      * @ignore
      */
-    u(this, vt);
-    this.setShapeProperties = async (t, e) => (await a(this, vt)).setShapeProperties(t, JSON.stringify(e)).then((n) => i(n)), this.setEnableFill = async (t, e) => {
+    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) => {
       const r = { enableFill: e };
       return this.setShapeProperties(t, r);
     }, this.setFillColor = async (t, e) => {
@@ -1169,7 +1242,7 @@ class ae {
     }, this.setFlagAllCornersSame = async (t, e) => {
       const r = { allCornersSame: e };
       return this.setShapeProperties(t, r);
-    }, this.setShapeCorners = async (t, e) => (await a(this, vt)).setShapeCorners(t, JSON.stringify(e)).then((n) => i(n)), this.setRadiusAll = async (t, e) => {
+    }, this.setShapeCorners = async (t, e) => (await a(this, Pt)).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) => {
@@ -1184,12 +1257,12 @@ class ae {
     }, this.setRadiusBottomRight = async (t, e) => {
       const r = { bottomRight: e };
       return this.setShapeCorners(t, r);
-    }, g(this, vt, o);
+    }, g(this, Pt, o);
   }
 }
-vt = new WeakMap();
-var l;
-class je {
+Pt = new WeakMap();
+var d;
+class ts {
   /**
    * @ignore
    */
@@ -1197,48 +1270,48 @@ class je {
     /**
      * @ignore
      */
-    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((h) => i(h)), this.createShapeFrame = async (t, e, r, n, c) => (await a(this, l)).addFrame(t, e, r, n, c).then((h) => i(h)), 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.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;
+    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;
       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 = {
         id: e,
         assetId: r,
-        type: qt.connector
+        type: te.connector
       };
       return this.updateImageSource(t, n);
     }, this.setImageFromUrl = async (t, e) => {
-      const r = { url: e, type: qt.url };
+      const r = { url: e, type: te.url };
       return this.updateImageSource(t, r);
-    }, 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({
+    }, 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({
       success: !1,
       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.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 = Ss.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, 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({
       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, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMinWidth = async (t, e) => {
       const r = { minWidth: { value: e } };
-      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMaxWidth = async (t, e) => {
       const r = { maxWidth: { value: e } };
-      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMinHeight = async (t, e) => {
       const r = { minHeight: { value: e } };
-      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowMaxHeight = async (t, e) => {
       const r = { maxHeight: { value: e } };
-      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAutoGrowDirections = async (t, e) => {
       const r = { directions: { value: e } };
-      return (await a(this, l)).updateAutoGrowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).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,
@@ -1276,47 +1349,79 @@ class je {
       parsedData: null
     })), this.setShadowEnabled = async (t, e) => {
       const r = { enabled: { value: e } };
-      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowDistance = async (t, e) => {
       const r = { distance: { value: e } };
-      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowAngleDegrees = async (t, e) => {
       const r = { angleDegrees: { value: e } };
-      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowBlurRadius = async (t, e) => {
       const r = { blurRadius: { value: e } };
-      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setShadowColor = async (t, e) => {
       const r = { color: { value: e } };
-      return (await a(this, l)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameShadowSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setAnchor = async (t, e, r, n, c) => {
-      const d = {
+      const h = {
         horizontal: e,
         type: r,
         target: n,
         endTarget: c
       };
-      return (await a(this, l)).setAnchorProperties(t, JSON.stringify(d)).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) => {
+      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) => {
       const r = { isApplied: e };
-      return (await a(this, l)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, this.setLocalGradient = async (t, e) => {
       const r = { gradient: e };
-      return (await a(this, l)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
+      return (await a(this, d)).updateFrameGradientSettings(t, JSON.stringify(r)).then((c) => i(c));
     }, 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 ae(a(this, l));
+      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));
   }
 }
-l = new WeakMap();
-class qe {
+d = new WeakMap();
+var _;
+class zr {
+  /**
+   * @ignore
+   */
+  constructor(o) {
+    /**
+     * @ignore
+     */
+    u(this, _);
+    this.get = async (t) => (await a(this, _)).getFrameConstraints(t).then((r) => i(r)), this.setSelectable = async (t, e) => {
+      const r = { selectionAllowed: { value: e } };
+      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    }, this.setHorizontalMovement = async (t, e) => {
+      const r = { horizontalMovementAllowed: { value: e } };
+      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    }, this.setVerticalMovement = async (t, e) => {
+      const r = { verticalMovementAllowed: { value: e } };
+      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    }, 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.setCrop = async (t, e) => {
+      const r = { cropAllowed: { value: e } };
+      return (await a(this, _)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    }, g(this, _, o);
+  }
+}
+_ = new WeakMap();
+class es {
   constructor() {
-    this.currentEngineVersion = us.current, this.currentSDKVersion = gs.version;
+    this.currentEngineVersion = Ss.current, this.currentSDKVersion = bs.version;
   }
 }
-var w, _t;
-class Ye {
+var m, $t;
+class ss {
   /**
    * @ignore
    */
@@ -1324,33 +1429,33 @@ class Ye {
     /**
      * @ignore
      */
-    u(this, w);
-    u(this, _t);
-    this.getAll = async () => (await a(this, w)).getLayouts().then((e) => i(e)), this.getById = async (t) => (await a(this, w)).getLayoutById(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, w)).getLayoutByName(t).then((r) => i(r)), this.getSelected = async () => (await a(this, w)).getSelectedLayout().then((e) => i(e)), this.remove = async (t) => (await a(this, w)).removeLayout(t).then((r) => i(r)), this.create = async (t, e) => {
-      const r = await a(this, w);
+    u(this, m);
+    u(this, $t);
+    this.getAll = async () => (await a(this, m)).getLayouts().then((e) => i(e)), this.getById = async (t) => (await a(this, m)).getLayoutById(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, m)).getLayoutByName(t).then((r) => i(r)), this.getSelected = async () => (await a(this, m)).getSelectedLayout().then((e) => i(e)), this.remove = async (t) => (await a(this, m)).removeLayout(t).then((r) => i(r)), this.create = async (t, e) => {
+      const r = await a(this, m);
       return e != null && e.length ? r.addLayouts(t, JSON.stringify(e)).then((n) => i(n)) : r.addLayout(t).then((n) => i(n));
-    }, this.rename = async (t, e) => (await a(this, w)).renameLayout(t, e).then((n) => i(n)), this.select = async (t) => (await a(this, w)).selectLayoutWithOptions(t, null).then((r) => i(r)), this.selectWithPageSize = async (t, e) => {
-      const r = await a(this, w), n = {
+    }, this.rename = async (t, e) => (await a(this, m)).renameLayout(t, e).then((n) => i(n)), this.select = async (t) => (await a(this, m)).selectLayoutWithOptions(t, null).then((r) => i(r)), this.selectWithPageSize = async (t, e) => {
+      const r = await a(this, m), n = {
         pageSize: e
       };
       return r.selectLayoutWithOptions(t, JSON.stringify(n)).then((c) => i(c));
-    }, this.duplicate = async (t) => (await a(this, w)).duplicateLayout(t).then((r) => i(r)), this.reset = async (t) => (await a(this, w)).resetLayout(t).then((r) => i(r)), this.setHeight = async (t, e) => (await a(this, w)).setLayoutHeight(t, e).then((n) => i(n)), this.setWidth = async (t, e) => (await a(this, w)).setLayoutWidth(t, e).then((n) => i(n)), this.setUnit = async (t, e) => (await a(this, w)).setLayoutUnit(t, e).then((n) => i(n)), this.resetHeight = async (t) => (await a(this, w)).resetLayoutHeight(t).then((r) => i(r)), this.resetWidth = async (t) => (await a(this, w)).resetLayoutWidth(t).then((r) => i(r)), this.resetUnit = async (t) => (await a(this, w)).resetLayoutUnit(t).then((r) => i(r)), this.getSelectedSnapshot = async () => (await a(this, _t)).getPageSnapshot().then((e) => e ?? e), this.setIntent = async (t, e) => (await a(this, w)).setLayoutIntent(t, e).then((n) => i(n)), this.resetIntent = async (t) => (await a(this, w)).resetLayoutIntent(t).then((r) => i(r)), this.setFillColor = async (t, e) => (await a(this, w)).setLayoutFillColor(t, JSON.stringify(e)).then((n) => i(n)), this.setFillColorEnabled = async (t, e) => (await a(this, w)).setLayoutFillColorEnabled(t, e).then((n) => i(n)), this.resetFillColor = async (t) => (await a(this, w)).resetLayoutFillColor(t).then((r) => i(r)), this.setBleedValue = async (t, e, r) => {
+    }, this.duplicate = async (t) => (await a(this, m)).duplicateLayout(t).then((r) => i(r)), this.reset = async (t) => (await a(this, m)).resetLayout(t).then((r) => i(r)), this.setHeight = async (t, e) => (await a(this, m)).setLayoutHeight(t, e).then((n) => i(n)), this.setWidth = async (t, e) => (await a(this, m)).setLayoutWidth(t, e).then((n) => i(n)), this.setUnit = async (t, e) => (await a(this, m)).setLayoutUnit(t, e).then((n) => i(n)), this.resetHeight = async (t) => (await a(this, m)).resetLayoutHeight(t).then((r) => i(r)), this.resetWidth = async (t) => (await a(this, m)).resetLayoutWidth(t).then((r) => i(r)), this.resetUnit = async (t) => (await a(this, m)).resetLayoutUnit(t).then((r) => i(r)), this.getSelectedSnapshot = async () => (await a(this, $t)).getPageSnapshot().then((e) => e ?? e), this.setIntent = async (t, e) => (await a(this, m)).setLayoutIntent(t, e).then((n) => i(n)), this.resetIntent = async (t) => (await a(this, m)).resetLayoutIntent(t).then((r) => i(r)), this.setFillColor = async (t, e) => (await a(this, m)).setLayoutFillColor(t, JSON.stringify(e)).then((n) => i(n)), this.setFillColorEnabled = async (t, e) => (await a(this, m)).setLayoutFillColorEnabled(t, e).then((n) => i(n)), this.resetFillColor = async (t) => (await a(this, m)).resetLayoutFillColor(t).then((r) => i(r)), this.setBleedValue = async (t, e, r) => {
       const n = r ? {
-        left: r === Q.left ? e : void 0,
-        top: r === Q.top ? e : void 0,
-        right: r === Q.right ? e : void 0,
-        bottom: r === Q.bottom ? e : void 0
+        left: r === X.left ? e : void 0,
+        top: r === X.top ? e : void 0,
+        right: r === X.right ? e : void 0,
+        bottom: r === X.bottom ? e : void 0
       } : { left: e, top: e, right: e, bottom: e };
-      return (await a(this, w)).updateLayoutBleed(t, JSON.stringify(n)).then((d) => i(d));
+      return (await a(this, m)).updateLayoutBleed(t, JSON.stringify(n)).then((h) => i(h));
     }, this.setAreBleedValuesCombined = async (t, e) => {
       const r = { areBleedValuesCombined: e };
-      return (await a(this, w)).updateLayoutBleed(t, JSON.stringify(r)).then((c) => i(c));
-    }, this.resetBleedValues = async (t) => (await a(this, w)).updateLayoutBleed(t, null).then((r) => i(r)), this.setPrivateData = async (t, e) => (await a(this, w)).setLayoutPrivateData(t, JSON.stringify(e)).then((n) => i(n)), this.getPrivateData = async (t) => (await a(this, w)).getLayoutPrivateData(t).then((r) => i(r)), this.setDisplayName = async (t, e) => (await a(this, w)).setLayoutDisplayName(t, e).then((n) => i(n)), this.getDisplayName = async (t) => (await a(this, w)).getLayoutDisplayName(t).then((r) => i(r)), this.resetDisplayName = async (t) => (await a(this, w)).setLayoutDisplayName(t, null).then((r) => i(r)), this.setAvailableForUser = async (t, e) => (await a(this, w)).setLayoutAvailableForUser(t, e).then((n) => i(n)), this.setSelectedByUser = async (t, e) => (await a(this, w)).setLayoutSelectedByUser(t, e).then((n) => i(n)), this.setResizableByUser = async (t, e) => (await a(this, w)).setLayoutResizableByUser(t, JSON.stringify(e)).then((n) => i(n)), g(this, w, o), g(this, _t, o);
+      return (await a(this, m)).updateLayoutBleed(t, JSON.stringify(r)).then((c) => i(c));
+    }, this.resetBleedValues = async (t) => (await a(this, m)).updateLayoutBleed(t, null).then((r) => i(r)), this.setPrivateData = async (t, e) => (await a(this, m)).setLayoutPrivateData(t, JSON.stringify(e)).then((n) => i(n)), this.getPrivateData = async (t) => (await a(this, m)).getLayoutPrivateData(t).then((r) => i(r)), this.setDisplayName = async (t, e) => (await a(this, m)).setLayoutDisplayName(t, e).then((n) => i(n)), this.getDisplayName = async (t) => (await a(this, m)).getLayoutDisplayName(t).then((r) => i(r)), this.resetDisplayName = async (t) => (await a(this, m)).setLayoutDisplayName(t, null).then((r) => i(r)), this.setAvailableForUser = async (t, e) => (await a(this, m)).setLayoutAvailableForUser(t, e).then((n) => i(n)), this.setSelectedByUser = async (t, e) => (await a(this, m)).setLayoutSelectedByUser(t, e).then((n) => i(n)), this.setResizableByUser = async (t, e) => (await a(this, m)).setLayoutResizableByUser(t, JSON.stringify(e)).then((n) => i(n)), g(this, m, o), g(this, $t, o);
   }
 }
-w = new WeakMap(), _t = new WeakMap();
-var ie = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.mediumres = "mediumres", s.highres = "highres", s.original = "original", s))(ie || {}), bs = /* @__PURE__ */ ((s) => (s.web = "web", s.print = "print", s.animation = "animation", s))(bs || {}), q, Ht;
-class Ze {
+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;
+class rs {
   /**
    * @ignore
    */
@@ -1358,27 +1463,27 @@ class Ze {
     /**
      * @ignore
      */
-    u(this, q);
-    u(this, Ht);
-    this.query = async (t, e, r = {}) => (await a(this, q)).mediaConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.detail = async (t, e, r = {}) => (await a(this, q)).mediaConnectorDetail(t, e, JSON.stringify(r)).then((c) => i(c)), this.download = async (t, e, r, n = {}) => {
+    u(this, Y);
+    u(this, Kt);
+    this.query = async (t, e, r = {}) => (await a(this, Y)).mediaConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.detail = async (t, e, r = {}) => (await a(this, Y)).mediaConnectorDetail(t, e, JSON.stringify(r)).then((c) => i(c)), this.download = async (t, e, r, n = {}) => {
       const c = this.parseDeprecatedMediaDownloadType(
         r
       );
-      return (await a(this, Ht)).mediaConnectorDownload(
+      return (await a(this, Kt)).mediaConnectorDownload(
         t,
         e,
         c,
-        bs.web,
+        Os.web,
         JSON.stringify(n)
-      ).then((h) => {
-        if (h instanceof Uint8Array)
-          return h;
-        throw typeof h == "object" && h !== null && "success" in h && !h.success && ws(h), new Error(`Unexpected response type: ${typeof h}.`);
+      ).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}.`);
       });
-    }, this.getConfigurationOptions = async (t) => (await a(this, q)).mediaConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, q)).mediaConnectorGetCapabilities(t).then((r) => i(r)), this.parseDeprecatedMediaType = (t) => {
-      if (t === Vt.file) return Gt.file;
-      if (t === Vt.collection) return Gt.collection;
-    }, this.upload = async (t, e, r = {}) => (await a(this, q)).mediaConnectorUpload(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), g(this, q, o), g(this, Ht, o);
+    }, 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;
+      if (t === Bt.collection) return Ut.collection;
+    }, this.upload = async (t, e, r = {}) => (await a(this, Y)).mediaConnectorUpload(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), g(this, Y, o), g(this, Kt, o);
   }
   /**
    * This method will parse the deprecatedMediaDownloadType to the new media download type.
@@ -1388,18 +1493,18 @@ class Ze {
    */
   parseDeprecatedMediaDownloadType(o) {
     switch (o) {
-      case re.HighResolutionWeb:
-        return ie.highres;
-      case re.LowResolutionWeb:
-        return ie.thumbnail;
+      case ce.HighResolutionWeb:
+        return de.highres;
+      case ce.LowResolutionWeb:
+        return de.thumbnail;
       default:
         return o;
     }
   }
 }
-q = new WeakMap(), Ht = new WeakMap();
-var L, Tt, ls;
-let Qe = (ls = class {
+Y = new WeakMap(), Kt = new WeakMap();
+var O, zt, ms;
+let ns = (ms = class {
   /**
    * @ignore
    */
@@ -1407,16 +1512,16 @@ let Qe = (ls = class {
     /**
      * @ignore
      */
-    u(this, L);
+    u(this, O);
     /**
      * @ignore
      */
-    u(this, Tt);
-    this.add = async () => (await a(this, L)).addPage().then((e) => i(e)), this.remove = async (t) => (await a(this, L)).removePage(t).then((r) => i(r)), this.select = async (t) => (await a(this, L)).selectPage(t).then((r) => i(r)), this.setVisibility = async (t, e) => (await a(this, L)).setPageIsVisible(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, L)).duplicatePage(t).then((r) => i(r)), this.getAll = async () => (await a(this, L)).getPages().then((e) => i(e)), this.getById = async (t) => (await a(this, L)).getPageById(t).then((r) => i(r)), this.getSnapshot = async (t, e) => (await a(this, Tt)).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, L)).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, L)).setPageHeight(e).then((n) => i(n))), this.setSize = async (t, e) => (await a(this, L)).setPageSize(t, e).then((n) => i(n)), this.move = async (t, e) => (await a(this, L)).reorderPages(t, e).then((n) => i(n)), g(this, L, o), g(this, Tt, o);
+    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);
   }
-}, L = new WeakMap(), Tt = new WeakMap(), ls);
-var J;
-class Xe {
+}, O = new WeakMap(), zt = new WeakMap(), ms);
+var B;
+class as {
   /**
    * @ignore
    */
@@ -1424,24 +1529,24 @@ class Xe {
     /**
      * @ignore
      */
-    u(this, J);
-    this.getAll = async () => (await a(this, J)).getParagraphStyles().then((e) => i(e)), this.getById = async (t) => (await a(this, J)).getParagraphStyleById(t).then((r) => i(r)), this.create = async () => (await a(this, J)).createParagraphStyle().then((e) => i(e)), this.duplicate = async (t) => (await a(this, J)).duplicateParagraphStyle(t).then((r) => i(r)), this.update = async (t, e) => (await a(this, J)).updateParagraphStyle(t, JSON.stringify(e)).then((n) => i(n)), this.rename = async (t, e) => (await a(this, J)).renameParagraphStyle(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, J)).removeParagraphStyle(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, J)).moveParagraphStyles(t, e).then((n) => i(n)), g(this, J, o);
+    u(this, B);
+    this.getAll = async () => (await a(this, B)).getParagraphStyles().then((e) => i(e)), this.getById = async (t) => (await a(this, B)).getParagraphStyleById(t).then((r) => i(r)), this.create = async () => (await a(this, B)).createParagraphStyle().then((e) => i(e)), this.duplicate = async (t) => (await a(this, B)).duplicateParagraphStyle(t).then((r) => i(r)), this.update = async (t, e) => (await a(this, B)).updateParagraphStyle(t, JSON.stringify(e)).then((n) => i(n)), this.rename = async (t, e) => (await a(this, B)).renameParagraphStyle(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, B)).removeParagraphStyle(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, B)).moveParagraphStyles(t, e).then((n) => i(n)), g(this, B, o);
   }
 }
-J = new WeakMap();
-var x = /* @__PURE__ */ ((s) => (s.info = "info", s.warn = "warn", s.error = "error", s))(x || {}), Is = /* @__PURE__ */ ((s) => (s.general = "general", s.connector = "connector", s.event = "event", s.engine = "engine", s))(Is || {}), Bt = /* @__PURE__ */ ((s) => (s.throw = "throw", s.log = "log", s))(Bt || {});
-class Br {
+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 {
   constructor(o, t, e, r) {
     this.type = "action", this.message = o, this.id = t, this.event = e, this.eventChain = r;
   }
 }
-class Jr {
+class jr {
   constructor(o, t, e) {
     this.type = "dataRow", this.count = o, this.message = t, this.exceptions = e;
   }
 }
-var he = /* @__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))(he || {}), kr = /* @__PURE__ */ ((s) => (s.Monday = "monday", s.Tuesday = "tuesday", s.Wednesday = "wednesday", s.Thursday = "thursday", s.Friday = "friday", s.Saturday = "saturday", s.Sunday = "sunday", s))(kr || {}), Ur = /* @__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))(Ur || {}), xt = /* @__PURE__ */ ((s) => (s.visible = "visible", s.invisible = "invisible", s.conditional = "conditional", s))(xt || {}), _r = /* @__PURE__ */ ((s) => (s.boolean = "boolean", s.text = "text", s.number = "number", s))(_r || {}), Hr = /* @__PURE__ */ ((s) => (s.equals = "=", s.notEquals = "!=", s.greaterThan = ">", s.greaterThanOrEquals = ">=", s.lessThan = "<", s.lessThanOrEquals = "<=", s))(Hr || {});
-let Tr = 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 || {}), 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 {
   /**
    * @ignore
    */
@@ -1484,13 +1589,13 @@ let Tr = class {
     }, this.onVariableListChanged = (e) => {
       const n = JSON.parse(e).map(
         (c) => {
-          var d;
-          return c.type === he.list ? {
+          var h;
+          return c.type === pe.list ? {
             ...c,
             items: c.items.map(
-              (h) => h.value
+              (l) => l.value
             ),
-            selected: (d = c.selected) == null ? void 0 : d.value
+            selected: (h = c.selected) == null ? void 0 : h.value
           } : c;
         }
       );
@@ -1522,9 +1627,9 @@ let Tr = class {
     }, this.onConnectorEvent = (e) => {
       this.config.events.onConnectorEvent.trigger(JSON.parse(e));
     }, this.onConnectorsChanged = (e) => {
-      const n = new ce().makeMultipleConnectorsBackwardsCompatible(
+      const n = new ye().makeMultipleConnectorsBackwardsCompatible(
         JSON.parse(e),
-        this.localConfig.get(X.GraFxStudioEnvironmentApiUrl)
+        this.localConfig.get(tt.GraFxStudioEnvironmentApiUrl)
       );
       this.config.events.onConnectorsChanged.trigger(n);
     }, this.onSelectedPageIdChanged = (e) => {
@@ -1542,14 +1647,14 @@ let Tr = class {
     }, this.onAsyncError = (e) => {
       const r = JSON.parse(e);
       if ((r == null ? void 0 : r.type) === "dataRow") {
-        const n = new Jr(
+        const n = new jr(
           r.count,
           r.message,
           r.exceptions
         );
         this.config.events.onAsyncError.trigger(n);
       } else if ((r == null ? void 0 : r.type) === "action") {
-        const n = new Br(
+        const n = new Wr(
           r.message,
           r.id,
           r.event,
@@ -1574,7 +1679,7 @@ let Tr = class {
   }
 };
 var Ct;
-class ts {
+class is {
   /**
    * @ignore
    */
@@ -1587,8 +1692,8 @@ class ts {
   }
 }
 Ct = new WeakMap();
-var Kr = /* @__PURE__ */ ((s) => (s.FRAME_X = "frameX", s.FRAME_Y = "frameY", s.WIDTH = "width", s.HEIGHT = "height", s.FRAME_ROTATION = "frameRotation", s))(Kr || {}), $r = /* @__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))($r || {}), 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 || {}), zr = /* @__PURE__ */ ((s) => (s.MP4 = "mp4", s.GIF = "gif", s.PNG = "png", s.JPG = "jpg", s.PDF = "pdf", s.HTML = "html", s))(zr || {}), oe = /* @__PURE__ */ ((s) => (s.SANDBOX = "sandbox", s.PRODUCTION = "online", s))(oe || {}), At;
-class es {
+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 {
   /**
    * @ignore
    */
@@ -1596,13 +1701,13 @@ class es {
     /**
      * @ignore
      */
-    u(this, At);
-    this.setTool = async (t) => (await a(this, At)).setTool(t).then((r) => i(r)), this.getSelected = async () => (await a(this, At)).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, At, o);
+    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);
   }
 }
-At = new WeakMap();
-var Y, _, Kt;
-class ss {
+Ft = new WeakMap();
+var Z, H, Wt;
+class cs {
   /**
    * @ignore
    */
@@ -1610,50 +1715,50 @@ class ss {
     /**
      * @ignore
      */
-    u(this, Y);
-    u(this, _);
-    u(this, Kt);
-    this.undo = async () => (await a(this, Y)).undo().then((r) => i(r)), this.redo = async () => (await a(this, Y)).redo().then((r) => i(r)), this.addCustomData = async (e, r) => (await a(this, Y)).setCustomUndoData(e, r, !1).then((c) => i(c)), this.record = async (e, r) => {
+    u(this, Z);
+    u(this, H);
+    u(this, Wt);
+    this.undo = async () => (await a(this, Z)).undo().then((r) => i(r)), this.redo = async () => (await a(this, Z)).redo().then((r) => i(r)), this.addCustomData = async (e, r) => (await a(this, Z)).setCustomUndoData(e, r, !1).then((c) => i(c)), this.record = async (e, r) => {
       try {
-        await a(this, _).beginIfNoneActive(e), await r(a(this, Kt)), await a(this, _).end();
+        await a(this, H).beginIfNoneActive(e), await r(a(this, Wt)), await a(this, H).end();
       } catch (n) {
-        throw await a(this, _).abort(), n;
+        throw await a(this, H).abort(), n;
       }
-    }, this.pause = async () => (await a(this, Y)).pause().then((r) => i(r)), this.resume = async () => (await a(this, Y)).resume().then((r) => i(r)), this.advanced = {
+    }, this.pause = async () => (await a(this, Z)).pause().then((r) => i(r)), this.resume = async () => (await a(this, Z)).resume().then((r) => i(r)), this.advanced = {
       /**
        * This will start a new undo operation.
        * This will throw an exception when there is already an undo operation recording.
        * @experimental This method is experimental and may change in future versions.
        * @returns
        */
-      begin: async (e) => a(this, _).begin(e),
+      begin: async (e) => a(this, H).begin(e),
       /**
        * This will start a new undo operation if there is no other undo operation recording.
        * This does not throw.
        * @experimental This method is experimental and may change in future versions.
        * @returns
        */
-      beginIfNoneActive: async (e) => a(this, _).beginIfNoneActive(e),
+      beginIfNoneActive: async (e) => a(this, H).beginIfNoneActive(e),
       /**
        * Ends the currently active recording operation.
        * If there is no recording operation currently running this will throw an exception.
        * @experimental This method is experimental and may change in future versions.
        * @returns
        */
-      end: async () => a(this, _).end(),
+      end: async () => a(this, H).end(),
       /**
        * Aborts the currently active recording operation.
        * If there is no recording operation currently running this will throw an exception.
        * @experimental This method is experimental and may change in future versions.
        * @returns
        */
-      abort: async () => a(this, _).abort()
-    }, g(this, Y, o), g(this, Kt, t), g(this, _, new Wr(o));
+      abort: async () => a(this, H).abort()
+    }, g(this, Z, o), g(this, Wt, t), g(this, H, new rn(o));
   }
 }
-Y = new WeakMap(), _ = new WeakMap(), Kt = new WeakMap();
-var ot;
-class Wr {
+Z = new WeakMap(), H = new WeakMap(), Wt = new WeakMap();
+var ct;
+class rn {
   /**
    * @ignore
    */
@@ -1661,17 +1766,17 @@ class Wr {
     /**
      * @ignore
      */
-    u(this, ot);
-    this.begin = async (t) => (await a(this, ot)).begin(t).then((r) => i(r)), this.beginIfNoneActive = async (t) => (await a(this, ot)).beginIfNoneActive(t).then((r) => i(r)), this.end = async () => (await a(this, ot)).end().then((e) => i(e)), this.abort = async () => (await a(this, ot)).abort().then((e) => i(e)), g(this, ot, o);
+    u(this, ct);
+    this.begin = async (t) => (await a(this, ct)).begin(t).then((r) => i(r)), this.beginIfNoneActive = async (t) => (await a(this, ct)).beginIfNoneActive(t).then((r) => i(r)), this.end = async () => (await a(this, ct)).end().then((e) => i(e)), this.abort = async () => (await a(this, ct)).abort().then((e) => i(e)), g(this, ct, o);
   }
 }
-ot = new WeakMap();
-const jr = (s, o = 2) => {
+ct = new WeakMap();
+const nn = (s, o = 2) => {
   const t = Math.pow(10, o);
   return Math.round(s * t) / t;
 };
-var $t, Pt;
-class rs {
+var jt, Et;
+class hs {
   /**
    * @ignore
    */
@@ -1679,27 +1784,27 @@ class rs {
     /**
      * @ignore
      */
-    u(this, $t);
-    u(this, Pt);
+    u(this, jt);
+    u(this, Et);
     this.round = (e, r) => i({
-      data: String(jr(e, r)),
+      data: String(nn(e, r)),
       success: !0,
       status: 200,
       parsedData: null
     }), this.createEnvironmentBaseURL = (e) => {
-      const { type: r = oe.SANDBOX, environment: n = "ft-nostress", version: c = "1" } = e, d = r == oe.SANDBOX ? "chili-publish-sandbox" : "chili-publish";
-      return `https://${n}.${d}.online/grafx/api/v${c}/environment/${n}`;
+      const { type: r = ue.SANDBOX, environment: n = "ft-nostress", version: c = "1" } = e, h = r == ue.SANDBOX ? "chili-publish-sandbox" : "chili-publish";
+      return `https://${n}.${h}.online/grafx/api/v${c}/environment/${n}`;
     }, this.stageFiles = async (e, r, n) => {
-      const c = a(this, Pt).get(X.GraFxStudioEnvironmentApiUrl);
+      const c = a(this, Et).get(tt.GraFxStudioEnvironmentApiUrl);
       if (!c)
         throw new Error("GraFx Studio Environment API URL is not set");
-      const d = `${c}connectors/${r}/stage`, h = a(this, Pt).get(X.GraFxStudioAuthToken);
-      if (!h)
+      const h = `${c}connectors/${r}/stage`, l = a(this, Et).get(tt.GraFxStudioAuthToken);
+      if (!l)
         throw new Error("GraFx Studio Auth Token is not set");
       const p = new FormData();
-      e.forEach((S, b) => {
-        const A = S instanceof File ? S.name : `blob-${b}`;
-        p.append("files", S, A);
+      e.forEach((f, b) => {
+        const A = f instanceof File ? f.name : `blob-${b}`;
+        p.append("files", f, A);
       }), n && p.append(
         "validationJson",
         JSON.stringify({
@@ -1710,28 +1815,28 @@ class rs {
           }
         })
       );
-      const y = await fetch(d, {
+      const y = await fetch(h, {
         method: "POST",
         body: p,
         headers: {
-          Authorization: `Bearer ${h}`
+          Authorization: `Bearer ${l}`
         }
       });
       if (y.status === 422) {
-        const S = await y.json();
-        throw new Ir(S.message, fs.minDimension);
+        const f = await y.json();
+        throw new Dr(f.message, Fs.minDimension);
       }
       if (!y.ok)
         throw new Error("Failed to stage files");
       return await y.json();
-    }, this.unitEvaluate = async (e, r) => (await a(this, $t)).unitEvaluate(e, r).then((c) => i(c)), g(this, $t, o), g(this, Pt, t);
+    }, this.unitEvaluate = async (e, r) => (await a(this, jt)).unitEvaluate(e, r).then((c) => i(c)), g(this, jt, o), g(this, Et, t);
   }
 }
-$t = new WeakMap(), Pt = new WeakMap();
-var zt;
-class qr {
+jt = new WeakMap(), Et = new WeakMap();
+var qt;
+class an {
   constructor(o) {
-    u(this, zt);
+    u(this, qt);
     this.setMinimum = async (t, e) => {
       const r = { minValue: { value: e } };
       return this.applyPropertiesUpdate(t, r);
@@ -1756,18 +1861,18 @@ class qr {
     }, this.setNumberOfDecimals = async (t, e) => {
       const r = { numberOfDecimals: { value: e } };
       return this.applyPropertiesUpdate(t, r);
-    }, g(this, zt, o);
+    }, g(this, qt, o);
   }
   async applyPropertiesUpdate(o, t) {
-    const r = await (await a(this, zt)).updateNumberVariableProperties(o, JSON.stringify(t));
+    const r = await (await a(this, qt)).updateNumberVariableProperties(o, JSON.stringify(t));
     return i(r);
   }
 }
-zt = new WeakMap();
-var Wt;
-class Yr {
+qt = new WeakMap();
+var Yt;
+class on {
   constructor(o) {
-    u(this, Wt);
+    u(this, Yt);
     this.setDisplayFormat = async (t, e) => {
       const r = { displayFormat: { value: e } };
       return this.applyPropertiesUpdate(t, r);
@@ -1783,16 +1888,16 @@ class Yr {
     }, this.setExcludedDays = async (t, e) => {
       const r = { excludedDays: { value: e } };
       return this.applyPropertiesUpdate(t, r);
-    }, g(this, Wt, o);
+    }, g(this, Yt, o);
   }
   async applyPropertiesUpdate(o, t) {
-    const r = await (await a(this, Wt)).updateDateVariableProperties(o, JSON.stringify(t));
+    const r = await (await a(this, Yt)).updateDateVariableProperties(o, JSON.stringify(t));
     return i(r);
   }
 }
-Wt = new WeakMap();
-var m, Ft, Et, ds;
-let ns = (ds = class {
+Yt = new WeakMap();
+var C, Ot, Lt, fs;
+let ls = (fs = class {
   /**
    * @ignore
    */
@@ -1800,31 +1905,31 @@ let ns = (ds = class {
     /**
      * @ignore
      */
-    u(this, m);
-    u(this, Ft);
-    u(this, Et);
-    this.getAll = async () => (await a(this, m)).getVariables().then((e) => i(e)).then((e) => {
+    u(this, C);
+    u(this, Ot);
+    u(this, Lt);
+    this.getAll = async () => (await a(this, C)).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, m)).getVariableById(t).then((r) => i(r)).then((r) => {
+    }), this.getById = async (t) => (await a(this, C)).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, m)).getVariableByName(t).then((r) => i(r)).then((r) => {
+    }), this.getByName = async (t) => (await a(this, C)).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, m)).addVariable(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, m)).removeVariables(t).then((r) => i(r)), this.rename = async (t, e) => (await a(this, m)).setVariableName(t, e).then((n) => i(n)), this.setLabel = async (t, e) => (await a(this, m)).setVariableLabel(t, e).then((n) => i(n)), g(this, Ft, async (t, e) => (await a(this, m)).setVariablePlaceholder(t, e).then((n) => i(n))), this.setPlaceholder = async (t, e) => a(this, Ft).call(this, t, e), this.resetPlaceholder = async (t) => a(this, Ft).call(this, t, null), g(this, Et, async (t, e) => (await a(this, m)).setVariableHelpText(t, e).then((n) => i(n))), this.setHelpText = async (t, e) => a(this, Et).call(this, t, e), this.resetHelpText = async (t) => a(this, Et).call(this, t, null), this.setType = async (t, e) => (await a(this, m)).setVariableType(t, e).then((n) => i(n)), this.setListVariable = async (t, e) => (await a(this, m)).setListVariableItems(
+    }), 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(
       t,
       e.map((n) => JSON.stringify({ value: n }))
-    ).then((n) => i(n)), this.setValue = async (t, e) => (await a(this, m)).setVariableValue(t, e).then((n) => i(n)), this.duplicate = async (t) => (await a(this, m)).duplicateVariable(t).then((r) => i(r)), this.groupVariables = async (t, e) => (await a(this, m)).groupVariables(t, e).then((n) => i(n)), this.ungroupVariables = async (t) => (await a(this, m)).ungroupVariable(t).then((r) => i(r)), this.move = async (t, e, r) => (await a(this, m)).moveVariable(e, r, t).then((c) => i(c)), this.moveVariables = async (t, e, r) => (await a(this, m)).moveVariables(e, r, t).then((c) => i(c)), this.setIsVisible = async (t, e) => {
-      const r = e ? { type: xt.visible } : { type: xt.invisible };
+    ).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) => {
+      const r = e ? { type: Jt.visible } : { type: Jt.invisible };
       return this.setVariableVisibility(t, r);
     }, this.setIsHidden = async (t, e) => {
-      const r = e ? { type: xt.invisible } : { type: xt.visible };
+      const r = e ? { type: Jt.invisible } : { type: Jt.visible };
       return this.setVariableVisibility(t, r);
-    }, this.setVariableVisibility = async (t, e) => (await a(this, m)).setVariableVisibility(t, JSON.stringify(e)).then((n) => i(n)), this.setLayoutsForVariableVisibility = async (t) => (await a(this, m)).setLayoutsForVariableVisibility(t ? JSON.stringify(t) : null).then((r) => i(r)), this.setIsRequired = async (t, e) => (await a(this, m)).setVariableIsRequired(t, e).then((n) => i(n)), this.setRemoveParagraphIfEmpty = async (t, e) => (await a(this, m)).setVariableRemoveParagraphIfEmpty(t, e).then((n) => i(n)), this.setIsReadonly = async (t, e) => (await a(this, m)).setVariableIsReadonly(t, e).then((n) => i(n)), this.getImageVariableConnectorId = async (t) => (await a(this, m)).getImageVariableConnectorId(t).then((r) => i(r)), this.setImageVariableConnector = async (t, e) => {
-      const r = await a(this, m), c = new ce().makeConnectorSourceForwardsCompatible(e);
-      return r.setImageVariableConnector(t, JSON.stringify(c)).then((d) => i(d));
-    }, this.setImageVariableValueWithContext = async (t, e, r) => (await a(this, m)).setImageVariableValueWithContext(t, e, JSON.stringify(r)).then((c) => i(c)), this.removeSource = async (t) => this.setValue(t, null), this.setPrefix = async (t, e) => {
+    }, 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);
+      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) => {
       const r = { prefix: { value: e } };
       return this.applyPrefixSuffixDeltaUpdate(t, r);
     }, this.setSuffix = async (t, e) => {
@@ -1836,24 +1941,24 @@ let ns = (ds = class {
     }, this.setSuffixCharacterStyle = async (t, e) => {
       const r = { suffixCharacterStyleId: { value: e } };
       return this.applyPrefixSuffixDeltaUpdate(t, r);
-    }, this.setPrivateData = async (t, e) => (await a(this, m)).setVariablePrivateData(t, JSON.stringify(e)).then((n) => i(n)), this.getPrivateData = async (t) => (await a(this, m)).getVariablePrivateData(t).then((r) => i(r)), this.setAllowImageQuery = async (t, e) => (await a(this, m)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowImageUpload = async (t, e) => (await a(this, m)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinImageUploadSize = async (t, e, r) => (await a(this, m)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setIsDontBreak = async (t, e) => (await a(this, m)).setVariableIsDontBreak(t, e).then((n) => i(n)), g(this, m, o), this.number = new qr(a(this, m)), this.date = new Yr(a(this, m));
+    }, 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));
   }
   makeVariablesBackwardsCompatible(o) {
     return o.map((t) => this.makeVariableBackwardsCompatible(t));
   }
   makeVariableBackwardsCompatible(o) {
-    return o.type !== he.list ? o : this.makeListVariableBackwardsCompatible(o);
+    return o.type !== pe.list ? o : this.makeListVariableBackwardsCompatible(o);
   }
   makeListVariableBackwardsCompatible(o) {
     const t = o, e = o.items, r = o.selected, n = e.map((c) => c.value);
     return t.items = n, t.selected = r == null ? void 0 : r.value, t;
   }
   async applyPrefixSuffixDeltaUpdate(o, t) {
-    const r = await (await a(this, m)).updateVariablePrefixSuffixProperties(o, JSON.stringify(t));
+    const r = await (await a(this, C)).updateVariablePrefixSuffixProperties(o, JSON.stringify(t));
     return i(r);
   }
-}, m = new WeakMap(), Ft = new WeakMap(), Et = new WeakMap(), ds);
-class Zr {
+}, C = new WeakMap(), Ot = new WeakMap(), Lt = new WeakMap(), fs);
+class cn {
   /**
    * @ignore
    */
@@ -1869,8 +1974,8 @@ class Zr {
     }, this.config = o;
   }
 }
-var ct;
-class Qr {
+var ht;
+class hn {
   /**
    * @ignore
    */
@@ -1878,24 +1983,24 @@ class Qr {
     /**
      * @ignore
      */
-    u(this, ct);
-    this.getAll = async () => (await a(this, ct)).getVariables().then((e) => i(e)), this.getById = async (t) => (await a(this, ct)).getVariableById(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, ct)).getVariableByName(t).then((r) => i(r)), this.setListVariable = async (t, e) => (await a(this, ct)).setListVariableItems(
+    u(this, ht);
+    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, ct, o), this.image = new Xr(o);
+    ).then((n) => i(n)), g(this, ht, o), this.image = new ln(o);
   }
 }
-ct = new WeakMap();
-var Z;
-class Xr {
+ht = new WeakMap();
+var Q;
+class ln {
   constructor(o) {
-    u(this, Z);
-    this.setAllowQuery = async (t, e) => (await a(this, Z)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowUpload = async (t, e) => (await a(this, Z)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinUploadSize = async (t, e, r) => (await a(this, Z)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setConnector = async (t, e) => (await a(this, Z)).setImageVariableConnector(t, JSON.stringify(e)).then((n) => i(n)), this.setConnectorContext = async (t, e) => (await a(this, Z)).setImageVariableConnectorContext(t, JSON.stringify(e)).then((n) => i(n)), g(this, Z, 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);
   }
 }
-Z = new WeakMap();
+Q = new WeakMap();
 var mt;
-class tn {
+class dn {
   /**
    * @ignore
    */
@@ -1908,8 +2013,8 @@ class tn {
   }
 }
 mt = new WeakMap();
-var Lt, Yt;
-class en {
+var Dt, ee;
+class un {
   /**
    * @ignore
    */
@@ -1917,26 +2022,26 @@ class en {
     /**
      * @ignore
      */
-    u(this, Lt);
+    u(this, Dt);
     /**
      * @ignore
      */
-    u(this, Yt);
-    this.setWidth = async (t) => (await a(this, Lt)).setPageWidth(t).then((r) => i(r)), this.setHeight = async (t) => (await a(this, Lt)).setPageHeight(t).then((r) => i(r)), g(this, Lt, o), g(this, Yt, o);
+    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);
   }
 }
-Lt = new WeakMap(), Yt = new WeakMap();
-class as {
+Dt = new WeakMap(), ee = new WeakMap();
+class ds {
   /**
    * The next initiator is a split off on SDK level to tag next features
    * 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, t, e) {
-    this.config = o, this.connection = t, this.editorAPI = e, this.subscriber = new Zr(o), this.variable = new Qr(this.editorAPI), this.connector = new tn(this.editorAPI), this.page = new en(this.editorAPI), this.canvas = new se(this.editorAPI);
+    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);
   }
 }
-class vs {
+class Ds {
   constructor(o) {
     this.logger = o;
   }
@@ -1952,13 +2057,13 @@ class vs {
   }
   handleError(o, t, e) {
     var r;
-    if (t === Bt.log)
-      (r = this.logger) == null || r.call(this, x.error, Is.event, `Error in callback ${e}: ${o}`);
+    if (t === kt.log)
+      (r = this.logger) == null || r.call(this, x.error, Ls.event, `Error in callback ${e}: ${o}`);
     else
       throw o;
   }
 }
-class is extends vs {
+class us extends Ds {
   constructor(o, t) {
     super(t), this.handler = o;
   }
@@ -1971,10 +2076,10 @@ class is extends vs {
   trigger(...o) {
     const t = this.handler();
     if (t)
-      return this.createEventHandlerFn(t, Bt.throw)(...o);
+      return this.createEventHandlerFn(t, kt.throw)(...o);
   }
 }
-class C extends vs {
+class w extends Ds {
   constructor(o, t) {
     super(t), this.legacyHandler = o, this.subscriptions = /* @__PURE__ */ new Set();
   }
@@ -1986,7 +2091,7 @@ class C extends vs {
    */
   trigger(...o) {
     const t = this.legacyHandler();
-    t && this.createEventHandlerFn(t, Bt.log)(...o);
+    t && this.createEventHandlerFn(t, kt.log)(...o);
     for (const e of this.subscriptions)
       e(...o);
   }
@@ -2000,14 +2105,14 @@ class C extends vs {
    *                         - "throw": Throws an error. Keep in mind that throwing of error in one of the callback will prevent calling of others
    * @returns A function to unsubscribe the callback, preventing it from being invoked in the future.
    */
-  registerCallback(o, t = Bt.log) {
+  registerCallback(o, t = kt.log) {
     const e = this.createEventHandlerFn(o, t);
     return this.subscriptions.add(e), () => {
       this.subscriptions.delete(e);
     };
   }
 }
-class le {
+class we {
   /**
    * Creates a runtime configuration object from the provided configuration object.
    *
@@ -2015,181 +2120,181 @@ class le {
    * @returns The runtime configuration object.
    */
   static createRuntimeConfig(o) {
-    var e, r, n, c, d, h, p, y, I, S, b, A, v, f, M, E, P, z, W, wt, ft, de, ue, ge, ye, pe, Ce, me, we, fe, Se, be, Ie, ve, Ae;
+    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;
     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) || ((Dt, Zt, Qt) => {
-        var Pe;
-        if (le.isLoggingEnabled(Dt, ((Pe = t.logging) == null ? void 0 : Pe.logLevel) ?? x.error))
-          switch (Dt) {
+      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))
+          switch (xt) {
             case x.error:
-              console.error(`[${Zt}] [${Dt}] ${Qt}`);
+              console.error(`[${se}] [${xt}] ${re}`);
               break;
             case x.warn:
-              console.warn(`[${Zt}] [${Dt}] ${Qt}`);
+              console.warn(`[${se}] [${xt}] ${re}`);
               break;
             default:
-              console.log(`[${Zt}] [${Dt}] ${Qt}`);
+              console.log(`[${se}] [${xt}] ${re}`);
           }
       })
     }, t.handlers = {
-      onAuthExpired: new is(() => t.onAuthExpired, (n = t.logging) == null ? void 0 : n.logger),
-      onViewportRequested: new is(
+      onAuthExpired: new us(() => t.onAuthExpired, (n = t.logging) == null ? void 0 : n.logger),
+      onViewportRequested: new us(
         () => t.onViewportRequested,
         (c = t.logging) == null ? void 0 : c.logger
       )
     }, t.events = {
-      onActionsChanged: new C(
+      onActionsChanged: new w(
         () => t.onActionsChanged,
-        (d = t.logging) == null ? void 0 : d.logger
+        (h = t.logging) == null ? void 0 : h.logger
       ),
-      onStateChanged: new C(
+      onStateChanged: new w(
         () => t.onStateChanged,
-        (h = t.logging) == null ? void 0 : h.logger
+        (l = t.logging) == null ? void 0 : l.logger
       ),
-      onDocumentLoaded: new C(
+      onDocumentLoaded: new w(
         () => t.onDocumentLoaded,
         (p = t.logging) == null ? void 0 : p.logger
       ),
-      onSelectedFramesLayoutChanged: new C(
+      onSelectedFramesLayoutChanged: new w(
         () => t.onSelectedFramesLayoutChanged,
         (y = t.logging) == null ? void 0 : y.logger
       ),
-      onFramesLayoutChanged: new C(
+      onFramesLayoutChanged: new w(
         () => t.onFramesLayoutChanged,
-        (I = t.logging) == null ? void 0 : I.logger
+        (v = t.logging) == null ? void 0 : v.logger
       ),
-      onSelectedFramesContentChanged: new C(
+      onSelectedFramesContentChanged: new w(
         () => t.onSelectedFramesContentChanged,
-        (S = t.logging) == null ? void 0 : S.logger
+        (f = t.logging) == null ? void 0 : f.logger
       ),
-      onPageSelectionChanged: new C(
+      onPageSelectionChanged: new w(
         () => t.onPageSelectionChanged,
         (b = t.logging) == null ? void 0 : b.logger
       ),
-      onSelectedLayoutPropertiesChanged: new C(
+      onSelectedLayoutPropertiesChanged: new w(
         () => t.onSelectedLayoutPropertiesChanged,
         (A = t.logging) == null ? void 0 : A.logger
       ),
-      onSelectedLayoutUnitChanged: new C(
+      onSelectedLayoutUnitChanged: new w(
         () => t.onSelectedLayoutUnitChanged,
-        (v = t.logging) == null ? void 0 : v.logger
+        (I = t.logging) == null ? void 0 : I.logger
       ),
-      onScrubberPositionChanged: new C(
+      onScrubberPositionChanged: new w(
         () => t.onScrubberPositionChanged,
-        (f = t.logging) == null ? void 0 : f.logger
+        (S = t.logging) == null ? void 0 : S.logger
       ),
-      onFrameAnimationsChanged: new C(
+      onFrameAnimationsChanged: new w(
         () => t.onFrameAnimationsChanged,
         (M = t.logging) == null ? void 0 : M.logger
       ),
-      onVariableListChanged: new C(
+      onVariableListChanged: new w(
         () => t.onVariableListChanged,
         (E = t.logging) == null ? void 0 : E.logger
       ),
-      onSelectedToolChanged: new C(
+      onSelectedToolChanged: new w(
         () => t.onSelectedToolChanged,
         (P = t.logging) == null ? void 0 : P.logger
       ),
-      onUndoStackStateChanged: new C(
+      onUndoStackStateChanged: new w(
         () => t.onUndoStackStateChanged,
-        (z = t.logging) == null ? void 0 : z.logger
+        (W = t.logging) == null ? void 0 : W.logger
       ),
-      onSelectedLayoutFramesChanged: new C(
+      onSelectedLayoutFramesChanged: new w(
         () => t.onSelectedLayoutFramesChanged,
-        (W = t.logging) == null ? void 0 : W.logger
+        (j = t.logging) == null ? void 0 : j.logger
       ),
-      onSelectedTextStyleChanged: new C(
+      onSelectedTextStyleChanged: new w(
         () => t.onSelectedTextStyleChanged,
-        (wt = t.logging) == null ? void 0 : wt.logger
+        (St = t.logging) == null ? void 0 : St.logger
       ),
-      onColorsChanged: new C(
+      onColorsChanged: new w(
         () => t.onColorsChanged,
-        (ft = t.logging) == null ? void 0 : ft.logger
+        (bt = t.logging) == null ? void 0 : bt.logger
       ),
-      onParagraphStylesChanged: new C(
+      onParagraphStylesChanged: new w(
         () => t.onParagraphStylesChanged,
-        (de = t.logging) == null ? void 0 : de.logger
+        (Ce = t.logging) == null ? void 0 : Ce.logger
       ),
-      onCharacterStylesChanged: new C(
+      onCharacterStylesChanged: new w(
         () => t.onCharacterStylesChanged,
-        (ue = t.logging) == null ? void 0 : ue.logger
+        (me = t.logging) == null ? void 0 : me.logger
       ),
-      onFontFamiliesChanged: new C(
+      onFontFamiliesChanged: new w(
         () => t.onFontFamiliesChanged,
-        (ge = t.logging) == null ? void 0 : ge.logger
+        (fe = t.logging) == null ? void 0 : fe.logger
       ),
-      onSelectedLayoutIdChanged: new C(
+      onSelectedLayoutIdChanged: new w(
         () => t.onSelectedLayoutIdChanged,
-        (ye = t.logging) == null ? void 0 : ye.logger
+        (Se = t.logging) == null ? void 0 : Se.logger
       ),
-      onLayoutsChanged: new C(
+      onLayoutsChanged: new w(
         () => t.onLayoutsChanged,
-        (pe = t.logging) == null ? void 0 : pe.logger
+        (be = t.logging) == null ? void 0 : be.logger
       ),
-      onConnectorEvent: new C(
+      onConnectorEvent: new w(
         () => t.onConnectorEvent,
-        (Ce = t.logging) == null ? void 0 : Ce.logger
+        (ve = t.logging) == null ? void 0 : ve.logger
       ),
-      onConnectorsChanged: new C(
+      onConnectorsChanged: new w(
         () => t.onConnectorsChanged,
-        (me = t.logging) == null ? void 0 : me.logger
+        (Ie = t.logging) == null ? void 0 : Ie.logger
       ),
-      onZoomChanged: new C(
+      onZoomChanged: new w(
         () => t.onZoomChanged,
-        (we = t.logging) == null ? void 0 : we.logger
+        (Ae = t.logging) == null ? void 0 : Ae.logger
       ),
-      onSelectedPageIdChanged: new C(
+      onSelectedPageIdChanged: new w(
         () => t.onSelectedPageIdChanged,
         t.logging.logger
       ),
-      onPagesChanged: new C(
+      onPagesChanged: new w(
         () => t.onPagesChanged,
         t.logging.logger
       ),
-      onPageSnapshotInvalidated: new C(
+      onPageSnapshotInvalidated: new w(
         () => t.onPageSnapshotInvalidated,
         t.logging.logger
       ),
-      onPageSizeChanged: new C(
+      onPageSizeChanged: new w(
         () => t.onPageSizeChanged,
-        (fe = t.logging) == null ? void 0 : fe.logger
+        (Pe = t.logging) == null ? void 0 : Pe.logger
       ),
-      onShapeCornerRadiusChanged: new C(
+      onShapeCornerRadiusChanged: new w(
         () => t.onShapeCornerRadiusChanged,
-        (Se = t.logging) == null ? void 0 : Se.logger
+        (Fe = t.logging) == null ? void 0 : Fe.logger
       ),
-      onCropActiveFrameIdChanged: new C(
+      onCropActiveFrameIdChanged: new w(
         () => t.onCropActiveFrameIdChanged,
-        (be = t.logging) == null ? void 0 : be.logger
+        (Ee = t.logging) == null ? void 0 : Ee.logger
       ),
-      onAsyncError: new C(
+      onAsyncError: new w(
         () => t.onAsyncError,
-        (Ie = t.logging) == null ? void 0 : Ie.logger
+        (Oe = t.logging) == null ? void 0 : Oe.logger
       ),
-      onViewModeChanged: new C(
+      onViewModeChanged: new w(
         () => t.onViewModeChanged,
-        (ve = t.logging) == null ? void 0 : ve.logger
+        (Le = t.logging) == null ? void 0 : Le.logger
       ),
-      onBarcodeValidationChanged: new C(() => t.onBarcodeValidationChanged, (Ae = t.logging) == null ? void 0 : Ae.logger),
-      onDataSourceIdChanged: new C(
+      onBarcodeValidationChanged: new w(() => t.onBarcodeValidationChanged, (De = t.logging) == null ? void 0 : De.logger),
+      onDataSourceIdChanged: new w(
         () => t.onDataSourceIdChanged,
         t.logging.logger
       ),
-      onDocumentIssueListChanged: new C(
+      onDocumentIssueListChanged: new w(
         () => t.onDocumentIssueListChanged,
         t.logging.logger
       ),
-      onCustomUndoDataChanged: new C(
+      onCustomUndoDataChanged: new w(
         () => t.onCustomUndoDataChanged,
         t.logging.logger
       ),
-      onEngineEditModeChanged: new C(
+      onEngineEditModeChanged: new w(
         () => t.onEngineEditModeChanged,
         t.logging.logger
       ),
-      onBrandKitMediaChanged: new C(
+      onBrandKitMediaChanged: new w(
         () => t.onBrandKitMediaChanged,
         t.logging.logger
       )
@@ -2199,7 +2304,7 @@ class le {
     return t == x.info || t == x.warn && (o == x.warn || o == x.error) ? !0 : t == x.error && o == x.error;
   }
 }
-class sn {
+class gn {
   /**
    * Checks if the given value is a `DatePropertyWrapper`.
    *
@@ -2249,8 +2354,8 @@ class sn {
     }), t;
   }
 }
-var ht;
-class rn {
+var lt;
+class yn {
   /**
    * @ignore
    */
@@ -2258,8 +2363,8 @@ class rn {
     /**
      * @ignore
      */
-    u(this, ht);
-    g(this, ht, o);
+    u(this, lt);
+    g(this, lt, o);
   }
   /**
    * This method returns the value for a given configuration key. If a value was not found in the configuration store
@@ -2267,7 +2372,7 @@ class rn {
    * @returns value for a given configuration key
    */
   async getValue(o) {
-    return (await a(this, ht)).getConfigValue(o).then((e) => i(e));
+    return (await a(this, lt)).getConfigValue(o).then((e) => i(e));
   }
   /**
    * This method sets, or overrides the value for a given key. Null values are not allowed for both key and value,
@@ -2275,26 +2380,26 @@ class rn {
    * @returns
    */
   async setValue(o, t) {
-    return (await a(this, ht)).setConfigValue(o, t).then((r) => i(r));
+    return (await a(this, lt)).setConfigValue(o, t).then((r) => i(r));
   }
   /**
    * This method updates the studio options. Only defined options are updated, null values are ignored.
    * @returns
    */
   async updateStudioOptions(o) {
-    return (await a(this, ht)).updateStudioOptions(JSON.stringify(o)).then((e) => i(e));
+    return (await a(this, lt)).updateStudioOptions(JSON.stringify(o)).then((e) => i(e));
   }
   /**
    * This method returns the engine session id. This id is unique for this engine session
    * @returns the engine session id
    */
   async getEngineSessionId() {
-    return (await a(this, ht)).getEngineSessionId().then((t) => i(t));
+    return (await a(this, lt)).getEngineSessionId().then((t) => i(t));
   }
 }
-ht = new WeakMap();
-var Ot;
-class os extends rn {
+lt = new WeakMap();
+var Nt;
+class gs extends yn {
   /**
    * @ignore
    */
@@ -2303,8 +2408,8 @@ class os extends rn {
     /**
      * @ignore
      */
-    u(this, Ot);
-    g(this, Ot, e);
+    u(this, Nt);
+    g(this, Nt, e);
   }
   /**
    * This method returns the value for a given configuration key. If a value was not found in the configuration store,
@@ -2312,7 +2417,7 @@ class os extends rn {
    * @returns value for a given configuration key
    */
   async getValue(t) {
-    const e = a(this, Ot).get(t);
+    const e = a(this, Nt).get(t);
     return e != null ? i(
       {
         status: 200,
@@ -2331,12 +2436,12 @@ class os extends rn {
    */
   async setValue(t, e) {
     const r = super.setValue(t, e);
-    return a(this, Ot).set(t, e), r;
+    return a(this, Nt).set(t, e), r;
   }
 }
-Ot = new WeakMap();
-var k;
-class cs {
+Nt = new WeakMap();
+var U;
+class ys {
   /**
    * @ignore
    */
@@ -2344,26 +2449,59 @@ class cs {
     /**
      * @ignore
      */
-    u(this, k);
-    this.getAll = async () => (await a(this, k)).getGradients().then((e) => i(e)), this.getById = async (t) => (await a(this, k)).getGradientById(t).then((r) => i(r)), this.create = async () => (await a(this, k)).createGradient().then((e) => i(e)), this.duplicate = async (t) => (await a(this, k)).duplicateGradient(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, k)).moveGradients(t, e).then((n) => i(n)), this.rename = async (t, e) => (await a(this, k)).renameGradient(t, e).then((n) => i(n)), this.update = async (t, e) => {
-      const r = await a(this, k), n = e;
+    u(this, U);
+    this.getAll = async () => (await a(this, U)).getGradients().then((e) => i(e)), this.getById = async (t) => (await a(this, U)).getGradientById(t).then((r) => i(r)), this.create = async () => (await a(this, U)).createGradient().then((e) => i(e)), this.duplicate = async (t) => (await a(this, U)).duplicateGradient(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, U)).moveGradients(t, e).then((n) => i(n)), this.rename = async (t, e) => (await a(this, U)).renameGradient(t, e).then((n) => i(n)), this.update = async (t, e) => {
+      const r = await a(this, U), n = e;
       return r.updateGradient(t, JSON.stringify(n)).then((c) => i(c));
-    }, this.remove = async (t) => (await a(this, k)).removeGradient(t).then((r) => i(r)), g(this, k, o);
+    }, this.remove = async (t) => (await a(this, U)).removeGradient(t).then((r) => i(r)), g(this, U, o);
   }
 }
-k = new WeakMap();
-const nn = "studio-cdn.chiligrafx.com", an = `https://${nn}/editor/${us.current}/web`;
-let tt;
-class kn {
+U = new WeakMap();
+var ft, Zt;
+class ps {
+  /**
+   * @ignore
+   */
+  constructor(o) {
+    /**
+     * @ignore
+     */
+    u(this, ft);
+    u(this, Zt);
+    this.query = async (t, e, r = {}) => (await a(this, ft)).componentConnectorQuery(t, JSON.stringify(e), JSON.stringify(r)).then((c) => i(c)), this.preview = async (t, e, r, n = {}) => (await a(this, Zt)).componentConnectorPreview(t, e, r, JSON.stringify(n)).then((h) => {
+      if (h instanceof Uint8Array)
+        return h;
+      throw typeof h == "object" && h !== null && "success" in h && !h.success && ge(h), new Error(`Unexpected response type: ${typeof h}.`);
+    }), this.getConfigurationOptions = async (t) => (await a(this, ft)).componentConnectorGetConfigurationOptions(t).then((r) => i(r)), this.getCapabilities = async (t) => (await a(this, ft)).componentConnectorGetCapabilities(t).then((r) => i(r)), g(this, ft, o), g(this, Zt, o);
+  }
+}
+ft = new WeakMap(), Zt = new WeakMap();
+var Mt;
+class ws {
+  /**
+   * @ignore
+   */
+  constructor(o) {
+    /**
+     * @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);
+  }
+}
+Mt = new WeakMap();
+const pn = "studio-cdn.chiligrafx.com", wn = `https://${pn}/editor/${Ss.current}/web`;
+let et;
+class Qn {
   /**
    * 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 sn(), this.loadEditor = () => {
+    this.localConfig = /* @__PURE__ */ new Map(), this.dataItemMappingTools = new gn(), this.loadEditor = () => {
       var t;
-      Zs(
-        this.config.editorLink || an,
+      nr(
+        this.config.editorLink || wn,
         {
           onActionsChanged: this.subscriber.onActionsChanged,
           onStateChanged: this.subscriber.onStateChanged,
@@ -2418,115 +2556,124 @@ class kn {
         },
         this.setConnection,
         this.config.editorId,
-        this.config.studioStyling
-      ), this.editorAPI = tt == null ? void 0 : tt.promise.then((e) => e), this.action = new Oe(this.editorAPI), this.layout = new Ye(this.editorAPI), this.frame = new je(this.editorAPI), this.barcode = new Ne(this.editorAPI), this.animation = new De(this.editorAPI), this.document = new Ke(this.editorAPI), this.configuration = new os(this.editorAPI, this.localConfig), this.utils = new rs(this.editorAPI, this.localConfig), this.tool = new es(this.editorAPI), this.page = new Qe(this.editorAPI), this.debug = new Te(this.editorAPI), this.undoManager = new ss(this.editorAPI, this), this.textSelection = new ts(this.editorAPI), this.colorStyle = new ke(this.editorAPI), this.gradientStyle = new cs(this.editorAPI), this.paragraphStyle = new Xe(this.editorAPI), this.characterStyle = new Ge(this.editorAPI), this.mediaConnector = new Ze(this.editorAPI), this.fontConnector = new ze(this.editorAPI), this.dataConnector = new _e(this.editorAPI, this.dataItemMappingTools), this.dataSource = new He(this.editorAPI, this.dataItemMappingTools), this.connector = new Ue(this.editorAPI, this.localConfig), this.variable = new ns(this.editorAPI), this.font = new We(this.editorAPI), this.experiment = new $e(this.editorAPI), this.canvas = new se(this.editorAPI), this.shape = new ae(this.editorAPI), this.colorConversion = new Je(this.editorAPI), this.info = new qe(), this.clipboard = new Be(this.editorAPI), this.brandKit = new Ve(this.editorAPI, this), this.next = new as(this.config, this.connection, this.editorAPI), this.configuration.setValue(X.GraFxStudioSdkVersion, gs.version), this.configuration.setValue(
-        X.GraFxStudioDocumentType,
-        this.config.documentType || ms.template
-      ), this.configuration.updateStudioOptions(this.config.studioOptions || Qs), this.configuration.setValue(
-        X.QueryCallCacheEnabled,
+        this.config.studioStyling,
+        (e) => {
+          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(
+        tt.GraFxStudioDocumentType,
+        this.config.documentType || Ps.template
+      ), this.configuration.updateStudioOptions(this.config.studioOptions || ir), this.configuration.setValue(
+        tt.QueryCallCacheEnabled,
         ((t = this.config.enableQueryCallCache) == null ? void 0 : t.toString()) || "false"
       );
     }, this.setConnection = (t) => {
-      tt = t;
-    }, this.config = le.createRuntimeConfig(o), this.connection = tt, this.editorAPI = tt == null ? void 0 : tt.promise.then((t) => t), this.action = new Oe(this.editorAPI), this.layout = new Ye(this.editorAPI), this.frame = new je(this.editorAPI), this.shape = new ae(this.editorAPI), this.barcode = new Ne(this.editorAPI), this.undoManager = new ss(this.editorAPI, this), this.connector = new Ue(this.editorAPI, this.localConfig), this.mediaConnector = new Ze(this.editorAPI), this.fontConnector = new ze(this.editorAPI), this.dataConnector = new _e(this.editorAPI, this.dataItemMappingTools), this.dataSource = new He(this.editorAPI, this.dataItemMappingTools), this.animation = new De(this.editorAPI), this.document = new Ke(this.editorAPI), this.configuration = new os(this.editorAPI, this.localConfig), this.variable = new ns(this.editorAPI), this.utils = new rs(this.editorAPI, this.localConfig), this.subscriber = new Tr(this.config, this.localConfig), this.tool = new es(this.editorAPI), this.page = new Qe(this.editorAPI), this.debug = new Te(this.editorAPI), this.textSelection = new ts(this.editorAPI), this.colorStyle = new ke(this.editorAPI), this.gradientStyle = new cs(this.editorAPI), this.paragraphStyle = new Xe(this.editorAPI), this.characterStyle = new Ge(this.editorAPI), this.font = new We(this.editorAPI), this.experiment = new $e(this.editorAPI), this.canvas = new se(this.editorAPI), this.colorConversion = new Je(this.editorAPI), this.info = new qe(), this.clipboard = new Be(this.editorAPI), this.next = new as(this.config, this.connection, this.editorAPI), this.enabledNextSubscribers = this.config.enableNextSubscribers, this.brandKit = new Ve(this.editorAPI, this);
+      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);
   }
 }
-var on = /* @__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))(on || {}), cn = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s))(cn || {}), hn = /* @__PURE__ */ ((s) => (s.easeIn = "easeIn", s.easeOut = "easeOut", s.easeInOut = "easeInOut", s))(hn || {}), ln = /* @__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))(ln || {}), dn = /* @__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))(dn || {}), un = /* @__PURE__ */ ((s) => (s.preview = "preview", s.normal = "normal", s))(un || {}), gn = /* @__PURE__ */ ((s) => (s.linear = "linear", s))(gn || {}), yn = /* @__PURE__ */ ((s) => (s.local = "linearLocal", s.linearBrandKit = "linearBrandKit", s))(yn || {}), pn = /* @__PURE__ */ ((s) => (s.Square = "square", s.Line = "line", s))(pn || {}), Cn = /* @__PURE__ */ ((s) => (s.BOLD = "Bold", s.ITALIC = "Italic", s.REGULAR = "Regular", s))(Cn || {}), mn = /* @__PURE__ */ ((s) => (s.LEFT = "left", s.CENTER = "center", s.RIGHT = "right", s.JUSTIFY = "justify", s))(mn || {}), wn = /* @__PURE__ */ ((s) => (s.TOP = "top", s.CENTER = "center", s.BOTTOM = "bottom", s))(wn || {}), fn = /* @__PURE__ */ ((s) => (s.TO_LOWER_CASE = "lowercase", s.TO_UPPER_CASE = "uppercase", s.NORMAL = "normal", s))(fn || {}), Sn = /* @__PURE__ */ ((s) => (s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.NORMAL = "normal", s))(Sn || {}), bn = /* @__PURE__ */ ((s) => (s.none = "none", s.bullet = "bullet", s.number = "number", s))(bn || {}), In = /* @__PURE__ */ ((s) => (s.STYLE = "textStyle", s.PROPERTIES = "textProperties", s.APPEARANCE = "appearance", s))(In || {}), 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 || {}), An = /* @__PURE__ */ ((s) => (s.selectedLayoutChanged = "selectedLayoutChanged", s.frameMoved = "frameMoved", s.pageSizeChanged = "pageSizeChanged", s.documentLoaded = "documentLoaded", s.variableValueChanged = "variableValueChanged", s))(An || {}), Pn = /* @__PURE__ */ ((s) => (s.ellipse = "ellipse", s.rectangle = "rectangle", s.polygon = "polygon", s))(Pn || {}), Fn = /* @__PURE__ */ ((s) => (s.all = "all", s.only = "only", s.none = "none", s))(Fn || {}), En = /* @__PURE__ */ ((s) => (s.normal = "normal", s.textEdit = "textEdit", s.customCrop = "customCrop", s.frameSubjectArea = "frameSubjectArea", s.perAssetCrop = "perAssetCrop", s.gradient = "gradient", s))(En || {}), As = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(As || {});
-const Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+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({
   __proto__: null,
-  ConnectorRegistrationSource: As
+  ConnectorRegistrationSource: Ns
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Br as ActionAsyncError,
-  An as ActionEditorEvent,
-  mn as Alignment,
-  Gr as AnchorTargetEdgeType,
-  Vr as AnchorTargetType,
-  Sr as AuthCredentialsTypeEnum,
-  br as AuthRefreshTypeEnum,
-  Ar as AutoGrowDirection,
-  St as BarcodeCharacterSet,
-  Nt as BarcodeErrorCorrectionLevel,
-  Fr as BarcodeSourceTypeEnum,
-  T as BarcodeType,
-  sr as BarcodeValidationResult,
-  dn as BasicAnimationsEmphasisStyles,
-  Dr as BlendMode,
-  fn as Case,
-  j as ColorType,
-  te as ColorUsageType,
-  Cr as ConnectorConfigContextType,
-  pr as ConnectorConfigValueType,
-  fr as ConnectorEventType,
-  er as ConnectorHttpError,
-  On as ConnectorMapping,
-  wr as ConnectorMappingDirection,
-  mr as ConnectorMappingSource,
-  Mt as ConnectorRegistrationSource,
-  ne as ConnectorStateType,
-  ur as ConnectorType,
-  ir as ConstraintMode,
-  Fn as CornerRadiusType,
-  Ss as CropType,
-  Jr as DataRowAsyncError,
-  kr as Day,
-  re as DeprecatedMediaConnectorDownloadType,
-  Vt as DeprecatedMediaType,
-  Xs as DocumentIssueTypeEnum,
-  ms as DocumentType,
-  zr as DownloadFormats,
-  hn as EaseTypes,
-  En as EngineEditModeType,
-  oe as EnvironmentType,
-  Nr as FitMode,
-  Mr as FitModePosition,
-  Lr as FlowDirection,
-  pn as FontPreviewFormat,
-  Cn as FontWeights,
-  Vn as FrameAnchorTarget,
-  Rr as FrameAnchorType,
-  Kr as FramePropertyNames,
-  Pr as FrameTypeEnum,
-  gn as GradientType,
-  yn as GradientUsageType,
-  Nn as GrafxTokenAuthCredentials,
-  qt as ImageSourceTypeEnum,
-  ar as LayoutIntent,
-  $r as LayoutPropertyNames,
-  rr as LayoutType,
-  Ur as Locale,
-  bn as MarkedListType,
-  nr as MeasurementUnit,
-  bs as MediaDownloadIntent,
-  ie as MediaDownloadType,
-  Gt as MediaType,
-  Un as Next,
-  Rn as PageAnchorTarget,
-  Q as PositionEnum,
-  Mn as RefreshedAuthCredendentials,
-  Sn as Scripting,
-  In as SelectedTextStyleSections,
-  vn as SelectedTextStyles,
-  cn as ShakeDirections,
-  Pn as ShapeType,
-  on as SlideDirections,
-  gr as SortBy,
-  yr as SortOrder,
-  Er as TextDirection,
-  wn as TextPosition,
+  Wr as ActionAsyncError,
+  Gn as ActionEditorEvent,
+  On as Alignment,
+  Kr as AnchorTargetEdgeType,
+  $r as AnchorTargetType,
+  Or as AuthCredentialsTypeEnum,
+  Lr as AuthRefreshTypeEnum,
+  Mr as AutoGrowDirection,
+  vt as BarcodeCharacterSet,
+  Rt as BarcodeErrorCorrectionLevel,
+  Vr as BarcodeSourceTypeEnum,
+  $ as BarcodeType,
+  lr as BarcodeValidationResult,
+  bn as BasicAnimationsEmphasisStyles,
+  Ur as BlendMode,
+  Dn as Case,
+  q as ColorType,
+  ae as ColorUsageType,
+  Fn as ComponentPreviewType,
+  xr as ComponentSourceTypeEnum,
+  Ar as ConnectorConfigContextType,
+  Ir as ConnectorConfigValueType,
+  Er as ConnectorEventType,
+  hr as ConnectorHttpError,
+  Hn 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,
+  ce as DeprecatedMediaConnectorDownloadType,
+  Bt as DeprecatedMediaType,
+  or as DocumentIssueTypeEnum,
+  Ps as DocumentType,
+  sn as DownloadFormats,
+  fn as EaseTypes,
+  kn as EngineEditModeType,
+  ue as EnvironmentType,
+  kr as FitMode,
+  _r as FitModePosition,
+  Gr as FlowDirection,
+  Pn as FontPreviewFormat,
+  En as FontWeights,
+  jn as FrameAnchorTarget,
+  Tr as FrameAnchorType,
+  ar as FrameEditingMode,
+  tn as FramePropertyNames,
+  Rr as FrameTypeEnum,
+  In as GradientType,
+  An as GradientUsageType,
+  $n as GrafxTokenAuthCredentials,
+  te as ImageSourceTypeEnum,
+  gr as LayoutIntent,
+  en as LayoutPropertyNames,
+  ur as LayoutType,
+  Yr as Locale,
+  Mn as MarkedListType,
+  dr as MeasurementUnit,
+  Os as MediaDownloadIntent,
+  de as MediaDownloadType,
+  Ut as MediaType,
+  Xn as Next,
+  Vn as NumberListFormat,
+  Jn as NumberListSeparatorSymbol,
+  Wn 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,
+  br as SortBy,
+  vr as SortOrder,
+  Jr as TextDirection,
+  Ln as TextPosition,
   K as ToolType,
-  ln as TweenTypes,
-  xr as UpdateZIndexMethod,
-  Ir as UploadAssetValidationError,
-  fs as UploadAssetValidationErrorType,
-  he as VariableType,
-  Hr as VariableVisibilityOperator,
-  _r as VariableVisibilityTargetType,
-  xt as VariableVisibilityType,
-  Or as VerticalAlign,
-  un as ViewMode,
-  X as WellKnownConfigurationKeys,
-  kn as default,
-  Dn as grafxMediaConnectorRegistration
+  Sn as TweenTypes,
+  Hr as UpdateZIndexMethod,
+  Dr as UploadAssetValidationError,
+  Fs as UploadAssetValidationErrorType,
+  pe as VariableType,
+  Qr as VariableVisibilityOperator,
+  Zr as VariableVisibilityTargetType,
+  Jt as VariableVisibilityType,
+  Br as VerticalAlign,
+  vn as ViewMode,
+  tt as WellKnownConfigurationKeys,
+  Qn as default,
+  Tn as grafxMediaConnectorRegistration
 };
 //# sourceMappingURL=main.es.js.map