@chili-publish/studio-sdk 1.34.0 → 1.35.0

package/_bundles/main.es.js

@@ -1,12 +1,12 @@
-var Ee = (s) => {
+var Me = (s) => {
   throw TypeError(s);
 };
-var Oe = (s, o, t) => o.has(s) || Ee("Cannot " + t);
-var a = (s, o, t) => (Oe(s, o, "read from private field"), t ? t.call(s) : o.get(s)), u = (s, o, t) => o.has(s) ? Ee("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, t), g = (s, o, t, e) => (Oe(s, o, "write to private field"), e ? e.call(s, t) : o.set(s, t), t);
-const Fs = "2.17.latest", gs = {
-  current: Fs
-}, Es = "1.34.0", ys = {
-  version: Es
+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 z;
 (function(s) {
@@ -16,19 +16,19 @@ var ut;
 (function(s) {
   s.Fulfilled = "fulfilled", s.Rejected = "rejected";
 })(ut || (ut = {}));
-var Vt;
+var Gt;
 (function(s) {
   s.ConnectionDestroyed = "ConnectionDestroyed", s.ConnectionTimeout = "ConnectionTimeout", s.NoIframeSrc = "NoIframeSrc";
-})(Vt || (Vt = {}));
-var te;
+})(Gt || (Gt = {}));
+var ne;
 (function(s) {
   s.DataCloneError = "DataCloneError";
-})(te || (te = {}));
+})(ne || (ne = {}));
 var dt;
 (function(s) {
   s.Message = "message";
 })(dt || (dt = {}));
-const Os = (s, o) => {
+const Rs = (s, o) => {
   const t = [];
   let e = !1;
   return {
@@ -41,59 +41,59 @@ const Os = (s, o) => {
       e ? r() : t.push(r);
     }
   };
-}, Ds = (s) => (...o) => {
+}, Vs = (s) => (...o) => {
   s && console.log("[Penpal]", ...o);
-}, Ls = {
+}, Js = {
   "http:": "80",
   "https:": "443"
-}, Ns = /^(https?:)?\/\/([^/:]+)?(:(\d+))?/, Ms = ["file:", "data:"], xs = (s) => {
-  if (s && Ms.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 = Ns.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 !== Ls[e] ? `:${n}` : "";
+  const c = n && n !== Js[e] ? `:${n}` : "";
   return `${e}//${r}${c}`;
-}, De = ({ name: s, message: o, stack: t }) => ({
+}, Re = ({ name: s, message: o, stack: t }) => ({
   name: s,
   message: o,
   stack: t
-}), Rs = (s) => {
+}), ks = (s) => {
   const o = new Error();
   return Object.keys(s).forEach((t) => o[t] = s[t]), o;
-}, Vs = (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 !== 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 v = y.data, { methodName: S, args: b, id: A } = v;
-    t(`${e}: Received ${S}() call`);
-    const I = (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: z.Reply,
         id: A,
-        resolution: f,
+        resolution: S,
         returnValue: M
       };
-      f === ut.Rejected && M instanceof Error && (E.returnValue = De(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 === te.DataCloneError) {
+        if (P.name === ne.DataCloneError) {
           const W = {
             penpal: z.Reply,
             id: A,
             resolution: ut.Rejected,
-            returnValue: De(P),
+            returnValue: Re(P),
             returnValueIsError: !0
           };
           n.postMessage(W, c);
@@ -101,58 +101,58 @@ const Os = (s, o) => {
         throw P;
       }
     };
-    new Promise((f) => f(o[S].apply(o, b))).then(I(ut.Fulfilled), I(ut.Rejected));
+    new Promise((S) => S(o[f].apply(o, b))).then(I(ut.Fulfilled), I(ut.Rejected));
   };
   return r.addEventListener(dt.Message, p), () => {
-    h = !0, r.removeEventListener(dt.Message, p);
+    l = !0, r.removeEventListener(dt.Message, p);
   };
 };
-let Js = 0;
-const Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s.join(ps), ks = (s, o) => {
-  const t = Cs(o || "");
-  return t.push(s), Gs(t);
-}, Us = (s, o, t) => {
-  const e = Cs(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;
-}, ms = (s, o) => {
+}, As = (s, o) => {
   const t = {};
   return Object.keys(s).forEach((e) => {
-    const r = s[e], n = ks(e, o);
-    typeof r == "object" && Object.assign(t, ms(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;
-}, _s = (s) => {
+}, Ws = (s) => {
   const o = {};
   for (const t in s)
-    Us(o, t, s[t]);
+    zs(o, t, s[t]);
   return o;
-}, Hs = (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 v = (b) => (...A) => {
     r(`${n}: Sending ${b}() call`);
     let I;
     try {
-      d.closed && (I = !0);
+      h.closed && (I = !0);
     } catch {
       I = !0;
     }
     if (I && e(), y) {
-      const f = new Error(`Unable to send ${b}() call due to destroyed connection`);
-      throw f.code = Vt.ConnectionDestroyed, f;
+      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 = Bs(), P = (j) => {
-        if (j.source !== d || j.data.penpal !== z.Reply || j.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 (j.origin !== p) {
           r(`${n} received message from origin ${j.origin} which did not match expected origin ${p}`);
           return;
         }
-        const ft = j.data;
+        const St = j.data;
         r(`${n}: Received ${b}() reply`), c.removeEventListener(dt.Message, P);
-        let St = ft.returnValue;
-        ft.returnValueIsError && (St = Rs(St)), (ft.resolution === ut.Fulfilled ? f : M)(St);
+        let bt = St.returnValue;
+        St.returnValueIsError && (bt = ks(bt)), (St.resolution === ut.Fulfilled ? S : M)(bt);
       };
       c.addEventListener(dt.Message, P);
       const W = {
@@ -161,15 +161,15 @@ const Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s
         methodName: b,
         args: A
       };
-      d.postMessage(W, h);
+      h.postMessage(W, l);
     });
-  }, S = t.reduce((b, A) => (b[A] = v(A), b), {});
-  return Object.assign(s, _s(S)), () => {
+  }, f = t.reduce((b, A) => (b[A] = v(A), b), {});
+  return Object.assign(s, Ws(f)), () => {
     y = !0;
   };
-}, Ts = (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) {
@@ -184,13 +184,13 @@ const Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s
       originForSending: t,
       originForReceiving: o
     };
-    d && d(), d = Vs(v, 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 = Hs(p, v, h, n, r);
-    return c(S), p;
+    }), l = y.data.methodNames;
+    const f = js(p, v, l, n, r);
+    return c(f), p;
   };
-}, Ks = (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;
@@ -201,37 +201,37 @@ const Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s
     methodNames: Object.keys(o)
   };
   r.source.postMessage(n, e);
-}, $s = 6e4, zs = (s, o) => {
+}, Zs = 6e4, Qs = (s, o) => {
   const { destroy: t, onDestroy: e } = o, r = setInterval(() => {
     s.isConnected || (clearInterval(r), t());
-  }, $s);
+  }, Zs);
   e(() => {
     clearInterval(r);
   });
-}, Ws = (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 = Vt.ConnectionTimeout, o(e);
+    e.code = Gt.ConnectionTimeout, o(e);
   }, s)), () => {
     clearTimeout(t);
   };
-}, js = (s) => {
+}, tr = (s) => {
   if (!s.src && !s.srcdoc) {
     const o = new Error("Iframe must have src or srcdoc property defined.");
-    throw o.code = Vt.NoIframeSrc, o;
+    throw o.code = Gt.NoIframeSrc, o;
   }
-}, qs = (s) => {
+}, er = (s) => {
   let { iframe: o, methods: t = {}, childOrigin: e, timeout: r, debug: n = !1 } = s;
-  const c = Ds(n), d = Os("Parent", c), { onDestroy: h, destroy: p } = d;
-  e || (js(o), e = xs(o.src));
-  const y = e === "null" ? "*" : e, v = ms(t), S = Ks(c, v, e, y), b = Ts(v, 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((I, f) => {
-      const M = Ws(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 === z.Syn) {
-            S(P);
+            f(P);
             return;
           }
           if (P.data.penpal === z.Ack) {
@@ -241,53 +241,124 @@ const Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s
           }
         }
       };
-      window.addEventListener(dt.Message, E), c("Parent: Awaiting handshake"), zs(o, d), h((P) => {
-        window.removeEventListener(dt.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();
     }
   };
-}, Ys = (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;
-}, Zs = (s, o, t) => {
-  const e = Ys(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;
-}, Qs = (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), Zs(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(
-    qs({
+  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 Bs = () => ++Js, ps = ".", Cs = (s) => s ? s.split(ps) : [], Gs = (s) => s
     })
   );
 };
-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 || {});
-const Xs = {
+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 },
@@ -351,27 +422,27 @@ const Xs = {
     copyPaste: { enabled: !1 },
     viewMode: { enabled: !1 }
   },
-  frameEditingMode: 0
+  frameEditingMode: "full"
   /* full */
 };
-var tr = /* @__PURE__ */ ((s) => (s.overflow = "overflow", s.fontLoading = "fontLoading", s.actionRegister = "actionRegister", s.actionExecution = "actionExecution", s.actionCircular = "actionCircular", s))(tr || {}), ws = /* @__PURE__ */ ((s) => (s.project = "project", s.template = "template", s.component = "component", s))(ws || {});
-const er = 404075;
-function fs(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 === er) {
+  if (s.status === cr) {
     const r = JSON.parse(s.data).statusCode;
-    throw new sr(r, o, t);
+    throw new hr(r, o, t);
   } else
     throw new Error(o, t);
 }
 function i(s, o = !0) {
   try {
-    s.success || fs(s);
+    s.success || ge(s);
     const t = s.data && o;
     return {
       ...s,
@@ -381,13 +452,13 @@ function i(s, o = !0) {
     throw console.error(t), t;
   }
 }
-class sr extends Error {
+class hr extends Error {
   constructor(o, t, e) {
     super(t, e), this.statusCode = o;
   }
 }
 var N;
-class Le {
+class Ve {
   /**
    * @ignore
    */
@@ -400,8 +471,8 @@ class Le {
   }
 }
 N = new WeakMap();
-var D;
-class Ne {
+var L;
+class Je {
   /**
    * @ignore
    */
@@ -409,15 +480,15 @@ class Ne {
     /**
      * @ignore
      */
-    u(this, D);
-    this.getAllOnSelectedLayout = async () => (await a(this, D)).getAnimationsOnSelectedLayout().then((e) => i(e)), this.getByFrameId = async (t, e) => (await a(this, D)).getAnimationByFrameId(t, e).then((n) => i(n)), this.getByLayoutId = async (t) => (await a(this, D)).getAnimationsByLayoutId(t).then((r) => i(r)), this.setFrameAnimation = async (t) => (await a(this, D)).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, D)).playAnimation().then((e) => i(e)), this.pause = async () => (await a(this, D)).pauseAnimation().then((e) => i(e)), this.setScrubberPosition = async (t) => (await a(this, D)).setScrubberPosition(t).then((r) => i(r)), this.setDuration = async (t) => (await a(this, D)).setAnimationDuration(t).then((r) => i(r)), this.resetFrameAnimation = async (t) => (await a(this, D)).resetFrameAnimation(t).then((r) => i(r)), this.reset = async () => (await a(this, D)).resetAnimation().then((e) => i(e)), g(this, D, 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);
   }
 }
-D = 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 || {}), Mt = /* @__PURE__ */ ((s) => (s.low = "low", s.medium = "medium", s.quartile = "quartile", s.high = "high", s))(Mt || {}), bt = /* @__PURE__ */ ((s) => (s.utf8 = "utf8", s.iso8859_1 = "iso8859_1", s.code128a = "code128a", s.code128b = "code128b", s.code128c = "code128c", s))(bt || {}), rr = /* @__PURE__ */ ((s) => (s.success = "success", s.empty = "empty", s.invalidLength = "invalidLength", s.invalidCharacters = "invalidCharacters", s.invalidChecksum = "invalidChecksum", s.invalidUPCE = "invalidUPCE", s.otherError = "otherError", s))(rr || {}), X = /* @__PURE__ */ ((s) => (s.top = "top", s.right = "right", s.bottom = "bottom", s.left = "left", s))(X || {}), nr = /* @__PURE__ */ ((s) => (s.top = "top", s.child = "child", s))(nr || {}), ar = /* @__PURE__ */ ((s) => (s.px = "px", s.mm = "mm", s.cm = "cm", s.inch = "inch", s.pt = "pt", s))(ar || {}), ir = /* @__PURE__ */ ((s) => (s.print = "print", s.digitalStatic = "digitalStatic", s.digitalAnimated = "digitalAnimated", s))(ir || {}), or = /* @__PURE__ */ ((s) => (s.locked = "locked", s.range = "range", s.none = "none", s))(or || {}), U;
-class Me {
+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
    */
@@ -425,8 +496,8 @@ class Me {
     /**
      * @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) => {
@@ -438,7 +509,7 @@ class Me {
     }, 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) => {
@@ -454,47 +525,47 @@ class Me {
         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 = [bt.iso8859_1, bt.utf8], d = [
-            Mt.low,
-            Mt.medium,
-            Mt.quartile,
-            Mt.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 = [
-            bt.code128a,
-            bt.code128b,
-            bt.code128c
+            vt.code128a,
+            vt.code128b,
+            vt.code128c
           ];
           break;
-        case T.code39:
+        case $.code39:
           y = !0;
           break;
       }
@@ -503,47 +574,47 @@ class Me {
         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 || {}), 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 || {}), ee = /* @__PURE__ */ ((s) => (s.local = "local", s.brandKit = "brandKit", s.stylekit = "brandKit", s))(ee || {});
-const xe = (s) => s.type === H.hex, se = (s) => s.type === H.spotHex, cr = (s) => s.type === H.spotRgb, hr = (s) => s.type === H.spotCmyk, lr = (s) => cr(s) || hr(s) || se(s), dr = (s) => {
-  const o = ur(s.type);
-  return lr(s) ? {
-    ...se(s) && { value: s.displayValue },
-    ...!se(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
   } : {
-    ...xe(s) && { value: s.value },
-    ...!xe(s) && { ...s.value },
+    ...Be(s) && { value: s.value },
+    ...!Be(s) && { ...s.value },
     type: o
   };
-}, Re = (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: ee.brandKit,
+          type: ae.brandKit,
           isApplied: y.fillColorApplied
         }
       }
@@ -553,12 +624,12 @@ const xe = (s) => s.type === H.hex, se = (s) => s.type === H.spotHex, cr = (s) =
         value: {
           id: t.id,
           color: t.color,
-          type: ee.brandKit,
-          isApplied: h || !1
+          type: ae.brandKit,
+          isApplied: l || !1
         }
       },
       strokeColorApplied: {
-        value: h || !1
+        value: l || !1
       },
       strokeWidth: {
         value: p != null ? p.toString() : p
@@ -568,31 +639,31 @@ const xe = (s) => s.type === H.hex, se = (s) => s.type === H.spotHex, cr = (s) =
       value: e ?? null
     }
   };
-}, ur = (s) => {
+}, fr = (s) => {
   switch (s) {
-    case H.rgb:
+    case T.rgb:
       return q.rgb;
-    case H.cmyk:
+    case T.cmyk:
       return q.cmyk;
-    case H.hex:
+    case T.hex:
       return q.hex;
-    case H.spotRgb:
+    case T.spotRgb:
       return q.spotRGB;
-    case H.spotCmyk:
+    case T.spotCmyk:
       return q.spotCMYK;
-    case H.spotHex:
+    case T.spotHex:
       return q.spotHEX;
   }
-}, qt = (s, o) => {
+}, Xt = (s, o) => {
   if (!(s === null || o === void 0))
     return (s || []).find((t) => t.id === o);
-}, Ve = (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 L;
-class Je {
+var D;
+class _e {
   /**
    * @ignore
    */
@@ -600,12 +671,12 @@ class Je {
     /**
      * @ignore
      */
-    u(this, L);
-    this.getId = async () => (await a(this, L)).getBrandKitId().then((r) => i(r)), this.getVersion = async () => (await a(this, L)).getBrandKitVersion().then((r) => i(r)), this.getName = async () => (await a(this, L)).getBrandKitName().then((r) => i(r)), this.rename = async (e) => (await a(this, L)).renameBrandKit(e).then((n) => i(n)), this.updateIdAndVersion = async (e, r) => (await a(this, L)).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(), v = this.getAllMedia(), [S, b, A, I, f, M] = await Promise.all([
+    u(this, D);
+    this.getId = async () => (await a(this, D)).getBrandKitId().then((r) => i(r)), this.getVersion = async () => (await a(this, D)).getBrandKitVersion().then((r) => i(r)), this.getName = async () => (await a(this, D)).getBrandKitName().then((r) => i(r)), this.rename = async (e) => (await a(this, D)).renameBrandKit(e).then((n) => i(n)), this.updateIdAndVersion = async (e, r) => (await a(this, D)).updateBrandKitIdAndVersion(e, r).then((c) => i(c)), this.get = async () => {
+      const e = await this.getId(), r = await this.getVersion(), n = await this.getName(), c = this.colorStyleController.getAll(), h = this.gradientStyleController.getAll(), l = this.fontController.getFontFamilies(), p = this.characterStyleController.getAll(), y = this.paragraphStyleController.getAll(), v = this.getAllMedia(), [f, b, A, I, S, M] = await Promise.all([
         c,
-        d,
         h,
+        l,
         y,
         p,
         v
@@ -615,11 +686,11 @@ class Je {
           id: e.parsedData,
           name: n.parsedData,
           lastModifiedDate: r.parsedData,
-          colors: S.parsedData,
+          colors: f.parsedData,
           gradients: b.parsedData,
           fonts: A.parsedData,
           paragraphStyles: I.parsedData,
-          characterStyles: f.parsedData,
+          characterStyles: S.parsedData,
           media: M.parsedData
         }
       }, P = {
@@ -629,21 +700,21 @@ class Je {
         status: 200
       };
       return i(P);
-    }, this.getAllMedia = async () => (await a(this, L)).getAllBrandKitMedia().then((r) => i(r)), this.addMedia = async (e, r, n) => (await a(this, L)).addBrandKitMedia(e, r, n).then((d) => i(d)), this.updateMedia = async (e, r, n) => (await a(this, L)).updateBrandKitMedia(e, r, n).then((d) => i(d)), this.renameMedia = async (e, r) => (await a(this, L)).renameBrandKitMedia(e, r).then((c) => i(c)), this.removeMedia = async (e) => (await a(this, L)).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 || [];
+    }, 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 f of r)
-          await I.colorStyle.remove(f.id);
-        for (const f of c)
-          await I.gradientStyle.remove(f.id);
-        for (const f of h)
-          await I.paragraphStyle.remove(f.id);
-        for (const f of y)
-          await I.characterStyle.remove(f.id);
-        for (const f of S)
-          await I.font.removeFontFamily(f.id);
-        for (const f of A)
-          await this.removeMedia(f.name);
+        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 = {
@@ -664,19 +735,19 @@ class Je {
       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: v } = 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,
@@ -684,16 +755,16 @@ class Je {
             id: e.id,
             version: e.brandKit.lastModifiedDate,
             name: e.brandKit.name,
-            colors: h || [],
+            colors: l || [],
             gradients: p || [],
             fonts: y || [],
             paragraphStyles: v || [],
-            characterStyles: S || [],
+            characterStyles: f || [],
             media: b || []
           }
         };
       }), r;
-    }, g(this, L, o), this.colorStyleController = t.colorStyle, this.gradientStyleController = t.gradientStyle, this.fontController = t.font, this.mediaController = t.mediaConnector, this.paragraphStyleController = t.paragraphStyle, this.characterStyleController = t.characterStyle, this.undoManagerController = t.undoManager;
+    }, g(this, D, o), this.colorStyleController = t.colorStyle, this.gradientStyleController = t.gradientStyle, this.fontController = t.font, this.mediaController = t.mediaConnector, this.paragraphStyleController = t.paragraphStyle, this.characterStyleController = t.characterStyle, this.undoManagerController = t.undoManager;
   }
   async setColors(o, t) {
     const e = /* @__PURE__ */ new Map();
@@ -701,7 +772,7 @@ class Je {
       const { parsedData: n } = await t.colorStyle.create();
       if (!n) continue;
       e.set(r.guid, n);
-      const c = dr(r);
+      const c = mr(r);
       await t.colorStyle.rename(n, r.name), await t.colorStyle.update(n, c);
     }
     return e;
@@ -715,41 +786,41 @@ class Je {
     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), v = d.get(h.brandKitFontFamilyGuid), S = Ve(n, v, h.fontStyleId);
-      if (!v || !S)
-        throw new Error(`Paragraph style could not be created with an empty font family: ${h.name}`);
-      const b = qt(r, p), A = qt(r, y);
-      if (!b) throw new Error(`Paragraph style could not be created with an empty color: ${h.name}`);
-      const { parsedData: I } = await t.paragraphStyle.create(), f = Re(
-        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(I, h.name), await t.paragraphStyle.update(I, 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, v = h.brandKitFontFamilyGuid ? d.get(h.brandKitFontFamilyGuid) : void 0, S = qt(r, p), b = qt(r, y), A = Ve(n, v, h.fontStyleId), { parsedData: I } = await t.characterStyle.create(), f = Re(
-        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(I, h.name), await t.characterStyle.update(I, f);
+      await t.characterStyle.rename(I, l.name), await t.characterStyle.update(I, S);
     }
   }
   async setMedia(o) {
@@ -757,9 +828,9 @@ class Je {
       await this.addMedia(t.name, t.mediaConnectorId, t.mediaId);
   }
 }
-L = new WeakMap();
+D = new WeakMap();
 var st;
-class re {
+class oe {
   /**
    * @ignore
    */
@@ -768,12 +839,12 @@ class re {
      * @ignore
      */
     u(this, st);
-    this.zoomToPage = async (t, e, r, n, c) => (t !== void 0 && console.warn("id has no effect and will be deprecated in the future"), (await a(this, st)).zoomToPage(e, r, n, c).then((h) => i(h))), this.getZoomPercentage = async () => (await a(this, st)).getZoomPercentage().then((e) => i(e)), this.setZoomPercentage = async (t) => (await a(this, st)).setZoomPercentage(t).then((r) => i(r)), this.setViewMode = async (t) => (await a(this, st)).setViewMode(t).then((r) => i(r)), g(this, st, o);
+    this.zoomToPage = async (t, e, r, n, c) => (t !== void 0 && console.warn("id has no effect and will be deprecated in the future"), (await a(this, st)).zoomToPage(e, r, n, c).then((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);
   }
 }
 st = new WeakMap();
 var R;
-class Be {
+class He {
   /**
    * @ignore
    */
@@ -787,7 +858,7 @@ class Be {
 }
 R = new WeakMap();
 var rt;
-class Ge {
+class Te {
   /**
    * @ignore
    */
@@ -812,8 +883,8 @@ class Ge {
   }
 }
 rt = new WeakMap();
-var kt;
-class ke {
+var _t;
+class $e {
   /**
    * @ignore
    */
@@ -821,13 +892,13 @@ class ke {
     /**
      * @ignore
      */
-    u(this, kt);
-    this.convertToRgb = async (t) => (await a(this, kt)).colorToRgb(JSON.stringify(t)).then((r) => i(r)), g(this, kt, o);
+    u(this, _t);
+    this.convertToRgb = async (t) => (await a(this, _t)).colorToRgb(JSON.stringify(t)).then((r) => i(r)), g(this, _t, o);
   }
 }
-kt = new WeakMap();
+_t = new WeakMap();
 var V;
-class Ue {
+class Ke {
   /**
    * @ignore
    */
@@ -843,45 +914,45 @@ class Ue {
   }
 }
 V = new WeakMap();
-var Jt = /* @__PURE__ */ ((s) => (s[s.file = 0] = "file", s[s.collection = 1] = "collection", s))(Jt || {}), ne = /* @__PURE__ */ ((s) => (s.LowResolutionWeb = "lowresWeb", s.HighResolutionWeb = "highresWeb", s))(ne || {}), Bt = /* @__PURE__ */ ((s) => (s.file = "file", s.collection = "collection", s))(Bt || {}), gr = /* @__PURE__ */ ((s) => (s.media = "media", s.fonts = "fonts", s.data = "data", s))(gr || {}), yr = /* @__PURE__ */ ((s) => (s.name = "name", s.path = "relativePath", s.id = "id", s))(yr || {}), pr = /* @__PURE__ */ ((s) => (s.ascending = "asc", s.descending = "desc", s))(pr || {}), Cr = /* @__PURE__ */ ((s) => (s.text = "text", s.boolean = "boolean", s))(Cr || {}), mr = /* @__PURE__ */ ((s) => (s.query = "query", s.upload = "upload", s))(mr || {}), xt = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(xt || {});
-class xn {
+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 wr = /* @__PURE__ */ ((s) => (s.variable = "var", s.value = "value", s))(wr || {}), fr = /* @__PURE__ */ ((s) => (s.engineToConnector = "engineToConnector", s.connectorToEngine = "connectorToEngine", s))(fr || {}), ae = /* @__PURE__ */ ((s) => (s.loading = "loading", s.loaded = "loaded", s.running = "running", s.ready = "ready", s.error = "error", s))(ae || {}), Sr = /* @__PURE__ */ ((s) => (s.stateChanged = "stateChanged", s.authChanged = "authChanged", s.reloadRequired = "reloadRequired", s.unloaded = "unloaded", s))(Sr || {});
-const Rn = {
+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 Vn {
+class $n {
   constructor(o) {
     this.type = "grafxToken", this.token = o;
   }
 }
-class Jn {
+class Kn {
   constructor() {
     this.type = "refreshed";
   }
 }
-var br = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.refreshed = "refreshed", s))(br || {}), vr = /* @__PURE__ */ ((s) => (s.grafxToken = "grafxToken", s.any = "any", s))(vr || {}), Ss = /* @__PURE__ */ ((s) => (s.minDimension = "minDimension", s))(Ss || {});
-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 he {
+class ye {
   constructor() {
     this.makeConnectorSourceForwardsCompatible = (o) => {
-      if (o.source != xt.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: xt.grafx };
-    }, this.makeMultipleConnectorsBackwardsCompatible = (o, t) => o.map((e) => this.makeSingleConnectorBackwardsCompatible(e, t)), this.makeSingleConnectorBackwardsCompatible = (o, t) => o.source.source != xt.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,
@@ -892,13 +963,13 @@ class he {
         e = e.substring(0, e.length - 1);
       return {
         url: `${e}/connectors/${o.id}`,
-        source: xt.grafx
+        source: Vt.grafx
       };
     }, this.isSourceMigrated = (o) => "id" in o;
   }
 }
-var J, vt, gt, ls;
-let _e = (ls = class {
+var J, It, gt, Cs;
+let ze = (Cs = class {
   /**
    * @ignore
    */
@@ -907,47 +978,47 @@ let _e = (ls = class {
      * @ignore
      */
     u(this, J);
-    u(this, vt);
+    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, gt).makeSingleConnectorBackwardsCompatible(
         n.parsedData,
-        a(this, vt).get(tt.GraFxStudioEnvironmentApiUrl)
+        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
     }), this.getAllByType = async (e) => (await a(this, J)).getConnectors(e).then((n) => i(n)).then((n) => {
       const c = { ...n, parsedData: null };
       return n.parsedData && (c.parsedData = a(this, gt).makeMultipleConnectorsBackwardsCompatible(
         n.parsedData,
-        a(this, vt).get(tt.GraFxStudioEnvironmentApiUrl)
+        a(this, It).get(tt.GraFxStudioEnvironmentApiUrl)
       )), c;
     }), this.register = async (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, 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 Ar(e, n)), n.updateConnectorConfiguration(e).then((c) => i(c));
+      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 === ae.running || h.parsedData.type === ae.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
           },
@@ -965,13 +1036,13 @@ let _e = (ls = 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(
           (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, J, o), g(this, vt, t), g(this, gt, new he());
+    }), g(this, J, o), g(this, It, t), g(this, gt, new ye());
   }
   async getMappings(o, t) {
     return (await a(this, J)).getConnectorMappings(o).then((r) => i(r)).then(
@@ -984,9 +1055,9 @@ let _e = (ls = class {
       }
     );
   }
-}, J = new WeakMap(), vt = new WeakMap(), gt = new WeakMap(), ls);
+}, J = new WeakMap(), It = new WeakMap(), gt = new WeakMap(), Cs);
 var yt, pt;
-class Ar {
+class Nr {
   /**
    * @ignore
    */
@@ -1008,8 +1079,8 @@ class Ar {
   }
 }
 yt = new WeakMap(), pt = new WeakMap();
-var nt, Ut;
-class He {
+var nt, Ht;
+class We {
   /**
    * @ignore
    */
@@ -1018,21 +1089,21 @@ class He {
      * @ignore
      */
     u(this, nt);
-    u(this, Ut);
-    this.getPage = async (e, r, n = {}) => (await a(this, nt)).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, Ut).mapEngineToDataItem(p)
+    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, 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, Ut, 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);
   }
 }
-nt = new WeakMap(), Ut = new WeakMap();
-var at, _t;
-class Te {
+nt = new WeakMap(), Ht = new WeakMap();
+var at, Tt;
+class je {
   /**
    * @ignore
    */
@@ -1041,16 +1112,16 @@ class Te {
      * @ignore
      */
     u(this, at);
-    u(this, _t);
+    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, _t).mapDataItemToEngine(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, at, o), g(this, _t, t);
+    }, g(this, at, o), g(this, Tt, t);
   }
 }
-at = new WeakMap(), _t = new WeakMap();
+at = new WeakMap(), Tt = new WeakMap();
 var it;
-class Ke {
+class qe {
   /**
    * @ignore
    */
@@ -1063,8 +1134,8 @@ class Ke {
   }
 }
 it = new WeakMap();
-var Ct;
-class $e {
+var wt;
+class Ye {
   /**
    * @ignore
    */
@@ -1072,30 +1143,30 @@ class $e {
     /**
      * @ignore
      */
-    u(this, Ct);
-    this.getCurrentState = async () => (await a(this, Ct)).getCurrentDocumentState().then((e) => i(e)), this.load = async (t, e = { keepConnectors: !1 }) => {
-      const r = await a(this, Ct), n = typeof t != "string" ? JSON.stringify(t) : t;
+    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, Ct), r = JSON.stringify(t);
+      const e = await a(this, wt), r = JSON.stringify(t);
       return e.createAndLoadDocument(r).then((n) => i(n));
-    }, g(this, Ct, o);
+    }, g(this, wt, o);
   }
 }
-Ct = new WeakMap();
-var Pr = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.left = "left", s.right = "right", s))(Pr || {}), Yt = /* @__PURE__ */ ((s) => (s.url = "url", s.variable = "variable", s.connector = "connector", s.brandKitMedia = "brandKitMedia", s))(Yt || {}), Fr = /* @__PURE__ */ ((s) => (s.text = "text", s.image = "image", s.shape = "shape", s.barcode = "barcode", s))(Fr || {}), Er = /* @__PURE__ */ ((s) => (s.variable = "variable", s.text = "text", s))(Er || {}), Or = /* @__PURE__ */ ((s) => (s.leftToRight = "leftToRight", s.rightToLeft = "rightToLeft", s.weak = "weak", s))(Or || {}), Dr = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s.onPath = "onPath", s))(Dr || {}), Lr = /* @__PURE__ */ ((s) => (s.top = "top", s.bottom = "bottom", s.middle = "middle", s.justify = "justify", s))(Lr || {}), Nr = /* @__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))(Nr || {}), Mr = /* @__PURE__ */ ((s) => (s.fill = "fill", s.fit = "fit", s.smartCrop = "smartCrop", s.manualCrop = "manualCrop", s))(Mr || {}), xr = /* @__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))(xr || {}), Rr = /* @__PURE__ */ ((s) => (s.bringToFront = "bringToFront", s.sendToBack = "sendToBack", s.bringForward = "bringForward", s.sendBackward = "sendBackward", s))(Rr || {}), Vr = /* @__PURE__ */ ((s) => (s.relative = "relative", s.start = "start", s.end = "end", s.startAndEnd = "startAndEnd", s.center = "center", s))(Vr || {}), Jr = /* @__PURE__ */ ((s) => (s.page = "page", s.frame = "frame", s))(Jr || {}), Br = /* @__PURE__ */ ((s) => (s.start = "start", s.end = "end", s.center = "center", s))(Br || {});
-class Gn {
+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 kn {
+class jn {
   constructor(o, t) {
     this.type = "frame", this.frameId = o, this.edge = t;
   }
 }
-var bs = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(bs || {}), B;
-class ze {
+var Es = /* @__PURE__ */ ((s) => (s.frameCrop = "frameCrop", s.assetCrop = "assetCrop", s))(Es || {}), G;
+class Ze {
   /**
    * @ignore
    */
@@ -1103,16 +1174,16 @@ class ze {
     /**
      * @ignore
      */
-    u(this, B);
+    u(this, G);
     this.insertImageVariableToFrame = async (t, e) => {
-      const r = await a(this, B), n = { id: e, type: Yt.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 ot, It;
-class We {
+G = new WeakMap();
+var ot, At;
+class Qe {
   /**
    * @ignore
    */
@@ -1121,16 +1192,16 @@ class We {
      * @ignore
      */
     u(this, ot);
-    u(this, It);
-    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, 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, 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 === Jt.file) return Bt.file;
-      if (t === Jt.collection) return Bt.collection;
-    }, g(this, ot, o), g(this, It, o);
+    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);
   }
 }
-ot = new WeakMap(), It = new WeakMap();
+ot = new WeakMap(), At = new WeakMap();
 var F;
-class je {
+class Xe {
   /**
    * @ignore
    */
@@ -1143,8 +1214,8 @@ class je {
   }
 }
 F = new WeakMap();
-var At;
-class ie {
+var Pt;
+class le {
   /**
    * @ignore
    */
@@ -1152,8 +1223,8 @@ class ie {
     /**
      * @ignore
      */
-    u(this, At);
-    this.setShapeProperties = async (t, e) => (await a(this, At)).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) => {
@@ -1171,7 +1242,7 @@ class ie {
     }, this.setFlagAllCornersSame = async (t, e) => {
       const r = { allCornersSame: e };
       return this.setShapeProperties(t, r);
-    }, this.setShapeCorners = async (t, e) => (await a(this, At)).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) => {
@@ -1186,12 +1257,12 @@ class ie {
     }, this.setRadiusBottomRight = async (t, e) => {
       const r = { bottomRight: e };
       return this.setShapeCorners(t, r);
-    }, g(this, At, o);
+    }, g(this, Pt, o);
   }
 }
-At = new WeakMap();
-var l;
-class qe {
+Pt = new WeakMap();
+var d;
+class ts {
   /**
    * @ignore
    */
@@ -1199,48 +1270,48 @@ class qe {
     /**
      * @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: Yt.connector
+        type: te.connector
       };
       return this.updateImageSource(t, n);
     }, this.setImageFromUrl = async (t, e) => {
-      const r = { url: e, type: Yt.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 = bs.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,
@@ -1278,42 +1349,42 @@ class qe {
       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 ie(a(this, l)), this.constraints = new Gr(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();
-var $;
-class Gr {
+d = new WeakMap();
+var _;
+class zr {
   /**
    * @ignore
    */
@@ -1321,33 +1392,36 @@ class Gr {
     /**
      * @ignore
      */
-    u(this, $);
-    this.get = async (t) => (await a(this, $)).getFrameConstraints(t).then((r) => i(r)), this.setSelectable = async (t, e) => {
-      const r = { selectable: { value: e } };
-      return (await a(this, $)).updateFrameConstraints(t, JSON.stringify(r)).then((c) => i(c));
+    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));
+      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));
+      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));
+      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));
-    }, g(this, $, o);
+      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 Ye {
+_ = new WeakMap();
+class es {
   constructor() {
-    this.currentEngineVersion = gs.current, this.currentSDKVersion = ys.version;
+    this.currentEngineVersion = Ss.current, this.currentSDKVersion = bs.version;
   }
 }
-var w, Ht;
-class Ze {
+var m, $t;
+class ss {
   /**
    * @ignore
    */
@@ -1355,33 +1429,33 @@ class Ze {
     /**
      * @ignore
      */
-    u(this, w);
-    u(this, Ht);
-    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, Ht)).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 === 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, Ht, 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(), Ht = new WeakMap();
-var oe = /* @__PURE__ */ ((s) => (s.thumbnail = "thumbnail", s.mediumres = "mediumres", s.highres = "highres", s.original = "original", s))(oe || {}), vs = /* @__PURE__ */ ((s) => (s.web = "web", s.print = "print", s.animation = "animation", s))(vs || {}), Y, Tt;
-class Qe {
+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
    */
@@ -1390,26 +1464,26 @@ class Qe {
      * @ignore
      */
     u(this, Y);
-    u(this, Tt);
+    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, Tt)).mediaConnectorDownload(
+      return (await a(this, Kt)).mediaConnectorDownload(
         t,
         e,
         c,
-        vs.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 && fs(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, 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 === Jt.file) return Bt.file;
-      if (t === Jt.collection) return Bt.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, Tt, o);
+      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.
@@ -1419,18 +1493,18 @@ class Qe {
    */
   parseDeprecatedMediaDownloadType(o) {
     switch (o) {
-      case ne.HighResolutionWeb:
-        return oe.highres;
-      case ne.LowResolutionWeb:
-        return oe.thumbnail;
+      case ce.HighResolutionWeb:
+        return de.highres;
+      case ce.LowResolutionWeb:
+        return de.thumbnail;
       default:
         return o;
     }
   }
 }
-Y = new WeakMap(), Tt = new WeakMap();
-var O, Kt, ds;
-let Xe = (ds = class {
+Y = new WeakMap(), Kt = new WeakMap();
+var O, zt, ms;
+let ns = (ms = class {
   /**
    * @ignore
    */
@@ -1442,12 +1516,12 @@ let Xe = (ds = class {
     /**
      * @ignore
      */
-    u(this, Kt);
-    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, Kt)).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, Kt, 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);
   }
-}, O = new WeakMap(), Kt = new WeakMap(), ds);
-var G;
-class ts {
+}, O = new WeakMap(), zt = new WeakMap(), ms);
+var B;
+class as {
   /**
    * @ignore
    */
@@ -1455,24 +1529,24 @@ class ts {
     /**
      * @ignore
      */
-    u(this, G);
-    this.getAll = async () => (await a(this, G)).getParagraphStyles().then((e) => i(e)), this.getById = async (t) => (await a(this, G)).getParagraphStyleById(t).then((r) => i(r)), this.create = async () => (await a(this, G)).createParagraphStyle().then((e) => i(e)), this.duplicate = async (t) => (await a(this, G)).duplicateParagraphStyle(t).then((r) => i(r)), this.update = async (t, e) => (await a(this, G)).updateParagraphStyle(t, JSON.stringify(e)).then((n) => i(n)), this.rename = async (t, e) => (await a(this, G)).renameParagraphStyle(t, e).then((n) => i(n)), this.remove = async (t) => (await a(this, G)).removeParagraphStyle(t).then((r) => i(r)), this.move = async (t, e) => (await a(this, G)).moveParagraphStyles(t, e).then((n) => i(n)), g(this, G, 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);
   }
 }
-G = 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 || {}), Gt = /* @__PURE__ */ ((s) => (s.throw = "throw", s.log = "log", s))(Gt || {});
-class kr {
+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 Ur {
+class jr {
   constructor(o, t, e) {
     this.type = "dataRow", this.count = o, this.message = t, this.exceptions = e;
   }
 }
-var le = /* @__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))(le || {}), _r = /* @__PURE__ */ ((s) => (s.Monday = "monday", s.Tuesday = "tuesday", s.Wednesday = "wednesday", s.Thursday = "thursday", s.Friday = "friday", s.Saturday = "saturday", s.Sunday = "sunday", s))(_r || {}), Hr = /* @__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))(Hr || {}), Rt = /* @__PURE__ */ ((s) => (s.visible = "visible", s.invisible = "invisible", s.conditional = "conditional", s))(Rt || {}), Tr = /* @__PURE__ */ ((s) => (s.boolean = "boolean", s.text = "text", s.number = "number", s))(Tr || {}), Kr = /* @__PURE__ */ ((s) => (s.equals = "=", s.notEquals = "!=", s.greaterThan = ">", s.greaterThanOrEquals = ">=", s.lessThan = "<", s.lessThanOrEquals = "<=", s))(Kr || {});
-let $r = 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
    */
@@ -1515,13 +1589,13 @@ let $r = class {
     }, this.onVariableListChanged = (e) => {
       const n = JSON.parse(e).map(
         (c) => {
-          var d;
-          return c.type === le.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;
         }
       );
@@ -1553,7 +1627,7 @@ let $r = class {
     }, this.onConnectorEvent = (e) => {
       this.config.events.onConnectorEvent.trigger(JSON.parse(e));
     }, this.onConnectorsChanged = (e) => {
-      const n = new he().makeMultipleConnectorsBackwardsCompatible(
+      const n = new ye().makeMultipleConnectorsBackwardsCompatible(
         JSON.parse(e),
         this.localConfig.get(tt.GraFxStudioEnvironmentApiUrl)
       );
@@ -1573,14 +1647,14 @@ let $r = class {
     }, this.onAsyncError = (e) => {
       const r = JSON.parse(e);
       if ((r == null ? void 0 : r.type) === "dataRow") {
-        const n = new Ur(
+        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 kr(
+        const n = new Wr(
           r.message,
           r.id,
           r.event,
@@ -1604,8 +1678,8 @@ let $r = class {
     }, this.config = o, this.localConfig = t;
   }
 };
-var mt;
-class es {
+var Ct;
+class is {
   /**
    * @ignore
    */
@@ -1613,13 +1687,13 @@ class es {
     /**
      * @ignore
      */
-    u(this, mt);
-    this.set = async (t) => (await a(this, mt)).selectedTextStyleDeltaUpdate(JSON.stringify(t)).then((r) => i(r)), this.removeSelected = async () => (await a(this, mt)).selectedTextStyleClean().then((e) => i(e)), this.getSelected = async () => (await a(this, mt)).getSelectedTextStyle().then((e) => i(e)), g(this, mt, o);
+    u(this, Ct);
+    this.set = async (t) => (await a(this, Ct)).selectedTextStyleDeltaUpdate(JSON.stringify(t)).then((r) => i(r)), this.removeSelected = async () => (await a(this, Ct)).selectedTextStyleClean().then((e) => i(e)), this.getSelected = async () => (await a(this, Ct)).getSelectedTextStyle().then((e) => i(e)), g(this, Ct, o);
   }
 }
-mt = new WeakMap();
-var zr = /* @__PURE__ */ ((s) => (s.FRAME_X = "frameX", s.FRAME_Y = "frameY", s.WIDTH = "width", s.HEIGHT = "height", s.FRAME_ROTATION = "frameRotation", s))(zr || {}), Wr = /* @__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))(Wr || {}), 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 || {}), jr = /* @__PURE__ */ ((s) => (s.MP4 = "mp4", s.GIF = "gif", s.PNG = "png", s.JPG = "jpg", s.PDF = "pdf", s.HTML = "html", s))(jr || {}), ce = /* @__PURE__ */ ((s) => (s.SANDBOX = "sandbox", s.PRODUCTION = "online", s))(ce || {}), Pt;
-class ss {
+Ct = new WeakMap();
+var tn = /* @__PURE__ */ ((s) => (s.FRAME_X = "frameX", s.FRAME_Y = "frameY", s.WIDTH = "width", s.HEIGHT = "height", s.FRAME_ROTATION = "frameRotation", s))(tn || {}), en = /* @__PURE__ */ ((s) => (s.LAYOUT_HEIGHT = "layoutHeight", s.LAYOUT_WIDTH = "layoutWidth", s.BLEED_TOP = "bleedTop", s.BLEED_BOTTOM = "bleedBottom", s.BLEED_LEFT = "bleedLeft", s.BLEED_RIGHT = "bleedRight", s.BLEED_VALUES_COMBINED = "areBleedValuesCombined", s))(en || {}), K = /* @__PURE__ */ ((s) => (s.SELECT = "select", s.ZOOM = "zoom", s.HAND = "hand", s.IMAGE_FRAME = "imageFrame", s.TEXT_FRAME = "textFrame", s.SHAPE_RECT = "rect", s.SHAPE_ELLIPSE = "ellipse", s.SHAPE_POLYGON = "polygon", s))(K || {}), sn = /* @__PURE__ */ ((s) => (s.MP4 = "mp4", s.GIF = "gif", s.PNG = "png", s.JPG = "jpg", s.PDF = "pdf", s.HTML = "html", s))(sn || {}), ue = /* @__PURE__ */ ((s) => (s.SANDBOX = "sandbox", s.PRODUCTION = "online", s))(ue || {}), Ft;
+class os {
   /**
    * @ignore
    */
@@ -1627,13 +1701,13 @@ class ss {
     /**
      * @ignore
      */
-    u(this, Pt);
-    this.setTool = async (t) => (await a(this, Pt)).setTool(t).then((r) => i(r)), this.getSelected = async () => (await a(this, Pt)).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, Pt, 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);
   }
 }
-Pt = new WeakMap();
-var Z, _, $t;
-class rs {
+Ft = new WeakMap();
+var Z, H, Wt;
+class cs {
   /**
    * @ignore
    */
@@ -1642,13 +1716,13 @@ class rs {
      * @ignore
      */
     u(this, Z);
-    u(this, _);
-    u(this, $t);
+    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, $t)), 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, Z)).pause().then((r) => i(r)), this.resume = async () => (await a(this, Z)).resume().then((r) => i(r)), this.advanced = {
       /**
@@ -1657,34 +1731,34 @@ class rs {
        * @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, Z, o), g(this, $t, t), g(this, _, new qr(o));
+      abort: async () => a(this, H).abort()
+    }, g(this, Z, o), g(this, Wt, t), g(this, H, new rn(o));
   }
 }
-Z = new WeakMap(), _ = new WeakMap(), $t = new WeakMap();
+Z = new WeakMap(), H = new WeakMap(), Wt = new WeakMap();
 var ct;
-class qr {
+class rn {
   /**
    * @ignore
    */
@@ -1697,12 +1771,12 @@ class qr {
   }
 }
 ct = new WeakMap();
-const Yr = (s, o = 2) => {
+const nn = (s, o = 2) => {
   const t = Math.pow(10, o);
   return Math.round(s * t) / t;
 };
-var zt, Ft;
-class ns {
+var jt, Et;
+class hs {
   /**
    * @ignore
    */
@@ -1710,27 +1784,27 @@ class ns {
     /**
      * @ignore
      */
-    u(this, zt);
-    u(this, Ft);
+    u(this, jt);
+    u(this, Et);
     this.round = (e, r) => i({
-      data: String(Yr(e, r)),
+      data: String(nn(e, r)),
       success: !0,
       status: 200,
       parsedData: null
     }), this.createEnvironmentBaseURL = (e) => {
-      const { type: r = ce.SANDBOX, environment: n = "ft-nostress", version: c = "1" } = e, d = r == ce.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, Ft).get(tt.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, Ft).get(tt.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({
@@ -1741,28 +1815,28 @@ class ns {
           }
         })
       );
-      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, Ss.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, zt)).unitEvaluate(e, r).then((c) => i(c)), g(this, zt, o), g(this, Ft, 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);
   }
 }
-zt = new WeakMap(), Ft = new WeakMap();
-var Wt;
-class Zr {
+jt = new WeakMap(), Et = new WeakMap();
+var qt;
+class an {
   constructor(o) {
-    u(this, Wt);
+    u(this, qt);
     this.setMinimum = async (t, e) => {
       const r = { minValue: { value: e } };
       return this.applyPropertiesUpdate(t, r);
@@ -1787,18 +1861,18 @@ class Zr {
     }, this.setNumberOfDecimals = async (t, e) => {
       const r = { numberOfDecimals: { value: e } };
       return this.applyPropertiesUpdate(t, r);
-    }, g(this, Wt, o);
+    }, g(this, qt, o);
   }
   async applyPropertiesUpdate(o, t) {
-    const r = await (await a(this, Wt)).updateNumberVariableProperties(o, JSON.stringify(t));
+    const r = await (await a(this, qt)).updateNumberVariableProperties(o, JSON.stringify(t));
     return i(r);
   }
 }
-Wt = new WeakMap();
-var jt;
-class Qr {
+qt = new WeakMap();
+var Yt;
+class on {
   constructor(o) {
-    u(this, jt);
+    u(this, Yt);
     this.setDisplayFormat = async (t, e) => {
       const r = { displayFormat: { value: e } };
       return this.applyPropertiesUpdate(t, r);
@@ -1814,16 +1888,16 @@ class Qr {
     }, this.setExcludedDays = async (t, e) => {
       const r = { excludedDays: { value: e } };
       return this.applyPropertiesUpdate(t, r);
-    }, g(this, jt, o);
+    }, g(this, Yt, o);
   }
   async applyPropertiesUpdate(o, t) {
-    const r = await (await a(this, jt)).updateDateVariableProperties(o, JSON.stringify(t));
+    const r = await (await a(this, Yt)).updateDateVariableProperties(o, JSON.stringify(t));
     return i(r);
   }
 }
-jt = new WeakMap();
-var m, Et, Ot, us;
-let as = (us = class {
+Yt = new WeakMap();
+var C, Ot, Lt, fs;
+let ls = (fs = class {
   /**
    * @ignore
    */
@@ -1831,31 +1905,31 @@ let as = (us = class {
     /**
      * @ignore
      */
-    u(this, m);
-    u(this, Et);
+    u(this, C);
     u(this, Ot);
-    this.getAll = async () => (await a(this, m)).getVariables().then((e) => i(e)).then((e) => {
+    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, Et, async (t, e) => (await a(this, m)).setVariablePlaceholder(t, e).then((n) => i(n))), this.setPlaceholder = async (t, e) => a(this, Et).call(this, t, e), this.resetPlaceholder = async (t) => a(this, Et).call(this, t, null), g(this, Ot, async (t, e) => (await a(this, m)).setVariableHelpText(t, e).then((n) => i(n))), this.setHelpText = async (t, e) => a(this, Ot).call(this, t, e), this.resetHelpText = async (t) => a(this, Ot).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: Rt.visible } : { type: Rt.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: Rt.invisible } : { type: Rt.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 he().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) => {
@@ -1867,24 +1941,24 @@ let as = (us = 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 Zr(a(this, m)), this.date = new Qr(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 !== le.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(), Et = new WeakMap(), Ot = new WeakMap(), us);
-class Xr {
+}, C = new WeakMap(), Ot = new WeakMap(), Lt = new WeakMap(), fs);
+class cn {
   /**
    * @ignore
    */
@@ -1901,7 +1975,7 @@ class Xr {
   }
 }
 var ht;
-class tn {
+class hn {
   /**
    * @ignore
    */
@@ -1913,20 +1987,20 @@ class tn {
     this.getAll = async () => (await a(this, ht)).getVariables().then((e) => i(e)), this.getById = async (t) => (await a(this, ht)).getVariableById(t).then((r) => i(r)), this.getByName = async (t) => (await a(this, ht)).getVariableByName(t).then((r) => i(r)), this.setListVariable = async (t, e) => (await a(this, ht)).setListVariableItems(
       t,
       e.map((n) => JSON.stringify(n))
-    ).then((n) => i(n)), g(this, ht, o), this.image = new en(o);
+    ).then((n) => i(n)), g(this, ht, o), this.image = new ln(o);
   }
 }
 ht = new WeakMap();
 var Q;
-class en {
+class ln {
   constructor(o) {
     u(this, Q);
     this.setAllowQuery = async (t, e) => (await a(this, Q)).setImageVariableAllowQuery(t, e).then((n) => i(n)), this.setAllowUpload = async (t, e) => (await a(this, Q)).setImageVariableAllowUpload(t, e).then((n) => i(n)), this.setMinUploadSize = async (t, e, r) => (await a(this, Q)).setImageVariableUploadMinSize(t, e, r).then((c) => i(c)), this.setConnector = async (t, e) => (await a(this, Q)).setImageVariableConnector(t, JSON.stringify(e)).then((n) => i(n)), this.setConnectorContext = async (t, e) => (await a(this, Q)).setImageVariableConnectorContext(t, JSON.stringify(e)).then((n) => i(n)), g(this, Q, o);
   }
 }
 Q = new WeakMap();
-var wt;
-class sn {
+var mt;
+class dn {
   /**
    * @ignore
    */
@@ -1934,13 +2008,13 @@ class sn {
     /**
      * @ignore
      */
-    u(this, wt);
-    this.register = async (t) => (await a(this, wt)).registerConnector(JSON.stringify(t)).then((r) => i(r)), this.getById = async (t) => (await a(this, wt)).getConnectorById(t).then((r) => i(r)), this.getAllByType = async (t) => (await a(this, wt)).getConnectors(t).then((r) => i(r)), g(this, wt, o);
+    u(this, mt);
+    this.register = async (t) => (await a(this, mt)).registerConnector(JSON.stringify(t)).then((r) => i(r)), this.getById = async (t) => (await a(this, mt)).getConnectorById(t).then((r) => i(r)), this.getAllByType = async (t) => (await a(this, mt)).getConnectors(t).then((r) => i(r)), g(this, mt, o);
   }
 }
-wt = new WeakMap();
-var Dt, Zt;
-class rn {
+mt = new WeakMap();
+var Dt, ee;
+class un {
   /**
    * @ignore
    */
@@ -1952,22 +2026,22 @@ class rn {
     /**
      * @ignore
      */
-    u(this, Zt);
-    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, Zt, 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);
   }
 }
-Dt = new WeakMap(), Zt = new WeakMap();
-class is {
+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 Xr(o), this.variable = new tn(this.editorAPI), this.connector = new sn(this.editorAPI), this.page = new rn(this.editorAPI), this.canvas = new re(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 As {
+class Ds {
   constructor(o) {
     this.logger = o;
   }
@@ -1983,13 +2057,13 @@ class As {
   }
   handleError(o, t, e) {
     var r;
-    if (t === Gt.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 os extends As {
+class us extends Ds {
   constructor(o, t) {
     super(t), this.handler = o;
   }
@@ -2002,10 +2076,10 @@ class os extends As {
   trigger(...o) {
     const t = this.handler();
     if (t)
-      return this.createEventHandlerFn(t, Gt.throw)(...o);
+      return this.createEventHandlerFn(t, kt.throw)(...o);
   }
 }
-class C extends As {
+class w extends Ds {
   constructor(o, t) {
     super(t), this.legacyHandler = o, this.subscriptions = /* @__PURE__ */ new Set();
   }
@@ -2017,7 +2091,7 @@ class C extends As {
    */
   trigger(...o) {
     const t = this.legacyHandler();
-    t && this.createEventHandlerFn(t, Gt.log)(...o);
+    t && this.createEventHandlerFn(t, kt.log)(...o);
     for (const e of this.subscriptions)
       e(...o);
   }
@@ -2031,14 +2105,14 @@ class C extends As {
    *                         - "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 = Gt.log) {
+  registerCallback(o, t = kt.log) {
     const e = this.createEventHandlerFn(o, t);
     return this.subscriptions.add(e), () => {
       this.subscriptions.delete(e);
     };
   }
 }
-class de {
+class we {
   /**
    * Creates a runtime configuration object from the provided configuration object.
    *
@@ -2046,181 +2120,181 @@ class de {
    * @returns The runtime configuration object.
    */
   static createRuntimeConfig(o) {
-    var e, r, n, c, d, h, p, y, v, S, b, A, I, f, M, E, P, W, j, ft, St, ue, ge, ye, pe, Ce, me, we, fe, Se, be, ve, Ie, Ae, Pe;
+    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) || ((Nt, Qt, Xt) => {
-        var Fe;
-        if (de.isLoggingEnabled(Nt, ((Fe = t.logging) == null ? void 0 : Fe.logLevel) ?? x.error))
-          switch (Nt) {
+      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(`[${Qt}] [${Nt}] ${Xt}`);
+              console.error(`[${se}] [${xt}] ${re}`);
               break;
             case x.warn:
-              console.warn(`[${Qt}] [${Nt}] ${Xt}`);
+              console.warn(`[${se}] [${xt}] ${re}`);
               break;
             default:
-              console.log(`[${Qt}] [${Nt}] ${Xt}`);
+              console.log(`[${se}] [${xt}] ${re}`);
           }
       })
     }, t.handlers = {
-      onAuthExpired: new os(() => t.onAuthExpired, (n = t.logging) == null ? void 0 : n.logger),
-      onViewportRequested: new os(
+      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,
         (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,
         (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,
         (W = t.logging) == null ? void 0 : W.logger
       ),
-      onSelectedLayoutFramesChanged: new C(
+      onSelectedLayoutFramesChanged: new w(
         () => t.onSelectedLayoutFramesChanged,
         (j = t.logging) == null ? void 0 : j.logger
       ),
-      onSelectedTextStyleChanged: new C(
+      onSelectedTextStyleChanged: new w(
         () => t.onSelectedTextStyleChanged,
-        (ft = t.logging) == null ? void 0 : ft.logger
+        (St = t.logging) == null ? void 0 : St.logger
       ),
-      onColorsChanged: new C(
+      onColorsChanged: new w(
         () => t.onColorsChanged,
-        (St = t.logging) == null ? void 0 : St.logger
+        (bt = t.logging) == null ? void 0 : bt.logger
       ),
-      onParagraphStylesChanged: new C(
+      onParagraphStylesChanged: new w(
         () => t.onParagraphStylesChanged,
-        (ue = t.logging) == null ? void 0 : ue.logger
+        (Ce = t.logging) == null ? void 0 : Ce.logger
       ),
-      onCharacterStylesChanged: new C(
+      onCharacterStylesChanged: new w(
         () => t.onCharacterStylesChanged,
-        (ge = t.logging) == null ? void 0 : ge.logger
+        (me = t.logging) == null ? void 0 : me.logger
       ),
-      onFontFamiliesChanged: new C(
+      onFontFamiliesChanged: new w(
         () => t.onFontFamiliesChanged,
-        (ye = t.logging) == null ? void 0 : ye.logger
+        (fe = t.logging) == null ? void 0 : fe.logger
       ),
-      onSelectedLayoutIdChanged: new C(
+      onSelectedLayoutIdChanged: new w(
         () => t.onSelectedLayoutIdChanged,
-        (pe = t.logging) == null ? void 0 : pe.logger
+        (Se = t.logging) == null ? void 0 : Se.logger
       ),
-      onLayoutsChanged: new C(
+      onLayoutsChanged: new w(
         () => t.onLayoutsChanged,
-        (Ce = t.logging) == null ? void 0 : Ce.logger
+        (be = t.logging) == null ? void 0 : be.logger
       ),
-      onConnectorEvent: new C(
+      onConnectorEvent: new w(
         () => t.onConnectorEvent,
-        (me = t.logging) == null ? void 0 : me.logger
+        (ve = t.logging) == null ? void 0 : ve.logger
       ),
-      onConnectorsChanged: new C(
+      onConnectorsChanged: new w(
         () => t.onConnectorsChanged,
-        (we = t.logging) == null ? void 0 : we.logger
+        (Ie = t.logging) == null ? void 0 : Ie.logger
       ),
-      onZoomChanged: new C(
+      onZoomChanged: new w(
         () => t.onZoomChanged,
-        (fe = t.logging) == null ? void 0 : fe.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,
-        (Se = t.logging) == null ? void 0 : Se.logger
+        (Pe = t.logging) == null ? void 0 : Pe.logger
       ),
-      onShapeCornerRadiusChanged: new C(
+      onShapeCornerRadiusChanged: new w(
         () => t.onShapeCornerRadiusChanged,
-        (be = t.logging) == null ? void 0 : be.logger
+        (Fe = t.logging) == null ? void 0 : Fe.logger
       ),
-      onCropActiveFrameIdChanged: new C(
+      onCropActiveFrameIdChanged: new w(
         () => t.onCropActiveFrameIdChanged,
-        (ve = t.logging) == null ? void 0 : ve.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,
-        (Ae = t.logging) == null ? void 0 : Ae.logger
+        (Le = t.logging) == null ? void 0 : Le.logger
       ),
-      onBarcodeValidationChanged: new C(() => t.onBarcodeValidationChanged, (Pe = t.logging) == null ? void 0 : Pe.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
       )
@@ -2230,7 +2304,7 @@ class de {
     return t == x.info || t == x.warn && (o == x.warn || o == x.error) ? !0 : t == x.error && o == x.error;
   }
 }
-class nn {
+class gn {
   /**
    * Checks if the given value is a `DatePropertyWrapper`.
    *
@@ -2281,7 +2355,7 @@ class nn {
   }
 }
 var lt;
-class an {
+class yn {
   /**
    * @ignore
    */
@@ -2324,8 +2398,8 @@ class an {
   }
 }
 lt = new WeakMap();
-var Lt;
-class cs extends an {
+var Nt;
+class gs extends yn {
   /**
    * @ignore
    */
@@ -2334,8 +2408,8 @@ class cs extends an {
     /**
      * @ignore
      */
-    u(this, Lt);
-    g(this, Lt, 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,
@@ -2343,7 +2417,7 @@ class cs extends an {
    * @returns value for a given configuration key
    */
   async getValue(t) {
-    const e = a(this, Lt).get(t);
+    const e = a(this, Nt).get(t);
     return e != null ? i(
       {
         status: 200,
@@ -2362,12 +2436,12 @@ class cs extends an {
    */
   async setValue(t, e) {
     const r = super.setValue(t, e);
-    return a(this, Lt).set(t, e), r;
+    return a(this, Nt).set(t, e), r;
   }
 }
-Lt = new WeakMap();
-var k;
-class hs {
+Nt = new WeakMap();
+var U;
+class ys {
   /**
    * @ignore
    */
@@ -2375,26 +2449,59 @@ class hs {
     /**
      * @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 on = "studio-cdn.chiligrafx.com", cn = `https://${on}/editor/${gs.current}/web`;
+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 Tn {
+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 nn(), this.loadEditor = () => {
+    this.localConfig = /* @__PURE__ */ new Map(), this.dataItemMappingTools = new gn(), this.loadEditor = () => {
       var t;
-      Qs(
-        this.config.editorLink || cn,
+      nr(
+        this.config.editorLink || wn,
         {
           onActionsChanged: this.subscriber.onActionsChanged,
           onStateChanged: this.subscriber.onStateChanged,
@@ -2449,117 +2556,124 @@ class Tn {
         },
         this.setConnection,
         this.config.editorId,
-        this.config.studioStyling
-      ), this.editorAPI = et == null ? void 0 : et.promise.then((e) => e), this.action = new Le(this.editorAPI), this.layout = new Ze(this.editorAPI), this.frame = new qe(this.editorAPI), this.barcode = new Me(this.editorAPI), this.animation = new Ne(this.editorAPI), this.document = new $e(this.editorAPI), this.configuration = new cs(this.editorAPI, this.localConfig), this.utils = new ns(this.editorAPI, this.localConfig), this.tool = new ss(this.editorAPI), this.page = new Xe(this.editorAPI), this.debug = new Ke(this.editorAPI), this.undoManager = new rs(this.editorAPI, this), this.textSelection = new es(this.editorAPI), this.colorStyle = new Ue(this.editorAPI), this.gradientStyle = new hs(this.editorAPI), this.paragraphStyle = new ts(this.editorAPI), this.characterStyle = new Be(this.editorAPI), this.mediaConnector = new Qe(this.editorAPI), this.fontConnector = new We(this.editorAPI), this.dataConnector = new He(this.editorAPI, this.dataItemMappingTools), this.dataSource = new Te(this.editorAPI, this.dataItemMappingTools), this.connector = new _e(this.editorAPI, this.localConfig), this.variable = new as(this.editorAPI), this.font = new je(this.editorAPI), this.experiment = new ze(this.editorAPI), this.canvas = new re(this.editorAPI), this.shape = new ie(this.editorAPI), this.colorConversion = new ke(this.editorAPI), this.info = new Ye(), this.clipboard = new Ge(this.editorAPI), this.brandKit = new Je(this.editorAPI, this), this.next = new is(this.config, this.connection, this.editorAPI), this.configuration.setValue(tt.GraFxStudioSdkVersion, ys.version), this.configuration.setValue(
+        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 || ws.template
-      ), this.configuration.updateStudioOptions(this.config.studioOptions || Xs), this.configuration.setValue(
+        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) => {
       et = t;
-    }, this.config = de.createRuntimeConfig(o), this.connection = et, this.editorAPI = et == null ? void 0 : et.promise.then((t) => t), this.action = new Le(this.editorAPI), this.layout = new Ze(this.editorAPI), this.frame = new qe(this.editorAPI), this.shape = new ie(this.editorAPI), this.barcode = new Me(this.editorAPI), this.undoManager = new rs(this.editorAPI, this), this.connector = new _e(this.editorAPI, this.localConfig), this.mediaConnector = new Qe(this.editorAPI), this.fontConnector = new We(this.editorAPI), this.dataConnector = new He(this.editorAPI, this.dataItemMappingTools), this.dataSource = new Te(this.editorAPI, this.dataItemMappingTools), this.animation = new Ne(this.editorAPI), this.document = new $e(this.editorAPI), this.configuration = new cs(this.editorAPI, this.localConfig), this.variable = new as(this.editorAPI), this.utils = new ns(this.editorAPI, this.localConfig), this.subscriber = new $r(this.config, this.localConfig), this.tool = new ss(this.editorAPI), this.page = new Xe(this.editorAPI), this.debug = new Ke(this.editorAPI), this.textSelection = new es(this.editorAPI), this.colorStyle = new Ue(this.editorAPI), this.gradientStyle = new hs(this.editorAPI), this.paragraphStyle = new ts(this.editorAPI), this.characterStyle = new Be(this.editorAPI), this.font = new je(this.editorAPI), this.experiment = new ze(this.editorAPI), this.canvas = new re(this.editorAPI), this.colorConversion = new ke(this.editorAPI), this.info = new Ye(), this.clipboard = new Ge(this.editorAPI), this.next = new is(this.config, this.connection, this.editorAPI), this.enabledNextSubscribers = this.config.enableNextSubscribers, this.brandKit = new Je(this.editorAPI, this);
+    }, this.config = we.createRuntimeConfig(o), this.connection = et, this.editorAPI = et == null ? void 0 : et.promise.then((t) => t), this.action = new Ve(this.editorAPI), this.layout = new ss(this.editorAPI), this.frame = new ts(this.editorAPI), this.shape = new le(this.editorAPI), this.barcode = new Ge(this.editorAPI), this.component = new ws(this.editorAPI), this.undoManager = new cs(this.editorAPI, this), this.connector = new ze(this.editorAPI, this.localConfig), this.mediaConnector = new rs(this.editorAPI), this.fontConnector = new Qe(this.editorAPI), this.componentConnector = new ps(this.editorAPI), this.dataConnector = new We(this.editorAPI, this.dataItemMappingTools), this.dataSource = new je(this.editorAPI, this.dataItemMappingTools), this.animation = new Je(this.editorAPI), this.document = new Ye(this.editorAPI), this.configuration = new gs(this.editorAPI, this.localConfig), this.variable = new ls(this.editorAPI), this.utils = new hs(this.editorAPI, this.localConfig), this.subscriber = new 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 hn = /* @__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))(hn || {}), ln = /* @__PURE__ */ ((s) => (s.horizontal = "horizontal", s.vertical = "vertical", s))(ln || {}), dn = /* @__PURE__ */ ((s) => (s.easeIn = "easeIn", s.easeOut = "easeOut", s.easeInOut = "easeInOut", s))(dn || {}), un = /* @__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))(un || {}), gn = /* @__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))(gn || {}), yn = /* @__PURE__ */ ((s) => (s.preview = "preview", s.normal = "normal", s))(yn || {}), pn = /* @__PURE__ */ ((s) => (s.linear = "linear", s))(pn || {}), Cn = /* @__PURE__ */ ((s) => (s.local = "linearLocal", s.linearBrandKit = "linearBrandKit", s))(Cn || {}), mn = /* @__PURE__ */ ((s) => (s.Square = "square", s.Line = "line", s))(mn || {}), wn = /* @__PURE__ */ ((s) => (s.BOLD = "Bold", s.ITALIC = "Italic", s.REGULAR = "Regular", s))(wn || {}), fn = /* @__PURE__ */ ((s) => (s.LEFT = "left", s.CENTER = "center", s.RIGHT = "right", s.JUSTIFY = "justify", s))(fn || {}), Sn = /* @__PURE__ */ ((s) => (s.TOP = "top", s.CENTER = "center", s.BOTTOM = "bottom", s))(Sn || {}), bn = /* @__PURE__ */ ((s) => (s.TO_LOWER_CASE = "lowercase", s.TO_UPPER_CASE = "uppercase", s.NORMAL = "normal", s))(bn || {}), vn = /* @__PURE__ */ ((s) => (s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.NORMAL = "normal", s))(vn || {}), In = /* @__PURE__ */ ((s) => (s.none = "none", s.bullet = "bullet", s.number = "number", s))(In || {}), An = /* @__PURE__ */ ((s) => (s.STYLE = "textStyle", s.PROPERTIES = "textProperties", s.APPEARANCE = "appearance", s))(An || {}), Pn = /* @__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))(Pn || {}), Fn = /* @__PURE__ */ ((s) => (s.arabic = "arabic", s.romanUpperCase = "romanUpperCase", s.romanLowerCase = "romanLowerCase", s.latinUpperCase = "latinUpperCase", s.latinLowerCase = "latinLowerCase", s))(Fn || {}), En = /* @__PURE__ */ ((s) => (s.none = "none", s.dash = "dash", s.dot = "dot", s.colon = "colon", s.roundBracket = "roundBracket", s))(En || {}), On = /* @__PURE__ */ ((s) => (s.selectedLayoutChanged = "selectedLayoutChanged", s.frameMoved = "frameMoved", s.pageSizeChanged = "pageSizeChanged", s.documentLoaded = "documentLoaded", s.variableValueChanged = "variableValueChanged", s))(On || {}), Dn = /* @__PURE__ */ ((s) => (s.ellipse = "ellipse", s.rectangle = "rectangle", s.polygon = "polygon", s))(Dn || {}), Ln = /* @__PURE__ */ ((s) => (s.all = "all", s.only = "only", s.none = "none", s))(Ln || {}), Nn = /* @__PURE__ */ ((s) => (s.normal = "normal", s.textEdit = "textEdit", s.customCrop = "customCrop", s.frameSubjectArea = "frameSubjectArea", s.perAssetCrop = "perAssetCrop", s.gradient = "gradient", s))(Nn || {}), Ps = /* @__PURE__ */ ((s) => (s.url = "url", s.grafx = "grafx", s.local = "local", s))(Ps || {});
-const Kn = /* @__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: Ps
+  ConnectorRegistrationSource: Ns
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  kr as ActionAsyncError,
-  On as ActionEditorEvent,
-  fn as Alignment,
-  Br as AnchorTargetEdgeType,
-  Jr as AnchorTargetType,
-  br as AuthCredentialsTypeEnum,
-  vr as AuthRefreshTypeEnum,
-  Pr as AutoGrowDirection,
-  bt as BarcodeCharacterSet,
-  Mt as BarcodeErrorCorrectionLevel,
-  Er as BarcodeSourceTypeEnum,
-  T as BarcodeType,
-  rr as BarcodeValidationResult,
-  gn as BasicAnimationsEmphasisStyles,
-  Nr as BlendMode,
-  bn as Case,
+  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,
-  ee as ColorUsageType,
-  mr as ConnectorConfigContextType,
-  Cr as ConnectorConfigValueType,
-  Sr as ConnectorEventType,
-  sr as ConnectorHttpError,
-  xn as ConnectorMapping,
-  fr as ConnectorMappingDirection,
-  wr as ConnectorMappingSource,
-  xt as ConnectorRegistrationSource,
-  ae as ConnectorStateType,
-  gr as ConnectorType,
-  or as ConstraintMode,
-  Ln as CornerRadiusType,
-  bs as CropType,
-  Ur as DataRowAsyncError,
-  _r as Day,
-  ne as DeprecatedMediaConnectorDownloadType,
-  Jt as DeprecatedMediaType,
-  tr as DocumentIssueTypeEnum,
-  ws as DocumentType,
-  jr as DownloadFormats,
-  dn as EaseTypes,
-  Nn as EngineEditModeType,
-  ce as EnvironmentType,
-  Mr as FitMode,
-  xr as FitModePosition,
-  Dr as FlowDirection,
-  mn as FontPreviewFormat,
-  wn as FontWeights,
-  kn as FrameAnchorTarget,
-  Vr as FrameAnchorType,
-  zr as FramePropertyNames,
-  Fr as FrameTypeEnum,
-  pn as GradientType,
-  Cn as GradientUsageType,
-  Vn as GrafxTokenAuthCredentials,
-  Yt as ImageSourceTypeEnum,
-  ir as LayoutIntent,
-  Wr as LayoutPropertyNames,
-  nr as LayoutType,
-  Hr as Locale,
-  In as MarkedListType,
-  ar as MeasurementUnit,
-  vs as MediaDownloadIntent,
-  oe as MediaDownloadType,
-  Bt as MediaType,
-  Kn as Next,
-  Fn as NumberListFormat,
-  En as NumberListSeparatorSymbol,
-  Gn as PageAnchorTarget,
+  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,
-  Jn as RefreshedAuthCredendentials,
-  vn as Scripting,
-  An as SelectedTextStyleSections,
-  Pn as SelectedTextStyles,
-  ln as ShakeDirections,
-  Dn as ShapeType,
-  hn as SlideDirections,
-  yr as SortBy,
-  pr as SortOrder,
-  Or as TextDirection,
-  Sn as TextPosition,
+  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,
-  un as TweenTypes,
-  Rr as UpdateZIndexMethod,
-  Ir as UploadAssetValidationError,
-  Ss as UploadAssetValidationErrorType,
-  le as VariableType,
-  Kr as VariableVisibilityOperator,
-  Tr as VariableVisibilityTargetType,
-  Rt as VariableVisibilityType,
-  Lr as VerticalAlign,
-  yn as ViewMode,
+  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,
-  Tn as default,
-  Rn as grafxMediaConnectorRegistration
+  Qn as default,
+  Tn as grafxMediaConnectorRegistration
 };
 //# sourceMappingURL=main.es.js.map