@chili-publish/studio-sdk 1.43.0 → 1.44.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasController.es.js","sources":["../../../src/controllers/CanvasController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ViewMode } from '../types/ViewModeTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The CanvasController is responsible for all Canvas-related functionality.\n * Methods inside this controller can be called by `window.SDK.canvas.{method-name}`\n */\nexport class CanvasController {\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 fits the page to the given rectangle or the viewport available\n     * Optional parameters `left`, `top`, `width` and `height` are needed to define the rectangle to fit the page to\n     * If any or all of them aren't provided the page will fit the whole viewport available\n     * @param _id the id of a specific page\n     * @param left\n     * @param top\n     * @param width\n     * @param height\n     * @returns\n     */\n    zoomToPage = async (\n        _id?: Id | null,\n        left?: number | null,\n        top?: number | null,\n        width?: number | null,\n        height?: number | null,\n    ) => {\n        if (_id !== undefined) {\n            console.warn('id has no effect and will be deprecated in the future');\n        }\n        const res = await this.#editorAPI;\n        return res.zoomToPage(left, top, width, height).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method gets the scale factor of the canvas\n     * @returns scale factor in percents\n     */\n    getZoomPercentage = async () => {\n        const res = await this.#editorAPI;\n        return res.getZoomPercentage().then((result) => getEditorResponseData<number>(result));\n    };\n\n    /**\n     * This method sets the scale factor to the canvas and re-centers the page\n     * @param scaleFactor scale factor in percents\n     * @returns\n     */\n    setZoomPercentage = async (scaleFactor: number) => {\n        const res = await this.#editorAPI;\n        return res.setZoomPercentage(scaleFactor).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method sets a new view mode\n     * @param viewMode view mode of the editor\n     * @returns\n     */\n    setViewMode = async (viewMode: ViewMode) => {\n        const res = await this.#editorAPI;\n        return res.setViewMode(viewMode).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAS1B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAoBA,SAAA,aAAa,OACT,KACA,MACA,KACA,OACA,WACC;AACD,UAAI,QAAQ,QAAW;AACnB,gBAAQ,KAAK,uDAAuD;AAAA,MACxE;AACA,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,MAAM,KAAK,OAAO,MAAM,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACxG;AAMA,SAAA,oBAAoB,YAAY;AAC5B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,oBAAoB,KAAK,CAAC,WAAW,sBAA8B,MAAM,CAAC;AAAA,IACzF;AAOA,SAAA,oBAAoB,OAAO,gBAAwB;AAC/C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,kBAAkB,WAAW,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAClG;AAOA,SAAA,cAAc,OAAO,aAAuB;AACxC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,QAAQ,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACzF;AAvDI,uBAAK,YAAa;AAAA,EACtB;AAuDJ;AA9DI;"}

package/lib/src/controllers/CharacterStyleController.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 CharacterStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getCharacterStyles().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getById = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getCharacterStyleById(characterStyleId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createCharacterStyle().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.update = async (characterStyleId, characterStyle) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.updateCharacterStyle(characterStyleId, JSON.stringify(characterStyle)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.remove = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeCharacterStyle(characterStyleId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.duplicate = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateCharacterStyle(characterStyleId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.rename = async (characterStyleId, characterStyleName) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameCharacterStyle(characterStyleId, characterStyleName).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveCharacterStyles(order, ids).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.CharacterStyleController = CharacterStyleController;
+//# sourceMappingURL=CharacterStyleController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterStyleController.cjs.js","sources":["../../../src/controllers/CharacterStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { CharacterStyle, CharacterStyleUpdate } from '../types/CharacterStyleTypes';\n\n/**\n * The CharacterStyleController is responsible for all communication regarding character styles.\n * Methods inside this controller can be called by `window.SDK.characterStyle.{method-name}`\n */\nexport class CharacterStyleController {\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 character styles\n     * @returns list of all character styles\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getCharacterStyles().then((result) => getEditorResponseData<CharacterStyle[]>(result));\n    };\n\n    /**\n     * This method returns a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns character style for given id\n     */\n    getById = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res\n            .getCharacterStyleById(characterStyleId)\n            .then((result) => getEditorResponseData<CharacterStyle>(result));\n    };\n\n    /**\n     * This method creates a new character style\n     * @returns the id of new character style\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createCharacterStyle().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method updates a character style by the id and provided properties\n     * @param characterStyleId the id of a specific character style\n     * @param characterStyle the new character style properties\n     * @returns\n     */\n    update = async (characterStyleId: Id, characterStyle: CharacterStyleUpdate) => {\n        const res = await this.#editorAPI;\n        return res\n            .updateCharacterStyle(characterStyleId, JSON.stringify(characterStyle))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns\n     */\n    remove = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res.removeCharacterStyle(characterStyleId).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method duplicates a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns id of the duplicated character style\n     */\n    duplicate = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res.duplicateCharacterStyle(characterStyleId).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method renames a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @param characterStyleName the new name of the character style\n     * @returns\n     */\n    rename = async (characterStyleId: Id, characterStyleName: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .renameCharacterStyle(characterStyleId, characterStyleName)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method changes positions of character styles\n     * @param order the position of the character styles\n     * @param ids the list of character style ids\n     * @returns\n     */\n    move = async (order: number, ids: Id[]) => {\n        const res = await this.#editorAPI;\n        return res.moveCharacterStyles(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,qBAAyB;AACtC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,gBAAgB,EACtC,KAAK,CAAC,WAAWA,yCAAsC,MAAM,CAAC;AAAA,IACvE;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAWA,mBAAAA,sBAA0B,MAAM,CAAC;AAAA,IACxF;AAQA,SAAA,SAAS,OAAO,kBAAsB,mBAAyC;AAC3E,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,kBAAkB,KAAK,UAAU,cAAc,CAAC,EACrE,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,SAAS,OAAO,qBAAyB;AACrC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,gBAAgB,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC1G;AAOA,SAAA,YAAY,OAAO,qBAAyB;AACxC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,gBAAgB,EAAE,KAAK,CAAC,WAAWA,yCAA0B,MAAM,CAAC;AAAA,IAC3G;AAQA,SAAA,SAAS,OAAO,kBAAsB,uBAA+B;AACjE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,kBAAkB,kBAAkB,EACzD,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC7D;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;AAxFI,uBAAK,YAAa;AAAA,EACtB;AAwFJ;AA/FI;;"}

package/lib/src/controllers/CharacterStyleController.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 CharacterStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getCharacterStyles().then((result) => getEditorResponseData(result));
+    };
+    this.getById = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getCharacterStyleById(characterStyleId).then((result) => getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createCharacterStyle().then((result) => getEditorResponseData(result));
+    };
+    this.update = async (characterStyleId, characterStyle) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.updateCharacterStyle(characterStyleId, JSON.stringify(characterStyle)).then((result) => getEditorResponseData(result));
+    };
+    this.remove = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeCharacterStyle(characterStyleId).then((result) => getEditorResponseData(result));
+    };
+    this.duplicate = async (characterStyleId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateCharacterStyle(characterStyleId).then((result) => getEditorResponseData(result));
+    };
+    this.rename = async (characterStyleId, characterStyleName) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameCharacterStyle(characterStyleId, characterStyleName).then((result) => getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveCharacterStyles(order, ids).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  CharacterStyleController
+};
+//# sourceMappingURL=CharacterStyleController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterStyleController.es.js","sources":["../../../src/controllers/CharacterStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { CharacterStyle, CharacterStyleUpdate } from '../types/CharacterStyleTypes';\n\n/**\n * The CharacterStyleController is responsible for all communication regarding character styles.\n * Methods inside this controller can be called by `window.SDK.characterStyle.{method-name}`\n */\nexport class CharacterStyleController {\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 character styles\n     * @returns list of all character styles\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getCharacterStyles().then((result) => getEditorResponseData<CharacterStyle[]>(result));\n    };\n\n    /**\n     * This method returns a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns character style for given id\n     */\n    getById = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res\n            .getCharacterStyleById(characterStyleId)\n            .then((result) => getEditorResponseData<CharacterStyle>(result));\n    };\n\n    /**\n     * This method creates a new character style\n     * @returns the id of new character style\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createCharacterStyle().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method updates a character style by the id and provided properties\n     * @param characterStyleId the id of a specific character style\n     * @param characterStyle the new character style properties\n     * @returns\n     */\n    update = async (characterStyleId: Id, characterStyle: CharacterStyleUpdate) => {\n        const res = await this.#editorAPI;\n        return res\n            .updateCharacterStyle(characterStyleId, JSON.stringify(characterStyle))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns\n     */\n    remove = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res.removeCharacterStyle(characterStyleId).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method duplicates a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @returns id of the duplicated character style\n     */\n    duplicate = async (characterStyleId: Id) => {\n        const res = await this.#editorAPI;\n        return res.duplicateCharacterStyle(characterStyleId).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method renames a character style by the id\n     * @param characterStyleId the id of a specific character style\n     * @param characterStyleName the new name of the character style\n     * @returns\n     */\n    rename = async (characterStyleId: Id, characterStyleName: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .renameCharacterStyle(characterStyleId, characterStyleName)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method changes positions of character styles\n     * @param order the position of the character styles\n     * @param ids the list of character style ids\n     * @returns\n     */\n    move = async (order: number, ids: Id[]) => {\n        const res = await this.#editorAPI;\n        return res.moveCharacterStyles(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,qBAAyB;AACtC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,gBAAgB,EACtC,KAAK,CAAC,WAAW,sBAAsC,MAAM,CAAC;AAAA,IACvE;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IACxF;AAQA,SAAA,SAAS,OAAO,kBAAsB,mBAAyC;AAC3E,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,kBAAkB,KAAK,UAAU,cAAc,CAAC,EACrE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,SAAS,OAAO,qBAAyB;AACrC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,qBAAqB,gBAAgB,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC1G;AAOA,SAAA,YAAY,OAAO,qBAAyB;AACxC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,gBAAgB,EAAE,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IAC3G;AAQA,SAAA,SAAS,OAAO,kBAAsB,uBAA+B;AACjE,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,qBAAqB,kBAAkB,kBAAkB,EACzD,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;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;AAxFI,uBAAK,YAAa;AAAA,EACtB;AAwFJ;AA/FI;"}

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

@@ -0,0 +1,54 @@
+"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 ClipboardController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.copyFrames = async (ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      const frameData = await res.copyFrames(ids);
+      if (frameData.data) {
+        await navigator.clipboard.writeText(frameData.data);
+      }
+      return EditorResponseData.getEditorResponseData(frameData);
+    };
+    this.cutFrames = async (ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      const frameData = await res.cutFrames(ids);
+      if (frameData.data) {
+        await navigator.clipboard.writeText(frameData.data);
+      }
+      return EditorResponseData.getEditorResponseData(frameData);
+    };
+    this.pasteFrames = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      const clipboardData = await navigator.clipboard.readText();
+      const result = await res.pasteFrames(clipboardData);
+      return EditorResponseData.getEditorResponseData(result);
+    };
+    this.getContentType = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      const clipboardData = await navigator.clipboard.readText();
+      const result = await res.getClipboardContentType(clipboardData);
+      return EditorResponseData.getEditorResponseData(result);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ClipboardController = ClipboardController;
+//# sourceMappingURL=ClipboardController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardController.cjs.js","sources":["../../../src/controllers/ClipboardController.ts"],"sourcesContent":["import { ClipboardContentType } from '../types/ClipboardTypes';\nimport { EditorAPI, Id } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ClipboardController is responsible for all communication regarding clipboard.\n * Methods inside this controller can be called by `window.SDK.clipboard.{method-name}`\n */\nexport class ClipboardController {\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 will copy the frames to the OS clipboard as a json frame\n     * @param ids An array of all frame ids you want to copy\n     * @returns\n     */\n    copyFrames = async (ids: Id[]) => {\n        const res = await this.#editorAPI;\n        const frameData = await res.copyFrames(ids);\n\n        if (frameData.data) {\n            await navigator.clipboard.writeText(frameData.data);\n        }\n\n        return getEditorResponseData<null>(frameData);\n    };\n\n    /**\n     * This method will remove the frames and store them to the OS clipboard as\n     * a json frame\n     * @param ids An array of all frame ids you want to cut\n     * @returns\n     */\n    cutFrames = async (ids: Id[]) => {\n        const res = await this.#editorAPI;\n        const frameData = await res.cutFrames(ids);\n\n        if (frameData.data) {\n            await navigator.clipboard.writeText(frameData.data);\n        }\n\n        return getEditorResponseData<null>(frameData);\n    };\n\n    /**\n     * This method will paste the OS clipboard content to the editor as frames\n     * @returns\n     */\n    pasteFrames = async () => {\n        const res = await this.#editorAPI;\n\n        const clipboardData = await navigator.clipboard.readText();\n        const result = await res.pasteFrames(clipboardData);\n\n        return getEditorResponseData<null>(result);\n    };\n\n    /**\n     * This method will get the content type of the OS clipboard\n     * @returns content type\n     */\n    getContentType = async () => {\n        const res = await this.#editorAPI;\n\n        const clipboardData = await navigator.clipboard.readText();\n        const result = await res.getClipboardContentType(clipboardData);\n\n        return getEditorResponseData<ClipboardContentType>(result);\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAQO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAcA,SAAA,aAAa,OAAO,QAAc;AAC9B,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,YAAY,MAAM,IAAI,WAAW,GAAG;AAE1C,UAAI,UAAU,MAAM;AAChB,cAAM,UAAU,UAAU,UAAU,UAAU,IAAI;AAAA,MACtD;AAEA,aAAOA,mBAAAA,sBAA4B,SAAS;AAAA,IAChD;AAQA,SAAA,YAAY,OAAO,QAAc;AAC7B,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,YAAY,MAAM,IAAI,UAAU,GAAG;AAEzC,UAAI,UAAU,MAAM;AAChB,cAAM,UAAU,UAAU,UAAU,UAAU,IAAI;AAAA,MACtD;AAEA,aAAOA,mBAAAA,sBAA4B,SAAS;AAAA,IAChD;AAMA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AAEvB,YAAM,gBAAgB,MAAM,UAAU,UAAU,SAAA;AAChD,YAAM,SAAS,MAAM,IAAI,YAAY,aAAa;AAElD,aAAOA,mBAAAA,sBAA4B,MAAM;AAAA,IAC7C;AAMA,SAAA,iBAAiB,YAAY;AACzB,YAAM,MAAM,MAAM,mBAAK;AAEvB,YAAM,gBAAgB,MAAM,UAAU,UAAU,SAAA;AAChD,YAAM,SAAS,MAAM,IAAI,wBAAwB,aAAa;AAE9D,aAAOA,mBAAAA,sBAA4C,MAAM;AAAA,IAC7D;AA5DI,uBAAK,YAAa;AAAA,EACtB;AA4DJ;AAnEI;;"}

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

@@ -0,0 +1,54 @@
+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 ClipboardController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.copyFrames = async (ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      const frameData = await res.copyFrames(ids);
+      if (frameData.data) {
+        await navigator.clipboard.writeText(frameData.data);
+      }
+      return getEditorResponseData(frameData);
+    };
+    this.cutFrames = async (ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      const frameData = await res.cutFrames(ids);
+      if (frameData.data) {
+        await navigator.clipboard.writeText(frameData.data);
+      }
+      return getEditorResponseData(frameData);
+    };
+    this.pasteFrames = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      const clipboardData = await navigator.clipboard.readText();
+      const result = await res.pasteFrames(clipboardData);
+      return getEditorResponseData(result);
+    };
+    this.getContentType = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      const clipboardData = await navigator.clipboard.readText();
+      const result = await res.getClipboardContentType(clipboardData);
+      return getEditorResponseData(result);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ClipboardController
+};
+//# sourceMappingURL=ClipboardController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardController.es.js","sources":["../../../src/controllers/ClipboardController.ts"],"sourcesContent":["import { ClipboardContentType } from '../types/ClipboardTypes';\nimport { EditorAPI, Id } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ClipboardController is responsible for all communication regarding clipboard.\n * Methods inside this controller can be called by `window.SDK.clipboard.{method-name}`\n */\nexport class ClipboardController {\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 will copy the frames to the OS clipboard as a json frame\n     * @param ids An array of all frame ids you want to copy\n     * @returns\n     */\n    copyFrames = async (ids: Id[]) => {\n        const res = await this.#editorAPI;\n        const frameData = await res.copyFrames(ids);\n\n        if (frameData.data) {\n            await navigator.clipboard.writeText(frameData.data);\n        }\n\n        return getEditorResponseData<null>(frameData);\n    };\n\n    /**\n     * This method will remove the frames and store them to the OS clipboard as\n     * a json frame\n     * @param ids An array of all frame ids you want to cut\n     * @returns\n     */\n    cutFrames = async (ids: Id[]) => {\n        const res = await this.#editorAPI;\n        const frameData = await res.cutFrames(ids);\n\n        if (frameData.data) {\n            await navigator.clipboard.writeText(frameData.data);\n        }\n\n        return getEditorResponseData<null>(frameData);\n    };\n\n    /**\n     * This method will paste the OS clipboard content to the editor as frames\n     * @returns\n     */\n    pasteFrames = async () => {\n        const res = await this.#editorAPI;\n\n        const clipboardData = await navigator.clipboard.readText();\n        const result = await res.pasteFrames(clipboardData);\n\n        return getEditorResponseData<null>(result);\n    };\n\n    /**\n     * This method will get the content type of the OS clipboard\n     * @returns content type\n     */\n    getContentType = async () => {\n        const res = await this.#editorAPI;\n\n        const clipboardData = await navigator.clipboard.readText();\n        const result = await res.getClipboardContentType(clipboardData);\n\n        return getEditorResponseData<ClipboardContentType>(result);\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAcA,SAAA,aAAa,OAAO,QAAc;AAC9B,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,YAAY,MAAM,IAAI,WAAW,GAAG;AAE1C,UAAI,UAAU,MAAM;AAChB,cAAM,UAAU,UAAU,UAAU,UAAU,IAAI;AAAA,MACtD;AAEA,aAAO,sBAA4B,SAAS;AAAA,IAChD;AAQA,SAAA,YAAY,OAAO,QAAc;AAC7B,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,YAAY,MAAM,IAAI,UAAU,GAAG;AAEzC,UAAI,UAAU,MAAM;AAChB,cAAM,UAAU,UAAU,UAAU,UAAU,IAAI;AAAA,MACtD;AAEA,aAAO,sBAA4B,SAAS;AAAA,IAChD;AAMA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AAEvB,YAAM,gBAAgB,MAAM,UAAU,UAAU,SAAA;AAChD,YAAM,SAAS,MAAM,IAAI,YAAY,aAAa;AAElD,aAAO,sBAA4B,MAAM;AAAA,IAC7C;AAMA,SAAA,iBAAiB,YAAY;AACzB,YAAM,MAAM,MAAM,mBAAK;AAEvB,YAAM,gBAAgB,MAAM,UAAU,UAAU,SAAA;AAChD,YAAM,SAAS,MAAM,IAAI,wBAAwB,aAAa;AAE9D,aAAO,sBAA4C,MAAM;AAAA,IAC7D;AA5DI,uBAAK,YAAa;AAAA,EACtB;AA4DJ;AAnEI;"}

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

@@ -0,0 +1,30 @@
+"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 ColorConversionController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.convertToRgb = async (color) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.colorToRgb(JSON.stringify(color)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ColorConversionController = ColorConversionController;
+//# sourceMappingURL=ColorConversionController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorConversionController.cjs.js","sources":["../../../src/controllers/ColorConversionController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { Color, RGBColor } from '../types/ColorStyleTypes';\n\n/**\n * The ColorConversionController is responsible for all communication regarding color coversion.\n * Methods inside this controller can be called by `window.SDK.colorConversion.{method-name}`\n */\nexport class ColorConversionController {\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 converts the given color to its rgb representation\n     * @param color the color to convert\n     * @returns the rgb representation of the given color\n     */\n    convertToRgb = async (color: Color) => {\n        const res = await this.#editorAPI;\n        return res.colorToRgb(JSON.stringify(color)).then((result) => getEditorResponseData<RGBColor>(result));\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAQO,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA,EASnC,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAcA,SAAA,eAAe,OAAO,UAAiB;AACnC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,KAAK,UAAU,KAAK,CAAC,EAAE,KAAK,CAAC,WAAWA,mBAAAA,sBAAgC,MAAM,CAAC;AAAA,IACzG;AAXI,uBAAK,YAAa;AAAA,EACtB;AAWJ;AAlBI;;"}

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

@@ -0,0 +1,30 @@
+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 ColorConversionController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.convertToRgb = async (color) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.colorToRgb(JSON.stringify(color)).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ColorConversionController
+};
+//# sourceMappingURL=ColorConversionController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorConversionController.es.js","sources":["../../../src/controllers/ColorConversionController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { Color, RGBColor } from '../types/ColorStyleTypes';\n\n/**\n * The ColorConversionController is responsible for all communication regarding color coversion.\n * Methods inside this controller can be called by `window.SDK.colorConversion.{method-name}`\n */\nexport class ColorConversionController {\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 converts the given color to its rgb representation\n     * @param color the color to convert\n     * @returns the rgb representation of the given color\n     */\n    convertToRgb = async (color: Color) => {\n        const res = await this.#editorAPI;\n        return res.colorToRgb(JSON.stringify(color)).then((result) => getEditorResponseData<RGBColor>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA,EASnC,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAcA,SAAA,eAAe,OAAO,UAAiB;AACnC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,KAAK,UAAU,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,sBAAgC,MAAM,CAAC;AAAA,IACzG;AAXI,uBAAK,YAAa;AAAA,EACtB;AAWJ;AAlBI;"}

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

@@ -0,0 +1,63 @@
+"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 ColorStyleTypes = require("../types/ColorStyleTypes.cjs.js");
+const EditorResponseData = require("../utils/EditorResponseData.cjs.js");
+class ColorStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getColors().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getById = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getColorById(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createColor().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.duplicate = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateColor(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveColors(order, ids).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.rename = async (id, newColorName) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameColor(id, newColorName).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.update = async (id, newColorProperties) => {
+      const res = await __privateGet(this, _editorAPI);
+      const properties = newColorProperties;
+      if (properties.type === ColorStyleTypes.ColorType.spot) {
+        properties.type = ColorStyleTypes.ColorType.spotCMYK;
+      }
+      return res.updateColor(id, JSON.stringify(properties)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.remove = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeColor(id).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ColorStyleController = ColorStyleController;
+//# sourceMappingURL=ColorStyleController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorStyleController.cjs.js","sources":["../../../src/controllers/ColorStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ColorType, ColorUpdate, DocumentColor } from '../types/ColorStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ColorStyleController is responsible for all communication regarding color styles.\n * Methods inside this controller can be called by `window.SDK.colorStyle.{method-name}`\n */\nexport class ColorStyleController {\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 colors\n     * @returns list of all colors\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getColors().then((result) => getEditorResponseData<DocumentColor[]>(result));\n    };\n\n    /**\n     * This method returns a color by id\n     * @param id the id of a specific color\n     * @returns color properties for given id\n     */\n    getById = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.getColorById(id).then((result) => getEditorResponseData<DocumentColor>(result));\n    };\n\n    /**\n     * This method creates a new color\n     * @returns the new created color id\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createColor().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method duplicates a color by the id\n     * @param id the id of a specific color\n     * @returns id of the duplicated color\n     */\n    duplicate = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.duplicateColor(id).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method changes positions of colors\n     * @param order the position of the colors\n     * @param ids the list of color IDs\n     * @returns\n     */\n    move = async (order: number, ids: string[]) => {\n        const res = await this.#editorAPI;\n        return res.moveColors(order, ids).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method renames a color\n     * @param id the id of a specific color\n     * @param newColorName the new name of the color\n     * @returns\n     */\n    rename = async (id: string, newColorName: string) => {\n        const res = await this.#editorAPI;\n        return res.renameColor(id, newColorName).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method updates a color\n     * @param id the id of a specific color\n     * @param newColorProperties the new color properties\n     * @returns\n     */\n    update = async (id: string, newColorProperties: ColorUpdate) => {\n        const res = await this.#editorAPI;\n        const properties = newColorProperties;\n        if (properties.type === ColorType.spot) {\n            properties.type = ColorType.spotCMYK;\n        }\n        return res.updateColor(id, JSON.stringify(properties)).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a color\n     * @param id the id of a specific color\n     * @returns\n     */\n    remove = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.removeColor(id).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":["getEditorResponseData","ColorType"],"mappings":";;;;;;;;;;;;AAQO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA,EAS9B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,KAAK,CAAC,WAAWA,mBAAAA,sBAAuC,MAAM,CAAC;AAAA,IAC1F;AAOA,SAAA,UAAU,OAAO,OAAe;AAC5B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,aAAa,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAAqC,MAAM,CAAC;AAAA,IAC7F;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,KAAK,CAAC,WAAWA,mBAAAA,sBAA0B,MAAM,CAAC;AAAA,IAC/E;AAOA,SAAA,YAAY,OAAO,OAAe;AAC9B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,eAAe,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAA0B,MAAM,CAAC;AAAA,IACpF;AAQA,SAAA,OAAO,OAAO,OAAe,QAAkB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,OAAO,GAAG,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC1F;AAQA,SAAA,SAAS,OAAO,IAAY,iBAAyB;AACjD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,IAAI,YAAY,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IACjG;AAQA,SAAA,SAAS,OAAO,IAAY,uBAAoC;AAC5D,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,aAAa;AACnB,UAAI,WAAW,SAASC,gBAAAA,UAAU,MAAM;AACpC,mBAAW,OAAOA,gBAAAA,UAAU;AAAA,MAChC;AACA,aAAO,IAAI,YAAY,IAAI,KAAK,UAAU,UAAU,CAAC,EAAE,KAAK,CAAC,WAAWD,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC/G;AAOA,SAAA,SAAS,OAAO,OAAe;AAC3B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,EAAE,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IACnF;AAtFI,uBAAK,YAAa;AAAA,EACtB;AAsFJ;AA7FI;;"}

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

@@ -0,0 +1,63 @@
+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 { ColorType } from "../types/ColorStyleTypes.es.js";
+import { getEditorResponseData } from "../utils/EditorResponseData.es.js";
+class ColorStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.getAll = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getColors().then((result) => getEditorResponseData(result));
+    };
+    this.getById = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getColorById(id).then((result) => getEditorResponseData(result));
+    };
+    this.create = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.createColor().then((result) => getEditorResponseData(result));
+    };
+    this.duplicate = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.duplicateColor(id).then((result) => getEditorResponseData(result));
+    };
+    this.move = async (order, ids) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.moveColors(order, ids).then((result) => getEditorResponseData(result));
+    };
+    this.rename = async (id, newColorName) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.renameColor(id, newColorName).then((result) => getEditorResponseData(result));
+    };
+    this.update = async (id, newColorProperties) => {
+      const res = await __privateGet(this, _editorAPI);
+      const properties = newColorProperties;
+      if (properties.type === ColorType.spot) {
+        properties.type = ColorType.spotCMYK;
+      }
+      return res.updateColor(id, JSON.stringify(properties)).then((result) => getEditorResponseData(result));
+    };
+    this.remove = async (id) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.removeColor(id).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ColorStyleController
+};
+//# sourceMappingURL=ColorStyleController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorStyleController.es.js","sources":["../../../src/controllers/ColorStyleController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ColorType, ColorUpdate, DocumentColor } from '../types/ColorStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ColorStyleController is responsible for all communication regarding color styles.\n * Methods inside this controller can be called by `window.SDK.colorStyle.{method-name}`\n */\nexport class ColorStyleController {\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 colors\n     * @returns list of all colors\n     */\n    getAll = async () => {\n        const res = await this.#editorAPI;\n        return res.getColors().then((result) => getEditorResponseData<DocumentColor[]>(result));\n    };\n\n    /**\n     * This method returns a color by id\n     * @param id the id of a specific color\n     * @returns color properties for given id\n     */\n    getById = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.getColorById(id).then((result) => getEditorResponseData<DocumentColor>(result));\n    };\n\n    /**\n     * This method creates a new color\n     * @returns the new created color id\n     */\n    create = async () => {\n        const res = await this.#editorAPI;\n        return res.createColor().then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method duplicates a color by the id\n     * @param id the id of a specific color\n     * @returns id of the duplicated color\n     */\n    duplicate = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.duplicateColor(id).then((result) => getEditorResponseData<Id>(result));\n    };\n\n    /**\n     * This method changes positions of colors\n     * @param order the position of the colors\n     * @param ids the list of color IDs\n     * @returns\n     */\n    move = async (order: number, ids: string[]) => {\n        const res = await this.#editorAPI;\n        return res.moveColors(order, ids).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method renames a color\n     * @param id the id of a specific color\n     * @param newColorName the new name of the color\n     * @returns\n     */\n    rename = async (id: string, newColorName: string) => {\n        const res = await this.#editorAPI;\n        return res.renameColor(id, newColorName).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method updates a color\n     * @param id the id of a specific color\n     * @param newColorProperties the new color properties\n     * @returns\n     */\n    update = async (id: string, newColorProperties: ColorUpdate) => {\n        const res = await this.#editorAPI;\n        const properties = newColorProperties;\n        if (properties.type === ColorType.spot) {\n            properties.type = ColorType.spotCMYK;\n        }\n        return res.updateColor(id, JSON.stringify(properties)).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a color\n     * @param id the id of a specific color\n     * @returns\n     */\n    remove = async (id: string) => {\n        const res = await this.#editorAPI;\n        return res.removeColor(id).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;;AAQO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA,EAS9B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,KAAK,CAAC,WAAW,sBAAuC,MAAM,CAAC;AAAA,IAC1F;AAOA,SAAA,UAAU,OAAO,OAAe;AAC5B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,aAAa,EAAE,EAAE,KAAK,CAAC,WAAW,sBAAqC,MAAM,CAAC;AAAA,IAC7F;AAMA,SAAA,SAAS,YAAY;AACjB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IAC/E;AAOA,SAAA,YAAY,OAAO,OAAe;AAC9B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,eAAe,EAAE,EAAE,KAAK,CAAC,WAAW,sBAA0B,MAAM,CAAC;AAAA,IACpF;AAQA,SAAA,OAAO,OAAO,OAAe,QAAkB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,WAAW,OAAO,GAAG,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC1F;AAQA,SAAA,SAAS,OAAO,IAAY,iBAAyB;AACjD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,IAAI,YAAY,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACjG;AAQA,SAAA,SAAS,OAAO,IAAY,uBAAoC;AAC5D,YAAM,MAAM,MAAM,mBAAK;AACvB,YAAM,aAAa;AACnB,UAAI,WAAW,SAAS,UAAU,MAAM;AACpC,mBAAW,OAAO,UAAU;AAAA,MAChC;AACA,aAAO,IAAI,YAAY,IAAI,KAAK,UAAU,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC/G;AAOA,SAAA,SAAS,OAAO,OAAe;AAC3B,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,EAAE,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACnF;AAtFI,uBAAK,YAAa;AAAA,EACtB;AAsFJ;AA7FI;"}

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

@@ -0,0 +1,54 @@
+"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, _blobAPI;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EditorResponseData = require("../utils/EditorResponseData.cjs.js");
+const Helpers = require("../exceptions/Helpers.cjs.js");
+class ComponentConnectorController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    __privateAdd(this, _blobAPI);
+    this.query = async (connectorId, queryOptions, context = {}) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.componentConnectorQuery(connectorId, JSON.stringify(queryOptions), JSON.stringify(context)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.preview = async (connectorId, componentId, previewType, context = {}) => {
+      const res = await __privateGet(this, _blobAPI);
+      return res.componentConnectorPreview(connectorId, componentId, previewType, JSON.stringify(context)).then((result) => {
+        if (result instanceof Uint8Array) {
+          return result;
+        }
+        if (typeof result === "object" && result !== null && "success" in result && !result.success) {
+          Helpers.throwEditorResponseError(result);
+        }
+        throw new Error(`Unexpected response type: ${typeof result}.`);
+      });
+    };
+    this.getConfigurationOptions = async (connectorId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.componentConnectorGetConfigurationOptions(connectorId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getCapabilities = async (connectorId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.componentConnectorGetCapabilities(connectorId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+    __privateSet(this, _blobAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+_blobAPI = new WeakMap();
+exports.ComponentConnectorController = ComponentConnectorController;
+//# sourceMappingURL=ComponentConnectorController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentConnectorController.cjs.js","sources":["../../../src/controllers/ComponentConnectorController.ts"],"sourcesContent":["import { CallSender } from 'penpal';\nimport { EditorAPI, EditorRawAPI, EditorResponse } from '../types/CommonTypes';\nimport { Component, ComponentConnectorCapabilities, ComponentPreviewType } from '../types/ComponentConnectorTypes';\nimport { ConnectorConfigOptions, MetaData, QueryOptions, QueryPage } from '../types/ConnectorTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\nimport { throwEditorResponseError } from '../exceptions';\n\n/**\n * @experimental This controller is still experimental and might change in future releases.\n *\n * The ComponentConnectorController is responsible for all communication regarding Component connectors.\n * Methods inside this controller can be called by `window.SDK.componentConnector.{method-name}`\n *\n * The way GraFx Studio handles different sources of Component is called 'ComponentConnector'.\n * A ComponentConnector is an implementation of a set of capabilities we need\n * to interact with a certain Component Asset Management system.\n * In essence, a connector is the combination of a JavaScript snippet and some metadata.\n * The JavaScript snippet is loaded in the studio engine using a sandboxed JavaScript execution engine (QuickJs).\n * This allows us to execute the Component connector\n * both on web using webassembly and on the server side during output generation.\n * This controller is an interface to the running connector instance inside the studio engine.\n */\nexport class ComponentConnectorController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\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 This method is still experimental and might change in future releases.\n     * Query a specific ComponentConnector for data using both standardized queryOptions and the dynamic\n     * context as parameters.\n     * @param connectorId unique id of the Component connector\n     * @param queryOptions query options\n     * @param context context that will be available in the connector script.\n     * @returns array of component instances\n     */\n    query = async (connectorId: string, queryOptions: QueryOptions, context: MetaData = {}) => {\n        const res = await this.#editorAPI;\n        return res\n            .componentConnectorQuery(connectorId, JSON.stringify(queryOptions), JSON.stringify(context))\n            .then((result) => getEditorResponseData<QueryPage<Component>>(result));\n    };\n\n    /**\n     * @experimental This method is still experimental and might change in future releases.\n     * The combination of a `connectorId` and `componentId` is typically enough for a Component connector to\n     * perform the preview of this asset. The `preview` endpoint is capable of relaying this information to the\n     * Component connector instance running in the editor engine.\n     * @param connectorId unique id of the Component connector\n     * @param componentId unique id of the Component to download\n     * @param previewType hint to the Component connector about desired format of the Component preview\n     * @param context dynamic map of additional options potentially used by the connector\n     * @returns\n     */\n    preview = async (\n        connectorId: string,\n        componentId: string,\n        previewType: ComponentPreviewType,\n        context: MetaData = {},\n    ): Promise<Uint8Array> => {\n        const res = await this.#blobAPI;\n        return res\n            .componentConnectorPreview(connectorId, componentId, previewType, JSON.stringify(context))\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     * @experimental This method is still experimental and might change in future releases.\n     * All connectors have a certain set of mappings they allow to be passed into the connector methods their context. This\n     * method allows you to discover which mappings are available for a given connector. If you want to use any of these\n     * mappings, they will be available in the `context` parameter of any connector method.\n     * @param connectorId unique id of the component connector\n     * @returns connector mappings\n     */\n    getConfigurationOptions = async (connectorId: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .componentConnectorGetConfigurationOptions(connectorId)\n            .then((result) => getEditorResponseData<ConnectorConfigOptions>(result));\n    };\n\n    /**\n     * @experimental This method is still experimental and might change in future releases.\n     * This method returns what capabilities the selected connector has. It gives an indication what methods can\n     * be used successfully for a certain connector.\n     * @param connectorId unique id of the component connector\n     * @returns ComponentConnectorCapabilities\n     */\n    getCapabilities = async (connectorId: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .componentConnectorGetCapabilities(connectorId)\n            .then((result) => getEditorResponseData<ComponentConnectorCapabilities>(result));\n    };\n}\n"],"names":["getEditorResponseData","throwEditorResponseError"],"mappings":";;;;;;;;;;;;AAsBO,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA,EAUtC,YAAY,WAAsB;AANlC;AAAA;AAAA;AAAA;AACA;AAmBA,SAAA,QAAQ,OAAO,aAAqB,cAA4B,UAAoB,CAAA,MAAO;AACvF,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,wBAAwB,aAAa,KAAK,UAAU,YAAY,GAAG,KAAK,UAAU,OAAO,CAAC,EAC1F,KAAK,CAAC,WAAWA,mBAAAA,sBAA4C,MAAM,CAAC;AAAA,IAC7E;AAaA,SAAA,UAAU,OACN,aACA,aACA,aACA,UAAoB,OACE;AACtB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,0BAA0B,aAAa,aAAa,aAAa,KAAK,UAAU,OAAO,CAAC,EACxF,KAAK,CAAC,WAAW;AAEd,YAAI,kBAAkB,YAAY;AAC9B,iBAAO;AAAA,QACX;AAGA,YAAI,OAAO,WAAW,YAAY,WAAW,QAAQ,aAAa,UAAU,CAAC,OAAO,SAAS;AACzFC,kBAAAA,yBAAyB,MAA8B;AAAA,QAC3D;AAGA,cAAM,IAAI,MAAM,6BAA6B,OAAO,MAAM,GAAG;AAAA,MACjE,CAAC;AAAA,IACT;AAUA,SAAA,0BAA0B,OAAO,gBAAwB;AACrD,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,0CAA0C,WAAW,EACrD,KAAK,CAAC,WAAWD,yCAA8C,MAAM,CAAC;AAAA,IAC/E;AASA,SAAA,kBAAkB,OAAO,gBAAwB;AAC7C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,kCAAkC,WAAW,EAC7C,KAAK,CAAC,WAAWA,yCAAsD,MAAM,CAAC;AAAA,IACvF;AAnFI,uBAAK,YAAa;AAClB,uBAAK,UAAW;AAAA,EACpB;AAkFJ;AA3FI;AACA;;"}