@chili-publish/studio-sdk 1.45.0 → 1.46.0

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

@@ -30,6 +30,10 @@ class ComponentController {
       const res = await __privateGet(this, _editorAPI);
       return res.setComponentLayoutFit(frameId, fitMode).then((result) => EditorResponseData.getEditorResponseData(result));
     };
+    this.resetFitMode = async (frameId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.resetComponentLayoutFit(frameId).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
     __privateSet(this, _editorAPI, editorAPI);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentController.cjs.js","sources":["../../../src/controllers/ComponentController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ComponentFitEnum } from '../types/FrameTypes';\nimport { Variable } from '../types/VariableTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * @experimental This controller is experimental and may change without warning.\n * The ComponentController is responsible for all communication regarding Component frames.\n * Methods inside this controller can be called by `window.SDK.component.{method-name}`\n */\nexport class ComponentController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * @experimental This method will link (or unlink) a variable from the template to the component frame\n     * @param id the id of the componentFrame that needs to be updated.\n     * @param target the id of the variable, inside the component, that will be linked (or unlinked) to the source variable.\n     * @param source the id of the source variable from the template. If not provided, the variable will be unlinked.\n     * @param sourceField the field of the data source variable.\n     * @returns\n     */\n    linkVariable = async (frameId: Id, target: Id, source?: Id, sourceField?: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .linkComponentVariable(frameId, target, source, sourceField ?? null)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns the list of variables of a component frame.\n     * @param id the id of the componentFrame.\n     * @returns\n     */\n    getComponentVariables = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.getComponentVariables(frameId).then((result) => getEditorResponseData<Variable[]>(result));\n    };\n\n    /**\n     * This method sets the fit mode of a component frame.\n     * @param frameId the id of the component frame.\n     * @param fitMode the fit mode to set.\n     * @returns\n     */\n    setFitMode = async (frameId: Id, fitMode: ComponentFitEnum) => {\n        const res = await this.#editorAPI;\n        return res.setComponentLayoutFit(frameId, fitMode).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAiBA,SAAA,eAAe,OAAO,SAAa,QAAY,QAAa,gBAAyB;AACjF,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,SAAS,QAAQ,QAAQ,eAAe,IAAI,EAClE,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,wBAAwB,OAAO,YAAgB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,OAAO,EAAE,KAAK,CAAC,WAAWA,yCAAkC,MAAM,CAAC;AAAA,IACxG;AAQA,SAAA,aAAa,OAAO,SAAa,YAA8B;AAC3D,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,SAAS,OAAO,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC3G;AArCI,uBAAK,YAAa;AAAA,EACtB;AAqCJ;AA5CI;;"}
+{"version":3,"file":"ComponentController.cjs.js","sources":["../../../src/controllers/ComponentController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ComponentFitEnum } from '../types/FrameTypes';\nimport { Variable } from '../types/VariableTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * @experimental This controller is experimental and may change without warning.\n * The ComponentController is responsible for all communication regarding Component frames.\n * Methods inside this controller can be called by `window.SDK.component.{method-name}`\n */\nexport class ComponentController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * @experimental This method will link (or unlink) a variable from the template to the component frame\n     * @param id the id of the componentFrame that needs to be updated.\n     * @param target the id of the variable, inside the component, that will be linked (or unlinked) to the source variable.\n     * @param source the id of the source variable from the template. If not provided, the variable will be unlinked.\n     * @param sourceField the field of the data source variable.\n     * @returns\n     */\n    linkVariable = async (frameId: Id, target: Id, source?: Id, sourceField?: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .linkComponentVariable(frameId, target, source, sourceField ?? null)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns the list of variables of a component frame.\n     * @param id the id of the componentFrame.\n     * @returns\n     */\n    getComponentVariables = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.getComponentVariables(frameId).then((result) => getEditorResponseData<Variable[]>(result));\n    };\n\n    /**\n     * This method sets the fit mode of a component frame.\n     * @param frameId the id of the component frame.\n     * @param fitMode the fit mode to set.\n     * @returns\n     */\n    setFitMode = async (frameId: Id, fitMode: ComponentFitEnum) => {\n        const res = await this.#editorAPI;\n        return res.setComponentLayoutFit(frameId, fitMode).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method resets the fit mode of a component frame to its default value.\n     * @param frameId the id of the component frame.\n     * @returns\n     */\n    resetFitMode = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.resetComponentLayoutFit(frameId).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAUO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAiBA,SAAA,eAAe,OAAO,SAAa,QAAY,QAAa,gBAAyB;AACjF,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,SAAS,QAAQ,QAAQ,eAAe,IAAI,EAClE,KAAK,CAAC,WAAWA,mBAAAA,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,wBAAwB,OAAO,YAAgB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,OAAO,EAAE,KAAK,CAAC,WAAWA,yCAAkC,MAAM,CAAC;AAAA,IACxG;AAQA,SAAA,aAAa,OAAO,SAAa,YAA8B;AAC3D,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,SAAS,OAAO,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IAC3G;AAOA,SAAA,eAAe,OAAO,YAAgB;AAClC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,OAAO,EAAE,KAAK,CAAC,WAAWA,yCAA4B,MAAM,CAAC;AAAA,IACpG;AA/CI,uBAAK,YAAa;AAAA,EACtB;AA+CJ;AAtDI;;"}

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

@@ -34,4 +34,10 @@ export declare class ComponentController {
      * @returns
      */
     setFitMode: (frameId: Id, fitMode: ComponentFitEnum) => Promise<import('../types/CommonTypes').EditorResponse<null>>;
+    /**
+     * This method resets the fit mode of a component frame to its default value.
+     * @param frameId the id of the component frame.
+     * @returns
+     */
+    resetFitMode: (frameId: Id) => Promise<import('../types/CommonTypes').EditorResponse<null>>;
 }

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

@@ -28,6 +28,10 @@ class ComponentController {
       const res = await __privateGet(this, _editorAPI);
       return res.setComponentLayoutFit(frameId, fitMode).then((result) => getEditorResponseData(result));
     };
+    this.resetFitMode = async (frameId) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.resetComponentLayoutFit(frameId).then((result) => getEditorResponseData(result));
+    };
     __privateSet(this, _editorAPI, editorAPI);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ComponentController.es.js","sources":["../../../src/controllers/ComponentController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ComponentFitEnum } from '../types/FrameTypes';\nimport { Variable } from '../types/VariableTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * @experimental This controller is experimental and may change without warning.\n * The ComponentController is responsible for all communication regarding Component frames.\n * Methods inside this controller can be called by `window.SDK.component.{method-name}`\n */\nexport class ComponentController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * @experimental This method will link (or unlink) a variable from the template to the component frame\n     * @param id the id of the componentFrame that needs to be updated.\n     * @param target the id of the variable, inside the component, that will be linked (or unlinked) to the source variable.\n     * @param source the id of the source variable from the template. If not provided, the variable will be unlinked.\n     * @param sourceField the field of the data source variable.\n     * @returns\n     */\n    linkVariable = async (frameId: Id, target: Id, source?: Id, sourceField?: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .linkComponentVariable(frameId, target, source, sourceField ?? null)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns the list of variables of a component frame.\n     * @param id the id of the componentFrame.\n     * @returns\n     */\n    getComponentVariables = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.getComponentVariables(frameId).then((result) => getEditorResponseData<Variable[]>(result));\n    };\n\n    /**\n     * This method sets the fit mode of a component frame.\n     * @param frameId the id of the component frame.\n     * @param fitMode the fit mode to set.\n     * @returns\n     */\n    setFitMode = async (frameId: Id, fitMode: ComponentFitEnum) => {\n        const res = await this.#editorAPI;\n        return res.setComponentLayoutFit(frameId, fitMode).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAiBA,SAAA,eAAe,OAAO,SAAa,QAAY,QAAa,gBAAyB;AACjF,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,SAAS,QAAQ,QAAQ,eAAe,IAAI,EAClE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,wBAAwB,OAAO,YAAgB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,OAAO,EAAE,KAAK,CAAC,WAAW,sBAAkC,MAAM,CAAC;AAAA,IACxG;AAQA,SAAA,aAAa,OAAO,SAAa,YAA8B;AAC3D,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,SAAS,OAAO,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC3G;AArCI,uBAAK,YAAa;AAAA,EACtB;AAqCJ;AA5CI;"}
+{"version":3,"file":"ComponentController.es.js","sources":["../../../src/controllers/ComponentController.ts"],"sourcesContent":["import { EditorAPI, Id } from '../types/CommonTypes';\nimport { ComponentFitEnum } from '../types/FrameTypes';\nimport { Variable } from '../types/VariableTypes';\nimport { getEditorResponseData } from '../utils/EditorResponseData';\n\n/**\n * @experimental This controller is experimental and may change without warning.\n * The ComponentController is responsible for all communication regarding Component frames.\n * Methods inside this controller can be called by `window.SDK.component.{method-name}`\n */\nexport class ComponentController {\n    /**\n     * @ignore\n     */\n    #editorAPI: EditorAPI;\n\n    /**\n     * @ignore\n     */\n    constructor(editorAPI: EditorAPI) {\n        this.#editorAPI = editorAPI;\n    }\n\n    /**\n     * @experimental This method will link (or unlink) a variable from the template to the component frame\n     * @param id the id of the componentFrame that needs to be updated.\n     * @param target the id of the variable, inside the component, that will be linked (or unlinked) to the source variable.\n     * @param source the id of the source variable from the template. If not provided, the variable will be unlinked.\n     * @param sourceField the field of the data source variable.\n     * @returns\n     */\n    linkVariable = async (frameId: Id, target: Id, source?: Id, sourceField?: string) => {\n        const res = await this.#editorAPI;\n        return res\n            .linkComponentVariable(frameId, target, source, sourceField ?? null)\n            .then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method returns the list of variables of a component frame.\n     * @param id the id of the componentFrame.\n     * @returns\n     */\n    getComponentVariables = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.getComponentVariables(frameId).then((result) => getEditorResponseData<Variable[]>(result));\n    };\n\n    /**\n     * This method sets the fit mode of a component frame.\n     * @param frameId the id of the component frame.\n     * @param fitMode the fit mode to set.\n     * @returns\n     */\n    setFitMode = async (frameId: Id, fitMode: ComponentFitEnum) => {\n        const res = await this.#editorAPI;\n        return res.setComponentLayoutFit(frameId, fitMode).then((result) => getEditorResponseData<null>(result));\n    };\n\n    /**\n     * This method resets the fit mode of a component frame to its default value.\n     * @param frameId the id of the component frame.\n     * @returns\n     */\n    resetFitMode = async (frameId: Id) => {\n        const res = await this.#editorAPI;\n        return res.resetComponentLayoutFit(frameId).then((result) => getEditorResponseData<null>(result));\n    };\n}\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAS7B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAiBA,SAAA,eAAe,OAAO,SAAa,QAAY,QAAa,gBAAyB;AACjF,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IACF,sBAAsB,SAAS,QAAQ,QAAQ,eAAe,IAAI,EAClE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC7D;AAOA,SAAA,wBAAwB,OAAO,YAAgB;AAC3C,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,OAAO,EAAE,KAAK,CAAC,WAAW,sBAAkC,MAAM,CAAC;AAAA,IACxG;AAQA,SAAA,aAAa,OAAO,SAAa,YAA8B;AAC3D,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,sBAAsB,SAAS,OAAO,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IAC3G;AAOA,SAAA,eAAe,OAAO,YAAgB;AAClC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,wBAAwB,OAAO,EAAE,KAAK,CAAC,WAAW,sBAA4B,MAAM,CAAC;AAAA,IACpG;AA/CI,uBAAK,YAAa;AAAA,EACtB;AA+CJ;AAtDI;"}

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

@@ -180,6 +180,9 @@ class SubscriberController {
     this.onBrandKitMediaChanged = (brandKitMedia) => {
       this.config.events.onBrandKitMediaChanged.trigger(JSON.parse(brandKitMedia));
     };
+    this.onCanvasFramesManipulated = (frameIds) => {
+      this.config.events.onCanvasFramesManipulated.trigger(JSON.parse(frameIds));
+    };
     this.config = config;
     this.localConfig = localConfig;
   }

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

@@ -1 +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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"}
+{"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    /**\n     * Listener that fires when frames are manipulated (e.g. moved, resized, rotated, cropped, text changed) by the user.\n     * Note: this event only fires when the manipulation was caused by direct user interaction on the canvas;\n     * programmatic changes do not trigger this event.\n     * @param frameIds Stringified array of frame Id strings\n     */\n    onCanvasFramesManipulated = (frameIds: string) => {\n        this.config.events.onCanvasFramesManipulated.trigger(JSON.parse(frameIds));\n    };\n}\n"],"names":["VariableType","ConnectorCompatibilityTools","WellKnownConfigurationKeys","DataRowAsyncError","ActionAsyncError"],"mappings":"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"}

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

@@ -264,4 +264,11 @@ export declare class SubscriberController {
      * @param brandKitMedia Stringified array of BrandKitMedia objects
      */
     onBrandKitMediaChanged: (brandKitMedia: string) => void;
+    /**
+     * Listener that fires when frames are manipulated (e.g. moved, resized, rotated, cropped, text changed) by the user.
+     * Note: this event only fires when the manipulation was caused by direct user interaction on the canvas;
+     * programmatic changes do not trigger this event.
+     * @param frameIds Stringified array of frame Id strings
+     */
+    onCanvasFramesManipulated: (frameIds: string) => void;
 }

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

@@ -178,6 +178,9 @@ class SubscriberController {
     this.onBrandKitMediaChanged = (brandKitMedia) => {
       this.config.events.onBrandKitMediaChanged.trigger(JSON.parse(brandKitMedia));
     };
+    this.onCanvasFramesManipulated = (frameIds) => {
+      this.config.events.onCanvasFramesManipulated.trigger(JSON.parse(frameIds));
+    };
     this.config = config;
     this.localConfig = localConfig;
   }

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

@@ -1 +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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"}
+{"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    /**\n     * Listener that fires when frames are manipulated (e.g. moved, resized, rotated, cropped, text changed) by the user.\n     * Note: this event only fires when the manipulation was caused by direct user interaction on the canvas;\n     * programmatic changes do not trigger this event.\n     * @param frameIds Stringified array of frame Id strings\n     */\n    onCanvasFramesManipulated = (frameIds: string) => {\n        this.config.events.onCanvasFramesManipulated.trigger(JSON.parse(frameIds));\n    };\n}\n"],"names":[],"mappings":"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"}

package/lib/src/interactions/Connector.cjs.js

@@ -188,7 +188,8 @@ const Connect = (editorLink, params, setConnection, editorId = "chili-editor", s
         documentIssueListChanged: params.onDocumentIssueListChanged,
         customUndoDataChanged: params.onCustomUndoDataChanged,
         engineEditingModeChanged: params.onEngineEditModeChanged,
-        brandKitMediaChanged: params.onBrandKitMediaChanged
+        brandKitMediaChanged: params.onBrandKitMediaChanged,
+        frameManipulated: params.onCanvasFramesManipulated
       }
     })
   );

package/lib/src/interactions/Connector.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connector.cjs.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n    const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n    let link = '';\n    if (linkValidator.test(editorLink)) {\n        link = editorLink;\n    } else if (editorLink.indexOf('/index.html') > -1) {\n        link = editorLink.replace('/index.html', '/');\n    } else if (editorLink.charAt(-1) !== '/') {\n        link = `${editorLink}/`;\n    }\n    return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n    const link = validateEditorLink(editorLink);\n    const stylingJson = JSON.stringify(styling || {});\n    const html = `<html>\n    <head>\n        <base href=\"/\" />\n            <meta charset=\"UTF-8\"/>\n        <!--  use this property to pass the StudioStyling to the engine -->\n            <meta name=\"studio-styling\" content='${stylingJson}'>\n    </head>\n    <body>\n        <script>\n            const handleIframeError = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: {\n                                message: event.message,\n                                filename: event.filename,\n                                lineno: event.lineno,\n                                colno: event.colno,\n                                error: event.error?.toString(),\n                            },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            const handleUnhandledRejection = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            window.addEventListener('error', handleIframeError);\n            window.addEventListener('unhandledrejection', handleUnhandledRejection);\n        </script>\n        <script src=\"${link}init.js\" async></script>\n        <script src=\"${link}flutter_bootstrap.js\"></script>\n        <script>\n             try {\n                    if(!window?.initializeStudioEngine){\n                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n                    }\n                    initializeStudioEngine({\n                        assetBase: '${link}',\n                    });\n                } catch(error) {\n                    if (window.parent && window.parent !== window) {\n                        window.parent.postMessage({\n                            type: 'iframe-error',\n                            error: {\n                                message: error?.message || 'Error initializing studio engine',\n                                error: error?.toString()\n                            }\n                        }, window.location.ancestorOrigins[0] || window.location.origin);\n                    }\n                    throw error;\n                } finally {\n                    window.removeEventListener('error', handleIframeError);\n                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n                }\n        </script>\n    </body>\n</html>`;\n\n    // Set the iframe's content using DOM manipulation\n    // eslint-disable-next-line no-param-reassign\n    iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n    onActionsChanged: (state: string) => void;\n    onStateChanged: (state: string) => void;\n    onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n    onViewportRequested: () => string | null;\n    onDocumentLoaded: () => void;\n    onSelectedFramesContentChanged: (state: string) => void;\n    onSelectedFramesLayoutChanged: (state: string) => void;\n    onFramesLayoutChanged: (state: string) => void;\n    onSelectedLayoutPropertiesChanged: (state: string) => void;\n    onSelectedLayoutUnitChanged: (state: string) => void;\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     */\n    onPageSelectionChanged: (id: Id) => void;\n    onScrubberPositionChanged: (state: string) => void;\n    onFrameAnimationsChanged: (state: string) => void;\n    onVariableListChanged: (state: string) => void;\n    onSelectedToolChanged: (state: string) => void;\n    onUndoStateChanged: (state: string) => void;\n    onSelectedLayoutFramesChanged: (state: string) => void;\n    onSelectedTextStyleChanged: (styles: string) => void;\n    onColorsChanged: (colors: string) => void;\n    onParagraphStylesChanged: (paragraphStyles: string) => void;\n    onCharacterStylesChanged: (characterStyles: string) => void;\n    onFontFamiliesChanged: (fonts: string) => void;\n    onSelectedLayoutIdChanged: (id: string) => void;\n    onLayoutsChanged: (layouts: string) => void;\n    onConnectorEvent: (state: string) => void;\n    onConnectorsChanged: (state: string) => void;\n    onZoomChanged: (scaleFactor: string) => void;\n    onSelectedPageIdChanged: (pageId: string) => void;\n    onPagesChanged: (pages: string) => void;\n    onPageSnapshotInvalidated: (pageId: Id) => void;\n    onPageSizeChanged: (scaleFactor: string) => void;\n    onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n    onCropActiveFrameIdChanged: (id?: Id) => void;\n    onAsyncError: (asyncError: string) => void;\n    onViewModeChanged: (viewMode: string) => void;\n    onBarcodeValidationChanged: (validationResults: string) => void;\n    onDataSourceIdChanged: (connectorId?: Id) => void;\n    onInjectedDataChanged: (variableId: Id) => void;\n    onDocumentIssueListChanged: (documentIssues: string) => void;\n    onCustomUndoDataChanged: (customData: string) => void;\n    onEngineEditModeChanged: (engineEditMode: string) => void;\n    onBrandKitMediaChanged: (brandKitMedia: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n    editorLink: string,\n    params: ConfigParameterTypes,\n    setConnection: (connection: Connection) => void,\n    editorId = 'chili-editor',\n    styling?: StudioStyling,\n    onSetupFrameError?: (error: Error) => void,\n) => {\n    if (messageHandler) {\n        window.removeEventListener('message', messageHandler);\n    }\n    const editorSelectorId = `#${editorId}`;\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('srcdoc', ' ');\n    iframe.setAttribute('title', 'Chili-Editor');\n    iframe.setAttribute('style', 'width: 100%; height: 100%;');\n    iframe.setAttribute('frameBorder', '0');\n    iframe.setAttribute('referrerpolicy', 'origin');\n    const setupNewFrame = () => {\n        const iframeContainer = document.querySelector(editorSelectorId);\n        if (iframeContainer) {\n            iframeContainer?.appendChild(iframe);\n\n            iframe.addEventListener(\n                'error',\n                () => {\n                    const error = new Error('Failed to setup frame: iframe failed to load');\n                    onSetupFrameError?.(error);\n                },\n                { capture: true, once: true },\n            );\n\n            try {\n                setupFrame(iframe, editorLink, styling);\n            } catch (error: unknown) {\n                if (error instanceof Error) {\n                    onSetupFrameError?.(error);\n                } else {\n                    onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n                }\n            }\n        }\n    };\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        setupNewFrame();\n    } else {\n        document.addEventListener('DOMContentLoaded', () => {\n            setupNewFrame();\n        });\n    }\n\n    messageHandler = (event: MessageEvent) => {\n        if (event.source !== iframe.contentWindow) {\n            return;\n        }\n        if (event.data?.type === 'iframe-error') {\n            const errorData = event.data.error;\n            const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n            onSetupFrameError?.(error);\n        }\n    };\n\n    window.addEventListener('message', messageHandler);\n\n    setConnection(\n        connectToChild({\n            // The iframe to which a connection should be made\n            iframe,\n            // All the methods that we want to expose to the child should be inside the methods object\n            // f.e. stateChange(documentJson)\n            methods: {\n                actionsChanged: params.onActionsChanged,\n                stateChanged: params.onStateChanged,\n                documentLoaded: params.onDocumentLoaded,\n                authExpired: params.onAuthExpired,\n                viewportRequested: params.onViewportRequested,\n                selectedFramesContent: params.onSelectedFramesContentChanged,\n                selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n                allFramesLayout: params.onFramesLayoutChanged,\n                selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n                openLayoutPropertiesPanel: params.onPageSelectionChanged,\n                selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n                scrubberPositionChanged: params.onScrubberPositionChanged,\n                frameAnimationsChanged: params.onFrameAnimationsChanged,\n                selectedToolChanged: params.onSelectedToolChanged,\n                variableListChanged: params.onVariableListChanged,\n                undoStackStateChanged: params.onUndoStateChanged,\n                selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n                selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n                colorsChanged: params.onColorsChanged,\n                paragraphStylesChanged: params.onParagraphStylesChanged,\n                characterStylesChanged: params.onCharacterStylesChanged,\n                fontFamiliesChanged: params.onFontFamiliesChanged,\n                selectedLayoutId: params.onSelectedLayoutIdChanged,\n                layoutListChanged: params.onLayoutsChanged,\n                connectorEvent: params.onConnectorEvent,\n                connectorsChanged: params.onConnectorsChanged,\n                zoomChanged: params.onZoomChanged,\n                pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n                pagesChanged: params.onPagesChanged,\n                pageSizeChanged: params.onPageSizeChanged,\n                shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n                cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n                asyncError: params.onAsyncError,\n                viewModeChanged: params.onViewModeChanged,\n                barcodeValidationChanged: params.onBarcodeValidationChanged,\n                selectedPageIdChanged: params.onSelectedPageIdChanged,\n                dataSourceIdChanged: params.onDataSourceIdChanged,\n                injectedDataChanged: params.onInjectedDataChanged,\n                documentIssueListChanged: params.onDocumentIssueListChanged,\n                customUndoDataChanged: params.onCustomUndoDataChanged,\n                engineEditingModeChanged: params.onEngineEditModeChanged,\n                brandKitMediaChanged: params.onBrandKitMediaChanged,\n            },\n        }),\n    );\n};\nexport default Connect;\n"],"names":["connectToChild"],"mappings":"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"}
+{"version":3,"file":"Connector.cjs.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n    const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n    let link = '';\n    if (linkValidator.test(editorLink)) {\n        link = editorLink;\n    } else if (editorLink.indexOf('/index.html') > -1) {\n        link = editorLink.replace('/index.html', '/');\n    } else if (editorLink.charAt(-1) !== '/') {\n        link = `${editorLink}/`;\n    }\n    return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n    const link = validateEditorLink(editorLink);\n    const stylingJson = JSON.stringify(styling || {});\n    const html = `<html>\n    <head>\n        <base href=\"/\" />\n            <meta charset=\"UTF-8\"/>\n        <!--  use this property to pass the StudioStyling to the engine -->\n            <meta name=\"studio-styling\" content='${stylingJson}'>\n    </head>\n    <body>\n        <script>\n            const handleIframeError = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: {\n                                message: event.message,\n                                filename: event.filename,\n                                lineno: event.lineno,\n                                colno: event.colno,\n                                error: event.error?.toString(),\n                            },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            const handleUnhandledRejection = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            window.addEventListener('error', handleIframeError);\n            window.addEventListener('unhandledrejection', handleUnhandledRejection);\n        </script>\n        <script src=\"${link}init.js\" async></script>\n        <script src=\"${link}flutter_bootstrap.js\"></script>\n        <script>\n             try {\n                    if(!window?.initializeStudioEngine){\n                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n                    }\n                    initializeStudioEngine({\n                        assetBase: '${link}',\n                    });\n                } catch(error) {\n                    if (window.parent && window.parent !== window) {\n                        window.parent.postMessage({\n                            type: 'iframe-error',\n                            error: {\n                                message: error?.message || 'Error initializing studio engine',\n                                error: error?.toString()\n                            }\n                        }, window.location.ancestorOrigins[0] || window.location.origin);\n                    }\n                    throw error;\n                } finally {\n                    window.removeEventListener('error', handleIframeError);\n                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n                }\n        </script>\n    </body>\n</html>`;\n\n    // Set the iframe's content using DOM manipulation\n    // eslint-disable-next-line no-param-reassign\n    iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n    onActionsChanged: (state: string) => void;\n    onStateChanged: (state: string) => void;\n    onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n    onViewportRequested: () => string | null;\n    onDocumentLoaded: () => void;\n    onSelectedFramesContentChanged: (state: string) => void;\n    onSelectedFramesLayoutChanged: (state: string) => void;\n    onFramesLayoutChanged: (state: string) => void;\n    onSelectedLayoutPropertiesChanged: (state: string) => void;\n    onSelectedLayoutUnitChanged: (state: string) => void;\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     */\n    onPageSelectionChanged: (id: Id) => void;\n    onScrubberPositionChanged: (state: string) => void;\n    onFrameAnimationsChanged: (state: string) => void;\n    onVariableListChanged: (state: string) => void;\n    onSelectedToolChanged: (state: string) => void;\n    onUndoStateChanged: (state: string) => void;\n    onSelectedLayoutFramesChanged: (state: string) => void;\n    onSelectedTextStyleChanged: (styles: string) => void;\n    onColorsChanged: (colors: string) => void;\n    onParagraphStylesChanged: (paragraphStyles: string) => void;\n    onCharacterStylesChanged: (characterStyles: string) => void;\n    onFontFamiliesChanged: (fonts: string) => void;\n    onSelectedLayoutIdChanged: (id: string) => void;\n    onLayoutsChanged: (layouts: string) => void;\n    onConnectorEvent: (state: string) => void;\n    onConnectorsChanged: (state: string) => void;\n    onZoomChanged: (scaleFactor: string) => void;\n    onSelectedPageIdChanged: (pageId: string) => void;\n    onPagesChanged: (pages: string) => void;\n    onPageSnapshotInvalidated: (pageId: Id) => void;\n    onPageSizeChanged: (scaleFactor: string) => void;\n    onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n    onCropActiveFrameIdChanged: (id?: Id) => void;\n    onAsyncError: (asyncError: string) => void;\n    onViewModeChanged: (viewMode: string) => void;\n    onBarcodeValidationChanged: (validationResults: string) => void;\n    onDataSourceIdChanged: (connectorId?: Id) => void;\n    onInjectedDataChanged: (variableId: Id) => void;\n    onDocumentIssueListChanged: (documentIssues: string) => void;\n    onCustomUndoDataChanged: (customData: string) => void;\n    onEngineEditModeChanged: (engineEditMode: string) => void;\n    onBrandKitMediaChanged: (brandKitMedia: string) => void;\n    onCanvasFramesManipulated: (frameIds: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n    editorLink: string,\n    params: ConfigParameterTypes,\n    setConnection: (connection: Connection) => void,\n    editorId = 'chili-editor',\n    styling?: StudioStyling,\n    onSetupFrameError?: (error: Error) => void,\n) => {\n    if (messageHandler) {\n        window.removeEventListener('message', messageHandler);\n    }\n    const editorSelectorId = `#${editorId}`;\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('srcdoc', ' ');\n    iframe.setAttribute('title', 'Chili-Editor');\n    iframe.setAttribute('style', 'width: 100%; height: 100%;');\n    iframe.setAttribute('frameBorder', '0');\n    iframe.setAttribute('referrerpolicy', 'origin');\n    const setupNewFrame = () => {\n        const iframeContainer = document.querySelector(editorSelectorId);\n        if (iframeContainer) {\n            iframeContainer?.appendChild(iframe);\n\n            iframe.addEventListener(\n                'error',\n                () => {\n                    const error = new Error('Failed to setup frame: iframe failed to load');\n                    onSetupFrameError?.(error);\n                },\n                { capture: true, once: true },\n            );\n\n            try {\n                setupFrame(iframe, editorLink, styling);\n            } catch (error: unknown) {\n                if (error instanceof Error) {\n                    onSetupFrameError?.(error);\n                } else {\n                    onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n                }\n            }\n        }\n    };\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        setupNewFrame();\n    } else {\n        document.addEventListener('DOMContentLoaded', () => {\n            setupNewFrame();\n        });\n    }\n\n    messageHandler = (event: MessageEvent) => {\n        if (event.source !== iframe.contentWindow) {\n            return;\n        }\n        if (event.data?.type === 'iframe-error') {\n            const errorData = event.data.error;\n            const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n            onSetupFrameError?.(error);\n        }\n    };\n\n    window.addEventListener('message', messageHandler);\n\n    setConnection(\n        connectToChild({\n            // The iframe to which a connection should be made\n            iframe,\n            // All the methods that we want to expose to the child should be inside the methods object\n            // f.e. stateChange(documentJson)\n            methods: {\n                actionsChanged: params.onActionsChanged,\n                stateChanged: params.onStateChanged,\n                documentLoaded: params.onDocumentLoaded,\n                authExpired: params.onAuthExpired,\n                viewportRequested: params.onViewportRequested,\n                selectedFramesContent: params.onSelectedFramesContentChanged,\n                selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n                allFramesLayout: params.onFramesLayoutChanged,\n                selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n                openLayoutPropertiesPanel: params.onPageSelectionChanged,\n                selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n                scrubberPositionChanged: params.onScrubberPositionChanged,\n                frameAnimationsChanged: params.onFrameAnimationsChanged,\n                selectedToolChanged: params.onSelectedToolChanged,\n                variableListChanged: params.onVariableListChanged,\n                undoStackStateChanged: params.onUndoStateChanged,\n                selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n                selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n                colorsChanged: params.onColorsChanged,\n                paragraphStylesChanged: params.onParagraphStylesChanged,\n                characterStylesChanged: params.onCharacterStylesChanged,\n                fontFamiliesChanged: params.onFontFamiliesChanged,\n                selectedLayoutId: params.onSelectedLayoutIdChanged,\n                layoutListChanged: params.onLayoutsChanged,\n                connectorEvent: params.onConnectorEvent,\n                connectorsChanged: params.onConnectorsChanged,\n                zoomChanged: params.onZoomChanged,\n                pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n                pagesChanged: params.onPagesChanged,\n                pageSizeChanged: params.onPageSizeChanged,\n                shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n                cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n                asyncError: params.onAsyncError,\n                viewModeChanged: params.onViewModeChanged,\n                barcodeValidationChanged: params.onBarcodeValidationChanged,\n                selectedPageIdChanged: params.onSelectedPageIdChanged,\n                dataSourceIdChanged: params.onDataSourceIdChanged,\n                injectedDataChanged: params.onInjectedDataChanged,\n                documentIssueListChanged: params.onDocumentIssueListChanged,\n                customUndoDataChanged: params.onCustomUndoDataChanged,\n                engineEditingModeChanged: params.onEngineEditModeChanged,\n                brandKitMediaChanged: params.onBrandKitMediaChanged,\n                frameManipulated: params.onCanvasFramesManipulated,\n            },\n        }),\n    );\n};\nexport default Connect;\n"],"names":["connectToChild"],"mappings":"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"}

package/lib/src/interactions/Connector.d.ts

@@ -49,6 +49,7 @@ interface ConfigParameterTypes {
     onCustomUndoDataChanged: (customData: string) => void;
     onEngineEditModeChanged: (engineEditMode: string) => void;
     onBrandKitMediaChanged: (brandKitMedia: string) => void;
+    onCanvasFramesManipulated: (frameIds: string) => void;
 }
 declare const Connect: (editorLink: string, params: ConfigParameterTypes, setConnection: (connection: Connection) => void, editorId?: string, styling?: StudioStyling, onSetupFrameError?: (error: Error) => void) => void;
 export default Connect;

package/lib/src/interactions/Connector.es.js

@@ -186,7 +186,8 @@ const Connect = (editorLink, params, setConnection, editorId = "chili-editor", s
         documentIssueListChanged: params.onDocumentIssueListChanged,
         customUndoDataChanged: params.onCustomUndoDataChanged,
         engineEditingModeChanged: params.onEngineEditModeChanged,
-        brandKitMediaChanged: params.onBrandKitMediaChanged
+        brandKitMediaChanged: params.onBrandKitMediaChanged,
+        frameManipulated: params.onCanvasFramesManipulated
       }
     })
   );

package/lib/src/interactions/Connector.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connector.es.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n    const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n    let link = '';\n    if (linkValidator.test(editorLink)) {\n        link = editorLink;\n    } else if (editorLink.indexOf('/index.html') > -1) {\n        link = editorLink.replace('/index.html', '/');\n    } else if (editorLink.charAt(-1) !== '/') {\n        link = `${editorLink}/`;\n    }\n    return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n    const link = validateEditorLink(editorLink);\n    const stylingJson = JSON.stringify(styling || {});\n    const html = `<html>\n    <head>\n        <base href=\"/\" />\n            <meta charset=\"UTF-8\"/>\n        <!--  use this property to pass the StudioStyling to the engine -->\n            <meta name=\"studio-styling\" content='${stylingJson}'>\n    </head>\n    <body>\n        <script>\n            const handleIframeError = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: {\n                                message: event.message,\n                                filename: event.filename,\n                                lineno: event.lineno,\n                                colno: event.colno,\n                                error: event.error?.toString(),\n                            },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            const handleUnhandledRejection = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            window.addEventListener('error', handleIframeError);\n            window.addEventListener('unhandledrejection', handleUnhandledRejection);\n        </script>\n        <script src=\"${link}init.js\" async></script>\n        <script src=\"${link}flutter_bootstrap.js\"></script>\n        <script>\n             try {\n                    if(!window?.initializeStudioEngine){\n                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n                    }\n                    initializeStudioEngine({\n                        assetBase: '${link}',\n                    });\n                } catch(error) {\n                    if (window.parent && window.parent !== window) {\n                        window.parent.postMessage({\n                            type: 'iframe-error',\n                            error: {\n                                message: error?.message || 'Error initializing studio engine',\n                                error: error?.toString()\n                            }\n                        }, window.location.ancestorOrigins[0] || window.location.origin);\n                    }\n                    throw error;\n                } finally {\n                    window.removeEventListener('error', handleIframeError);\n                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n                }\n        </script>\n    </body>\n</html>`;\n\n    // Set the iframe's content using DOM manipulation\n    // eslint-disable-next-line no-param-reassign\n    iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n    onActionsChanged: (state: string) => void;\n    onStateChanged: (state: string) => void;\n    onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n    onViewportRequested: () => string | null;\n    onDocumentLoaded: () => void;\n    onSelectedFramesContentChanged: (state: string) => void;\n    onSelectedFramesLayoutChanged: (state: string) => void;\n    onFramesLayoutChanged: (state: string) => void;\n    onSelectedLayoutPropertiesChanged: (state: string) => void;\n    onSelectedLayoutUnitChanged: (state: string) => void;\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     */\n    onPageSelectionChanged: (id: Id) => void;\n    onScrubberPositionChanged: (state: string) => void;\n    onFrameAnimationsChanged: (state: string) => void;\n    onVariableListChanged: (state: string) => void;\n    onSelectedToolChanged: (state: string) => void;\n    onUndoStateChanged: (state: string) => void;\n    onSelectedLayoutFramesChanged: (state: string) => void;\n    onSelectedTextStyleChanged: (styles: string) => void;\n    onColorsChanged: (colors: string) => void;\n    onParagraphStylesChanged: (paragraphStyles: string) => void;\n    onCharacterStylesChanged: (characterStyles: string) => void;\n    onFontFamiliesChanged: (fonts: string) => void;\n    onSelectedLayoutIdChanged: (id: string) => void;\n    onLayoutsChanged: (layouts: string) => void;\n    onConnectorEvent: (state: string) => void;\n    onConnectorsChanged: (state: string) => void;\n    onZoomChanged: (scaleFactor: string) => void;\n    onSelectedPageIdChanged: (pageId: string) => void;\n    onPagesChanged: (pages: string) => void;\n    onPageSnapshotInvalidated: (pageId: Id) => void;\n    onPageSizeChanged: (scaleFactor: string) => void;\n    onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n    onCropActiveFrameIdChanged: (id?: Id) => void;\n    onAsyncError: (asyncError: string) => void;\n    onViewModeChanged: (viewMode: string) => void;\n    onBarcodeValidationChanged: (validationResults: string) => void;\n    onDataSourceIdChanged: (connectorId?: Id) => void;\n    onInjectedDataChanged: (variableId: Id) => void;\n    onDocumentIssueListChanged: (documentIssues: string) => void;\n    onCustomUndoDataChanged: (customData: string) => void;\n    onEngineEditModeChanged: (engineEditMode: string) => void;\n    onBrandKitMediaChanged: (brandKitMedia: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n    editorLink: string,\n    params: ConfigParameterTypes,\n    setConnection: (connection: Connection) => void,\n    editorId = 'chili-editor',\n    styling?: StudioStyling,\n    onSetupFrameError?: (error: Error) => void,\n) => {\n    if (messageHandler) {\n        window.removeEventListener('message', messageHandler);\n    }\n    const editorSelectorId = `#${editorId}`;\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('srcdoc', ' ');\n    iframe.setAttribute('title', 'Chili-Editor');\n    iframe.setAttribute('style', 'width: 100%; height: 100%;');\n    iframe.setAttribute('frameBorder', '0');\n    iframe.setAttribute('referrerpolicy', 'origin');\n    const setupNewFrame = () => {\n        const iframeContainer = document.querySelector(editorSelectorId);\n        if (iframeContainer) {\n            iframeContainer?.appendChild(iframe);\n\n            iframe.addEventListener(\n                'error',\n                () => {\n                    const error = new Error('Failed to setup frame: iframe failed to load');\n                    onSetupFrameError?.(error);\n                },\n                { capture: true, once: true },\n            );\n\n            try {\n                setupFrame(iframe, editorLink, styling);\n            } catch (error: unknown) {\n                if (error instanceof Error) {\n                    onSetupFrameError?.(error);\n                } else {\n                    onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n                }\n            }\n        }\n    };\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        setupNewFrame();\n    } else {\n        document.addEventListener('DOMContentLoaded', () => {\n            setupNewFrame();\n        });\n    }\n\n    messageHandler = (event: MessageEvent) => {\n        if (event.source !== iframe.contentWindow) {\n            return;\n        }\n        if (event.data?.type === 'iframe-error') {\n            const errorData = event.data.error;\n            const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n            onSetupFrameError?.(error);\n        }\n    };\n\n    window.addEventListener('message', messageHandler);\n\n    setConnection(\n        connectToChild({\n            // The iframe to which a connection should be made\n            iframe,\n            // All the methods that we want to expose to the child should be inside the methods object\n            // f.e. stateChange(documentJson)\n            methods: {\n                actionsChanged: params.onActionsChanged,\n                stateChanged: params.onStateChanged,\n                documentLoaded: params.onDocumentLoaded,\n                authExpired: params.onAuthExpired,\n                viewportRequested: params.onViewportRequested,\n                selectedFramesContent: params.onSelectedFramesContentChanged,\n                selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n                allFramesLayout: params.onFramesLayoutChanged,\n                selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n                openLayoutPropertiesPanel: params.onPageSelectionChanged,\n                selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n                scrubberPositionChanged: params.onScrubberPositionChanged,\n                frameAnimationsChanged: params.onFrameAnimationsChanged,\n                selectedToolChanged: params.onSelectedToolChanged,\n                variableListChanged: params.onVariableListChanged,\n                undoStackStateChanged: params.onUndoStateChanged,\n                selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n                selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n                colorsChanged: params.onColorsChanged,\n                paragraphStylesChanged: params.onParagraphStylesChanged,\n                characterStylesChanged: params.onCharacterStylesChanged,\n                fontFamiliesChanged: params.onFontFamiliesChanged,\n                selectedLayoutId: params.onSelectedLayoutIdChanged,\n                layoutListChanged: params.onLayoutsChanged,\n                connectorEvent: params.onConnectorEvent,\n                connectorsChanged: params.onConnectorsChanged,\n                zoomChanged: params.onZoomChanged,\n                pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n                pagesChanged: params.onPagesChanged,\n                pageSizeChanged: params.onPageSizeChanged,\n                shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n                cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n                asyncError: params.onAsyncError,\n                viewModeChanged: params.onViewModeChanged,\n                barcodeValidationChanged: params.onBarcodeValidationChanged,\n                selectedPageIdChanged: params.onSelectedPageIdChanged,\n                dataSourceIdChanged: params.onDataSourceIdChanged,\n                injectedDataChanged: params.onInjectedDataChanged,\n                documentIssueListChanged: params.onDocumentIssueListChanged,\n                customUndoDataChanged: params.onCustomUndoDataChanged,\n                engineEditingModeChanged: params.onEngineEditModeChanged,\n                brandKitMediaChanged: params.onBrandKitMediaChanged,\n            },\n        }),\n    );\n};\nexport default Connect;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Connector.es.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n    const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n    let link = '';\n    if (linkValidator.test(editorLink)) {\n        link = editorLink;\n    } else if (editorLink.indexOf('/index.html') > -1) {\n        link = editorLink.replace('/index.html', '/');\n    } else if (editorLink.charAt(-1) !== '/') {\n        link = `${editorLink}/`;\n    }\n    return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n    const link = validateEditorLink(editorLink);\n    const stylingJson = JSON.stringify(styling || {});\n    const html = `<html>\n    <head>\n        <base href=\"/\" />\n            <meta charset=\"UTF-8\"/>\n        <!--  use this property to pass the StudioStyling to the engine -->\n            <meta name=\"studio-styling\" content='${stylingJson}'>\n    </head>\n    <body>\n        <script>\n            const handleIframeError = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: {\n                                message: event.message,\n                                filename: event.filename,\n                                lineno: event.lineno,\n                                colno: event.colno,\n                                error: event.error?.toString(),\n                            },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            const handleUnhandledRejection = (event) => {\n                if (window.parent && window.parent !== window) {\n                    window.parent.postMessage(\n                        {\n                            type: 'iframe-error',\n                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n                        },\n                        window.location.ancestorOrigins[0] || window.location.origin,\n                    );\n                }\n            };\n            window.addEventListener('error', handleIframeError);\n            window.addEventListener('unhandledrejection', handleUnhandledRejection);\n        </script>\n        <script src=\"${link}init.js\" async></script>\n        <script src=\"${link}flutter_bootstrap.js\"></script>\n        <script>\n             try {\n                    if(!window?.initializeStudioEngine){\n                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n                    }\n                    initializeStudioEngine({\n                        assetBase: '${link}',\n                    });\n                } catch(error) {\n                    if (window.parent && window.parent !== window) {\n                        window.parent.postMessage({\n                            type: 'iframe-error',\n                            error: {\n                                message: error?.message || 'Error initializing studio engine',\n                                error: error?.toString()\n                            }\n                        }, window.location.ancestorOrigins[0] || window.location.origin);\n                    }\n                    throw error;\n                } finally {\n                    window.removeEventListener('error', handleIframeError);\n                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n                }\n        </script>\n    </body>\n</html>`;\n\n    // Set the iframe's content using DOM manipulation\n    // eslint-disable-next-line no-param-reassign\n    iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n    onActionsChanged: (state: string) => void;\n    onStateChanged: (state: string) => void;\n    onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n    onViewportRequested: () => string | null;\n    onDocumentLoaded: () => void;\n    onSelectedFramesContentChanged: (state: string) => void;\n    onSelectedFramesLayoutChanged: (state: string) => void;\n    onFramesLayoutChanged: (state: string) => void;\n    onSelectedLayoutPropertiesChanged: (state: string) => void;\n    onSelectedLayoutUnitChanged: (state: string) => void;\n    /**\n     * @deprecated use `onSelectedPageIdChanged` instead\n     */\n    onPageSelectionChanged: (id: Id) => void;\n    onScrubberPositionChanged: (state: string) => void;\n    onFrameAnimationsChanged: (state: string) => void;\n    onVariableListChanged: (state: string) => void;\n    onSelectedToolChanged: (state: string) => void;\n    onUndoStateChanged: (state: string) => void;\n    onSelectedLayoutFramesChanged: (state: string) => void;\n    onSelectedTextStyleChanged: (styles: string) => void;\n    onColorsChanged: (colors: string) => void;\n    onParagraphStylesChanged: (paragraphStyles: string) => void;\n    onCharacterStylesChanged: (characterStyles: string) => void;\n    onFontFamiliesChanged: (fonts: string) => void;\n    onSelectedLayoutIdChanged: (id: string) => void;\n    onLayoutsChanged: (layouts: string) => void;\n    onConnectorEvent: (state: string) => void;\n    onConnectorsChanged: (state: string) => void;\n    onZoomChanged: (scaleFactor: string) => void;\n    onSelectedPageIdChanged: (pageId: string) => void;\n    onPagesChanged: (pages: string) => void;\n    onPageSnapshotInvalidated: (pageId: Id) => void;\n    onPageSizeChanged: (scaleFactor: string) => void;\n    onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n    onCropActiveFrameIdChanged: (id?: Id) => void;\n    onAsyncError: (asyncError: string) => void;\n    onViewModeChanged: (viewMode: string) => void;\n    onBarcodeValidationChanged: (validationResults: string) => void;\n    onDataSourceIdChanged: (connectorId?: Id) => void;\n    onInjectedDataChanged: (variableId: Id) => void;\n    onDocumentIssueListChanged: (documentIssues: string) => void;\n    onCustomUndoDataChanged: (customData: string) => void;\n    onEngineEditModeChanged: (engineEditMode: string) => void;\n    onBrandKitMediaChanged: (brandKitMedia: string) => void;\n    onCanvasFramesManipulated: (frameIds: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n    editorLink: string,\n    params: ConfigParameterTypes,\n    setConnection: (connection: Connection) => void,\n    editorId = 'chili-editor',\n    styling?: StudioStyling,\n    onSetupFrameError?: (error: Error) => void,\n) => {\n    if (messageHandler) {\n        window.removeEventListener('message', messageHandler);\n    }\n    const editorSelectorId = `#${editorId}`;\n    const iframe = document.createElement('iframe');\n    iframe.setAttribute('srcdoc', ' ');\n    iframe.setAttribute('title', 'Chili-Editor');\n    iframe.setAttribute('style', 'width: 100%; height: 100%;');\n    iframe.setAttribute('frameBorder', '0');\n    iframe.setAttribute('referrerpolicy', 'origin');\n    const setupNewFrame = () => {\n        const iframeContainer = document.querySelector(editorSelectorId);\n        if (iframeContainer) {\n            iframeContainer?.appendChild(iframe);\n\n            iframe.addEventListener(\n                'error',\n                () => {\n                    const error = new Error('Failed to setup frame: iframe failed to load');\n                    onSetupFrameError?.(error);\n                },\n                { capture: true, once: true },\n            );\n\n            try {\n                setupFrame(iframe, editorLink, styling);\n            } catch (error: unknown) {\n                if (error instanceof Error) {\n                    onSetupFrameError?.(error);\n                } else {\n                    onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n                }\n            }\n        }\n    };\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        setupNewFrame();\n    } else {\n        document.addEventListener('DOMContentLoaded', () => {\n            setupNewFrame();\n        });\n    }\n\n    messageHandler = (event: MessageEvent) => {\n        if (event.source !== iframe.contentWindow) {\n            return;\n        }\n        if (event.data?.type === 'iframe-error') {\n            const errorData = event.data.error;\n            const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n            onSetupFrameError?.(error);\n        }\n    };\n\n    window.addEventListener('message', messageHandler);\n\n    setConnection(\n        connectToChild({\n            // The iframe to which a connection should be made\n            iframe,\n            // All the methods that we want to expose to the child should be inside the methods object\n            // f.e. stateChange(documentJson)\n            methods: {\n                actionsChanged: params.onActionsChanged,\n                stateChanged: params.onStateChanged,\n                documentLoaded: params.onDocumentLoaded,\n                authExpired: params.onAuthExpired,\n                viewportRequested: params.onViewportRequested,\n                selectedFramesContent: params.onSelectedFramesContentChanged,\n                selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n                allFramesLayout: params.onFramesLayoutChanged,\n                selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n                openLayoutPropertiesPanel: params.onPageSelectionChanged,\n                selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n                scrubberPositionChanged: params.onScrubberPositionChanged,\n                frameAnimationsChanged: params.onFrameAnimationsChanged,\n                selectedToolChanged: params.onSelectedToolChanged,\n                variableListChanged: params.onVariableListChanged,\n                undoStackStateChanged: params.onUndoStateChanged,\n                selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n                selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n                colorsChanged: params.onColorsChanged,\n                paragraphStylesChanged: params.onParagraphStylesChanged,\n                characterStylesChanged: params.onCharacterStylesChanged,\n                fontFamiliesChanged: params.onFontFamiliesChanged,\n                selectedLayoutId: params.onSelectedLayoutIdChanged,\n                layoutListChanged: params.onLayoutsChanged,\n                connectorEvent: params.onConnectorEvent,\n                connectorsChanged: params.onConnectorsChanged,\n                zoomChanged: params.onZoomChanged,\n                pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n                pagesChanged: params.onPagesChanged,\n                pageSizeChanged: params.onPageSizeChanged,\n                shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n                cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n                asyncError: params.onAsyncError,\n                viewModeChanged: params.onViewModeChanged,\n                barcodeValidationChanged: params.onBarcodeValidationChanged,\n                selectedPageIdChanged: params.onSelectedPageIdChanged,\n                dataSourceIdChanged: params.onDataSourceIdChanged,\n                injectedDataChanged: params.onInjectedDataChanged,\n                documentIssueListChanged: params.onDocumentIssueListChanged,\n                customUndoDataChanged: params.onCustomUndoDataChanged,\n                engineEditingModeChanged: params.onEngineEditModeChanged,\n                brandKitMediaChanged: params.onBrandKitMediaChanged,\n                frameManipulated: params.onCanvasFramesManipulated,\n            },\n        }),\n    );\n};\nexport default Connect;\n"],"names":[],"mappings":";AAIO,MAAM,qBAAqB,CAAC,eAAuB;AACtD,QAAM,gBAAgB,IAAI,OAAO,kDAAkD;AACnF,MAAI,OAAO;AACX,MAAI,cAAc,KAAK,UAAU,GAAG;AAChC,WAAO;AAAA,EACX,WAAW,WAAW,QAAQ,aAAa,IAAI,IAAI;AAC/C,WAAO,WAAW,QAAQ,eAAe,GAAG;AAAA,EAChD,WAAW,WAAW,OAAO,EAAE,MAAM,KAAK;AACtC,WAAO,GAAG,UAAU;AAAA,EACxB;AACA,SAAO;AACX;AAEO,MAAM,aAAa,CAAC,QAA2B,YAAoB,YAA4B;AAClG,QAAM,OAAO,mBAAmB,UAAU;AAC1C,QAAM,cAAc,KAAK,UAAU,WAAW,CAAA,CAAE;AAChD,QAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,mDAKkC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAmCvC,IAAI;AAAA,uBACJ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAOW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBtC,SAAO,SAAS;AACpB;AAmDA,IAAI,iBAAyD;AAE7D,MAAM,UAAU,CACZ,YACA,QACA,eACA,WAAW,gBACX,SACA,sBACC;AACD,MAAI,gBAAgB;AAChB,WAAO,oBAAoB,WAAW,cAAc;AAAA,EACxD;AACA,QAAM,mBAAmB,IAAI,QAAQ;AACrC,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,aAAa,UAAU,GAAG;AACjC,SAAO,aAAa,SAAS,cAAc;AAC3C,SAAO,aAAa,SAAS,4BAA4B;AACzD,SAAO,aAAa,eAAe,GAAG;AACtC,SAAO,aAAa,kBAAkB,QAAQ;AAC9C,QAAM,gBAAgB,MAAM;AACxB,UAAM,kBAAkB,SAAS,cAAc,gBAAgB;AAC/D,QAAI,iBAAiB;AACjB,yDAAiB,YAAY;AAE7B,aAAO;AAAA,QACH;AAAA,QACA,MAAM;AACF,gBAAM,QAAQ,IAAI,MAAM,8CAA8C;AACtE,iEAAoB;AAAA,QACxB;AAAA,QACA,EAAE,SAAS,MAAM,MAAM,KAAA;AAAA,MAAK;AAGhC,UAAI;AACA,mBAAW,QAAQ,YAAY,OAAO;AAAA,MAC1C,SAAS,OAAgB;AACrB,YAAI,iBAAiB,OAAO;AACxB,iEAAoB;AAAA,QACxB,OAAO;AACH,iEAAoB,IAAI,MAAM,0BAA0B,KAAK,EAAE;AAAA,QACnE;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,SAAS,eAAe,cAAc,SAAS,eAAe,eAAe;AAC7E,kBAAA;AAAA,EACJ,OAAO;AACH,aAAS,iBAAiB,oBAAoB,MAAM;AAChD,oBAAA;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,mBAAiB,CAAC,UAAwB;;AACtC,QAAI,MAAM,WAAW,OAAO,eAAe;AACvC;AAAA,IACJ;AACA,UAAI,WAAM,SAAN,mBAAY,UAAS,gBAAgB;AACrC,YAAM,YAAY,MAAM,KAAK;AAC7B,YAAM,QAAQ,IAAI,MAAM,UAAU,WAAW,wCAAwC;AACrF,6DAAoB;AAAA,IACxB;AAAA,EACJ;AAEA,SAAO,iBAAiB,WAAW,cAAc;AAEjD;AAAA,IACI,eAAe;AAAA;AAAA,MAEX;AAAA;AAAA;AAAA,MAGA,SAAS;AAAA,QACL,gBAAgB,OAAO;AAAA,QACvB,cAAc,OAAO;AAAA,QACrB,gBAAgB,OAAO;AAAA,QACvB,aAAa,OAAO;AAAA,QACpB,mBAAmB,OAAO;AAAA,QAC1B,uBAAuB,OAAO;AAAA,QAC9B,sBAAsB,OAAO;AAAA,QAC7B,iBAAiB,OAAO;AAAA,QACxB,0BAA0B,OAAO;AAAA,QACjC,2BAA2B,OAAO;AAAA,QAClC,oBAAoB,OAAO;AAAA,QAC3B,yBAAyB,OAAO;AAAA,QAChC,wBAAwB,OAAO;AAAA,QAC/B,qBAAqB,OAAO;AAAA,QAC5B,qBAAqB,OAAO;AAAA,QAC5B,uBAAuB,OAAO;AAAA,QAC9B,6BAA6B,OAAO;AAAA,QACpC,0BAA0B,OAAO;AAAA,QACjC,eAAe,OAAO;AAAA,QACtB,wBAAwB,OAAO;AAAA,QAC/B,wBAAwB,OAAO;AAAA,QAC/B,qBAAqB,OAAO;AAAA,QAC5B,kBAAkB,OAAO;AAAA,QACzB,mBAAmB,OAAO;AAAA,QAC1B,gBAAgB,OAAO;AAAA,QACvB,mBAAmB,OAAO;AAAA,QAC1B,aAAa,OAAO;AAAA,QACpB,yBAAyB,OAAO;AAAA,QAChC,cAAc,OAAO;AAAA,QACrB,iBAAiB,OAAO;AAAA,QACxB,0BAA0B,OAAO;AAAA,QACjC,0BAA0B,OAAO;AAAA,QACjC,YAAY,OAAO;AAAA,QACnB,iBAAiB,OAAO;AAAA,QACxB,0BAA0B,OAAO;AAAA,QACjC,uBAAuB,OAAO;AAAA,QAC9B,qBAAqB,OAAO;AAAA,QAC5B,qBAAqB,OAAO;AAAA,QAC5B,0BAA0B,OAAO;AAAA,QACjC,uBAAuB,OAAO;AAAA,QAC9B,0BAA0B,OAAO;AAAA,QACjC,sBAAsB,OAAO;AAAA,QAC7B,kBAAkB,OAAO;AAAA,MAAA;AAAA,IAC7B,CACH;AAAA,EAAA;AAET;"}

package/lib/src/sdk/editor-engine.json.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const current = "2.28.latest";
+const current = "2.29.latest";
 const engineInfo = {
   current
 };

package/lib/src/sdk/editor-engine.json.es.js

@@ -1,4 +1,4 @@
-const current = "2.28.latest";
+const current = "2.29.latest";
 const engineInfo = {
   current
 };

package/lib/src/sdk/package.json.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "1.45.0";
+const version = "1.46.0";
 const packageInfo = {
   version
 };

package/lib/src/sdk/package.json.es.js

@@ -1,4 +1,4 @@
-const version = "1.45.0";
+const version = "1.46.0";
 const packageInfo = {
   version
 };

package/lib/src/sdk.cjs.js

@@ -136,7 +136,8 @@ class SDK {
           onDocumentIssueListChanged: this.subscriber.onDocumentIssueListChanged,
           onCustomUndoDataChanged: this.subscriber.onCustomUndoDataChanged,
           onEngineEditModeChanged: this.subscriber.onEngineEditModeChanged,
-          onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged
+          onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged,
+          onCanvasFramesManipulated: this.subscriber.onCanvasFramesManipulated
         },
         this.setConnection,
         this.config.editorId,