@chili-publish/studio-sdk 1.42.0 → 1.44.0

package/lib/src/controllers/PageController.es.js

@@ -0,0 +1,95 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI, _blobAPI;
+import { getEditorResponseData } from "../utils/EditorResponseData.es.js";
+import { throwEditorResponseError } from "../exceptions/Helpers.es.js";
+class PageController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _blobAPI);
+    this.add = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.addPage().then((result) => getEditorResponseData(result));
+    };
+    this.remove = async (pageId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removePage(pageId).then((result) => getEditorResponseData(result));
+    };
+    this.select = async (pageId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.selectPage(pageId).then((result) => getEditorResponseData(result));
+    };
+    this.setVisibility = async (pageId, isVisible) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setPageIsVisible(pageId, isVisible).then((result) => getEditorResponseData(result));
+    };
+    this.duplicate = async (pageId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicatePage(pageId).then((result) => getEditorResponseData(result));
+    };
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getPages().then((result) => getEditorResponseData(result));
+    };
+    this.getById = async (pageId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getPageById(pageId).then((result) => getEditorResponseData(result));
+    };
+    this.getSnapshot = async (pageId, settings) => {
+      const res = await __privateGet(this, _blobAPI);
+      return res.getPageSnapshotWithSettings(pageId, settings == null ? null : JSON.stringify(settings)).then((result) => {
+        if (result instanceof Uint8Array) {
+          return result;
+        }
+        if (typeof result === "object" && result !== null && "success" in result && !result.success) {
+          throwEditorResponseError(result);
+        }
+        throw new Error(`Unexpected response type: ${typeof result}.`);
+      });
+    };
+    this.setWidth = async (_pageId, width) => {
+      if (_pageId !== void 0) {
+        console.warn("pageId has no effect since all pages are being updated simultaneously.");
+      }
+      const res = await __privateGet(this, _editorAPI);
+      return res.setPageWidth(width).then((result) => getEditorResponseData(result));
+    };
+    this.setHeight = async (_pageId, height) => {
+      if (_pageId !== void 0) {
+        console.warn("pageId has no effect since all pages are being updated simultaneously.");
+      }
+      const res = await __privateGet(this, _editorAPI);
+      return res.setPageHeight(height).then((result) => getEditorResponseData(result));
+    };
+    this.setSize = async (width, height) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setPageSize(width, height).then((result) => getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.reorderPages(order, ids).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+    __privateSet(this, _blobAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+_blobAPI = new WeakMap();
+export {
+  PageController
+};
+//# sourceMappingURL=PageController.es.js.map

package/lib/src/controllers/PageController.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageController.es.js","sources":["../../../src/controllers/PageController.ts"],"sourcesContent":["import { EditorAPI, EditorRawAPI, EditorResponse, Id } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { throwEditorResponseError } from '../exceptions';\nimport { Page, SnapshotSettings } from '../types/PageTypes';\nimport { CallSender } from 'penpal';\n\n/**\n * The PageController is responsible for all communication regarding Pages.\n * Methods inside this controller can be called by `window.SDK.page.{method-name}`\n */\nexport class PageController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    #blobAPI: EditorRawAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n        this.#blobAPI = editorAPI as CallSender as EditorRawAPI;\n    }\n\n    /**\n     * @experimental\n     * This method adds a new page.\n     * @returns the id of the new page\n     */\n    add = async () => {\n        const res = await this.#editorAPI;\n        return res.addPage().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * @experimental\n     * This method removes a certain page.\n     * @param pageId the id of the page\n     * @returns the id of the current active page\n     */\n    remove = async (pageId: Id) => {\n        const res = await this.#editorAPI;\n        return res.removePage(pageId).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * @experimental\n     * This method selects a certain page to be the active page.\n     * @param pageId the id of the page\n     * @returns\n     */\n    select = async (pageId: Id) => {\n        const res = await this.#editorAPI;\n        return res.selectPage(pageId).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * @experimental\n     * This method sets the page's visibility.\n     * @param pageId the id of the page\n     * @param isVisible the visibility of the page\n     * @returns\n     */\n    setVisibility = async (pageId: Id, isVisible: boolean) => {\n        const res = await this.#editorAPI;\n        return res.setPageIsVisible(pageId, isVisible).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * @experimental\n     * This method duplicates a certain page.\n     * @param pageId the id of the page\n     * @returns\n     */\n    duplicate = async (pageId: Id) => {\n        const res = await this.#editorAPI;\n        return res.duplicatePage(pageId).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns the list of pages\n     * @returns list of all pages\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getPages().then((result) => getEditorResponseData<Page[]>(result));\n    };\n\n    /**\n     * This method returns a page by its id\n     * @param pageId the id of a specific page\n     * @returns page properties\n     */\n    getById = async (pageId: Id) => {\n        const res = await this.#editorAPI;\n        return res.getPageById(pageId).then((result) => getEditorResponseData<Page>(result));\n    };\n\n    /**\n     * This method returns a UInt8Array containing a PNG encoded image of the page.\n     * @param pageId The id of a specific page.\n     * If not specified, selected page snapshot will be provided\n     * @param settings an object to specify desired snapshot properties, e.g., resolution.\n     * If it's not provided, default settings will be applied, e.g., page resolution.\n     * Limit for `largestAxisSize` is 1000 px\n     * @returns UInt8Array snapshot of the given page\n     */\n    getSnapshot = async (pageId?: Id, settings?: SnapshotSettings | null) => {\n        const res = await this.#blobAPI;\n        return res\n            .getPageSnapshotWithSettings(pageId, settings == null ? null : JSON.stringify(settings))\n            .then((result) => {\n                // Handle binary data (Uint8Array) directly\n                if (result instanceof Uint8Array) {\n                    return result;\n                }\n\n                // Handle structured response (EditorResponse) for non-success cases\n                if (typeof result === 'object' && result !== null && 'success' in result && !result.success) {\n                    throwEditorResponseError(result as EditorResponse<null>);\n                }\n\n                // Unexpected response type - throw error\n                throw new Error(`Unexpected response type: ${typeof result}.`);\n            });\n    };\n\n    /**\n     * This method will set the width of the page to a specific value.\n     * This only works if the document is a project.\n     * @param _pageId the id of a specific page.\n     * @param width the string value that will be calculated (f.e. 1+1 will result in 2) The default unit is in the current layout unit (e.g. px, mm, in)\n     */\n    setWidth = async (_pageId: Id | undefined, width: string) => {\n        if (_pageId !== undefined) {\n            console.warn('pageId has no effect since all pages are being updated simultaneously.');\n        }\n\n        const res = await this.#editorAPI;\n        return res.setPageWidth(width).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method will set the height of the page to a specific value.\n     * This only works if the document is a project.\n     * @param _pageId the id of a specific page.\n     * @param height the string value that will be calculated (f.e. 1+1 will result in 2). The default unit is in the current layout unit (e.g. px, mm, in)\n     * @returns\n     */\n    setHeight = async (_pageId: Id | undefined, height: string) => {\n        if (_pageId !== undefined) {\n            console.warn('pageId has no effect since all pages are being updated simultaneously.');\n        }\n\n        const res = await this.#editorAPI;\n        return res.setPageHeight(height).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * Sets the width and height of the page to a specific value simultaneously.\n     * This only works if the document is a project.\n     * @param width the string value that will be calculated (f.e. 1+1 will result in 2). The default unit is in the current layout unit (e.g. px, mm, in)\n     * @param height the string value that will be calculated (f.e. 1+1 will result in 2). The default unit is in the current layout unit (e.g. px, mm, in)\n     */\n    setSize = async (width: string, height: string) => {\n        const res = await this.#editorAPI;\n        return res.setPageSize(width, height).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method changes the order of pages.\n     * @param order the index in the list to move to\n     * @param ids An array of all IDs you want to move to the given index\n     * @returns\n     */\n    move = async (order: number, ids: Id[]) => {\n        const res = await this.#editorAPI;\n        return res.reorderPages(order, ids).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EAcxB,YAAY,WAAsB;AAVlC;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAeA,SAAA,MAAM,YAAY;AACd,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,UAAU,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IAC3E;AAQA,SAAA,SAAS,OAAO,WAAe;AAC3B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IACpF;AAQA,SAAA,SAAS,OAAO,WAAe;AAC3B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACtF;AASA,SAAA,gBAAgB,OAAO,QAAY,cAAuB;AACtD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,iBAAiB,QAAQ,SAAS,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACvG;AAQA,SAAA,YAAY,OAAO,WAAe;AAC9B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACzF;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,KAAK,CAAC,WAAW,sBAA8B,MAAM,CAAC;AAAA,IAChF;AAOA,SAAA,UAAU,OAAO,WAAe;AAC5B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACvF;AAWA,SAAA,cAAc,OAAO,QAAa,aAAuC;AACrE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,4BAA4B,QAAQ,YAAY,OAAO,OAAO,KAAK,UAAU,QAAQ,CAAC,EACtF,KAAK,CAAC,WAAW;AAEd,YAAI,kBAAkB,YAAY;AAC9B,iBAAO;AAAA,QACX;AAGA,YAAI,OAAO,WAAW,YAAY,WAAW,QAAQ,aAAa,UAAU,CAAC,OAAO,SAAS;AACzF,mCAAyB,MAA8B;AAAA,QAC3D;AAGA,cAAM,IAAI,MAAM,6BAA6B,OAAO,MAAM,GAAG;AAAA,MACjE,CAAC;AAAA,IACT;AAQA,SAAA,WAAW,OAAO,SAAyB,UAAkB;AACzD,UAAI,YAAY,QAAW;AACvB,gBAAQ,KAAK,wEAAwE;AAAA,MACzF;AAEA,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,aAAa,KAAK,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACvF;AASA,SAAA,YAAY,OAAO,SAAyB,WAAmB;AAC3D,UAAI,YAAY,QAAW;AACvB,gBAAQ,KAAK,wEAAwE;AAAA,MACzF;AAEA,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACzF;AAQA,SAAA,UAAU,OAAO,OAAe,WAAmB;AAC/C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,OAAO,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC9F;AAQA,SAAA,OAAO,OAAO,OAAe,QAAc;AACvC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,aAAa,OAAO,GAAG,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC5F;AA9JI,uBAAK,YAAa;AAClB,uBAAK,UAAW;AAAA,EACpB;AA6JJ;AA1KI;AAKA;"}

package/lib/src/controllers/ParagraphStyleController.cjs.js

@@ -0,0 +1,58 @@
+"use strict";
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EditorResponseData = require("../utils/EditorResponseData.cjs.js");
+class ParagraphStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getParagraphStyles().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getById = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getParagraphStyleById(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createParagraphStyle().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.duplicate = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateParagraphStyle(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.update = async (id, properties) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.updateParagraphStyle(id, JSON.stringify(properties)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.rename = async (id, name) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameParagraphStyle(id, name).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.remove = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeParagraphStyle(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveParagraphStyles(order, ids).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ParagraphStyleController = ParagraphStyleController;
+//# sourceMappingURL=ParagraphStyleController.cjs.js.map

package/lib/src/controllers/ParagraphStyleController.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphStyleController.cjs.js","sources":["../../../src/controllers/ParagraphStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ParagraphStyle, ParagraphStyleUpdate } from '../types/ParagraphStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ParagraphStyleController is responsible for all communication regarding paragraph styles.\n * Methods inside this controller can be called by `window.SDK.paragraphStyle.{method-name}`\n */\nexport class ParagraphStyleController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method returns the list of paragraph styles\n     * @returns\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getParagraphStyles().then((result) => getEditorResponseData<ParagraphStyle[]>(result));\n    };\n\n    /**\n     * This method returns a paragraph style by id\n     * @param id the id of a specific paragraph style\n     * @returns\n     */\n    getById = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.getParagraphStyleById(id).then((result) => getEditorResponseData<ParagraphStyle>(result));\n    };\n\n    /**\n     * This method creates a new paragraph style\n     * @returns the id of new paragraph style\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createParagraphStyle().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method duplicates a paragraph style\n     * @param id the id of a specific paragraph style\n     * @returns the new paragraph style id\n     */\n    duplicate = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.duplicateParagraphStyle(id).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method updates a paragraph style\n     * @param id the id of a specific paragraph style\n     * @param properties The new paragraph style properties\n     * @returns\n     */\n    update = async (id: Id, properties: ParagraphStyleUpdate) => {\n        const res = await this.#editorAPI;\n        return res\n            .updateParagraphStyle(id, JSON.stringify(properties))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method renames a paragraph style\n     * @param id the id of a specific paragraph style\n     * @param name the new name of the paragraph style\n     * @returns\n     */\n    rename = async (id: Id, name: string) => {\n        const res = await this.#editorAPI;\n        return res.renameParagraphStyle(id, name).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a paragraph style\n     * @param id the id of a specific paragraph style\n     * @returns\n     */\n    remove = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.removeParagraphStyle(id).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method changes positions of paragraph styles\n     * @param order the position of the paragraph styles\n     * @param ids the list of paragraph style ids\n     * @returns\n     */\n    move = async (order: number, ids: Id[]) => {\n        const res = await this.#editorAPI;\n        return res.moveParagraphStyles(order, ids).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAQO,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA,EASlC,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,KAAK,CAAC,WAAWA,mBAAAA,sBAAwC,MAAM,CAAC;AAAA,IACpG;AAOA,SAAA,UAAU,OAAO,OAAW;AACxB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAAsC,MAAM,CAAC;AAAA,IACvG;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAWA,mBAAAA,sBAA0B,MAAM,CAAC;AAAA,IACxF;AAOA,SAAA,YAAY,OAAO,OAAW;AAC1B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAA0B,MAAM,CAAC;AAAA,IAC7F;AAQA,SAAA,SAAS,OAAO,IAAQ,eAAqC;AACzD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,IAAI,KAAK,UAAU,UAAU,CAAC,EACnD,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAQA,SAAA,SAAS,OAAO,IAAQ,SAAiB;AACrC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,IAAI,IAAI,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAClG;AAOA,SAAA,SAAS,OAAO,OAAW;AACvB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC5F;AAQA,SAAA,OAAO,OAAO,OAAe,QAAc;AACvC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,oBAAoB,OAAO,GAAG,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IACnG;AApFI,uBAAK,YAAa;AAAA,EACtB;AAoFJ;AA3FI;;"}

package/lib/src/controllers/ParagraphStyleController.es.js

@@ -0,0 +1,58 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+import { getEditorResponseData } from "../utils/EditorResponseData.es.js";
+class ParagraphStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getParagraphStyles().then((result) => getEditorResponseData(result));
+    };
+    this.getById = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getParagraphStyleById(id).then((result) => getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createParagraphStyle().then((result) => getEditorResponseData(result));
+    };
+    this.duplicate = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateParagraphStyle(id).then((result) => getEditorResponseData(result));
+    };
+    this.update = async (id, properties) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.updateParagraphStyle(id, JSON.stringify(properties)).then((result) => getEditorResponseData(result));
+    };
+    this.rename = async (id, name) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameParagraphStyle(id, name).then((result) => getEditorResponseData(result));
+    };
+    this.remove = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeParagraphStyle(id).then((result) => getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveParagraphStyles(order, ids).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ParagraphStyleController
+};
+//# sourceMappingURL=ParagraphStyleController.es.js.map

package/lib/src/controllers/ParagraphStyleController.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphStyleController.es.js","sources":["../../../src/controllers/ParagraphStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ParagraphStyle, ParagraphStyleUpdate } from '../types/ParagraphStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ParagraphStyleController is responsible for all communication regarding paragraph styles.\n * Methods inside this controller can be called by `window.SDK.paragraphStyle.{method-name}`\n */\nexport class ParagraphStyleController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method returns the list of paragraph styles\n     * @returns\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getParagraphStyles().then((result) => getEditorResponseData<ParagraphStyle[]>(result));\n    };\n\n    /**\n     * This method returns a paragraph style by id\n     * @param id the id of a specific paragraph style\n     * @returns\n     */\n    getById = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.getParagraphStyleById(id).then((result) => getEditorResponseData<ParagraphStyle>(result));\n    };\n\n    /**\n     * This method creates a new paragraph style\n     * @returns the id of new paragraph style\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createParagraphStyle().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method duplicates a paragraph style\n     * @param id the id of a specific paragraph style\n     * @returns the new paragraph style id\n     */\n    duplicate = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.duplicateParagraphStyle(id).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method updates a paragraph style\n     * @param id the id of a specific paragraph style\n     * @param properties The new paragraph style properties\n     * @returns\n     */\n    update = async (id: Id, properties: ParagraphStyleUpdate) => {\n        const res = await this.#editorAPI;\n        return res\n            .updateParagraphStyle(id, JSON.stringify(properties))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method renames a paragraph style\n     * @param id the id of a specific paragraph style\n     * @param name the new name of the paragraph style\n     * @returns\n     */\n    rename = async (id: Id, name: string) => {\n        const res = await this.#editorAPI;\n        return res.renameParagraphStyle(id, name).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a paragraph style\n     * @param id the id of a specific paragraph style\n     * @returns\n     */\n    remove = async (id: Id) => {\n        const res = await this.#editorAPI;\n        return res.removeParagraphStyle(id).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method changes positions of paragraph styles\n     * @param order the position of the paragraph styles\n     * @param ids the list of paragraph style ids\n     * @returns\n     */\n    move = async (order: number, ids: Id[]) => {\n        const res = await this.#editorAPI;\n        return res.moveParagraphStyles(order, ids).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA,EASlC,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,KAAK,CAAC,WAAW,sBAAwC,MAAM,CAAC;AAAA,IACpG;AAOA,SAAA,UAAU,OAAO,OAAW;AACxB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,EAAE,EAAE,KAAK,CAAC,WAAW,sBAAsC,MAAM,CAAC;AAAA,IACvG;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IACxF;AAOA,SAAA,YAAY,OAAO,OAAW;AAC1B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,EAAE,EAAE,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IAC7F;AAQA,SAAA,SAAS,OAAO,IAAQ,eAAqC;AACzD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,IAAI,KAAK,UAAU,UAAU,CAAC,EACnD,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAQA,SAAA,SAAS,OAAO,IAAQ,SAAiB;AACrC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,IAAI,IAAI,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAClG;AAOA,SAAA,SAAS,OAAO,OAAW;AACvB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,EAAE,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC5F;AAQA,SAAA,OAAO,OAAO,OAAe,QAAc;AACvC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,oBAAoB,OAAO,GAAG,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACnG;AApFI,uBAAK,YAAa;AAAA,EACtB;AAoFJ;AA3FI;"}

package/lib/src/controllers/ShapeController.cjs.js

@@ -0,0 +1,78 @@
+"use strict";
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EditorResponseData = require("../utils/EditorResponseData.cjs.js");
+class ShapeController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.setShapeProperties = async (id, properties) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setShapeProperties(id, JSON.stringify(properties)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.setEnableFill = async (id, enableFill) => {
+      const properties = { enableFill };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setFillColor = async (id, fillColor) => {
+      const properties = { fillColor };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setEnableStroke = async (id, enableStroke) => {
+      const properties = { enableStroke };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setStrokeColor = async (id, strokeColor) => {
+      const properties = { strokeColor };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setStrokeWeight = async (id, strokeWeight) => {
+      const properties = { strokeWeight };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setFlagAllCornersSame = async (id, allCornersSame) => {
+      const properties = { allCornersSame };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setShapeCorners = async (id, radius) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setShapeCorners(id, JSON.stringify(radius)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.setRadiusAll = async (id, radius) => {
+      const cornerRadius = { radiusAll: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusTopLeft = async (id, radius) => {
+      const cornerRadius = { topLeft: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusBottomLeft = async (id, radius) => {
+      const cornerRadius = { bottomLeft: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusTopRight = async (id, radius) => {
+      const cornerRadius = { topRight: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusBottomRight = async (id, radius) => {
+      const cornerRadius = { bottomRight: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ShapeController = ShapeController;
+//# sourceMappingURL=ShapeController.cjs.js.map

package/lib/src/controllers/ShapeController.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeController.cjs.js","sources":["../../../src/controllers/ShapeController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ColorUsage } from '../types/ColorStyleTypes';\nimport { CornerRadiusUpdateModel, ShapeProperties } from '../types/ShapeTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ShapeController is responsible for all communication regarding Shapes.\n * Methods inside this controller can be called by `window.SDK.shape.{method-name}`\n */\nexport class ShapeController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method updates properties of the shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param properties A property to update\n     * @returns\n     */\n    private setShapeProperties = async (id: Id, properties: ShapeProperties) => {\n        const res = await this.#editorAPI;\n        return res\n            .setShapeProperties(id, JSON.stringify(properties))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method will set the visibility of the shape fill.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param enableFill Whether the shape fill is visible.\n     * @returns\n     */\n    setEnableFill = async (id: Id, enableFill: boolean) => {\n        const properties: ShapeProperties = { enableFill: enableFill };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape fill color of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param fillColor the new shape fill color that you want to set to the shapeFrame.\n     * @returns\n     */\n    setFillColor = async (id: Id, fillColor: ColorUsage) => {\n        const properties: ShapeProperties = { fillColor: fillColor };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the visibility of the shape stroke.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param enableStroke Whether the shape stroke is visible.\n     * @returns\n     */\n    setEnableStroke = async (id: Id, enableStroke: boolean) => {\n        const properties: ShapeProperties = { enableStroke: enableStroke };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape stroke color of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param strokeColor the new shape stroke color that you want to set to the shapeFrame.\n     * @returns\n     */\n    setStrokeColor = async (id: Id, strokeColor: ColorUsage) => {\n        const properties: ShapeProperties = { strokeColor: strokeColor };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape stroke weight of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param strokeWeight the new shape stroke weight that you want to set to the shapeFrame.\n     * @returns\n     */\n    setStrokeWeight = async (id: Id, strokeWeight: number) => {\n        const properties: ShapeProperties = { strokeWeight: strokeWeight };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the flag to change the way the rectangle shape corners will be changed: all at once or separately.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param allCornersSame the new flag that you want to set to the shapeFrame.\n     * @returns\n     */\n    setFlagAllCornersSame = async (id: Id, allCornersSame: boolean) => {\n        const properties: ShapeProperties = { allCornersSame: allCornersSame };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method updates radii of the rectangle and polygon shapes\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius object to update a desired corner;\n     * @returns\n     */\n    private setShapeCorners = async (id: Id, radius: CornerRadiusUpdateModel) => {\n        const res = await this.#editorAPI;\n        return res.setShapeCorners(id, JSON.stringify(radius)).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method will set the radius for all corners of the rectangle and polygon shapes\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update all corners at once;\n     * @returns\n     */\n    setRadiusAll = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { radiusAll: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the top left corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the top left corner;\n     * @returns\n     */\n    setRadiusTopLeft = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { topLeft: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the bottom left corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the bottom left corner;\n     * @returns\n     */\n    setRadiusBottomLeft = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { bottomLeft: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the top right corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the top right corner;\n     * @returns\n     */\n    setRadiusTopRight = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { topRight: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the bottom right corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the bottom right corner;\n     * @returns\n     */\n    setRadiusBottomRight = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { bottomRight: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AASO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA,EASzB,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAeA,SAAQ,qBAAqB,OAAO,IAAQ,eAAgC;AACxE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,mBAAmB,IAAI,KAAK,UAAU,UAAU,CAAC,EACjD,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAQA,SAAA,gBAAgB,OAAO,IAAQ,eAAwB;AACnD,YAAM,aAA8B,EAAE,WAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,eAAe,OAAO,IAAQ,cAA0B;AACpD,YAAM,aAA8B,EAAE,UAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,kBAAkB,OAAO,IAAQ,iBAA0B;AACvD,YAAM,aAA8B,EAAE,aAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,iBAAiB,OAAO,IAAQ,gBAA4B;AACxD,YAAM,aAA8B,EAAE,YAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,kBAAkB,OAAO,IAAQ,iBAAyB;AACtD,YAAM,aAA8B,EAAE,aAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,wBAAwB,OAAO,IAAQ,mBAA4B;AAC/D,YAAM,aAA8B,EAAE,eAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAQ,kBAAkB,OAAO,IAAQ,WAAoC;AACzE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,gBAAgB,IAAI,KAAK,UAAU,MAAM,CAAC,EAAE,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC/G;AAQA,SAAA,eAAe,OAAO,IAAQ,WAAmB;AAC7C,YAAM,eAAwC,EAAE,WAAW,OAAA;AAC3D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,mBAAmB,OAAO,IAAQ,WAAmB;AACjD,YAAM,eAAwC,EAAE,SAAS,OAAA;AACzD,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,sBAAsB,OAAO,IAAQ,WAAmB;AACpD,YAAM,eAAwC,EAAE,YAAY,OAAA;AAC5D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,oBAAoB,OAAO,IAAQ,WAAmB;AAClD,YAAM,eAAwC,EAAE,UAAU,OAAA;AAC1D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,uBAAuB,OAAO,IAAQ,WAAmB;AACrD,YAAM,eAAwC,EAAE,aAAa,OAAA;AAC7D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAlJI,uBAAK,YAAa;AAAA,EACtB;AAkJJ;AAzJI;;"}

package/lib/src/controllers/ShapeController.es.js

@@ -0,0 +1,78 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+import { getEditorResponseData } from "../utils/EditorResponseData.es.js";
+class ShapeController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.setShapeProperties = async (id, properties) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setShapeProperties(id, JSON.stringify(properties)).then((result) => getEditorResponseData(result));
+    };
+    this.setEnableFill = async (id, enableFill) => {
+      const properties = { enableFill };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setFillColor = async (id, fillColor) => {
+      const properties = { fillColor };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setEnableStroke = async (id, enableStroke) => {
+      const properties = { enableStroke };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setStrokeColor = async (id, strokeColor) => {
+      const properties = { strokeColor };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setStrokeWeight = async (id, strokeWeight) => {
+      const properties = { strokeWeight };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setFlagAllCornersSame = async (id, allCornersSame) => {
+      const properties = { allCornersSame };
+      return this.setShapeProperties(id, properties);
+    };
+    this.setShapeCorners = async (id, radius) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setShapeCorners(id, JSON.stringify(radius)).then((result) => getEditorResponseData(result));
+    };
+    this.setRadiusAll = async (id, radius) => {
+      const cornerRadius = { radiusAll: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusTopLeft = async (id, radius) => {
+      const cornerRadius = { topLeft: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusBottomLeft = async (id, radius) => {
+      const cornerRadius = { bottomLeft: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusTopRight = async (id, radius) => {
+      const cornerRadius = { topRight: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    this.setRadiusBottomRight = async (id, radius) => {
+      const cornerRadius = { bottomRight: radius };
+      return this.setShapeCorners(id, cornerRadius);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ShapeController
+};
+//# sourceMappingURL=ShapeController.es.js.map

package/lib/src/controllers/ShapeController.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeController.es.js","sources":["../../../src/controllers/ShapeController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ColorUsage } from '../types/ColorStyleTypes';\nimport { CornerRadiusUpdateModel, ShapeProperties } from '../types/ShapeTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ShapeController is responsible for all communication regarding Shapes.\n * Methods inside this controller can be called by `window.SDK.shape.{method-name}`\n */\nexport class ShapeController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method updates properties of the shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param properties A property to update\n     * @returns\n     */\n    private setShapeProperties = async (id: Id, properties: ShapeProperties) => {\n        const res = await this.#editorAPI;\n        return res\n            .setShapeProperties(id, JSON.stringify(properties))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method will set the visibility of the shape fill.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param enableFill Whether the shape fill is visible.\n     * @returns\n     */\n    setEnableFill = async (id: Id, enableFill: boolean) => {\n        const properties: ShapeProperties = { enableFill: enableFill };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape fill color of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param fillColor the new shape fill color that you want to set to the shapeFrame.\n     * @returns\n     */\n    setFillColor = async (id: Id, fillColor: ColorUsage) => {\n        const properties: ShapeProperties = { fillColor: fillColor };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the visibility of the shape stroke.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param enableStroke Whether the shape stroke is visible.\n     * @returns\n     */\n    setEnableStroke = async (id: Id, enableStroke: boolean) => {\n        const properties: ShapeProperties = { enableStroke: enableStroke };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape stroke color of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param strokeColor the new shape stroke color that you want to set to the shapeFrame.\n     * @returns\n     */\n    setStrokeColor = async (id: Id, strokeColor: ColorUsage) => {\n        const properties: ShapeProperties = { strokeColor: strokeColor };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the shape stroke weight of a specified shape frame.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param strokeWeight the new shape stroke weight that you want to set to the shapeFrame.\n     * @returns\n     */\n    setStrokeWeight = async (id: Id, strokeWeight: number) => {\n        const properties: ShapeProperties = { strokeWeight: strokeWeight };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method will set the flag to change the way the rectangle shape corners will be changed: all at once or separately.\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param allCornersSame the new flag that you want to set to the shapeFrame.\n     * @returns\n     */\n    setFlagAllCornersSame = async (id: Id, allCornersSame: boolean) => {\n        const properties: ShapeProperties = { allCornersSame: allCornersSame };\n        return this.setShapeProperties(id, properties);\n    };\n\n    /**\n     * This method updates radii of the rectangle and polygon shapes\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius object to update a desired corner;\n     * @returns\n     */\n    private setShapeCorners = async (id: Id, radius: CornerRadiusUpdateModel) => {\n        const res = await this.#editorAPI;\n        return res.setShapeCorners(id, JSON.stringify(radius)).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method will set the radius for all corners of the rectangle and polygon shapes\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update all corners at once;\n     * @returns\n     */\n    setRadiusAll = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { radiusAll: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the top left corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the top left corner;\n     * @returns\n     */\n    setRadiusTopLeft = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { topLeft: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the bottom left corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the bottom left corner;\n     * @returns\n     */\n    setRadiusBottomLeft = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { bottomLeft: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the top right corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the top right corner;\n     * @returns\n     */\n    setRadiusTopRight = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { topRight: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n\n    /**\n     * This method will set the radius for the bottom right corner of the rectangle shape\n     * @param id the id of the shapeFrame that needs to get updated.\n     * @param radius A radius to update the bottom right corner;\n     * @returns\n     */\n    setRadiusBottomRight = async (id: Id, radius: number) => {\n        const cornerRadius: CornerRadiusUpdateModel = { bottomRight: radius };\n        return this.setShapeCorners(id, cornerRadius);\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA,EASzB,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAeA,SAAQ,qBAAqB,OAAO,IAAQ,eAAgC;AACxE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,mBAAmB,IAAI,KAAK,UAAU,UAAU,CAAC,EACjD,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAQA,SAAA,gBAAgB,OAAO,IAAQ,eAAwB;AACnD,YAAM,aAA8B,EAAE,WAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,eAAe,OAAO,IAAQ,cAA0B;AACpD,YAAM,aAA8B,EAAE,UAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,kBAAkB,OAAO,IAAQ,iBAA0B;AACvD,YAAM,aAA8B,EAAE,aAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,iBAAiB,OAAO,IAAQ,gBAA4B;AACxD,YAAM,aAA8B,EAAE,YAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,kBAAkB,OAAO,IAAQ,iBAAyB;AACtD,YAAM,aAA8B,EAAE,aAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAA,wBAAwB,OAAO,IAAQ,mBAA4B;AAC/D,YAAM,aAA8B,EAAE,eAAA;AACtC,aAAO,KAAK,mBAAmB,IAAI,UAAU;AAAA,IACjD;AAQA,SAAQ,kBAAkB,OAAO,IAAQ,WAAoC;AACzE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,gBAAgB,IAAI,KAAK,UAAU,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC/G;AAQA,SAAA,eAAe,OAAO,IAAQ,WAAmB;AAC7C,YAAM,eAAwC,EAAE,WAAW,OAAA;AAC3D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,mBAAmB,OAAO,IAAQ,WAAmB;AACjD,YAAM,eAAwC,EAAE,SAAS,OAAA;AACzD,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,sBAAsB,OAAO,IAAQ,WAAmB;AACpD,YAAM,eAAwC,EAAE,YAAY,OAAA;AAC5D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,oBAAoB,OAAO,IAAQ,WAAmB;AAClD,YAAM,eAAwC,EAAE,UAAU,OAAA;AAC1D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAQA,SAAA,uBAAuB,OAAO,IAAQ,WAAmB;AACrD,YAAM,eAAwC,EAAE,aAAa,OAAA;AAC7D,aAAO,KAAK,gBAAgB,IAAI,YAAY;AAAA,IAChD;AAlJI,uBAAK,YAAa;AAAA,EACtB;AAkJJ;AAzJI;"}

package/lib/src/controllers/SubscriberController.cjs.js

@@ -0,0 +1,188 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ConfigurationTypes = require("../types/ConfigurationTypes.cjs.js");
+const VariableTypes = require("../types/VariableTypes.cjs.js");
+const ConnectorCompatibilityTools = require("../utils/ConnectorCompatibilityTools.cjs.js");
+const AsyncExceptions = require("../exceptions/AsyncExceptions.cjs.js");
+class SubscriberController {
+  /**
+   * @ignore
+   */
+  constructor(config, localConfig) {
+    this.onActionsChanged = (actions) => {
+      this.config.events.onActionsChanged.trigger(JSON.parse(actions));
+    };
+    this.onAnimationChanged = (animation) => {
+      this.config.events.onFrameAnimationsChanged.trigger(JSON.parse(animation));
+    };
+    this.onAnimationPlaybackChanged = (animationPlaybackState) => {
+      this.config.events.onScrubberPositionChanged.trigger(JSON.parse(animationPlaybackState));
+    };
+    this.onSelectedLayoutPropertiesChanged = (layoutProperties) => {
+      this.config.events.onSelectedLayoutPropertiesChanged.trigger(JSON.parse(layoutProperties));
+    };
+    this.onSelectedLayoutUnitChanged = (unit) => {
+      this.config.events.onSelectedLayoutUnitChanged.trigger(unit);
+    };
+    this.onFramesLayoutChanged = (framesLayout) => {
+      const frames = JSON.parse(framesLayout);
+      this.config.events.onFramesLayoutChanged.trigger(frames);
+    };
+    this.onSelectedFramesLayoutChanged = (framesLayout) => {
+      const frames = JSON.parse(framesLayout);
+      this.config.events.onSelectedFramesLayoutChanged.trigger(frames);
+      const singleFrameCallBack = this.config.onSelectedFrameLayoutChanged;
+      singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? void 0 : frames[0]);
+    };
+    this.onSelectedFramesContentChanged = (framesContent) => {
+      const frames = JSON.parse(framesContent);
+      this.config.events.onSelectedFramesContentChanged.trigger(frames);
+      const singleFrameCallBack = this.config.onSelectedFrameContentChanged;
+      singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? null : frames[0]);
+    };
+    this.onStateChanged = () => {
+      this.config.events.onStateChanged.trigger();
+    };
+    this.onAuthExpired = async (authRefreshRequest) => {
+      const authCredentials = await this.config.handlers.onAuthExpired.trigger(JSON.parse(authRefreshRequest));
+      return authCredentials != null ? JSON.stringify(authCredentials) : null;
+    };
+    this.onViewportRequested = () => {
+      const viewport = this.config.handlers.onViewportRequested.trigger();
+      return viewport != null ? JSON.stringify(viewport) : null;
+    };
+    this.onDocumentLoaded = () => {
+      this.config.events.onDocumentLoaded.trigger();
+    };
+    this.onPageSelectionChanged = (id) => {
+      this.config.events.onPageSelectionChanged.trigger(id);
+    };
+    this.onVariableListChanged = (variablesJson) => {
+      const parsed = JSON.parse(variablesJson);
+      const updated = parsed.map(
+        (variable) => {
+          var _a;
+          return variable.type === VariableTypes.VariableType.list ? {
+            ...variable,
+            items: variable.items.map(
+              (item) => item.value
+            ),
+            selected: (_a = variable.selected) == null ? void 0 : _a.value
+          } : variable;
+        }
+      );
+      this.config.events.onVariableListChanged.trigger(updated);
+    };
+    this.onSelectedToolChanged = (tool) => {
+      this.config.events.onSelectedToolChanged.trigger(tool);
+    };
+    this.onUndoStateChanged = (undoState) => {
+      this.config.events.onUndoStackStateChanged.trigger(JSON.parse(undoState));
+    };
+    this.onCustomUndoDataChanged = (customData) => {
+      this.config.events.onCustomUndoDataChanged.trigger(JSON.parse(customData));
+    };
+    this.onSelectedLayoutFramesChanged = (layoutFrames) => {
+      this.config.events.onSelectedLayoutFramesChanged.trigger(JSON.parse(layoutFrames));
+    };
+    this.onSelectedTextStyleChanged = (styles) => {
+      this.config.events.onSelectedTextStyleChanged.trigger(JSON.parse(styles));
+    };
+    this.onColorsChanged = (colors) => {
+      this.config.events.onColorsChanged.trigger(JSON.parse(colors));
+    };
+    this.onParagraphStylesChanged = (paragraphStyles) => {
+      this.config.events.onParagraphStylesChanged.trigger(JSON.parse(paragraphStyles));
+    };
+    this.onCharacterStylesChanged = (characterStyles) => {
+      this.config.events.onCharacterStylesChanged.trigger(JSON.parse(characterStyles));
+    };
+    this.onFontFamiliesChanged = (fonts) => {
+      this.config.events.onFontFamiliesChanged.trigger(JSON.parse(fonts));
+    };
+    this.onSelectedLayoutIdChanged = (id) => {
+      this.config.events.onSelectedLayoutIdChanged.trigger(id);
+    };
+    this.onLayoutsChanged = (layouts) => {
+      this.config.events.onLayoutsChanged.trigger(JSON.parse(layouts));
+    };
+    this.onZoomChanged = (zoom) => {
+      this.config.events.onZoomChanged.trigger(JSON.parse(zoom));
+    };
+    this.onConnectorEvent = (connectorEvent) => {
+      this.config.events.onConnectorEvent.trigger(JSON.parse(connectorEvent));
+    };
+    this.onConnectorsChanged = (connectors) => {
+      const connectorCompatibilityTools = new ConnectorCompatibilityTools.ConnectorCompatibilityTools();
+      const compatibleConnectors = connectorCompatibilityTools.makeMultipleConnectorsBackwardsCompatible(
+        JSON.parse(connectors),
+        this.localConfig.get(ConfigurationTypes.WellKnownConfigurationKeys.GraFxStudioEnvironmentApiUrl)
+      );
+      this.config.events.onConnectorsChanged.trigger(compatibleConnectors);
+    };
+    this.onSelectedPageIdChanged = (pageId) => {
+      this.config.events.onSelectedPageIdChanged.trigger(pageId);
+    };
+    this.onPagesChanged = (pages) => {
+      this.config.events.onPagesChanged.trigger(JSON.parse(pages));
+    };
+    this.onPageSnapshotInvalidated = (pageId) => {
+      this.config.events.onPageSnapshotInvalidated.trigger(pageId);
+    };
+    this.onPageSizeChanged = (pageSize) => {
+      this.config.events.onPageSizeChanged.trigger(JSON.parse(pageSize));
+    };
+    this.onShapeCornerRadiusChanged = (cornerRadius) => {
+      this.config.events.onShapeCornerRadiusChanged.trigger(JSON.parse(cornerRadius));
+    };
+    this.onCropActiveFrameIdChanged = (id) => {
+      this.config.events.onCropActiveFrameIdChanged.trigger(id);
+    };
+    this.onAsyncError = (asyncError) => {
+      const parsedError = JSON.parse(asyncError);
+      if ((parsedError == null ? void 0 : parsedError.type) === "dataRow") {
+        const dataRowException = new AsyncExceptions.DataRowAsyncError(
+          parsedError.count,
+          parsedError.message,
+          parsedError.exceptions
+        );
+        this.config.events.onAsyncError.trigger(dataRowException);
+      } else if ((parsedError == null ? void 0 : parsedError.type) === "action") {
+        const actionException = new AsyncExceptions.ActionAsyncError(
+          parsedError.message,
+          parsedError.id,
+          parsedError.event,
+          parsedError.eventChain
+        );
+        this.config.events.onAsyncError.trigger(actionException);
+      } else {
+        this.config.events.onAsyncError.trigger(parsedError);
+      }
+    };
+    this.onViewModeChanged = (viewMode) => {
+      this.config.events.onViewModeChanged.trigger(viewMode);
+    };
+    this.onBarcodeValidationChanged = (validationResults) => {
+      this.config.events.onBarcodeValidationChanged.trigger(JSON.parse(validationResults));
+    };
+    this.onDataSourceIdChanged = (connectorId) => {
+      this.config.events.onDataSourceIdChanged.trigger(connectorId);
+    };
+    this.onInjectedDataChanged = (variableId) => {
+      this.config.events.onInjectedDataChanged.trigger(variableId);
+    };
+    this.onDocumentIssueListChanged = (documentIssues) => {
+      this.config.events.onDocumentIssueListChanged.trigger(JSON.parse(documentIssues));
+    };
+    this.onEngineEditModeChanged = (engineEditMode) => {
+      this.config.events.onEngineEditModeChanged.trigger(JSON.parse(engineEditMode));
+    };
+    this.onBrandKitMediaChanged = (brandKitMedia) => {
+      this.config.events.onBrandKitMediaChanged.trigger(JSON.parse(brandKitMedia));
+    };
+    this.config = config;
+    this.localConfig = localConfig;
+  }
+}
+exports.SubscriberController = SubscriberController;
+//# sourceMappingURL=SubscriberController.cjs.js.map