@chili-publish/studio-sdk 0.121.0

package/lib/src/controllers/SubscriberController.d.ts

@@ -0,0 +1,143 @@
+import { ConfigType } from '../types/CommonTypes';
+/**
+ * The SubscriberController is responsible for all listeners which can influence the aplication-state from outside.
+ * Callbacks inside this controller can be set by `window.SDK.subscriber.{method-name}`
+ */
+export declare class SubscriberController {
+    /**
+     * @ignore
+     */
+    private config;
+    /**
+     * @ignore
+     */
+    constructor(config: ConfigType);
+    /**
+     * Listener on actions, if this changes, this listener will get triggered with the updates
+     * @param actions Stringified array of DocumentAction type
+     */
+    onActionsChanged: (actions: string) => void;
+    /**
+     * Listener on when a certain animation gets changed
+     * @param animation Stringified array of FrameAnimationType
+     */
+    onAnimationChanged: (animation: string) => void;
+    /**
+     * Listener on the playbackstate of the animation, it contains the current time of the playback (in miliseconds) and a flag that describes if the animation is currently playing
+     * @param animationPlaybackState Stringified array of AnimationPlaybackType
+     */
+    onAnimationPlaybackChanged: (animationPlaybackState: string) => void;
+    /**
+     * Listener on the state of the currently selected layout, if its properties are changed, this listener will get triggered with the new properties
+     * @param properties Stringified object of LayoutPropertiesType
+     */
+    onSelectedLayoutPropertiesChanged: (properties: string) => void;
+    /**
+     * Listener on the state of the currently selected frame, if this changes, this listener will get triggered with the updates
+     * @param layout Stringified object of FrameLayoutType
+     */
+    onSelectedFrameLayoutChanged: (frame: string) => void;
+    /**
+     * Listener on the state of the currently selected frame, it contains some basic information on the type of frame it is
+     * @param layout Stringified object of FrameType
+     */
+    onSelectedFrameContentChanged: (frame: string) => void;
+    /**
+     * A listener on the general state of the document, gets triggered everytime a change is done on the document.
+     */
+    onStateChanged: () => void;
+    /**
+     * A listener on when the document is fully loaded.
+     */
+    onDocumentLoaded: () => void;
+    /**
+     * To be implemented, gets triggered when clicking on the pageTitle on the canvas.
+     */
+    onPageSelectionChanged: () => void;
+    /**
+     * Listener on when variables change
+     * @param variablesJson Stringified array of Variable
+     */
+    onVariableListChanged: (variablesJson: string) => void;
+    /**
+     * Listener on when the tool has changed by the canvas
+     * @param tool The string representation of a certain tool
+     */
+    onSelectedToolChanged: (tool: string) => void;
+    /**
+     * Listener on state changes
+     * @param undoState Stringified object of UndoState
+     */
+    onUndoStateChanged: (undoState: string) => void;
+    /**
+     * Listener on the state of the currently selected layout's frames, if this changes, this listener will get triggered with the updates
+     * @param frames Stringified object of Frames
+     */
+    onSelectedLayoutFramesChanged: (frames: string) => void;
+    /**
+     * Listener on the state of the currently selected text's styles, if this changes, this listener will get triggered with the updates
+     * @param styles Stringified object of styles
+     */
+    onSelectedTextStyleChanged: (styles: string) => void;
+    /**
+     * Listener on the state of the currently selected color's styles, if this changes, this listener will get triggered with the updates
+     * @param colors Stringified object of colors
+     */
+    onColorsChanged: (colors: string) => void;
+    /**
+     * Listener on paragraph styles, if this changes, this listener will get triggered with the updates
+     * @param paragraphStyles Stringified object of paragraph styles
+     */
+    onParagraphStylesChanged: (paragraphStyles: string) => void;
+    /**
+     * Listener on character styles, if this changes, this listener will get triggered with the updates
+     * @param characterStyles Stringified object of character styles
+     */
+    onCharacterStylesChanged: (characterStyles: string) => void;
+    /**
+     * Listener on fonts, if this changes, this listener will get triggered with the updates
+     * @param fonts Stringified object of fonts
+     */
+    onFontsChanged: (fonts: string) => void;
+    /**
+     * Listener on selected layout id, this listener will get triggered when a different layout is selected.
+     * @param layoutId the currently selected layout id
+     */
+    onSelectedLayoutIdChanged: (layoutId: string) => void;
+    /**
+     * Listener on layouts, this listener will get triggered when a (sub)layout is
+     * - added
+     * - removed
+     * - renamed
+     * - duplicted
+     * @param layouts Stringified object of layouts
+     */
+    onLayoutsChanged: (layouts: string) => void;
+    /**
+     * Listener on scale factor of the canvas, this listener will get triggered when a zoom is applied to the canvas
+     * @param zoomEvent Stringified scale factor
+     */
+    onZoomChanged: (zoomEvent: string) => void;
+    /**
+     * Listener on connector events, this listener will get triggered when a connector emits one of those events
+     * - reloadRequired
+     * - authChanged
+     * - unloaded
+     * - stateChanged
+     *
+     * stateChanged - this event will be triggered by connector states: loading, loaded, running, ready, error
+     * @param connectorEvent Stringified object of ConnectorEvent
+     */
+    onConnectorEvent: (connectorEvent: string) => void;
+    /**
+     * Listener on page size, this listener will get triggered when the page size is changed, while the document is a `project`.
+     * This will not emit anything if your document is a `template`.
+     * @param pageSize Stringified object of the PageSize
+     */
+    onPageSizeChanged: (pageSize: string) => void;
+    /**
+     * Listener on corner radii of rectangle and polygon shapes, this listener will get triggered when any corner radius is changed
+     * @param cornerRadius Stringified object of the CornerRadius
+     */
+    onShapeCornerRadiusChanged: (cornerRadius: string) => void;
+}

package/lib/src/controllers/SubscriberController.js

@@ -0,0 +1,213 @@
+/**
+ * The SubscriberController is responsible for all listeners which can influence the aplication-state from outside.
+ * Callbacks inside this controller can be set by `window.SDK.subscriber.{method-name}`
+ */
+export class SubscriberController {
+    /**
+     * @ignore
+     */
+    constructor(config) {
+        /**
+         * Listener on actions, if this changes, this listener will get triggered with the updates
+         * @param actions Stringified array of DocumentAction type
+         */
+        this.onActionsChanged = (actions) => {
+            const callBack = this.config.onActionsChanged;
+            callBack && callBack(JSON.parse(actions));
+        };
+        /**
+         * Listener on when a certain animation gets changed
+         * @param animation Stringified array of FrameAnimationType
+         */
+        this.onAnimationChanged = (animation) => {
+            const callBack = this.config.onFrameAnimationsChanged;
+            callBack && callBack(JSON.parse(animation));
+        };
+        /**
+         * Listener on the playbackstate of the animation, it contains the current time of the playback (in miliseconds) and a flag that describes if the animation is currently playing
+         * @param animationPlaybackState Stringified array of AnimationPlaybackType
+         */
+        this.onAnimationPlaybackChanged = (animationPlaybackState) => {
+            const callBack = this.config.onScrubberPositionChanged;
+            callBack && callBack(JSON.parse(animationPlaybackState));
+        };
+        /**
+         * Listener on the state of the currently selected layout, if its properties are changed, this listener will get triggered with the new properties
+         * @param properties Stringified object of LayoutPropertiesType
+         */
+        this.onSelectedLayoutPropertiesChanged = (properties) => {
+            const callBack = this.config.onSelectedLayoutPropertiesChanged;
+            callBack && callBack(JSON.parse(properties));
+        };
+        /**
+         * Listener on the state of the currently selected frame, if this changes, this listener will get triggered with the updates
+         * @param layout Stringified object of FrameLayoutType
+         */
+        this.onSelectedFrameLayoutChanged = (frame) => {
+            const callBack = this.config.onSelectedFrameLayoutChanged;
+            callBack && callBack(JSON.parse(frame));
+        };
+        /**
+         * Listener on the state of the currently selected frame, it contains some basic information on the type of frame it is
+         * @param layout Stringified object of FrameType
+         */
+        this.onSelectedFrameContentChanged = (frame) => {
+            const callBack = this.config.onSelectedFrameContentChanged;
+            callBack && callBack(JSON.parse(frame));
+        };
+        /**
+         * A listener on the general state of the document, gets triggered everytime a change is done on the document.
+         */
+        this.onStateChanged = () => {
+            const callBack = this.config.onStateChanged;
+            callBack && callBack();
+        };
+        /**
+         * A listener on when the document is fully loaded.
+         */
+        this.onDocumentLoaded = () => {
+            const callBack = this.config.onDocumentLoaded;
+            callBack && callBack();
+        };
+        /**
+         * To be implemented, gets triggered when clicking on the pageTitle on the canvas.
+         */
+        this.onPageSelectionChanged = () => {
+            const callBack = this.config.onPageSelectionChanged;
+            callBack && callBack();
+        };
+        /**
+         * Listener on when variables change
+         * @param variablesJson Stringified array of Variable
+         */
+        this.onVariableListChanged = (variablesJson) => {
+            const callBack = this.config.onVariableListChanged;
+            callBack && callBack(JSON.parse(variablesJson));
+        };
+        /**
+         * Listener on when the tool has changed by the canvas
+         * @param tool The string representation of a certain tool
+         */
+        this.onSelectedToolChanged = (tool) => {
+            const callBack = this.config.onSelectedToolChanged;
+            callBack && callBack(tool);
+        };
+        /**
+         * Listener on state changes
+         * @param undoState Stringified object of UndoState
+         */
+        this.onUndoStateChanged = (undoState) => {
+            const callBack = this.config.onUndoStackStateChanged;
+            callBack && callBack(JSON.parse(undoState));
+        };
+        /**
+         * Listener on the state of the currently selected layout's frames, if this changes, this listener will get triggered with the updates
+         * @param frames Stringified object of Frames
+         */
+        this.onSelectedLayoutFramesChanged = (frames) => {
+            const callBack = this.config.onSelectedLayoutFramesChanged;
+            callBack && callBack(JSON.parse(frames));
+        };
+        /**
+         * Listener on the state of the currently selected text's styles, if this changes, this listener will get triggered with the updates
+         * @param styles Stringified object of styles
+         */
+        this.onSelectedTextStyleChanged = (styles) => {
+            const callBack = this.config.onSelectedTextStyleChanged;
+            callBack && callBack(JSON.parse(styles));
+        };
+        /**
+         * Listener on the state of the currently selected color's styles, if this changes, this listener will get triggered with the updates
+         * @param colors Stringified object of colors
+         */
+        this.onColorsChanged = (colors) => {
+            const callBack = this.config.onColorsChanged;
+            callBack && callBack(JSON.parse(colors));
+        };
+        /**
+         * Listener on paragraph styles, if this changes, this listener will get triggered with the updates
+         * @param paragraphStyles Stringified object of paragraph styles
+         */
+        this.onParagraphStylesChanged = (paragraphStyles) => {
+            const callBack = this.config.onParagraphStylesChanged;
+            callBack && callBack(JSON.parse(paragraphStyles));
+        };
+        /**
+         * Listener on character styles, if this changes, this listener will get triggered with the updates
+         * @param characterStyles Stringified object of character styles
+         */
+        this.onCharacterStylesChanged = (characterStyles) => {
+            const callBack = this.config.onCharacterStylesChanged;
+            callBack && callBack(JSON.parse(characterStyles));
+        };
+        /**
+         * Listener on fonts, if this changes, this listener will get triggered with the updates
+         * @param fonts Stringified object of fonts
+         */
+        this.onFontsChanged = (fonts) => {
+            const callBack = this.config.onFontsChanged;
+            callBack && callBack(JSON.parse(fonts));
+        };
+        /**
+         * Listener on selected layout id, this listener will get triggered when a different layout is selected.
+         * @param layoutId the currently selected layout id
+         */
+        this.onSelectedLayoutIdChanged = (layoutId) => {
+            const callBack = this.config.onSelectedLayoutIdChanged;
+            callBack && callBack(layoutId);
+        };
+        /**
+         * Listener on layouts, this listener will get triggered when a (sub)layout is
+         * - added
+         * - removed
+         * - renamed
+         * - duplicted
+         * @param layouts Stringified object of layouts
+         */
+        this.onLayoutsChanged = (layouts) => {
+            const callBack = this.config.onLayoutsChanged;
+            callBack && callBack(JSON.parse(layouts));
+        };
+        /**
+         * Listener on scale factor of the canvas, this listener will get triggered when a zoom is applied to the canvas
+         * @param zoomEvent Stringified scale factor
+         */
+        this.onZoomChanged = (zoomEvent) => {
+            const callBack = this.config.onZoomChanged;
+            callBack && callBack(JSON.parse(zoomEvent));
+        };
+        /**
+         * Listener on connector events, this listener will get triggered when a connector emits one of those events
+         * - reloadRequired
+         * - authChanged
+         * - unloaded
+         * - stateChanged
+         *
+         * stateChanged - this event will be triggered by connector states: loading, loaded, running, ready, error
+         * @param connectorEvent Stringified object of ConnectorEvent
+         */
+        this.onConnectorEvent = (connectorEvent) => {
+            const callBack = this.config.onConnectorEvent;
+            callBack && callBack(JSON.parse(connectorEvent));
+        };
+        /**
+         * Listener on page size, this listener will get triggered when the page size is changed, while the document is a `project`.
+         * This will not emit anything if your document is a `template`.
+         * @param pageSize Stringified object of the PageSize
+         */
+        this.onPageSizeChanged = (pageSize) => {
+            const callBack = this.config.onPageSizeChanged;
+            callBack && callBack(JSON.parse(pageSize));
+        };
+        /**
+         * Listener on corner radii of rectangle and polygon shapes, this listener will get triggered when any corner radius is changed
+         * @param cornerRadius Stringified object of the CornerRadius
+         */
+        this.onShapeCornerRadiusChanged = (cornerRadius) => {
+            const callBack = this.config.onShapeCornerRadiusChanged;
+            callBack && callBack(JSON.parse(cornerRadius));
+        };
+        this.config = config;
+    }
+}
+//# sourceMappingURL=SubscriberController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriberController.js","sourceRoot":"","sources":["../../../src/controllers/SubscriberController.ts"],"names":[],"mappings":"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"}

package/lib/src/controllers/TextStyleController.d.ts

@@ -0,0 +1,31 @@
+import { EditorAPI } from '../types/CommonTypes';
+import { SelectedTextStyle, TextStyleUpdateType } from '../types/TextStyleTypes';
+/**
+ * The TextStyleController is responsible for all communication regarding text styles.
+ * Methods inside this controller can be called by `window.SDK.textStyle.{method-name}`
+ */
+export declare class TextStyleController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(editorAPI: EditorAPI);
+    /**
+     * This method updates a selected Text's style properties
+     * @returns
+     */
+    setTextStyleProperties: (style: TextStyleUpdateType) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method clears a selected Text's style properties
+     * If the text is selected, then the inline style properties will be cleared
+     * If the text is not selected and user tried to change any style property, the temporary style will be cleared
+     * if there is no text selection and there is no temporary style, the inline paragraph properties will be cleared
+     * @returns
+     */
+    clearTextStyleProperties: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method gets a selected Text's style properties
+     * @returns
+    */
+    getSelectedTextStyle: () => Promise<import("../types/CommonTypes").EditorResponse<SelectedTextStyle>>;
+}

package/lib/src/controllers/TextStyleController.js

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TextStyleController_editorAPI;
+import { getEditorResponseData } from '../utils/EditorResponseData';
+/**
+ * The TextStyleController is responsible for all communication regarding text styles.
+ * Methods inside this controller can be called by `window.SDK.textStyle.{method-name}`
+ */
+export class TextStyleController {
+    /**
+     * @ignore
+     */
+    constructor(editorAPI) {
+        /**
+         * @ignore
+         */
+        _TextStyleController_editorAPI.set(this, void 0);
+        /**
+         * This method updates a selected Text's style properties
+         * @returns
+         */
+        this.setTextStyleProperties = (style) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _TextStyleController_editorAPI, "f");
+            return res
+                .selectedTextStyleDeltaUpdate(JSON.stringify(style))
+                .then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method clears a selected Text's style properties
+         * If the text is selected, then the inline style properties will be cleared
+         * If the text is not selected and user tried to change any style property, the temporary style will be cleared
+         * if there is no text selection and there is no temporary style, the inline paragraph properties will be cleared
+         * @returns
+         */
+        this.clearTextStyleProperties = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _TextStyleController_editorAPI, "f");
+            return res.selectedTextStyleClean().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method gets a selected Text's style properties
+         * @returns
+        */
+        this.getSelectedTextStyle = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _TextStyleController_editorAPI, "f");
+            return res
+                .getSelectedTextStyle()
+                .then((result) => getEditorResponseData(result));
+        });
+        __classPrivateFieldSet(this, _TextStyleController_editorAPI, editorAPI, "f");
+    }
+}
+_TextStyleController_editorAPI = new WeakMap();
+//# sourceMappingURL=TextStyleController.js.map

package/lib/src/controllers/TextStyleController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleController.js","sourceRoot":"","sources":["../../../src/controllers/TextStyleController.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;GAGG;AACH,MAAM,OAAO,mBAAmB;IAM5B;;OAEG;IACH,YAAY,SAAoB;QARhC;;WAEG;QACH,iDAA+B;QAS/B;;;WAGG;QACH,2BAAsB,GAAG,CAAO,KAA0B,EAAE,EAAE;YAC1D,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,sCAAW,CAAC;YAClC,OAAO,GAAG;iBACL,4BAA4B,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;iBACnD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAC/D,CAAC,CAAA,CAAC;QAEF;;;;;;WAMG;QACH,6BAAwB,GAAG,GAAS,EAAE;YAClC,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,sCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAC9F,CAAC,CAAA,CAAC;QAEF;;;UAGE;QACF,yBAAoB,GAAG,GAAS,EAAE;YAC9B,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,sCAAW,CAAC;YAClC,OAAO,GAAG;iBACL,oBAAoB,EAAE;iBACtB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAoB,MAAM,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAA,CAAC;QAnCE,uBAAA,IAAI,kCAAc,SAAS,MAAA,CAAC;IAChC,CAAC;CAmCJ"}

package/lib/src/controllers/ToolController.d.ts

@@ -0,0 +1,54 @@
+import { EditorAPI } from '../types/CommonTypes';
+import { ToolType } from '../utils/enums';
+/**
+ * The ToolController is responsible for all communication regarding the tools.
+ * Methods inside this controller can be called by `window.SDK.tool.{method-name}`
+ */
+export declare class ToolController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(editorAPI: EditorAPI);
+    /**
+     * This method sets the currently used tool
+     * @param tool
+     */
+    private setTool;
+    /**
+     * This method returns selected tool
+     */
+    getSelectedTool: () => Promise<import("../types/CommonTypes").EditorResponse<ToolType>>;
+    /**
+     * This method sets the used tool to a Pointer tool
+     */
+    setSelectTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a Move tool
+     */
+    setHandTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a Zoom tool
+     */
+    setZoomTool: () => Promise<void>;
+    /**
+     * This method sets the used tool to a TextFrame tool
+     */
+    setTextFrameTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a ImageFrame tool
+     */
+    setImageFrameTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a ShapeRectangle tool
+     */
+    setShapeRectTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a ShapeEllipse tool
+     */
+    setShapeEllipseTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the used tool to a ShapePolygon tool
+     */
+    setShapePolygonTool: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+}

package/lib/src/controllers/ToolController.js

@@ -0,0 +1,104 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ToolController_editorAPI;
+import { ToolType } from '../utils/enums';
+import { getEditorResponseData } from '../utils/EditorResponseData';
+/**
+ * The ToolController is responsible for all communication regarding the tools.
+ * Methods inside this controller can be called by `window.SDK.tool.{method-name}`
+ */
+export class ToolController {
+    /**
+     * @ignore
+     */
+    constructor(editorAPI) {
+        /**
+         * @ignore
+         */
+        _ToolController_editorAPI.set(this, void 0);
+        /**
+         * This method sets the currently used tool
+         * @param tool
+         */
+        this.setTool = (tool) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ToolController_editorAPI, "f");
+            return res.setTool(tool).then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method returns selected tool
+         */
+        this.getSelectedTool = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ToolController_editorAPI, "f");
+            return res.getSelectedTool().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method sets the used tool to a Pointer tool
+         */
+        this.setSelectTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.SELECT);
+        });
+        /**
+         * This method sets the used tool to a Move tool
+         */
+        this.setHandTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.HAND);
+        });
+        /**
+         * This method sets the used tool to a Zoom tool
+         */
+        this.setZoomTool = () => __awaiter(this, void 0, void 0, function* () {
+            yield this.setTool(ToolType.ZOOM);
+        });
+        /**
+         * This method sets the used tool to a TextFrame tool
+         */
+        this.setTextFrameTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.TEXT_FRAME);
+        });
+        /**
+         * This method sets the used tool to a ImageFrame tool
+         */
+        this.setImageFrameTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.IMAGE_FRAME);
+        });
+        /**
+         * This method sets the used tool to a ShapeRectangle tool
+         */
+        this.setShapeRectTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.SHAPE_RECT);
+        });
+        /**
+         * This method sets the used tool to a ShapeEllipse tool
+         */
+        this.setShapeEllipseTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.SHAPE_ELLIPSE);
+        });
+        /**
+         * This method sets the used tool to a ShapePolygon tool
+         */
+        this.setShapePolygonTool = () => __awaiter(this, void 0, void 0, function* () {
+            return this.setTool(ToolType.SHAPE_POLYGON);
+        });
+        __classPrivateFieldSet(this, _ToolController_editorAPI, editorAPI, "f");
+    }
+}
+_ToolController_editorAPI = new WeakMap();
+//# sourceMappingURL=ToolController.js.map

package/lib/src/controllers/ToolController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolController.js","sourceRoot":"","sources":["../../../src/controllers/ToolController.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;GAGG;AACH,MAAM,OAAO,cAAc;IAMvB;;OAEG;IACH,YAAY,SAAoB;QARhC;;WAEG;QACH,4CAAsB;QAStB;;;WAGG;QACK,YAAO,GAAG,CAAO,IAAc,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,iCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QACnF,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,oBAAe,GAAG,GAAS,EAAE;YACzB,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,iCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAW,MAAM,CAAC,CAAC,CAAC;QAC3F,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,kBAAa,GAAG,GAAS,EAAE;YACvB,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,gBAAW,GAAG,GAAS,EAAE;YACrB,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,gBAAW,GAAG,GAAS,EAAE;YACrB,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,qBAAgB,GAAG,GAAS,EAAE;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,sBAAiB,GAAG,GAAS,EAAE;YAC3B,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC9C,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,qBAAgB,GAAG,GAAS,EAAE;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAC7C,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,wBAAmB,GAAG,GAAS,EAAE;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAChD,CAAC,CAAA,CAAC;QAEF;;WAEG;QACH,wBAAmB,GAAG,GAAS,EAAE;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAChD,CAAC,CAAA,CAAC;QA1EE,uBAAA,IAAI,6BAAc,SAAS,MAAA,CAAC;IAChC,CAAC;CA0EJ"}

package/lib/src/controllers/UndoManagerController.d.ts

@@ -0,0 +1,22 @@
+import { EditorAPI } from '../types/CommonTypes';
+/**
+ * The UndoManagerController is responsible for all communication regarding the Undo-Manager.
+ * Methods inside this controller can be called by `window.SDK.undoManager.{method-name}`
+ */
+export declare class UndoManagerController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(children: EditorAPI);
+    /**
+     * This method undoes the last operation
+     * @returns
+     */
+    undo: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method redoes the last operation
+     * @returns
+     */
+    redo: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+}