@chili-publish/studio-sdk 1.43.0 → 1.44.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriberController.cjs.js","sources":["../../../src/controllers/SubscriberController.ts"],"sourcesContent":["import { Id, RuntimeConfigType } from '../types/CommonTypes';\nimport { WellKnownConfigurationKeys } from '../types/ConfigurationTypes';\nimport { ListVariable, ListVariableItem, Variable, VariableType } from '../types/VariableTypes';\nimport { ViewMode } from '../types/ViewModeTypes';\nimport { ConnectorCompatibilityTools } from '../utils/ConnectorCompatibilityTools';\nimport { ToolType } from '../utils/Enums';\nimport { MeasurementUnit } from '../types/LayoutTypes';\nimport { ActionAsyncError, DataRowAsyncError } from '../exceptions';\n\n/**\n * The SubscriberController is responsible for all listeners which can influence the application-state from outside.\n * Callbacks inside this controller can be set by `window.SDK.subscriber.{method-name}`\n */\nexport class SubscriberController {\n    /**\n     * @ignore\n     */\n    private config: RuntimeConfigType;\n\n    /**\n     * @ignore\n     */\n    private localConfig: Map<string, string>;\n\n    /**\n     * @ignore\n     */\n    constructor(config: RuntimeConfigType, localConfig: Map<string, string>) {\n        this.config = config;\n        this.localConfig = localConfig;\n    }\n\n    /**\n     * Listener on actions, if this changes, this listener will get triggered with the updates\n     * @param actions Stringified array of DocumentAction type\n     */\n    onActionsChanged = (actions: string) => {\n        this.config.events.onActionsChanged.trigger(JSON.parse(actions));\n    };\n\n    /**\n     * Listener on when a certain animation gets changed\n     * @param animation Stringified array of FrameAnimationType\n     */\n    onAnimationChanged = (animation: string) => {\n        this.config.events.onFrameAnimationsChanged.trigger(JSON.parse(animation));\n    };\n\n    /**\n     * Listener on the playback state of the animation, it contains the current time of the playback (in milliseconds) and a flag that describes if the animation is currently playing\n     * @param animationPlaybackState Stringified array of AnimationPlaybackType\n     */\n    onAnimationPlaybackChanged = (animationPlaybackState: string) => {\n        this.config.events.onScrubberPositionChanged.trigger(JSON.parse(animationPlaybackState));\n    };\n\n    /**\n     * Listener on the state of the currently selected layout, if its properties are changed, this listener will get triggered with the new properties\n     * @param layoutProperties Stringified object of LayoutPropertiesType\n     */\n    onSelectedLayoutPropertiesChanged = (layoutProperties: string) => {\n        this.config.events.onSelectedLayoutPropertiesChanged.trigger(JSON.parse(layoutProperties));\n    };\n\n    /**\n     * Listener on the unit of the currently active layout. If you switch between layouts with different units, this listener will get triggered with the new unit\n     * If you switch the unit of a layout this listener will get triggered with the new unit\n     *\n     * @param unit Stringified object of MeasurementUnit\n     */\n    onSelectedLayoutUnitChanged = (unit: string) => {\n        this.config.events.onSelectedLayoutUnitChanged.trigger(unit as MeasurementUnit);\n    };\n\n    /**\n     * Listener on the state of all frames, if this changes, this listener will get triggered with the updates\n     * @param framesLayout Stringified array of FrameLayoutType objects\n     */\n    onFramesLayoutChanged = (framesLayout: string) => {\n        const frames = JSON.parse(framesLayout);\n        this.config.events.onFramesLayoutChanged.trigger(frames);\n    };\n\n    /**\n     * Listener on the state of the currently selected frames, if this changes, this listener will get triggered with the updates\n     * @param framesLayout Stringified array of FrameLayoutType objects\n     */\n    onSelectedFramesLayoutChanged = (framesLayout: string) => {\n        const frames = JSON.parse(framesLayout);\n        this.config.events.onSelectedFramesLayoutChanged.trigger(frames);\n\n        const singleFrameCallBack = this.config.onSelectedFrameLayoutChanged;\n        singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? undefined : frames[0]);\n    };\n\n    /**\n     * Listener on the state of the currently selected frame, it contains some basic information on the type of frame it is\n     * @param framesContent Stringified array of Frame objects\n     */\n    onSelectedFramesContentChanged = (framesContent: string) => {\n        const frames = JSON.parse(framesContent);\n        this.config.events.onSelectedFramesContentChanged.trigger(frames);\n\n        const singleFrameCallBack = this.config.onSelectedFrameContentChanged;\n        singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? null : frames[0]);\n    };\n\n    /**\n     * Listener on the general state of the document, gets triggered every time a change is done on the document.\n     */\n    onStateChanged = () => {\n        this.config.events.onStateChanged.trigger();\n    };\n\n    /**\n     * Listener on authentication expiration.\n     * The callback should resolve to the refreshed authentication. If the\n     * listener is not defined, the http requests from the connector will return\n     * 401 with no refetch of assets.\n     *\n     * When this emits it means either:\n     * - the grafxToken needs to be renewed\n     * - any other authentication needs to be renewed (user impersonation, static..)\n     *\n     * @param authRefreshRequest Stringified object of AuthRefreshRequest\n     */\n    onAuthExpired = async (authRefreshRequest: string) => {\n        const authCredentials = await this.config.handlers.onAuthExpired.trigger(JSON.parse(authRefreshRequest));\n        return authCredentials != null ? JSON.stringify(authCredentials) : null;\n    };\n\n    /**\n     * Listener on viewport request.\n     * The callback should resolve to the visible viewport. If the\n     * listener is not defined, the viewport will take full size.\n     *\n     * When this emits it means that the engine requested the viewport for a\n     * zoom to page call.\n     */\n    onViewportRequested = () => {\n        const viewport = this.config.handlers.onViewportRequested.trigger();\n        return viewport != null ? JSON.stringify(viewport) : null;\n    };\n\n    /**\n     * Listener on when the document is fully loaded.\n     */\n    onDocumentLoaded = () => {\n        this.config.events.onDocumentLoaded.trigger();\n    };\n\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     * To be implemented, gets triggered when clicking on the pageTitle on the canvas.\n     */\n    onPageSelectionChanged = (id: Id) => {\n        this.config.events.onPageSelectionChanged.trigger(id);\n    };\n\n    /**\n     * Listener on when variables change\n     * @param variablesJson Stringified array of Variable\n     */\n    onVariableListChanged = (variablesJson: string) => {\n        const parsed = JSON.parse(variablesJson) as Variable[];\n\n        const updated = parsed.map((variable) =>\n            variable.type === VariableType.list\n                ? {\n                      ...variable,\n                      items: ((variable as ListVariable).items as unknown as ListVariableItem[]).map(\n                          (item) => item.value,\n                      ),\n                      selected: ((variable as ListVariable).selected as unknown as ListVariableItem | undefined)?.value,\n                  }\n                : variable,\n        );\n\n        this.config.events.onVariableListChanged.trigger(updated);\n    };\n\n    /**\n     * Listener on when the tool has changed by the canvas\n     * @param tool the string representation of a certain tool\n     */\n    onSelectedToolChanged = (tool: string) => {\n        this.config.events.onSelectedToolChanged.trigger(tool as ToolType);\n    };\n\n    /**\n     * Listener on state changes\n     * @param undoState Stringified object of UndoState\n     */\n    onUndoStateChanged = (undoState: string) => {\n        this.config.events.onUndoStackStateChanged.trigger(JSON.parse(undoState));\n    };\n\n    /**\n     * Listener on custom undo data changes\n     *\n     * @param customData Stringified object of custom undo data\n     */\n    onCustomUndoDataChanged = (customData: string) => {\n        this.config.events.onCustomUndoDataChanged.trigger(JSON.parse(customData));\n    };\n\n    /**\n     * Listener on the state of the currently selected layout's frames, if this changes, this listener will get triggered with the updates\n     * @param layoutFrames Stringified object of Frames\n     */\n    onSelectedLayoutFramesChanged = (layoutFrames: string) => {\n        this.config.events.onSelectedLayoutFramesChanged.trigger(JSON.parse(layoutFrames));\n    };\n\n    /**\n     * Listener on the state of the currently selected text's styles, if this changes, this listener will get triggered with the updates\n     * @param styles Stringified object of styles\n     */\n    onSelectedTextStyleChanged = (styles: string) => {\n        this.config.events.onSelectedTextStyleChanged.trigger(JSON.parse(styles));\n    };\n\n    /**\n     * Listener on the state of the currently selected color's styles, if this changes, this listener will get triggered with the updates\n     * @param colors Stringified object of colors\n     */\n    onColorsChanged = (colors: string) => {\n        this.config.events.onColorsChanged.trigger(JSON.parse(colors));\n    };\n\n    /**\n     * Listener on paragraph styles, if this changes, this listener will get triggered with the updates\n     * @param paragraphStyles Stringified object of paragraph styles\n     */\n    onParagraphStylesChanged = (paragraphStyles: string) => {\n        this.config.events.onParagraphStylesChanged.trigger(JSON.parse(paragraphStyles));\n    };\n\n    /**\n     * Listener on character styles, if this changes, this listener will get triggered with the updates\n     * @param characterStyles Stringified object of character styles\n     */\n    onCharacterStylesChanged = (characterStyles: string) => {\n        this.config.events.onCharacterStylesChanged.trigger(JSON.parse(characterStyles));\n    };\n\n    /**\n     * Listener on fonts, if this changes, this listener will get triggered with the updates\n     * @param fonts Stringified object of font families\n     */\n    onFontFamiliesChanged = (fonts: string) => {\n        this.config.events.onFontFamiliesChanged.trigger(JSON.parse(fonts));\n    };\n\n    /**\n     * Listener on selected layout id, this listener will get triggered when a different layout is selected.\n     * @param id the currently selected layout id\n     */\n    onSelectedLayoutIdChanged = (id: Id) => {\n        this.config.events.onSelectedLayoutIdChanged.trigger(id);\n    };\n\n    /**\n     * Listener on layouts, this listener will get triggered when a (sub)layout is\n     * - created\n     * - removed\n     * - renamed\n     * - duplicated\n     * @param layouts Stringified object of layouts\n     */\n    onLayoutsChanged = (layouts: string) => {\n        this.config.events.onLayoutsChanged.trigger(JSON.parse(layouts));\n    };\n\n    /**\n     * Listener on scale factor of the canvas, this listener will get triggered when a zoom is applied to the canvas\n     * @param zoom Stringified scale factor\n     */\n    onZoomChanged = (zoom: string) => {\n        this.config.events.onZoomChanged.trigger(JSON.parse(zoom));\n    };\n\n    /**\n     * Listener on connector events, this listener will get triggered when a connector emits one of those events\n     * - reloadRequired\n     * - authChanged\n     * - unloaded\n     * - stateChanged\n     *\n     * stateChanged - this event will be triggered by connector states: loading, loaded, running, ready, error\n     * @param connectorEvent Stringified object of ConnectorEvent\n     */\n    onConnectorEvent = (connectorEvent: string) => {\n        this.config.events.onConnectorEvent.trigger(JSON.parse(connectorEvent));\n    };\n\n    /**\n     * Listener on connectors, if this changes, this listener will get triggered with the updates\n     * @param connectors Stringified array of ConnectorInstance type\n     */\n    onConnectorsChanged = (connectors: string) => {\n        const connectorCompatibilityTools = new ConnectorCompatibilityTools();\n        const compatibleConnectors = connectorCompatibilityTools.makeMultipleConnectorsBackwardsCompatible(\n            JSON.parse(connectors),\n            this.localConfig.get(WellKnownConfigurationKeys.GraFxStudioEnvironmentApiUrl),\n        );\n        this.config.events.onConnectorsChanged.trigger(compatibleConnectors);\n    };\n\n    /**\n     * @experimental\n     * Listener on when the selectedPageID is changed.\n     * @param pageId Stringified pageId\n     */\n    onSelectedPageIdChanged = (pageId: string) => {\n        this.config.events.onSelectedPageIdChanged.trigger(pageId);\n    };\n\n    /**\n     * @experimental\n     * Listener on pages list, this listener will get triggered when the pages are updated.\n     * @param pages Stringified object of the pages\n     */\n    onPagesChanged = (pages: string) => {\n        this.config.events.onPagesChanged.trigger(JSON.parse(pages));\n    };\n\n    /**\n     * @experimental\n     * Listener on pages snapshots, this will fire when a page snapshot is invalidated and should be updated.\n     * @param pageId id of the page\n     */\n    onPageSnapshotInvalidated = (pageId: Id) => {\n        this.config.events.onPageSnapshotInvalidated.trigger(pageId);\n    };\n    /**\n     * Listener on page size, this listener will get triggered when the page size is changed, while the document is a `project`.\n     * This will not emit anything if your document is a `template`.\n     * @param pageSize Stringified object of the PageSize\n     */\n    onPageSizeChanged = (pageSize: string) => {\n        this.config.events.onPageSizeChanged.trigger(JSON.parse(pageSize));\n    };\n\n    /**\n     * Listener on corner radii of rectangle and polygon shapes, this listener will get triggered when any corner radius is changed\n     * @param cornerRadius Stringified object of the CornerRadius\n     */\n    onShapeCornerRadiusChanged = (cornerRadius: string) => {\n        this.config.events.onShapeCornerRadiusChanged.trigger(JSON.parse(cornerRadius));\n    };\n\n    /**\n     * Listener of editor entering / exiting the crop mode\n     * @param id frame id when entering / null when exiting\n     */\n    onCropActiveFrameIdChanged = (id?: Id) => {\n        this.config.events.onCropActiveFrameIdChanged.trigger(id);\n    };\n\n    /**\n     * Listener on async errors.\n     * Async errors are thrown at times not directly tied to SDK calls.\n     * e.g. Getting an action error triggered after a late event.\n     *\n     * If this is an `ActionAsyncError`:\n     * - `id` refers to the action id\n     * - `event` refers to the event that triggered the action\n     * - `eventChain` refers the chain of events that lead to the action, first\n     * item being the closest parent.\n     * @param asyncError error triggered asynchronously\n     */\n    onAsyncError = (asyncError: string) => {\n        const parsedError = JSON.parse(asyncError);\n\n        if (parsedError?.type === 'dataRow') {\n            const dataRowException = new DataRowAsyncError(\n                parsedError.count,\n                parsedError.message,\n                parsedError.exceptions,\n            );\n\n            this.config.events.onAsyncError.trigger(dataRowException);\n        } else if (parsedError?.type === 'action') {\n            const actionException = new ActionAsyncError(\n                parsedError.message,\n                parsedError.id,\n                parsedError.event,\n                parsedError.eventChain,\n            );\n\n            this.config.events.onAsyncError.trigger(actionException);\n        } else {\n            this.config.events.onAsyncError.trigger(parsedError);\n        }\n    };\n\n    /**\n     * Listener on when the view mode has changed\n     * @param viewMode the string representation of a view mode\n     */\n    onViewModeChanged = (viewMode: string) => {\n        this.config.events.onViewModeChanged.trigger(viewMode as ViewMode);\n    };\n\n    /**\n     * Listener on when barcode frames change their validation state\n     *\n     * @param validationResults the json string representation of the validation results\n     */\n    onBarcodeValidationChanged = (validationResults: string) => {\n        this.config.events.onBarcodeValidationChanged.trigger(JSON.parse(validationResults));\n    };\n\n    /**\n     * Listener on when the data source has changed\n     *\n     * @param connectorId the id of the data connector\n     */\n    onDataSourceIdChanged = (connectorId?: Id) => {\n        this.config.events.onDataSourceIdChanged.trigger(connectorId);\n    };\n\n    /**\n     * Listener on when injected data has changed\n     *\n     * @param variableId the id of the injected data source variable\n     */\n    onInjectedDataChanged = (variableId: Id) => {\n        this.config.events.onInjectedDataChanged.trigger(variableId);\n    };\n\n    /**\n     * Listener on document issues, if this changes, this listener will get triggered with the updates\n     * @param documentIssues Stringified object of document issues\n     */\n    onDocumentIssueListChanged = (documentIssues: string) => {\n        this.config.events.onDocumentIssueListChanged.trigger(JSON.parse(documentIssues));\n    };\n\n    /**\n     * Listener on engine editing mode, if this changes, this listener will get triggered with the updates\n     * @param engineEditMode Stringified object of engine edit mode\n     */\n    onEngineEditModeChanged = (engineEditMode: string) => {\n        this.config.events.onEngineEditModeChanged.trigger(JSON.parse(engineEditMode));\n    };\n\n    /**\n     * Listener on brand kit media, if this changes, this listener will get triggered with the updates\n     * @param brandKitMedia Stringified array of BrandKitMedia objects\n     */\n    onBrandKitMediaChanged = (brandKitMedia: string) => {\n        this.config.events.onBrandKitMediaChanged.trigger(JSON.parse(brandKitMedia));\n    };\n}\n"],"names":["VariableType","ConnectorCompatibilityTools","WellKnownConfigurationKeys","DataRowAsyncError","ActionAsyncError"],"mappings":"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"}

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

@@ -243,6 +243,12 @@ export declare class SubscriberController {
      * @param connectorId the id of the data connector
      */
     onDataSourceIdChanged: (connectorId?: Id) => void;
+    /**
+     * Listener on when injected data has changed
+     *
+     * @param variableId the id of the injected data source variable
+     */
+    onInjectedDataChanged: (variableId: Id) => void;
     /**
      * Listener on document issues, if this changes, this listener will get triggered with the updates
      * @param documentIssues Stringified object of document issues

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriberController.es.js","sources":["../../../src/controllers/SubscriberController.ts"],"sourcesContent":["import { Id, RuntimeConfigType } from '../types/CommonTypes';\nimport { WellKnownConfigurationKeys } from '../types/ConfigurationTypes';\nimport { ListVariable, ListVariableItem, Variable, VariableType } from '../types/VariableTypes';\nimport { ViewMode } from '../types/ViewModeTypes';\nimport { ConnectorCompatibilityTools } from '../utils/ConnectorCompatibilityTools';\nimport { ToolType } from '../utils/Enums';\nimport { MeasurementUnit } from '../types/LayoutTypes';\nimport { ActionAsyncError, DataRowAsyncError } from '../exceptions';\n\n/**\n * The SubscriberController is responsible for all listeners which can influence the application-state from outside.\n * Callbacks inside this controller can be set by `window.SDK.subscriber.{method-name}`\n */\nexport class SubscriberController {\n    /**\n     * @ignore\n     */\n    private config: RuntimeConfigType;\n\n    /**\n     * @ignore\n     */\n    private localConfig: Map<string, string>;\n\n    /**\n     * @ignore\n     */\n    constructor(config: RuntimeConfigType, localConfig: Map<string, string>) {\n        this.config = config;\n        this.localConfig = localConfig;\n    }\n\n    /**\n     * Listener on actions, if this changes, this listener will get triggered with the updates\n     * @param actions Stringified array of DocumentAction type\n     */\n    onActionsChanged = (actions: string) => {\n        this.config.events.onActionsChanged.trigger(JSON.parse(actions));\n    };\n\n    /**\n     * Listener on when a certain animation gets changed\n     * @param animation Stringified array of FrameAnimationType\n     */\n    onAnimationChanged = (animation: string) => {\n        this.config.events.onFrameAnimationsChanged.trigger(JSON.parse(animation));\n    };\n\n    /**\n     * Listener on the playback state of the animation, it contains the current time of the playback (in milliseconds) and a flag that describes if the animation is currently playing\n     * @param animationPlaybackState Stringified array of AnimationPlaybackType\n     */\n    onAnimationPlaybackChanged = (animationPlaybackState: string) => {\n        this.config.events.onScrubberPositionChanged.trigger(JSON.parse(animationPlaybackState));\n    };\n\n    /**\n     * Listener on the state of the currently selected layout, if its properties are changed, this listener will get triggered with the new properties\n     * @param layoutProperties Stringified object of LayoutPropertiesType\n     */\n    onSelectedLayoutPropertiesChanged = (layoutProperties: string) => {\n        this.config.events.onSelectedLayoutPropertiesChanged.trigger(JSON.parse(layoutProperties));\n    };\n\n    /**\n     * Listener on the unit of the currently active layout. If you switch between layouts with different units, this listener will get triggered with the new unit\n     * If you switch the unit of a layout this listener will get triggered with the new unit\n     *\n     * @param unit Stringified object of MeasurementUnit\n     */\n    onSelectedLayoutUnitChanged = (unit: string) => {\n        this.config.events.onSelectedLayoutUnitChanged.trigger(unit as MeasurementUnit);\n    };\n\n    /**\n     * Listener on the state of all frames, if this changes, this listener will get triggered with the updates\n     * @param framesLayout Stringified array of FrameLayoutType objects\n     */\n    onFramesLayoutChanged = (framesLayout: string) => {\n        const frames = JSON.parse(framesLayout);\n        this.config.events.onFramesLayoutChanged.trigger(frames);\n    };\n\n    /**\n     * Listener on the state of the currently selected frames, if this changes, this listener will get triggered with the updates\n     * @param framesLayout Stringified array of FrameLayoutType objects\n     */\n    onSelectedFramesLayoutChanged = (framesLayout: string) => {\n        const frames = JSON.parse(framesLayout);\n        this.config.events.onSelectedFramesLayoutChanged.trigger(frames);\n\n        const singleFrameCallBack = this.config.onSelectedFrameLayoutChanged;\n        singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? undefined : frames[0]);\n    };\n\n    /**\n     * Listener on the state of the currently selected frame, it contains some basic information on the type of frame it is\n     * @param framesContent Stringified array of Frame objects\n     */\n    onSelectedFramesContentChanged = (framesContent: string) => {\n        const frames = JSON.parse(framesContent);\n        this.config.events.onSelectedFramesContentChanged.trigger(frames);\n\n        const singleFrameCallBack = this.config.onSelectedFrameContentChanged;\n        singleFrameCallBack && singleFrameCallBack(frames.length > 1 ? null : frames[0]);\n    };\n\n    /**\n     * Listener on the general state of the document, gets triggered every time a change is done on the document.\n     */\n    onStateChanged = () => {\n        this.config.events.onStateChanged.trigger();\n    };\n\n    /**\n     * Listener on authentication expiration.\n     * The callback should resolve to the refreshed authentication. If the\n     * listener is not defined, the http requests from the connector will return\n     * 401 with no refetch of assets.\n     *\n     * When this emits it means either:\n     * - the grafxToken needs to be renewed\n     * - any other authentication needs to be renewed (user impersonation, static..)\n     *\n     * @param authRefreshRequest Stringified object of AuthRefreshRequest\n     */\n    onAuthExpired = async (authRefreshRequest: string) => {\n        const authCredentials = await this.config.handlers.onAuthExpired.trigger(JSON.parse(authRefreshRequest));\n        return authCredentials != null ? JSON.stringify(authCredentials) : null;\n    };\n\n    /**\n     * Listener on viewport request.\n     * The callback should resolve to the visible viewport. If the\n     * listener is not defined, the viewport will take full size.\n     *\n     * When this emits it means that the engine requested the viewport for a\n     * zoom to page call.\n     */\n    onViewportRequested = () => {\n        const viewport = this.config.handlers.onViewportRequested.trigger();\n        return viewport != null ? JSON.stringify(viewport) : null;\n    };\n\n    /**\n     * Listener on when the document is fully loaded.\n     */\n    onDocumentLoaded = () => {\n        this.config.events.onDocumentLoaded.trigger();\n    };\n\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     * To be implemented, gets triggered when clicking on the pageTitle on the canvas.\n     */\n    onPageSelectionChanged = (id: Id) => {\n        this.config.events.onPageSelectionChanged.trigger(id);\n    };\n\n    /**\n     * Listener on when variables change\n     * @param variablesJson Stringified array of Variable\n     */\n    onVariableListChanged = (variablesJson: string) => {\n        const parsed = JSON.parse(variablesJson) as Variable[];\n\n        const updated = parsed.map((variable) =>\n            variable.type === VariableType.list\n                ? {\n                      ...variable,\n                      items: ((variable as ListVariable).items as unknown as ListVariableItem[]).map(\n                          (item) => item.value,\n                      ),\n                      selected: ((variable as ListVariable).selected as unknown as ListVariableItem | undefined)?.value,\n                  }\n                : variable,\n        );\n\n        this.config.events.onVariableListChanged.trigger(updated);\n    };\n\n    /**\n     * Listener on when the tool has changed by the canvas\n     * @param tool the string representation of a certain tool\n     */\n    onSelectedToolChanged = (tool: string) => {\n        this.config.events.onSelectedToolChanged.trigger(tool as ToolType);\n    };\n\n    /**\n     * Listener on state changes\n     * @param undoState Stringified object of UndoState\n     */\n    onUndoStateChanged = (undoState: string) => {\n        this.config.events.onUndoStackStateChanged.trigger(JSON.parse(undoState));\n    };\n\n    /**\n     * Listener on custom undo data changes\n     *\n     * @param customData Stringified object of custom undo data\n     */\n    onCustomUndoDataChanged = (customData: string) => {\n        this.config.events.onCustomUndoDataChanged.trigger(JSON.parse(customData));\n    };\n\n    /**\n     * Listener on the state of the currently selected layout's frames, if this changes, this listener will get triggered with the updates\n     * @param layoutFrames Stringified object of Frames\n     */\n    onSelectedLayoutFramesChanged = (layoutFrames: string) => {\n        this.config.events.onSelectedLayoutFramesChanged.trigger(JSON.parse(layoutFrames));\n    };\n\n    /**\n     * Listener on the state of the currently selected text's styles, if this changes, this listener will get triggered with the updates\n     * @param styles Stringified object of styles\n     */\n    onSelectedTextStyleChanged = (styles: string) => {\n        this.config.events.onSelectedTextStyleChanged.trigger(JSON.parse(styles));\n    };\n\n    /**\n     * Listener on the state of the currently selected color's styles, if this changes, this listener will get triggered with the updates\n     * @param colors Stringified object of colors\n     */\n    onColorsChanged = (colors: string) => {\n        this.config.events.onColorsChanged.trigger(JSON.parse(colors));\n    };\n\n    /**\n     * Listener on paragraph styles, if this changes, this listener will get triggered with the updates\n     * @param paragraphStyles Stringified object of paragraph styles\n     */\n    onParagraphStylesChanged = (paragraphStyles: string) => {\n        this.config.events.onParagraphStylesChanged.trigger(JSON.parse(paragraphStyles));\n    };\n\n    /**\n     * Listener on character styles, if this changes, this listener will get triggered with the updates\n     * @param characterStyles Stringified object of character styles\n     */\n    onCharacterStylesChanged = (characterStyles: string) => {\n        this.config.events.onCharacterStylesChanged.trigger(JSON.parse(characterStyles));\n    };\n\n    /**\n     * Listener on fonts, if this changes, this listener will get triggered with the updates\n     * @param fonts Stringified object of font families\n     */\n    onFontFamiliesChanged = (fonts: string) => {\n        this.config.events.onFontFamiliesChanged.trigger(JSON.parse(fonts));\n    };\n\n    /**\n     * Listener on selected layout id, this listener will get triggered when a different layout is selected.\n     * @param id the currently selected layout id\n     */\n    onSelectedLayoutIdChanged = (id: Id) => {\n        this.config.events.onSelectedLayoutIdChanged.trigger(id);\n    };\n\n    /**\n     * Listener on layouts, this listener will get triggered when a (sub)layout is\n     * - created\n     * - removed\n     * - renamed\n     * - duplicated\n     * @param layouts Stringified object of layouts\n     */\n    onLayoutsChanged = (layouts: string) => {\n        this.config.events.onLayoutsChanged.trigger(JSON.parse(layouts));\n    };\n\n    /**\n     * Listener on scale factor of the canvas, this listener will get triggered when a zoom is applied to the canvas\n     * @param zoom Stringified scale factor\n     */\n    onZoomChanged = (zoom: string) => {\n        this.config.events.onZoomChanged.trigger(JSON.parse(zoom));\n    };\n\n    /**\n     * Listener on connector events, this listener will get triggered when a connector emits one of those events\n     * - reloadRequired\n     * - authChanged\n     * - unloaded\n     * - stateChanged\n     *\n     * stateChanged - this event will be triggered by connector states: loading, loaded, running, ready, error\n     * @param connectorEvent Stringified object of ConnectorEvent\n     */\n    onConnectorEvent = (connectorEvent: string) => {\n        this.config.events.onConnectorEvent.trigger(JSON.parse(connectorEvent));\n    };\n\n    /**\n     * Listener on connectors, if this changes, this listener will get triggered with the updates\n     * @param connectors Stringified array of ConnectorInstance type\n     */\n    onConnectorsChanged = (connectors: string) => {\n        const connectorCompatibilityTools = new ConnectorCompatibilityTools();\n        const compatibleConnectors = connectorCompatibilityTools.makeMultipleConnectorsBackwardsCompatible(\n            JSON.parse(connectors),\n            this.localConfig.get(WellKnownConfigurationKeys.GraFxStudioEnvironmentApiUrl),\n        );\n        this.config.events.onConnectorsChanged.trigger(compatibleConnectors);\n    };\n\n    /**\n     * @experimental\n     * Listener on when the selectedPageID is changed.\n     * @param pageId Stringified pageId\n     */\n    onSelectedPageIdChanged = (pageId: string) => {\n        this.config.events.onSelectedPageIdChanged.trigger(pageId);\n    };\n\n    /**\n     * @experimental\n     * Listener on pages list, this listener will get triggered when the pages are updated.\n     * @param pages Stringified object of the pages\n     */\n    onPagesChanged = (pages: string) => {\n        this.config.events.onPagesChanged.trigger(JSON.parse(pages));\n    };\n\n    /**\n     * @experimental\n     * Listener on pages snapshots, this will fire when a page snapshot is invalidated and should be updated.\n     * @param pageId id of the page\n     */\n    onPageSnapshotInvalidated = (pageId: Id) => {\n        this.config.events.onPageSnapshotInvalidated.trigger(pageId);\n    };\n    /**\n     * Listener on page size, this listener will get triggered when the page size is changed, while the document is a `project`.\n     * This will not emit anything if your document is a `template`.\n     * @param pageSize Stringified object of the PageSize\n     */\n    onPageSizeChanged = (pageSize: string) => {\n        this.config.events.onPageSizeChanged.trigger(JSON.parse(pageSize));\n    };\n\n    /**\n     * Listener on corner radii of rectangle and polygon shapes, this listener will get triggered when any corner radius is changed\n     * @param cornerRadius Stringified object of the CornerRadius\n     */\n    onShapeCornerRadiusChanged = (cornerRadius: string) => {\n        this.config.events.onShapeCornerRadiusChanged.trigger(JSON.parse(cornerRadius));\n    };\n\n    /**\n     * Listener of editor entering / exiting the crop mode\n     * @param id frame id when entering / null when exiting\n     */\n    onCropActiveFrameIdChanged = (id?: Id) => {\n        this.config.events.onCropActiveFrameIdChanged.trigger(id);\n    };\n\n    /**\n     * Listener on async errors.\n     * Async errors are thrown at times not directly tied to SDK calls.\n     * e.g. Getting an action error triggered after a late event.\n     *\n     * If this is an `ActionAsyncError`:\n     * - `id` refers to the action id\n     * - `event` refers to the event that triggered the action\n     * - `eventChain` refers the chain of events that lead to the action, first\n     * item being the closest parent.\n     * @param asyncError error triggered asynchronously\n     */\n    onAsyncError = (asyncError: string) => {\n        const parsedError = JSON.parse(asyncError);\n\n        if (parsedError?.type === 'dataRow') {\n            const dataRowException = new DataRowAsyncError(\n                parsedError.count,\n                parsedError.message,\n                parsedError.exceptions,\n            );\n\n            this.config.events.onAsyncError.trigger(dataRowException);\n        } else if (parsedError?.type === 'action') {\n            const actionException = new ActionAsyncError(\n                parsedError.message,\n                parsedError.id,\n                parsedError.event,\n                parsedError.eventChain,\n            );\n\n            this.config.events.onAsyncError.trigger(actionException);\n        } else {\n            this.config.events.onAsyncError.trigger(parsedError);\n        }\n    };\n\n    /**\n     * Listener on when the view mode has changed\n     * @param viewMode the string representation of a view mode\n     */\n    onViewModeChanged = (viewMode: string) => {\n        this.config.events.onViewModeChanged.trigger(viewMode as ViewMode);\n    };\n\n    /**\n     * Listener on when barcode frames change their validation state\n     *\n     * @param validationResults the json string representation of the validation results\n     */\n    onBarcodeValidationChanged = (validationResults: string) => {\n        this.config.events.onBarcodeValidationChanged.trigger(JSON.parse(validationResults));\n    };\n\n    /**\n     * Listener on when the data source has changed\n     *\n     * @param connectorId the id of the data connector\n     */\n    onDataSourceIdChanged = (connectorId?: Id) => {\n        this.config.events.onDataSourceIdChanged.trigger(connectorId);\n    };\n\n    /**\n     * Listener on when injected data has changed\n     *\n     * @param variableId the id of the injected data source variable\n     */\n    onInjectedDataChanged = (variableId: Id) => {\n        this.config.events.onInjectedDataChanged.trigger(variableId);\n    };\n\n    /**\n     * Listener on document issues, if this changes, this listener will get triggered with the updates\n     * @param documentIssues Stringified object of document issues\n     */\n    onDocumentIssueListChanged = (documentIssues: string) => {\n        this.config.events.onDocumentIssueListChanged.trigger(JSON.parse(documentIssues));\n    };\n\n    /**\n     * Listener on engine editing mode, if this changes, this listener will get triggered with the updates\n     * @param engineEditMode Stringified object of engine edit mode\n     */\n    onEngineEditModeChanged = (engineEditMode: string) => {\n        this.config.events.onEngineEditModeChanged.trigger(JSON.parse(engineEditMode));\n    };\n\n    /**\n     * Listener on brand kit media, if this changes, this listener will get triggered with the updates\n     * @param brandKitMedia Stringified array of BrandKitMedia objects\n     */\n    onBrandKitMediaChanged = (brandKitMedia: string) => {\n        this.config.events.onBrandKitMediaChanged.trigger(JSON.parse(brandKitMedia));\n    };\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+"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 TextStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.set = async (style) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.selectedTextStyleDeltaUpdate(JSON.stringify(style)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.removeSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.selectedTextStyleClean().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getSelectedTextStyle().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.TextStyleController = TextStyleController;
+//# sourceMappingURL=TextStyleController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleController.cjs.js","sources":["../../../src/controllers/TextStyleController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { SelectedTextStyle, TextStyleUpdateType } from '../types/TextStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The TextStyleController is responsible for all communication regarding text styles.\n * Methods inside this controller can be called by `window.SDK.textStyle.{method-name}`\n */\nexport class TextStyleController {\n    /**\n     * @ignore\n     */\n    readonly #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method updates a selected Text's style properties\n     * @returns\n     */\n    set = async (style: TextStyleUpdateType) => {\n        const res = await this.#editorAPI;\n        return res\n            .selectedTextStyleDeltaUpdate(JSON.stringify(style))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a selected Text's style properties\n     * If the text is selected, then the inline style properties will be removed\n     * If the text is not selected and user tried to change any style property, the temporary style will be removed\n     * if there is no text selection and there is no temporary style, the inline paragraph properties will be removed\n     * @returns\n     */\n    removeSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.selectedTextStyleClean().then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method gets a selected Text's style properties\n     * @returns\n     */\n    getSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.getSelectedTextStyle().then((result) => getEditorResponseData<SelectedTextStyle>(result));\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAQO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALzB;AAAA;AAAA;AAAA;AAaT,SAAA,MAAM,OAAO,UAA+B;AACxC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,6BAA6B,KAAK,UAAU,KAAK,CAAC,EAClD,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AASA,SAAA,iBAAiB,YAAY;AACzB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,yBAAyB,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC5F;AAMA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAWA,mBAAAA,sBAAyC,MAAM,CAAC;AAAA,IACvG;AAjCI,uBAAK,YAAa;AAAA,EACtB;AAiCJ;AAxCa;;"}

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

@@ -0,0 +1,38 @@
+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 TextStyleController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.set = async (style) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.selectedTextStyleDeltaUpdate(JSON.stringify(style)).then((result) => getEditorResponseData(result));
+    };
+    this.removeSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.selectedTextStyleClean().then((result) => getEditorResponseData(result));
+    };
+    this.getSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getSelectedTextStyle().then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  TextStyleController
+};
+//# sourceMappingURL=TextStyleController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleController.es.js","sources":["../../../src/controllers/TextStyleController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { SelectedTextStyle, TextStyleUpdateType } from '../types/TextStyleTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The TextStyleController is responsible for all communication regarding text styles.\n * Methods inside this controller can be called by `window.SDK.textStyle.{method-name}`\n */\nexport class TextStyleController {\n    /**\n     * @ignore\n     */\n    readonly #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * This method updates a selected Text's style properties\n     * @returns\n     */\n    set = async (style: TextStyleUpdateType) => {\n        const res = await this.#editorAPI;\n        return res\n            .selectedTextStyleDeltaUpdate(JSON.stringify(style))\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method removes a selected Text's style properties\n     * If the text is selected, then the inline style properties will be removed\n     * If the text is not selected and user tried to change any style property, the temporary style will be removed\n     * if there is no text selection and there is no temporary style, the inline paragraph properties will be removed\n     * @returns\n     */\n    removeSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.selectedTextStyleClean().then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method gets a selected Text's style properties\n     * @returns\n     */\n    getSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.getSelectedTextStyle().then((result) => getEditorResponseData<SelectedTextStyle>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALzB;AAAA;AAAA;AAAA;AAaT,SAAA,MAAM,OAAO,UAA+B;AACxC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,6BAA6B,KAAK,UAAU,KAAK,CAAC,EAClD,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AASA,SAAA,iBAAiB,YAAY;AACzB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,yBAAyB,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC5F;AAMA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,uBAAuB,KAAK,CAAC,WAAW,sBAAyC,MAAM,CAAC;AAAA,IACvG;AAjCI,uBAAK,YAAa;AAAA,EACtB;AAiCJ;AAxCa;"}

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

@@ -0,0 +1,65 @@
+"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 Enums = require("../utils/Enums.cjs.js");
+const EditorResponseData = require("../utils/EditorResponseData.cjs.js");
+class ToolController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.setTool = async (tool) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setTool(tool).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.getSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getSelectedTool().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.setPointer = async () => {
+      return this.setTool(Enums.ToolType.SELECT);
+    };
+    this.setSelect = async () => {
+      return this.setTool(Enums.ToolType.SELECT);
+    };
+    this.setHand = async () => {
+      return this.setTool(Enums.ToolType.HAND);
+    };
+    this.setZoom = async () => {
+      return this.setTool(Enums.ToolType.ZOOM);
+    };
+    this.setTextFrame = async () => {
+      return this.setTool(Enums.ToolType.TEXT_FRAME);
+    };
+    this.setImageFrame = async () => {
+      return this.setTool(Enums.ToolType.IMAGE_FRAME);
+    };
+    this.setShapeRect = async () => {
+      return this.setTool(Enums.ToolType.SHAPE_RECT);
+    };
+    this.setShapeEllipse = async () => {
+      return this.setTool(Enums.ToolType.SHAPE_ELLIPSE);
+    };
+    this.setShapePolygon = async () => {
+      return this.setTool(Enums.ToolType.SHAPE_POLYGON);
+    };
+    this.setComponentGrid = async () => {
+      return this.setTool(Enums.ToolType.COMPONENT_GRID_FRAME);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.ToolController = ToolController;
+//# sourceMappingURL=ToolController.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolController.cjs.js","sources":["../../../src/controllers/ToolController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { ToolType } from '../utils/Enums';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ToolController is responsible for all communication regarding the tools.\n * Methods inside this controller can be called by `window.SDK.tool.{method-name}`\n */\nexport class ToolController {\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 sets the currently used tool\n     * @param tool\n     */\n    setTool = async (tool: ToolType) => {\n        const res = await this.#editorAPI;\n        return res.setTool(tool).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns selected tool\n     */\n    getSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.getSelectedTool().then((result) => getEditorResponseData<ToolType>(result));\n    };\n\n    /**\n     * @deprecated\n     * This method sets the used tool to the select tool.\n     * This method is deprecated in favour of the setSelect tool setter.\n     */\n    setPointer = async () => {\n        return this.setTool(ToolType.SELECT);\n    };\n\n    /**\n     * This method sets the used tool to the select tool.\n     */\n    setSelect = async () => {\n        return this.setTool(ToolType.SELECT);\n    };\n\n    /**\n     * This method sets the used tool to the Move tool\n     */\n    setHand = async () => {\n        return this.setTool(ToolType.HAND);\n    };\n\n    /**\n     * This method sets the used tool to the Zoom tool\n     */\n    setZoom = async () => {\n        return this.setTool(ToolType.ZOOM);\n    };\n\n    /**\n     * This method sets the used tool to the TextFrame tool\n     */\n    setTextFrame = async () => {\n        return this.setTool(ToolType.TEXT_FRAME);\n    };\n\n    /**\n     * This method sets the used tool to the ImageFrame tool\n     */\n    setImageFrame = async () => {\n        return this.setTool(ToolType.IMAGE_FRAME);\n    };\n\n    /**\n     * This method sets the used tool to the ShapeRectangle tool\n     */\n    setShapeRect = async () => {\n        return this.setTool(ToolType.SHAPE_RECT);\n    };\n\n    /**\n     * This method sets the used tool to the ShapeEllipse tool\n     */\n    setShapeEllipse = async () => {\n        return this.setTool(ToolType.SHAPE_ELLIPSE);\n    };\n\n    /**\n     * This method sets the used tool to the ShapePolygon tool\n     */\n    setShapePolygon = async () => {\n        return this.setTool(ToolType.SHAPE_POLYGON);\n    };\n\n    /**\n     * This method sets the used tool to the ComponentGrid tool\n     */\n    setComponentGrid = async () => {\n        return this.setTool(ToolType.COMPONENT_GRID_FRAME);\n    };\n}\n"],"names":["getEditorResponseData","ToolType"],"mappings":";;;;;;;;;;;;AAQO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EASxB,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,UAAU,OAAO,SAAmB;AAChC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IACjF;AAKA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,kBAAkB,KAAK,CAAC,WAAWA,mBAAAA,sBAAgC,MAAM,CAAC;AAAA,IACzF;AAOA,SAAA,aAAa,YAAY;AACrB,aAAO,KAAK,QAAQC,MAAAA,SAAS,MAAM;AAAA,IACvC;AAKA,SAAA,YAAY,YAAY;AACpB,aAAO,KAAK,QAAQA,MAAAA,SAAS,MAAM;AAAA,IACvC;AAKA,SAAA,UAAU,YAAY;AAClB,aAAO,KAAK,QAAQA,MAAAA,SAAS,IAAI;AAAA,IACrC;AAKA,SAAA,UAAU,YAAY;AAClB,aAAO,KAAK,QAAQA,MAAAA,SAAS,IAAI;AAAA,IACrC;AAKA,SAAA,eAAe,YAAY;AACvB,aAAO,KAAK,QAAQA,MAAAA,SAAS,UAAU;AAAA,IAC3C;AAKA,SAAA,gBAAgB,YAAY;AACxB,aAAO,KAAK,QAAQA,MAAAA,SAAS,WAAW;AAAA,IAC5C;AAKA,SAAA,eAAe,YAAY;AACvB,aAAO,KAAK,QAAQA,MAAAA,SAAS,UAAU;AAAA,IAC3C;AAKA,SAAA,kBAAkB,YAAY;AAC1B,aAAO,KAAK,QAAQA,MAAAA,SAAS,aAAa;AAAA,IAC9C;AAKA,SAAA,kBAAkB,YAAY;AAC1B,aAAO,KAAK,QAAQA,MAAAA,SAAS,aAAa;AAAA,IAC9C;AAKA,SAAA,mBAAmB,YAAY;AAC3B,aAAO,KAAK,QAAQA,MAAAA,SAAS,oBAAoB;AAAA,IACrD;AA1FI,uBAAK,YAAa;AAAA,EACtB;AA0FJ;AAjGI;;"}

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

@@ -57,4 +57,8 @@ export declare class ToolController {
      * This method sets the used tool to the ShapePolygon tool
      */
     setShapePolygon: () => Promise<import('../types/CommonTypes').EditorResponse<null>>;
+    /**
+     * This method sets the used tool to the ComponentGrid tool
+     */
+    setComponentGrid: () => Promise<import('../types/CommonTypes').EditorResponse<null>>;
 }

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

@@ -0,0 +1,65 @@
+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 { ToolType } from "../utils/Enums.es.js";
+import { getEditorResponseData } from "../utils/EditorResponseData.es.js";
+class ToolController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.setTool = async (tool) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setTool(tool).then((result) => getEditorResponseData(result));
+    };
+    this.getSelected = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getSelectedTool().then((result) => getEditorResponseData(result));
+    };
+    this.setPointer = async () => {
+      return this.setTool(ToolType.SELECT);
+    };
+    this.setSelect = async () => {
+      return this.setTool(ToolType.SELECT);
+    };
+    this.setHand = async () => {
+      return this.setTool(ToolType.HAND);
+    };
+    this.setZoom = async () => {
+      return this.setTool(ToolType.ZOOM);
+    };
+    this.setTextFrame = async () => {
+      return this.setTool(ToolType.TEXT_FRAME);
+    };
+    this.setImageFrame = async () => {
+      return this.setTool(ToolType.IMAGE_FRAME);
+    };
+    this.setShapeRect = async () => {
+      return this.setTool(ToolType.SHAPE_RECT);
+    };
+    this.setShapeEllipse = async () => {
+      return this.setTool(ToolType.SHAPE_ELLIPSE);
+    };
+    this.setShapePolygon = async () => {
+      return this.setTool(ToolType.SHAPE_POLYGON);
+    };
+    this.setComponentGrid = async () => {
+      return this.setTool(ToolType.COMPONENT_GRID_FRAME);
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  ToolController
+};
+//# sourceMappingURL=ToolController.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolController.es.js","sources":["../../../src/controllers/ToolController.ts"],"sourcesContent":["import { EditorAPI } from '../types/CommonTypes';\nimport { ToolType } from '../utils/Enums';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * The ToolController is responsible for all communication regarding the tools.\n * Methods inside this controller can be called by `window.SDK.tool.{method-name}`\n */\nexport class ToolController {\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 sets the currently used tool\n     * @param tool\n     */\n    setTool = async (tool: ToolType) => {\n        const res = await this.#editorAPI;\n        return res.setTool(tool).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns selected tool\n     */\n    getSelected = async () => {\n        const res = await this.#editorAPI;\n        return res.getSelectedTool().then((result) => getEditorResponseData<ToolType>(result));\n    };\n\n    /**\n     * @deprecated\n     * This method sets the used tool to the select tool.\n     * This method is deprecated in favour of the setSelect tool setter.\n     */\n    setPointer = async () => {\n        return this.setTool(ToolType.SELECT);\n    };\n\n    /**\n     * This method sets the used tool to the select tool.\n     */\n    setSelect = async () => {\n        return this.setTool(ToolType.SELECT);\n    };\n\n    /**\n     * This method sets the used tool to the Move tool\n     */\n    setHand = async () => {\n        return this.setTool(ToolType.HAND);\n    };\n\n    /**\n     * This method sets the used tool to the Zoom tool\n     */\n    setZoom = async () => {\n        return this.setTool(ToolType.ZOOM);\n    };\n\n    /**\n     * This method sets the used tool to the TextFrame tool\n     */\n    setTextFrame = async () => {\n        return this.setTool(ToolType.TEXT_FRAME);\n    };\n\n    /**\n     * This method sets the used tool to the ImageFrame tool\n     */\n    setImageFrame = async () => {\n        return this.setTool(ToolType.IMAGE_FRAME);\n    };\n\n    /**\n     * This method sets the used tool to the ShapeRectangle tool\n     */\n    setShapeRect = async () => {\n        return this.setTool(ToolType.SHAPE_RECT);\n    };\n\n    /**\n     * This method sets the used tool to the ShapeEllipse tool\n     */\n    setShapeEllipse = async () => {\n        return this.setTool(ToolType.SHAPE_ELLIPSE);\n    };\n\n    /**\n     * This method sets the used tool to the ShapePolygon tool\n     */\n    setShapePolygon = async () => {\n        return this.setTool(ToolType.SHAPE_POLYGON);\n    };\n\n    /**\n     * This method sets the used tool to the ComponentGrid tool\n     */\n    setComponentGrid = async () => {\n        return this.setTool(ToolType.COMPONENT_GRID_FRAME);\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;;AAQO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EASxB,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,UAAU,OAAO,SAAmB;AAChC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,QAAQ,IAAI,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACjF;AAKA,SAAA,cAAc,YAAY;AACtB,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,kBAAkB,KAAK,CAAC,WAAW,sBAAgC,MAAM,CAAC;AAAA,IACzF;AAOA,SAAA,aAAa,YAAY;AACrB,aAAO,KAAK,QAAQ,SAAS,MAAM;AAAA,IACvC;AAKA,SAAA,YAAY,YAAY;AACpB,aAAO,KAAK,QAAQ,SAAS,MAAM;AAAA,IACvC;AAKA,SAAA,UAAU,YAAY;AAClB,aAAO,KAAK,QAAQ,SAAS,IAAI;AAAA,IACrC;AAKA,SAAA,UAAU,YAAY;AAClB,aAAO,KAAK,QAAQ,SAAS,IAAI;AAAA,IACrC;AAKA,SAAA,eAAe,YAAY;AACvB,aAAO,KAAK,QAAQ,SAAS,UAAU;AAAA,IAC3C;AAKA,SAAA,gBAAgB,YAAY;AACxB,aAAO,KAAK,QAAQ,SAAS,WAAW;AAAA,IAC5C;AAKA,SAAA,eAAe,YAAY;AACvB,aAAO,KAAK,QAAQ,SAAS,UAAU;AAAA,IAC3C;AAKA,SAAA,kBAAkB,YAAY;AAC1B,aAAO,KAAK,QAAQ,SAAS,aAAa;AAAA,IAC9C;AAKA,SAAA,kBAAkB,YAAY;AAC1B,aAAO,KAAK,QAAQ,SAAS,aAAa;AAAA,IAC9C;AAKA,SAAA,mBAAmB,YAAY;AAC3B,aAAO,KAAK,QAAQ,SAAS,oBAAoB;AAAA,IACrD;AA1FI,uBAAK,YAAa;AAAA,EACtB;AA0FJ;AAjGI;"}