@cesdk/cesdk-js 1.6.1 → 1.7.0-alpha.0

package/cesdk-engine.umd.d.ts

@@ -5,23 +5,23 @@
  * @public
  */
 export declare interface Asset {
-  /**
-   *  Is a combination of source id, extension pack id (optional), type and asset id
-   *  e.g. "extension://ly.img.cesdk.images.samples/ly.img.image/sample.1"
-   */
-  id: string;
-  /**   E.g. `ly.img.image` */
-  type: string;
-  /**  Groups of the asset.  */
-  groups?: Groups;
-  /** URI to a thumbnail of the asset used e.g. in the content library UI */
-  thumbUri: string;
-
-  /** Asset-specific and custom meta information */
-  meta?: {
-    uri?: string;
-    filename?: string;
-  } & Record<string, unknown>;
+    /**
+     *  Is a combination of source id, extension pack id (optional), type and asset id
+     *  e.g. "extension://ly.img.cesdk.images.samples/ly.img.image/sample.1"
+     */
+    id: string;
+    /**   E.g. `ly.img.image` */
+    type: string;
+    /**  Groups of the asset.  */
+    groups?: Groups;
+    /** URI to a thumbnail of the asset used e.g. in the content library UI */
+    thumbUri: string;
+
+    /** Asset-specific and custom meta information */
+    meta?: {
+        uri?: string;
+        filename?: string;
+    } & Record<string, unknown>;
 }
 
 /**
@@ -33,26 +33,26 @@ export declare interface Asset {
  * @public
  */
 export declare interface AssetAPI<QData extends AssetQueryData> {
-  /** The unique id of the API */
-  id: string;
-  /** Find all asset for the given type and the provided query data.  */
-  findAssets(type: string, queryData?: QData): Promise<AssetsQueryResult>;
-  /** For a given type return every available group */
-  getGroups: (type: string) => Promise<string[]>;
-  /** Return all registered/available types */
-  getTypes: () => string[];
-  /** The given type is registered. */
-  hasType: (type: string) => boolean;
-  /** Credits for the source/api */
-  credits?: {
-    name: string;
-    url?: string;
-  };
-  /** General license for all asset from this source */
-  license?: {
-    name: string;
-    url?: string;
-  };
+    /** The unique id of the API */
+    id: string;
+    /** Find all asset for the given type and the provided query data.  */
+    findAssets(type: string, queryData?: QData): Promise<AssetsQueryResult>;
+    /** For a given type return every available group */
+    getGroups: (type: string) => Promise<string[]>;
+    /** Return all registered/available types */
+    getTypes: () => string[];
+    /** The given type is registered. */
+    hasType: (type: string) => boolean;
+    /** Credits for the source/api */
+    credits?: {
+        name: string;
+        url?: string;
+    };
+    /** General license for all asset from this source */
+    license?: {
+        name: string;
+        url?: string;
+    };
 }
 
 /**
@@ -60,18 +60,18 @@ export declare interface AssetAPI<QData extends AssetQueryData> {
  * @public
  */
 export declare interface AssetDefinition extends Asset {
-  /**
-   * Label used to display in aria-label and as a tooltip.
-   * Will be also searched in a query and should be localized
-   */
-  label?: Record<Locale, string>;
-  /**
-   * Tags for this asset. Can be used for filtering, but is also useful for
-   * free-text search. Since the label is searched as well as used for tooltips
-   * you do not want to overdo it, but still add things which are searched.
-   * Thus, it should be localized similar to the `label`.
-   */
-  tags?: Record<Locale, string[]>;
+    /**
+     * Label used to display in aria-label and as a tooltip.
+     * Will be also searched in a query and should be localized
+     */
+    label?: Record<Locale, string>;
+    /**
+     * Tags for this asset. Can be used for filtering, but is also useful for
+     * free-text search. Since the label is searched as well as used for tooltips
+     * you do not want to overdo it, but still add things which are searched.
+     * Thus, it should be localized similar to the `label`.
+     */
+    tags?: Record<Locale, string[]>;
 }
 
 /**
@@ -79,27 +79,27 @@ export declare interface AssetDefinition extends Asset {
  * @public
  */
 export declare interface AssetQueryData {
-  /** A query string used for (fuzzy) searching of labels and tags */
-  query?: string;
-  /**
-   * Tags are searched with the query parameter, but this search is fuzzy.
-   * If one needs to get assets with exactly the tag (from a tag cloud or filter)
-   * this query parameter should be used.
-   */
-  tags?: string | string[];
-  /** Query only these groups */
-  groups?: Groups;
-  /** Filter out assets with this groups */
-  excludeGroups?: Groups;
-  /** Choose the locale of the labels and tags for localized search and filtering */
-  locale?: Locale;
-  /**
-   * The number of results queried. How many assets shall be returned regardless
-   * of the total number of assets available.
-   *
-   * Together with `page` this can be used for pagination.
-   */
-  perPage: number;
+    /** A query string used for (fuzzy) searching of labels and tags */
+    query?: string;
+    /**
+     * Tags are searched with the query parameter, but this search is fuzzy.
+     * If one needs to get assets with exactly the tag (from a tag cloud or filter)
+     * this query parameter should be used.
+     */
+    tags?: string | string[];
+    /** Query only these groups */
+    groups?: Groups;
+    /** Filter out assets with this groups */
+    excludeGroups?: Groups;
+    /** Choose the locale of the labels and tags for localized search and filtering */
+    locale?: Locale;
+    /**
+     * The number of results queried. How many assets shall be returned regardless
+     * of the total number of assets available.
+     *
+     * Together with `page` this can be used for pagination.
+     */
+    perPage: number;
 }
 
 /**
@@ -107,14 +107,14 @@ export declare interface AssetQueryData {
  * @public
  */
 export declare interface AssetRegistry {
-  /** Returns all sources available in the engine */
-  getSources(type?: string): AssetSource[];
-  /** Returns a source with the given id or undefined if not found */
-  getSource(id: string): AssetSource | undefined;
-  /** Adds a source to this registry. */
-  addSource(source: AssetSource): void;
-  /** Removes a source from this registry. */
-  removeSource(id: string): void;
+    /** Returns all sources available in the engine */
+    getSources(type?: string): AssetSource[];
+    /** Returns a source with the given id or undefined if not found */
+    getSource(id: string): AssetSource | undefined;
+    /** Adds a source to this registry. */
+    addSource(source: AssetSource): void;
+    /** Removes a source from this registry. */
+    removeSource(id: string): void;
 }
 
 /**
@@ -122,28 +122,28 @@ export declare interface AssetRegistry {
  * @public
  */
 export declare interface AssetResult extends Asset {
-  /** The locale of the label and tags */
-  locale?: Locale;
-  /** The label of the result. Used for description and tooltips. */
-  label?: string;
-  /** The tags of this asset. Used for filtering and free-text searching. */
-  tags?: string[];
-
-  /** Credits for the artist of the asset */
-  credits?: {
-    name: string;
-    url?: string;
-  };
-  /** License for this asset. Overwrites the source license if present */
-  license?: {
-    name: string;
-    url?: string;
-  };
-  /** UTM parameters for the links inside the credits */
-  utm?: {
-    source?: string;
-    medium?: string;
-  };
+    /** The locale of the label and tags */
+    locale?: Locale;
+    /** The label of the result. Used for description and tooltips. */
+    label?: string;
+    /** The tags of this asset. Used for filtering and free-text searching. */
+    tags?: string[];
+
+    /** Credits for the artist of the asset */
+    credits?: {
+        name: string;
+        url?: string;
+    };
+    /** License for this asset. Overwrites the source license if present */
+    license?: {
+        name: string;
+        url?: string;
+    };
+    /** UTM parameters for the links inside the credits */
+    utm?: {
+        source?: string;
+        medium?: string;
+    };
 }
 
 /**
@@ -151,41 +151,41 @@ export declare interface AssetResult extends Asset {
  * @public
  */
 declare interface AssetResult_2 {
-  /** A unique id of this asset */
-  id: string;
-  /**  E.g. `ly.img.image` */
-  type: string;
-  /** URI to a thumbnail of the asset used e.g. in the content library UI */
-  thumbUri: string;
-  /** Original size of the asset. */
-  size: {
-    width: number;
-    height: number;
-  };
-  /** Asset-specific and custom meta information */
-  meta?: {
-    uri?: string;
-    filename?: string;
-  } & Record<string, unknown>;
-  /** The locale of the label and tags */
-  locale?: string;
-  /** The label of the result. Used for description and tooltips.  */
-  label?: string;
-  /** The tags of this asset. Used for filtering and free-text searching.  */
-  tags?: string[];
-  context: {
-    sourceId: string;
-  };
-  /** Credits for the artist of the asset */
-  credits?: {
-    name: string;
-    url?: string;
-  };
-  /** License for this asset. Overwrites the source license if present */
-  license?: {
-    name: string;
-    url?: string;
-  };
+    /** A unique id of this asset */
+    id: string;
+    /**  E.g. `ly.img.image` */
+    type: string;
+    /** URI to a thumbnail of the asset used e.g. in the content library UI */
+    thumbUri: string;
+    /** Original size of the asset. */
+    size: {
+        width: number;
+        height: number;
+    };
+    /** Asset-specific and custom meta information */
+    meta?: {
+        uri?: string;
+        filename?: string;
+    } & Record<string, unknown>;
+    /** The locale of the label and tags */
+    locale?: string;
+    /** The label of the result. Used for description and tooltips.  */
+    label?: string;
+    /** The tags of this asset. Used for filtering and free-text searching.  */
+    tags?: string[];
+    context: {
+        sourceId: string;
+    };
+    /** Credits for the artist of the asset */
+    credits?: {
+        name: string;
+        url?: string;
+    };
+    /** License for this asset. Overwrites the source license if present */
+    license?: {
+        name: string;
+        url?: string;
+    };
 }
 
 /**
@@ -193,44 +193,44 @@ declare interface AssetResult_2 {
  * @public
  */
 export declare interface AssetSource extends AssetAPI<PaginatedAssetQueryData> {
-  /**
-   * Can the source add, update and remove assets dynamically? If `false`
-   * methods like `addAsset` `updateAsset` and `removeAsset` will throw and
-   * error.
-   */
-  canManageAssets?: boolean;
-  /**
-   * Indicates if the asset shall be downloaded to handle the raw data instead
-   * of an URL reference. Do this if you do not want to depend on
-   * a service after adding the asset to the scene. If this is your own API
-   * with your own service, you do not need to set this and avoid downloading /
-   * re-uploading the assets.
-   */
-  downloadAssets?: (asset: AssetResult) => Promise<Blob>;
-  /**
-   * @returns the asset or undefined if no asset with the given id could be found
-   */
-  getAsset(id: string): Promise<AssetResult | undefined>;
-  /**
-   * Adds the given asset to this source. Throws an error if `canManageAssets`
-   * is `false`.
-   *
-   * @returns the id of the added asset
-   */
-  addAsset(type: string, asset: AssetDefinition): Promise<string>;
-  /**
-   * Updates the asset of this source. Throws an error if `canManageAssets`
-   * is `false` or no asset with the given id could not be found.
-   *
-   * @returns the id of the added asset
-   */
-  updateAsset(assetId: string, asset: AssetDefinition): Promise<void>;
-  /**
-   * Removes the given asset from this source.
-   *
-   * @returns true if asset was found and removed, and false otherwise
-   */
-  removeAsset(assetId: string): Promise<boolean>;
+    /**
+     * Can the source add, update and remove assets dynamically? If `false`
+     * methods like `addAsset` `updateAsset` and `removeAsset` will throw and
+     * error.
+     */
+    canManageAssets?: boolean;
+    /**
+     * Indicates if the asset shall be downloaded to handle the raw data instead
+     * of an URL reference. Do this if you do not want to depend on
+     * a service after adding the asset to the scene. If this is your own API
+     * with your own service, you do not need to set this and avoid downloading /
+     * re-uploading the assets.
+     */
+    downloadAssets?: (asset: AssetResult) => Promise<Blob>;
+    /**
+     * @returns the asset or undefined if no asset with the given id could be found
+     */
+    getAsset(id: string): Promise<AssetResult | undefined>;
+    /**
+     * Adds the given asset to this source. Throws an error if `canManageAssets`
+     * is `false`.
+     *
+     * @returns the id of the added asset
+     */
+    addAsset(type: string, asset: AssetDefinition): Promise<string>;
+    /**
+     * Updates the asset of this source. Throws an error if `canManageAssets`
+     * is `false` or no asset with the given id could not be found.
+     *
+     * @returns the id of the added asset
+     */
+    updateAsset(assetId: string, asset: AssetDefinition): Promise<void>;
+    /**
+     * Removes the given asset from this source.
+     *
+     * @returns true if asset was found and removed, and false otherwise
+     */
+    removeAsset(assetId: string): Promise<boolean>;
 }
 
 /**
@@ -238,36 +238,33 @@ export declare interface AssetSource extends AssetAPI<PaginatedAssetQueryData> {
  * @public
  */
 declare interface AssetSource_2 {
-  /** The asset types returned by this source. Will default to ['ly.img.image'].  */
-  types?: string[];
-  /** Find all asset for the given type and the provided query data.  */
-  findAssets(
-    type: string,
-    queryData?: QueryData
-  ): Promise<AssetsQueryResult_2 | undefined>;
-  /**
-   * Indicates if the asset shall be downloaded to handle the raw data instead
-   * of an URL reference. Do this if you do not want to depend on
-   * a service after adding the asset to the scene. If this is your own API
-   * with your own service, you do not need to set this and avoid downloading /
-   * re-uploading the assets.
-   */
-  downloadAssets?: (asset: AssetResult_2) => Promise<Blob>;
-  /** Credits for the source/api */
-  credits?: {
-    name: string;
-    url?: string;
-  };
-  /** General license for all asset from this source */
-  license?: {
-    name: string;
-    url?: string;
-  };
+    /** The asset types returned by this source. Will default to ['ly.img.image'].  */
+    types?: string[];
+    /** Find all asset for the given type and the provided query data.  */
+    findAssets(type: string, queryData?: QueryData): Promise<AssetsQueryResult_2 | undefined>;
+    /**
+     * Indicates if the asset shall be downloaded to handle the raw data instead
+     * of an URL reference. Do this if you do not want to depend on
+     * a service after adding the asset to the scene. If this is your own API
+     * with your own service, you do not need to set this and avoid downloading /
+     * re-uploading the assets.
+     */
+    downloadAssets?: (asset: AssetResult_2) => Promise<Blob>;
+    /** Credits for the source/api */
+    credits?: {
+        name: string;
+        url?: string;
+    };
+    /** General license for all asset from this source */
+    license?: {
+        name: string;
+        url?: string;
+    };
 }
 
 /** @public */
 declare type AssetSources = {
-  [id: string]: AssetSource_2;
+    [id: string]: AssetSource_2;
 };
 
 /**
@@ -275,14 +272,14 @@ declare type AssetSources = {
  * @public
  */
 export declare interface AssetsQueryResult {
-  /** The assets in the requested page */
-  assets: AssetResult[];
-  /** The current, requested page */
-  currentPage: number;
-  /** The next page to query if it exists */
-  nextPage?: number;
-  /** How many assets are there in total for the current query regardless of the page */
-  total: number;
+    /** The assets in the requested page */
+    assets: AssetResult[];
+    /** The current, requested page */
+    currentPage: number;
+    /** The next page to query if it exists */
+    nextPage?: number;
+    /** How many assets are there in total for the current query regardless of the page */
+    total: number;
 }
 
 /**
@@ -290,37 +287,20 @@ export declare interface AssetsQueryResult {
  * @public
  */
 declare interface AssetsQueryResult_2 {
-  /** The assets in the requested page */
-  assets: AssetResult_2[];
-  /** The current, requested page */
-  currentPage: number;
-  /** The next page to query if it exists */
-  nextPage?: number;
-  /** How many assets are there in total for the current query regardless of the page */
-  total: number;
+    /** The assets in the requested page */
+    assets: AssetResult_2[];
+    /** The current, requested page */
+    currentPage: number;
+    /** The next page to query if it exists */
+    nextPage?: number;
+    /** How many assets are there in total for the current query regardless of the page */
+    total: number;
 }
 
 /**
  * @public
  */
-export declare type BlendMode =
-  | 'PassThrough'
-  | 'Normal'
-  | 'Darken'
-  | 'Multiply'
-  | 'ColorBurn'
-  | 'Lighten'
-  | 'Screen'
-  | 'ColorDodge'
-  | 'Overlay'
-  | 'SoftLight'
-  | 'HardLight'
-  | 'Difference'
-  | 'Exclusion'
-  | 'Hue'
-  | 'Saturation'
-  | 'Color'
-  | 'Luminosity';
+export declare type BlendMode = 'PassThrough' | 'Normal' | 'Darken' | 'Multiply' | 'ColorBurn' | 'Lighten' | 'Screen' | 'ColorDodge' | 'Overlay' | 'SoftLight' | 'HardLight' | 'Difference' | 'Exclusion' | 'Hue' | 'Saturation' | 'Color' | 'Luminosity';
 
 /** @public */
 declare type Block = number;
@@ -329,1026 +309,981 @@ declare type Block = number;
  * @public
  */
 export declare class BlockAPI {
-  #private;
-
-  /**
-   * Exports a design block element as a file of the given mime type.
-   * Performs an internal update to resolve the final layout for the blocks.
-   * @param handle - The design block element to export.
-   * @param mimeType - The mime type of the output file.
-   * @returns A promise that resolves with the exported image or is rejected with an error.
-   */
-  export(handle: DesignBlockId, mimeType?: MimeType_2): Promise<Blob>;
-
-  /**
-   * Loads existing blocks from the given string.
-   * The blocks are not attached by default and won't be visible until attached to a page or the scene.
-   * @param content - A string representing the given blocks.
-   * @returns A promise that resolves with a list of handles representing the found blocks or an error.
-   */
-  loadFromString(content: string): Promise<DesignBlockId[]>;
-  /**
-   * Saves the given blocks into a string. If given the root of a block hierarchy, e.g. a
-   * page with multiple children, the entire hierarchy is saved.
-   * @param blocks - The blocks to save
-   * @returns A promise that resolves to a string representing the blocks or an error.
-   */
-  saveToString(blocks: DesignBlockId[]): Promise<string>;
-  /**
-   * Create a new block, fails if type is unknown.
-   * @param type - The type of the block that shall be created.
-   * @returns The created blocks handle.
-   */
-  create(type: DesignBlockType): DesignBlockId;
-
-  /**
-   * Get the type of the given block, fails if the block is invalid.
-   * @param id - The block to query.
-   * @returns The blocks type.
-   */
-  getType(id: DesignBlockId): DesignBlockType;
-  /**
-   * Update the selection state of a block.
-   * Fails for invalid blocks.
-   * @param id - The block to query.
-   * @param selected - Whether or not the block should be selected.
-   */
-  setSelected(id: DesignBlockId, selected: boolean): void;
-  /**
-   * Get the selected state of a block.
-   * @param id - The block to query.
-   * @returns True if the block is selected, false otherwise.
-   */
-  isSelected(id: DesignBlockId): boolean;
-  /**
-   * Get all currently selected blocks.
-   * @returns An array of block ids.
-   */
-  findAllSelected(): DesignBlockId[];
-  /**
-   * Confirms that a given set of blocks can be grouped together.
-   * @param ids - A non-empty array of block ids.
-   * @returns Whether the blocks can be grouped together.
-   */
-  isGroupable(ids: DesignBlockId[]): boolean;
-  /**
-   * Group blocks together.
-   * @param ids - A non-empty array of block ids.
-   * @returns The block id of the created group.
-   */
-  group(ids: DesignBlockId[]): DesignBlockId;
-  /**
-   * Ungroups a group.
-   * @param id - The group id from a previous call to `group`.
-   */
-  ungroup(id: DesignBlockId): void;
-  /**
-   * Changes selection from selected group to a block within that group.
-   * Nothing happens if `group` is not a group.
-   * @param id - The group id from a previous call to `group`.
-   */
-  enterGroup(id: DesignBlockId): void;
-  /**
-   * Changes selection from a group's selected block to that group.
-   * Nothing happens if the `id` is not part of a group.
-   * @param id - A block id.
-   */
-  exitGroup(id: DesignBlockId): void;
-  /**
-   * Update a block's name.
-   * @param id - The block to update.
-   * @param name - The name to set.
-   */
-  setName(id: DesignBlockId, name: string): void;
-  /**
-   * Get a block's name.
-   * @param id - The block to update.
-   */
-  getName(id: DesignBlockId): string;
-  /**
-   * Finds all blocks with the given name.
-   * @param name - The name to search for.
-   * @returns A list of block ids.
-   */
-  findByName(name: string): DesignBlockId[];
-  /**
-   * Finds all blocks with the given type.
-   * @param type - The type to search for.
-   * @returns A list of block ids.
-   */
-  findByType(type: DesignBlockType): DesignBlockId[];
-  /**
-   * Return all blocks currently known to the engine.
-   * @returns A list of block ids.
-   */
-  findAll(): DesignBlockId[];
-  /**
-   * Return all placeholder blocks in the current scene.
-   * @returns A list of block ids.
-   */
-  findAllPlaceholders(): DesignBlockId[];
-  /**
-   * Query a block's visibility.
-   * @param id - The block to query.
-   * @returns True if visible, false otherwise.
-   */
-  isVisible(id: DesignBlockId): boolean;
-  /**
-   * Update a block's visibility.
-   * @param id - The block to update.
-   * @param visible - Whether the block shall be visible.
-   */
-  setVisible(id: DesignBlockId, visible: boolean): void;
-  /**
-   * Query a block's clipped state. If true, the block should clip
-   * its contents to its frame.
-   * @param id - The block to query.
-   * @returns True if clipped, false otherwise.
-   */
-  isClipped(id: DesignBlockId): boolean;
-  /**
-   * Update a block's clipped state.
-   * @param id - The block to update.
-   * @param clipped - Whether the block should clips its contents to its frame.
-   */
-  setClipped(id: DesignBlockId, clipped: boolean): void;
-  /**
-   * Query a block's x position.
-   * @param id - The block to query.
-   * @returns The value of the x position.
-   */
-  getPositionX(id: DesignBlockId): number;
-  /**
-   * Query a block's mode for its x position.
-   * @param id - The block to query.
-   * @returns The current mode for the x position: absolute, percent or undefined.
-   */
-  getPositionXMode(id: DesignBlockId): PositionMode;
-  /**
-   * Query a block's y position.
-   * @param id - The block to query.
-   * @returns The value of the y position.
-   */
-  getPositionY(id: DesignBlockId): number;
-  /**
-   * Query a block's mode for its y position.
-   * @param id - The block to query.
-   * @returns The current mode for the y position: absolute, percent or undefined.
-   */
-  getPositionYMode(id: DesignBlockId): PositionMode;
-  /**
-   * Update a block's x position.
-   * The position refers to the block's local space, relative to its parent with the origin at the top left.
-   * @param id - The block to update.
-   * @param value - The value of the x position.
-   */
-  setPositionX(id: DesignBlockId, value: number): void;
-  /**
-   * Set a block's mode for its x position.
-   * @param id - The block to update.
-   * @param mode - The x position mode: absolute, percent or undefined.
-   */
-  setPositionXMode(id: DesignBlockId, mode: PositionMode): void;
-  /**
-   * Update a block's y position.
-   * The position refers to the block's local space, relative to its parent with the origin at the top left.
-   * @param id - The block to update.
-   * @param value - The value of the y position.
-   */
-  setPositionY(id: DesignBlockId, value: number): void;
-  /**
-   * Set a block's mode for its y position.
-   * @param id - The block to update.
-   * @param mode - The y position mode: absolute, percent or undefined.
-   */
-  setPositionYMode(id: DesignBlockId, mode: PositionMode): void;
-  /**
-   * Query a block's rotation in radians.
-   * @param id - The block to query.
-   * @returns The block's rotation around its center in radians.
-   */
-  getRotation(id: DesignBlockId): number;
-  /**
-   * Update a block's rotation.
-   * @param id - The block to update.
-   * @param radians - The new rotation in radians. Rotation is applied around the block's center.
-   */
-  setRotation(id: DesignBlockId, radians: number): void;
-  /**
-   * Query a block's horizontal flip state.
-   * @param id - The block to query.
-   * @returns A boolean indicating for whether the block is flipped in the queried direction
-   */
-  getFlipHorizontal(id: DesignBlockId): boolean;
-  /**
-   * Query a block's vertical flip state.
-   * @param id - The block to query.
-   * @returns A boolean indicating for whether the block is flipped in the queried direction
-   */
-  getFlipVertical(id: DesignBlockId): boolean;
-  /**
-   * Update a block's horizontal flip.
-   * @param id - The block to update.
-   * @param flip - If the flip should be enabled.
-   */
-  setFlipHorizontal(id: DesignBlockId, flip: boolean): void;
-  /**
-   * Update a block's vertical flip.
-   * @param id - The block to update.
-   * @param flip - If the flip should be enabled.
-   */
-  setFlipVertical(id: DesignBlockId, flip: boolean): void;
-  /**
-   * Query a block's width.
-   * @param id - The block to query.
-   * @returns The value of the block's width.
-   */
-  getWidth(id: DesignBlockId): number;
-  /**
-   * Query a block's mode for its width.
-   * @param id - The block to query.
-   * @returns The current mode for the width: absolute, percent or auto.
-   */
-  getWidthMode(id: DesignBlockId): SizeMode;
-  /**
-   * Query a block's height.
-   * @param id - The block to query.
-   * @returns The value of the block's height.
-   */
-  getHeight(id: DesignBlockId): number;
-  /**
-   * Query a block's mode for its height.
-   * @param id - The block to query.
-   * @returns The current mode for the height: absolute, percent or auto.
-   */
-  getHeightMode(id: DesignBlockId): SizeMode;
-  /**
-   * Query a block's content fill mode.
-   * @param id - The block to query.
-   * @returns The current mode: crop, cover or contain.
-   */
-  getContentFillMode(id: DesignBlockId): ContentFillMode;
-  /**
-   * Update a block's width.
-   * @param id - The block to update.
-   * @param value - The new width of the block.
-   */
-  setWidth(id: DesignBlockId, value: number): void;
-  /**
-   * Set a block's mode for its width.
-   * @param id - The block to update.
-   * @param mode - The width mode: absolute, percent or auto.
-   */
-  setWidthMode(id: DesignBlockId, mode: SizeMode): void;
-  /**
-   * Update a block's height.
-   * @param id - The block to update.
-   * @param value - The new height of the block.
-   */
-  setHeight(id: DesignBlockId, value: number): void;
-  /**
-   * Set a block's mode for its height.
-   * @param id - The block to update.
-   * @param mode - The height mode: absolute, percent or auto.
-   */
-  setHeightMode(id: DesignBlockId, mode: SizeMode): void;
-  /**
-   * Set a block's content fill mode.
-   * @param id - The block to update.
-   * @param mode - The content fill mode mode: crop, cover or contain.
-   */
-  setContentFillMode(id: DesignBlockId, mode: ContentFillMode): void;
-  /**
-   * Get a block's layouted width. The layouted width is only available after an
-   * internal update loop, which may not happen immediately.
-   * @param id - The block to query.
-   * @returns The layouted width.
-   */
-  getFrameWidth(id: DesignBlockId): number;
-  /**
-   * Get a block's layouted height. The layouted height is only available after an
-   * internal update loop, which may not happen immediately.
-   * @param id - The block to query.
-   * @returns The layouted height.
-   */
-  getFrameHeight(id: DesignBlockId): number;
-  /**
-   * Duplicates a block including its children.
-   * @param id - The block to duplicate.
-   * @returns The handle of the duplicate.
-   */
-  duplicate(id: DesignBlockId): DesignBlockId;
-  /**
-   * Destroys a block.
-   * @param id - The block to destroy.
-   */
-  destroy(id: DesignBlockId): void;
-  /**
-   * Check if a block is valid. A block becomes invalid once it has been destroyed.
-   * @param id - The block to query.
-   * @returns True, if the block is valid.
-   */
-  isValid(id: DesignBlockId): boolean;
-  /**
-   * Query a block's parent.
-   * @param id - The block to query.
-   * @returns The parent's handle.
-   */
-  getParent(id: DesignBlockId): DesignBlockId;
-  /**
-   * Get all children of the given block. Children
-   * are sorted in their rendering order: Last child is rendered
-   * in front of other children.
-   * @param id - The block to query.
-   * @returns A list of block ids.
-   */
-  getChildren(id: DesignBlockId): DesignBlockId[];
-  /**
-   * Insert a new or existing child at a certain position in the parent's children.
-   * @param parent - The block whose children should be updated.
-   * @param child - The child to insert. Can be an existing child of `parent`.
-   * @param index - The index to insert or move to.
-   */
-  insertChild(parent: DesignBlockId, child: DesignBlockId, index: number): void;
-  /**
-   * Appends a new or existing child to a block's children.
-   * @param parent - The block whose children should be updated.
-   * @param child - The child to insert. Can be an existing child of `parent`.
-   */
-  appendChild(parent: DesignBlockId, child: DesignBlockId): void;
-  /** Checks whether the given block references any variables. Doesn't check the block's children.
-   *
-   * @param id - The block to inspect.
-   * @returns true if the block references variables and false otherwise.
-   */
-  referencesAnyVariables(id: DesignBlockId): boolean;
-  /**
-   * Get the x position of the block's axis-aligned bounding box in the scene's global coordinate space.
-   * The scene's global coordinate space has its origin at the top left.
-   * @param id - The block whose bounding box should be calculated.
-   * @returns float The x coordinate of the position of the axis-aligned bounding box.
-   */
-  getGlobalBoundingBoxX(id: DesignBlockId): number;
-  /**
-   * Get the y position of the block's axis-aligned bounding box in the scene's global coordinate space.
-   * The scene's global coordinate space has its origin at the top left.
-   * @param id - The block whose bounding box should be calculated.
-   * @returns float The y coordinate of the position of the axis-aligned bounding box.
-   */
-  getGlobalBoundingBoxY(id: DesignBlockId): number;
-  /**
-   * Get the width of the block's axis-aligned bounding box in the scene's global coordinate space.
-   * The scene's global coordinate space has its origin at the top left.
-   * @param id - The block whose bounding box should be calculated.
-   * @returns float The width of the axis-aligned bounding box.
-   */
-  getGlobalBoundingBoxWidth(id: DesignBlockId): number;
-  /**
-   * Get the height of the block's axis-aligned bounding box in the scene's global coordinate space.
-   * The scene's global coordinate space has its origin at the top left.
-   * @param id - The block whose bounding box should be calculated.
-   * @returns float The height of the axis-aligned bounding box.
-   */
-  getGlobalBoundingBoxHeight(id: DesignBlockId): number;
-  /**
-   * Scales the block and all of its children proportionally around the specified
-   * relative anchor point.
-   *
-   * This updates the position, size and style properties (e.g. stroke width) of
-   * the block and its children.
-   *
-   * @param id - The block that should be scaled.
-   * @param scale - The scale factor to be applied to the current properties of the block.
-   * @param anchorX - The relative position along the width of the block around which the
-   * scaling should occur. (0 = left edge, 0.5 = center, 1 = right edge)
-   * @param anchorY - The relative position along the height of the block around which the
-   * scaling should occur. (0 = top edge, 0.5 = center, 1 = bottom edge)
-   */
-  scale(
-    id: DesignBlockId,
-    scale: number,
-    anchorX?: number,
-    anchorY?: number
-  ): void;
-  /**
-   * Get all available properties of a block.
-   * @param id - The block whose properties should be queried.
-   * @returns A list of the property names.
-   */
-  findAllProperties(id: DesignBlockId): string[];
-  /**
-   * Get the type of a property given its name.
-   * @param property - The name of the property whose type should be queried.
-   * @returns The property type.
-   */
-  getPropertyType(property: string): PropertyType;
-  /**
-   * Get all the possible values of an enum given an enum property.
-   * @param enumProperty - The name of the property whose enum values should be queried.
-   * @returns A list of the enum value names as string.
-   */
-  getEnumValues<T = string>(enumProperty: string): T[];
-  /**
-   * Set a bool property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param value - The value to set.
-   */
-  setBool(id: DesignBlockId, property: string, value: boolean): void;
-  /**
-   * Get the value of a bool property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns The value of the property.
-   */
-  getBool(id: DesignBlockId, property: string): boolean;
-  /**
-   * Set an int property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param value - The value to set.
-   */
-  setInt(id: DesignBlockId, property: string, value: number): void;
-  /**
-   * Get the value of an int property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns The value of the property.
-   */
-  getInt(id: DesignBlockId, property: string): number;
-  /**
-   * Set a float property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param value - The value to set.
-   */
-  setFloat(id: DesignBlockId, property: string, value: number): void;
-  /**
-   * Get the value of a float property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns The value of the property.
-   */
-  getFloat(id: DesignBlockId, property: string): number;
-  /**
-   * Set a string property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param value - The value to set.
-   */
-  setString(id: DesignBlockId, property: string, value: string): void;
-  /**
-   * Get the value of a string property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns The value of the property.
-   */
-  getString(id: DesignBlockId, property: string): string;
-  /**
-   * Set a color property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   */
-  setColorRGBA(
-    id: DesignBlockId,
-    property: string,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get the value of a string property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
-   */
-  getColorRGBA(id: DesignBlockId, property: string): RGBA;
-  /**
-   * Set an enum property of the given design block to the given value.
-   * @param id - The block whose property should be set.
-   * @param property - The name of the property to set.
-   * @param value - The enum value as string.
-   */
-  setEnum(id: DesignBlockId, property: string, value: string): void;
-  /**
-   * Get the value of an enum property of the given design block.
-   * @param id - The block whose property should be queried.
-   * @param property - The name of the property to query.
-   * @returns The value as string.
-   */
-  getEnum(id: DesignBlockId, property: string): string;
-  /**
-   * Query if the given block has crop properties.
-   * @param id - The block to query.
-   * @returns true, if the block has crop properties.
-   */
-  hasCrop(id: DesignBlockId): boolean;
-  /**
-   * Set the crop scale in x direction of the given design block.
-   * @param id - The block whose crop should be set.
-   * @param scaleX - The scale in x direction.
-   */
-  setCropScaleX(id: DesignBlockId, scaleX: number): void;
-  /**
-   * Set the crop scale in y direction of the given design block.
-   * @param id - The block whose crop should be set.
-   * @param scaleY - The scale in y direction.
-   */
-  setCropScaleY(id: DesignBlockId, scaleY: number): void;
-  /**
-   * Set the crop rotation of the given design block.
-   * @param id - The block whose crop should be set.
-   * @param rotation - The rotation in radians.
-   */
-  setCropRotation(id: DesignBlockId, rotation: number): void;
-  /**
-   * Set the crop translation in x direction of the given design block.
-   * @param id - The block whose crop should be set.
-   * @param translationY - The translation in y direction.
-   */
-  setCropTranslationX(id: DesignBlockId, translationX: number): void;
-  /**
-   * Set the crop translation in y direction of the given design block.
-   * @param id - The block whose crop should be set.
-   * @param translationY - The translation in y direction.
-   */
-  setCropTranslationY(id: DesignBlockId, translationY: number): void;
-  /**
-   * Resets the manually set crop of the given design block.
-   * The block's content fill mode is set to 'cover'.
-   * @param id - The block whose crop should be reset.
-   */
-  resetCrop(id: DesignBlockId): void;
-  /**
-   * Get the crop scale on the x axis of the given design block.
-   * @param id - The block whose scale should be queried.
-   * @returns The scale on the x axis.
-   */
-  getCropScaleX(id: DesignBlockId): number;
-  /**
-   * Get the crop scale on the y axis of the given design block.
-   * @param id - The block whose scale should be queried.
-   * @returns The scale on the y axis.
-   */
-  getCropScaleY(id: DesignBlockId): number;
-  /**
-   * Get the crop rotation of the given design block.
-   * @param id - The block whose crop rotation should be queried.
-   * @returns The crop rotation.
-   */
-  getCropRotation(id: DesignBlockId): number;
-  /**
-   * Get the crop translation on the x axis of the given design block.
-   * @param id - The block whose translation should be queried.
-   * @returns The translation on the x axis.
-   */
-  getCropTranslationX(id: DesignBlockId): number;
-  /**
-   * Get the crop translation on the y axis of the given design block.
-   * @param id - The block whose translation should be queried.
-   * @returns The translation on the y axis.
-   */
-  getCropTranslationY(id: DesignBlockId): number;
-  /**
-   * Query if the given block has an opacity.
-   * @param id - The block to query.
-   * @returns true, if the block has an opacity.
-   */
-  hasOpacity(id: DesignBlockId): boolean;
-  /**
-   * Set the opacity of the given design block.
-   * @param id - The block whose opacity should be set.
-   * @param opacity - The opacity to be set. The valid range is 0 to 1.
-   */
-  setOpacity(id: DesignBlockId, opacity: number): void;
-  /**
-   * Get the opacity of the given design block.
-   * @param id - The block whose opacity should be queried.
-   * @returns The opacity.
-   */
-  getOpacity(id: DesignBlockId): number;
-  /**
-   * Set the blend mode of the given design block.
-   * @param id - The block whose blend mode should be set.
-   * @param blendMode - The blend mode to be set.
-   * @returns
-   */
-  setBlendMode(id: DesignBlockId, blendMode: BlendMode): void;
-  /**
-   * Get the blend mode of the given design block.
-   * @param id - The block whose blend mode should be queried.
-   * @returns The blend mode.
-   */
-  getBlendMode(id: DesignBlockId): BlendMode;
-  /**
-   * Query if the given block has fill color properties.
-   * @param id - The block to query.
-   * @returns true, if the block has fill color properties.
-   */
-  hasFillColor(id: DesignBlockId): boolean;
-  /**
-   * Set the fill color of the given design block.
-   * @param id - The block whose fill color should be set.
-   * @param color - The fill color to be set, a tuple of
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   */
-  setFillColorRGBA(
-    id: DesignBlockId,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get the fill color of the given design block.
-   * @param id - The block whose fill color should be queried.
-   * @returns The fill color.
-   */
-  getFillColorRGBA(id: DesignBlockId): RGBA;
-  /**
-   * Enable or disable the fill of the given design block.
-   * @param id - The block whose fill should be enabled or disabled.
-   * @param enabled - If true, the fill will be enabled.
-   */
-  setFillColorEnabled(id: DesignBlockId, enabled: boolean): void;
-  /**
-   * Query if the fill of the given design block is enabled.
-   * @param id - The block whose fill state should be queried.
-   * @returns True, if fill is enabled.
-   */
-  isFillColorEnabled(id: DesignBlockId): boolean;
-  /**
-   * Query if the given block has background color properties.
-   * @param id - The block to query.
-   * @returns true, if the block has background color properties.
-   */
-  hasBackgroundColor(id: DesignBlockId): boolean;
-  /**
-   * Set the background color of the given design block.
-   * @param id - The block whose background color should be set.
-   * @param color - The background color to be set, a tuple of
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   */
-  setBackgroundColorRGBA(
-    id: DesignBlockId,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get the background color of the given design block.
-   * @param id - The block whose background color should be queried.
-   * @returns The background color.
-   */
-  getBackgroundColorRGBA(id: DesignBlockId): RGBA;
-  /**
-   * Enable or disable the background of the given design block.
-   * @param id - The block whose background should be enabled or disabled.
-   * @param enabled - If true, the background will be enabled.
-   */
-  setBackgroundColorEnabled(id: DesignBlockId, enabled: boolean): void;
-  /**
-   * Query if the background of the given design block is enabled.
-   * @param id - The block whose background state should be queried.
-   * @returns True, if background is enabled.
-   */
-  isBackgroundColorEnabled(id: DesignBlockId): boolean;
-  /**
-   * Query if the given block has a stroke property.
-   * @param id - The block to query.
-   * @returns True if the block has a stroke property.
-   */
-  hasStroke(id: DesignBlockId): boolean;
-  /**
-   * Enable or disable the stroke of the given design block.
-   * @param id - The block whose stroke should be enabled or disabled.
-   * @param enabled - If true, the stroke will be enabled.
-   */
-  setStrokeEnabled(id: DesignBlockId, enabled: boolean): void;
-  /**
-   * Query if the stroke of the given design block is enabled.
-   * @param id - The block whose stroke state should be queried.
-   * @returns True if the block's stroke is enabled.
-   */
-  isStrokeEnabled(id: DesignBlockId): boolean;
-  /**
-   * Set the stroke color of the given design block.
-   * @param id - The block whose stroke color should be set.
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   */
-  setStrokeColorRGBA(
-    id: DesignBlockId,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get the stroke color of the given design block.
-   * @param id - The block whose background color should be queried.
-   * @returns The background color.
-   */
-  getStrokeColorRGBA(id: DesignBlockId): RGBA;
-  /**
-   * Set the stroke width of the given design block.
-   * @param id - The block whose stroke width should be set.
-   * @param width - The stroke width to be set.
-   */
-  setStrokeWidth(id: DesignBlockId, width: number): void;
-  /**
-   * Get the stroke width of the given design block.
-   * @param id - The block whose stroke width should be queried.
-   * @returns The stroke's width.
-   */
-  getStrokeWidth(id: DesignBlockId): number;
-  /**
-   * Set the stroke style of the given design block.
-   * @param id - The block whose stroke style should be set.
-   * @param style - The stroke style to be set.
-   */
-  setStrokeStyle(id: DesignBlockId, style: StrokeStyle): void;
-  /**
-   * Get the stroke style of the given design block.
-   * @param id - The block whose stroke style should be queried.
-   * @returns The stroke's style.
-   */
-  getStrokeStyle(id: DesignBlockId): StrokeStyle;
-  /**
-   * Set the stroke position of the given design block.
-   * @param id - The block whose stroke position should be set.
-   * @param position - The stroke position to be set.
-   */
-  setStrokePosition(id: DesignBlockId, position: StrokePosition): void;
-  /**
-   * Get the stroke position of the given design block.
-   * @param id - The block whose stroke position should be queried.
-   * @returns The stroke position.
-   */
-  getStrokePosition(id: DesignBlockId): StrokePosition;
-  /**
-   * Set the stroke corner geometry of the given design block.
-   * @param id - The block whose stroke join geometry should be set.
-   * @param cornerGeometry - The stroke join geometry to be set.
-   */
-  setStrokeCornerGeometry(
-    id: DesignBlockId,
-    cornerGeometry: StrokeCornerGeometry
-  ): void;
-  /**
-   * Get the stroke corner geometry of the given design block.
-   * @param id - The block whose stroke join geometry should be queried.
-   * @returns The stroke join geometry.
-   */
-  getStrokeCornerGeometry(id: DesignBlockId): StrokeCornerGeometry;
-  /**
-   * Query if the given block has outline properties.
-   * @param id - The block to query.
-   * @returns true, if the block has outline properties.
-   * @deprecated Use `hasStroke`.
-   */
-  hasOutline(id: DesignBlockId): boolean;
-  /**
-   * Set the outline color of the given design block.
-   * @param id - The block whose outline color should be set.
-   * @param color - The outline color to be set, a tuple of
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   * @deprecated Use `setStrokeColorRGBA`.
-   */
-  setOutlineColorRGBA(
-    id: DesignBlockId,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get the outline color of the given design block.
-   * @param id - The block whose outline color should be queried.
-   * @returns The outline color.
-   * @deprecated Use `getStrokeColorRGBA`.
-   */
-  getOutlineColorRGBA(id: DesignBlockId): RGBA;
-  /**
-   * Enable or disable the outline of the given design block.
-   * @param id - The block whose outline should be enabled or disabled.
-   * @param enabled - If true, the outline will be enabled.
-   * @deprecated Use `setStrokeEnabled`.
-   */
-  setOutlineEnabled(id: DesignBlockId, enabled: boolean): void;
-  /**
-   * Query if the outline of the given design block is enabled.
-   * @param id - The block whose outline state should be queried.
-   * @returns True, if outline is enabled.
-   * @deprecated Use `isStrokeEnabled`.
-   */
-  isOutlineEnabled(id: DesignBlockId): boolean;
-  /**
-   * Set the outline width of the given design block.
-   * @param id - The block whose outline width should be set.
-   * @param width - The outline width to be set.
-   * @deprecated Use `setStrokeWidth`.
-   */
-  setOutlineWidth(id: DesignBlockId, width: number): void;
-  /**
-   * Get the outline width of the given design block.
-   * @param id - The block whose outline width should be queried.
-   * @returns The outline width.
-   * @deprecated Use the Stroke function
-   * @deprecated Use `getStrokeWidth`.
-   */
-  getOutlineWidth(id: DesignBlockId): number;
-  /**
-   * Query if the given block has fill color properties.
-   * @param id - The block to query.
-   * @returns true, if the block has fill color properties, an error otherwise.
-   */
-  hasFill(id: DesignBlockId): boolean;
-  /**
-   * Query if the fill of the given design block is enabled.
-   * @param id - The block whose fill state should be queried.
-   * @returns A result holding the fill state or an error.
-   */
-  isFillEnabled(id: DesignBlockId): boolean;
-  /**
-   * Enable or disable the fill of the given design block.
-   * @param id - The block whose fill should be enabled or disabled.
-   * @param enabled - If true, the fill will be enabled.
-   * @returns An empty result on success, an error otherwise.
-   */
-  setFillEnabled(id: DesignBlockId, enabled: boolean): void;
-  /**
-   * Set the fill type of the given design block.
-   * @param id - The block whose fill type should be set.
-   * @param type - The fill type to set.
-   * @returns An empty result on success, an error otherwise.
-   */
-  setFillType(id: DesignBlockId, fillType: FillType): void;
-  /**
-   * Get the fill type of the given design block.
-   * @param id - The block whose fill type should be queried.
-   * @returns The block's fill type or an error.
-   */
-  getFillType(id: DesignBlockId): FillType;
-  /**
-   * Set the fill color of the given design block.
-   * @param id - The block whose fill color should be set.
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   * @returns An empty result on success, an error otherwise.
-   */
-  setFillSolidColor(
-    id: DesignBlockId,
-    r: number,
-    b: number,
-    g: number,
-    a: number
-  ): void;
-  /**
-   * Get the fill color of the given design block.
-   * @param id - The block whose fill color should be queried.
-   * @returns A result holding the fill color or an error.
-   */
-  getFillSolidColor(id: DesignBlockId): RGBA;
-  /**
-   * Set the gradient type of the given design block.
-   * @param id - The block whose gradient type should be set.
-   * @param type - The gradient type.
-   * @returns An empty result on success, an error otherwise.
-   */
-  setFillGradientType(id: DesignBlockId, gradientType: GradientType): void;
-  /**
-   * Get the gradient type of the given design block.
-   * @param id - The block whose gradient type should be queried.
-   * @returns The gradient type.
-   */
-  getFillGradientType(id: DesignBlockId): GradientType;
-  /**
-   * Add a gradient color stop on a design block.
-   * @param id - The block on which a gradient color stop should be added.
-   * @param stop - Where to add a color stop in the range 0 to 1.
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   * @returns An empty result on success, an error otherwise.
-   */
-  addFillGradientColorStop(
-    id: DesignBlockId,
-    stop: number,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Remove a previously gradient color stop on a design block.
-   * @param id - The block from which to remvove the gradient color stop.
-   * @param stop - The stop's position.
-   * @returns An empty result on success, an error otherwise.
-   */
-  removeFillGradientColorStop(id: DesignBlockId, stop: number): void;
-  /**
-   * Get the gradient fill color stops of the given design block.
-   * @param id - The block whose gradient color stop should be queried.
-   * @returns All of the design block's gradient color stops.
-   */
-  getFillGradientColorStops(id: DesignBlockId): GradientstopRGBA[];
-  /**
-   * Set the gradient fill color stops of the given design block, overwriting previously set color stops.
-   * @param id - The block whose gradient color stop should be set.
-   * @param stops - The gradient color stops to set.
-   * @returns An empty result on success, an error otherwise.
-   */
-  setFillGradientColorStops(id: DesignBlockId, stops: GradientstopRGBA[]): void;
-  /**
-   * Set the position of a gradient's control point.
-   * Note that Different gradient types of different control points.
-   * @param id - The block whose gradient control point should be set.
-   * @param gradientControlPointType - The type of control point.
-   * @param x - The horizontal component of the control point.
-   * @param y - The vertical component of the control point.
-   * @returns true if the control point was set, an error otherwise.
-   */
-  setFillGradientControlPoint(
-    id: DesignBlockId,
-    gradientControlPointType: GradientControlPointType,
-    x: number,
-    y: number
-  ): boolean;
-  /**
-   * Get the horizontal component of a gradient's control point.
-   * @param id - The block whose gradient control point should be queried.
-   * @param gradientControlPointType - The type of control point.
-   * @returns The horizontal component of the control point, an error otherwise.
-   */
-  getFillGradientControlPointX(
-    id: DesignBlockId,
-    gradientControlPointType: GradientControlPointType
-  ): number;
-  /**
-   * Get the vertical component of a gradient's control point.
-   * @param id - The block whose gradient control point should be queried.
-   * @param gradientControlPointType - The type of control point.
-   * @returns The vertical component of the control point, an error otherwise.
-   */
-  getFillGradientControlPointY(
-    id: DesignBlockId,
-    gradientControlPointType: GradientControlPointType
-  ): number;
-  /**
-   * Set a gradient's radius.
-   * Note that Not all gradients have a radius.
-   * @param id - The block whose gradient radius should be set.
-   * @param radius - The gradient's radius.
-   * @returns true if the control point was set, an error otherwise.
-   */
-  setFillGradientRadius(id: DesignBlockId, radius: number): boolean;
-  /**
-   * Get a gradient's radius.
-   * Note that Not all gradients have a radius.
-   * @param id - The block whose gradient radius should be queried.
-   * @returns the gradient's radius, an error otherwise.
-   */
-  getFillGradientRadius(id: DesignBlockId): number;
+    #private;
+
+    /**
+     * Exports a design block element as a file of the given mime type.
+     * Performs an internal update to resolve the final layout for the blocks.
+     * @param handle - The design block element to export.
+     * @param mimeType - The mime type of the output file.
+     * @returns A promise that resolves with the exported image or is rejected with an error.
+     */
+    export(handle: DesignBlockId, mimeType?: MimeType_2): Promise<Blob>;
+
+    /**
+     * Loads existing blocks from the given string.
+     * The blocks are not attached by default and won't be visible until attached to a page or the scene.
+     * @param content - A string representing the given blocks.
+     * @returns A promise that resolves with a list of handles representing the found blocks or an error.
+     */
+    loadFromString(content: string): Promise<DesignBlockId[]>;
+    /**
+     * Saves the given blocks into a string. If given the root of a block hierarchy, e.g. a
+     * page with multiple children, the entire hierarchy is saved.
+     * @param blocks - The blocks to save
+     * @returns A promise that resolves to a string representing the blocks or an error.
+     */
+    saveToString(blocks: DesignBlockId[]): Promise<string>;
+    /**
+     * Create a new block, fails if type is unknown.
+     * @param type - The type of the block that shall be created.
+     * @returns The created blocks handle.
+     */
+    create(type: DesignBlockType): DesignBlockId;
+
+    /**
+     * Get the type of the given block, fails if the block is invalid.
+     * @param id - The block to query.
+     * @returns The blocks type.
+     */
+    getType(id: DesignBlockId): DesignBlockType;
+    /**
+     * Update the selection state of a block.
+     * Fails for invalid blocks.
+     * @param id - The block to query.
+     * @param selected - Whether or not the block should be selected.
+     */
+    setSelected(id: DesignBlockId, selected: boolean): void;
+    /**
+     * Get the selected state of a block.
+     * @param id - The block to query.
+     * @returns True if the block is selected, false otherwise.
+     */
+    isSelected(id: DesignBlockId): boolean;
+    /**
+     * Get all currently selected blocks.
+     * @returns An array of block ids.
+     */
+    findAllSelected(): DesignBlockId[];
+    /**
+     * Confirms that a given set of blocks can be grouped together.
+     * @param ids - A non-empty array of block ids.
+     * @returns Whether the blocks can be grouped together.
+     */
+    isGroupable(ids: DesignBlockId[]): boolean;
+    /**
+     * Group blocks together.
+     * @param ids - A non-empty array of block ids.
+     * @returns The block id of the created group.
+     */
+    group(ids: DesignBlockId[]): DesignBlockId;
+    /**
+     * Ungroups a group.
+     * @param id - The group id from a previous call to `group`.
+     */
+    ungroup(id: DesignBlockId): void;
+    /**
+     * Changes selection from selected group to a block within that group.
+     * Nothing happens if `group` is not a group.
+     * @param id - The group id from a previous call to `group`.
+     */
+    enterGroup(id: DesignBlockId): void;
+    /**
+     * Changes selection from a group's selected block to that group.
+     * Nothing happens if the `id` is not part of a group.
+     * @param id - A block id.
+     */
+    exitGroup(id: DesignBlockId): void;
+    /**
+     * Update a block's name.
+     * @param id - The block to update.
+     * @param name - The name to set.
+     */
+    setName(id: DesignBlockId, name: string): void;
+    /**
+     * Get a block's name.
+     * @param id - The block to update.
+     */
+    getName(id: DesignBlockId): string;
+    /**
+     * Finds all blocks with the given name.
+     * @param name - The name to search for.
+     * @returns A list of block ids.
+     */
+    findByName(name: string): DesignBlockId[];
+    /**
+     * Finds all blocks with the given type.
+     * @param type - The type to search for.
+     * @returns A list of block ids.
+     */
+    findByType(type: DesignBlockType): DesignBlockId[];
+    /**
+     * Return all blocks currently known to the engine.
+     * @returns A list of block ids.
+     */
+    findAll(): DesignBlockId[];
+    /**
+     * Return all placeholder blocks in the current scene.
+     * @returns A list of block ids.
+     */
+    findAllPlaceholders(): DesignBlockId[];
+    /**
+     * Query a block's visibility.
+     * @param id - The block to query.
+     * @returns True if visible, false otherwise.
+     */
+    isVisible(id: DesignBlockId): boolean;
+    /**
+     * Update a block's visibility.
+     * @param id - The block to update.
+     * @param visible - Whether the block shall be visible.
+     */
+    setVisible(id: DesignBlockId, visible: boolean): void;
+    /**
+     * Query a block's clipped state. If true, the block should clip
+     * its contents to its frame.
+     * @param id - The block to query.
+     * @returns True if clipped, false otherwise.
+     */
+    isClipped(id: DesignBlockId): boolean;
+    /**
+     * Update a block's clipped state.
+     * @param id - The block to update.
+     * @param clipped - Whether the block should clips its contents to its frame.
+     */
+    setClipped(id: DesignBlockId, clipped: boolean): void;
+    /**
+     * Query a block's x position.
+     * @param id - The block to query.
+     * @returns The value of the x position.
+     */
+    getPositionX(id: DesignBlockId): number;
+    /**
+     * Query a block's mode for its x position.
+     * @param id - The block to query.
+     * @returns The current mode for the x position: absolute, percent or undefined.
+     */
+    getPositionXMode(id: DesignBlockId): PositionMode;
+    /**
+     * Query a block's y position.
+     * @param id - The block to query.
+     * @returns The value of the y position.
+     */
+    getPositionY(id: DesignBlockId): number;
+    /**
+     * Query a block's mode for its y position.
+     * @param id - The block to query.
+     * @returns The current mode for the y position: absolute, percent or undefined.
+     */
+    getPositionYMode(id: DesignBlockId): PositionMode;
+    /**
+     * Update a block's x position.
+     * The position refers to the block's local space, relative to its parent with the origin at the top left.
+     * @param id - The block to update.
+     * @param value - The value of the x position.
+     */
+    setPositionX(id: DesignBlockId, value: number): void;
+    /**
+     * Set a block's mode for its x position.
+     * @param id - The block to update.
+     * @param mode - The x position mode: absolute, percent or undefined.
+     */
+    setPositionXMode(id: DesignBlockId, mode: PositionMode): void;
+    /**
+     * Update a block's y position.
+     * The position refers to the block's local space, relative to its parent with the origin at the top left.
+     * @param id - The block to update.
+     * @param value - The value of the y position.
+     */
+    setPositionY(id: DesignBlockId, value: number): void;
+    /**
+     * Set a block's mode for its y position.
+     * @param id - The block to update.
+     * @param mode - The y position mode: absolute, percent or undefined.
+     */
+    setPositionYMode(id: DesignBlockId, mode: PositionMode): void;
+    /**
+     * Query a block's rotation in radians.
+     * @param id - The block to query.
+     * @returns The block's rotation around its center in radians.
+     */
+    getRotation(id: DesignBlockId): number;
+    /**
+     * Update a block's rotation.
+     * @param id - The block to update.
+     * @param radians - The new rotation in radians. Rotation is applied around the block's center.
+     */
+    setRotation(id: DesignBlockId, radians: number): void;
+    /**
+     * Query a block's horizontal flip state.
+     * @param id - The block to query.
+     * @returns A boolean indicating for whether the block is flipped in the queried direction
+     */
+    getFlipHorizontal(id: DesignBlockId): boolean;
+    /**
+     * Query a block's vertical flip state.
+     * @param id - The block to query.
+     * @returns A boolean indicating for whether the block is flipped in the queried direction
+     */
+    getFlipVertical(id: DesignBlockId): boolean;
+    /**
+     * Update a block's horizontal flip.
+     * @param id - The block to update.
+     * @param flip - If the flip should be enabled.
+     */
+    setFlipHorizontal(id: DesignBlockId, flip: boolean): void;
+    /**
+     * Update a block's vertical flip.
+     * @param id - The block to update.
+     * @param flip - If the flip should be enabled.
+     */
+    setFlipVertical(id: DesignBlockId, flip: boolean): void;
+    /**
+     * Query if the given block has a content fill mode.
+     * @param id - The block to query.
+     * @returns true, if the block has a content fill mode.
+     */
+    hasContentFillMode(id: DesignBlockId): boolean;
+    /**
+     * Query if the given block shows placeholder content.
+     * @param id - The block to query.
+     * @returns true, if the block shows placeholder content.
+     */
+    hasPlaceholderContent(id: DesignBlockId): boolean;
+    /**
+     * Query a block's width.
+     * @param id - The block to query.
+     * @returns The value of the block's width.
+     */
+    getWidth(id: DesignBlockId): number;
+    /**
+     * Query a block's mode for its width.
+     * @param id - The block to query.
+     * @returns The current mode for the width: absolute, percent or auto.
+     */
+    getWidthMode(id: DesignBlockId): SizeMode;
+    /**
+     * Query a block's height.
+     * @param id - The block to query.
+     * @returns The value of the block's height.
+     */
+    getHeight(id: DesignBlockId): number;
+    /**
+     * Query a block's mode for its height.
+     * @param id - The block to query.
+     * @returns The current mode for the height: absolute, percent or auto.
+     */
+    getHeightMode(id: DesignBlockId): SizeMode;
+    /**
+     * Query a block's content fill mode.
+     * @param id - The block to query.
+     * @returns The current mode: crop, cover or contain.
+     */
+    getContentFillMode(id: DesignBlockId): ContentFillMode;
+    /**
+     * Update a block's width.
+     * @param id - The block to update.
+     * @param value - The new width of the block.
+     */
+    setWidth(id: DesignBlockId, value: number): void;
+    /**
+     * Set a block's mode for its width.
+     * @param id - The block to update.
+     * @param mode - The width mode: absolute, percent or auto.
+     */
+    setWidthMode(id: DesignBlockId, mode: SizeMode): void;
+    /**
+     * Update a block's height.
+     * @param id - The block to update.
+     * @param value - The new height of the block.
+     */
+    setHeight(id: DesignBlockId, value: number): void;
+    /**
+     * Set a block's mode for its height.
+     * @param id - The block to update.
+     * @param mode - The height mode: absolute, percent or auto.
+     */
+    setHeightMode(id: DesignBlockId, mode: SizeMode): void;
+    /**
+     * Set a block's content fill mode.
+     * @param id - The block to update.
+     * @param mode - The content fill mode mode: crop, cover or contain.
+     */
+    setContentFillMode(id: DesignBlockId, mode: ContentFillMode): void;
+    /**
+     * Get a block's layout width. The layout width is only available after an
+     * internal update loop, which may not happen immediately.
+     * @param id - The block to query.
+     * @returns The layout width.
+     */
+    getFrameWidth(id: DesignBlockId): number;
+    /**
+     * Get a block's layout height. The layout height is only available after an
+     * internal update loop, which may not happen immediately.
+     * @param id - The block to query.
+     * @returns The layout height.
+     */
+    getFrameHeight(id: DesignBlockId): number;
+    /**
+     * Duplicates a block including its children.
+     * @param id - The block to duplicate.
+     * @returns The handle of the duplicate.
+     */
+    duplicate(id: DesignBlockId): DesignBlockId;
+    /**
+     * Destroys a block.
+     * @param id - The block to destroy.
+     */
+    destroy(id: DesignBlockId): void;
+    /**
+     * Check if a block is valid. A block becomes invalid once it has been destroyed.
+     * @param id - The block to query.
+     * @returns True, if the block is valid.
+     */
+    isValid(id: DesignBlockId): boolean;
+    /**
+     * Query a block's parent.
+     * @param id - The block to query.
+     * @returns The parent's handle or null if the block has no parent.
+     */
+    getParent(id: DesignBlockId): DesignBlockId | null;
+    /**
+     * Get all children of the given block. Children
+     * are sorted in their rendering order: Last child is rendered
+     * in front of other children.
+     * @param id - The block to query.
+     * @returns A list of block ids.
+     */
+    getChildren(id: DesignBlockId): DesignBlockId[];
+    /**
+     * Insert a new or existing child at a certain position in the parent's children.
+     * @param parent - The block whose children should be updated.
+     * @param child - The child to insert. Can be an existing child of `parent`.
+     * @param index - The index to insert or move to.
+     */
+    insertChild(parent: DesignBlockId, child: DesignBlockId, index: number): void;
+    /**
+     * Appends a new or existing child to a block's children.
+     * @param parent - The block whose children should be updated.
+     * @param child - The child to insert. Can be an existing child of `parent`.
+     */
+    appendChild(parent: DesignBlockId, child: DesignBlockId): void;
+    /** Checks whether the given block references any variables. Doesn't check the block's children.
+     *
+     * @param id - The block to inspect.
+     * @returns true if the block references variables and false otherwise.
+     */
+    referencesAnyVariables(id: DesignBlockId): boolean;
+    /**
+     * Get the x position of the block's axis-aligned bounding box in the scene's global coordinate space.
+     * The scene's global coordinate space has its origin at the top left.
+     * @param id - The block whose bounding box should be calculated.
+     * @returns float The x coordinate of the position of the axis-aligned bounding box.
+     */
+    getGlobalBoundingBoxX(id: DesignBlockId): number;
+    /**
+     * Get the y position of the block's axis-aligned bounding box in the scene's global coordinate space.
+     * The scene's global coordinate space has its origin at the top left.
+     * @param id - The block whose bounding box should be calculated.
+     * @returns float The y coordinate of the position of the axis-aligned bounding box.
+     */
+    getGlobalBoundingBoxY(id: DesignBlockId): number;
+    /**
+     * Get the width of the block's axis-aligned bounding box in the scene's global coordinate space.
+     * The scene's global coordinate space has its origin at the top left.
+     * @param id - The block whose bounding box should be calculated.
+     * @returns float The width of the axis-aligned bounding box.
+     */
+    getGlobalBoundingBoxWidth(id: DesignBlockId): number;
+    /**
+     * Get the height of the block's axis-aligned bounding box in the scene's global coordinate space.
+     * The scene's global coordinate space has its origin at the top left.
+     * @param id - The block whose bounding box should be calculated.
+     * @returns float The height of the axis-aligned bounding box.
+     */
+    getGlobalBoundingBoxHeight(id: DesignBlockId): number;
+    /**
+     * Scales the block and all of its children proportionally around the specified
+     * relative anchor point.
+     *
+     * This updates the position, size and style properties (e.g. stroke width) of
+     * the block and its children.
+     *
+     * @param id - The block that should be scaled.
+     * @param scale - The scale factor to be applied to the current properties of the block.
+     * @param anchorX - The relative position along the width of the block around which the
+     * scaling should occur. (0 = left edge, 0.5 = center, 1 = right edge)
+     * @param anchorY - The relative position along the height of the block around which the
+     * scaling should occur. (0 = top edge, 0.5 = center, 1 = bottom edge)
+     */
+    scale(id: DesignBlockId, scale: number, anchorX?: number, anchorY?: number): void;
+    /**
+     * Get all available properties of a block.
+     * @param id - The block whose properties should be queried.
+     * @returns A list of the property names.
+     */
+    findAllProperties(id: DesignBlockId): string[];
+    /**
+     * Get the type of a property given its name.
+     * @param property - The name of the property whose type should be queried.
+     * @returns The property type.
+     */
+    getPropertyType(property: string): PropertyType;
+    /**
+     * Get all the possible values of an enum given an enum property.
+     * @param enumProperty - The name of the property whose enum values should be queried.
+     * @returns A list of the enum value names as string.
+     */
+    getEnumValues<T = string>(enumProperty: string): T[];
+    /**
+     * Set a bool property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param value - The value to set.
+     */
+    setBool(id: DesignBlockId, property: string, value: boolean): void;
+    /**
+     * Get the value of a bool property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns The value of the property.
+     */
+    getBool(id: DesignBlockId, property: string): boolean;
+    /**
+     * Set an int property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param value - The value to set.
+     */
+    setInt(id: DesignBlockId, property: string, value: number): void;
+    /**
+     * Get the value of an int property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns The value of the property.
+     */
+    getInt(id: DesignBlockId, property: string): number;
+    /**
+     * Set a float property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param value - The value to set.
+     */
+    setFloat(id: DesignBlockId, property: string, value: number): void;
+    /**
+     * Get the value of a float property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns The value of the property.
+     */
+    getFloat(id: DesignBlockId, property: string): number;
+    /**
+     * Set a string property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param value - The value to set.
+     */
+    setString(id: DesignBlockId, property: string, value: string): void;
+    /**
+     * Get the value of a string property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns The value of the property.
+     */
+    getString(id: DesignBlockId, property: string): string;
+    /**
+     * Set a color property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setColorRGBA(id: DesignBlockId, property: string, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the value of a string property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
+     */
+    getColorRGBA(id: DesignBlockId, property: string): RGBA;
+    /**
+     * Set an enum property of the given design block to the given value.
+     * @param id - The block whose property should be set.
+     * @param property - The name of the property to set.
+     * @param value - The enum value as string.
+     */
+    setEnum(id: DesignBlockId, property: string, value: string): void;
+    /**
+     * Get the value of an enum property of the given design block.
+     * @param id - The block whose property should be queried.
+     * @param property - The name of the property to query.
+     * @returns The value as string.
+     */
+    getEnum(id: DesignBlockId, property: string): string;
+    /**
+     * Query if the given block has crop properties.
+     * @param id - The block to query.
+     * @returns true, if the block has crop properties.
+     */
+    hasCrop(id: DesignBlockId): boolean;
+    /**
+     * Set the crop scale in x direction of the given design block.
+     * @param id - The block whose crop should be set.
+     * @param scaleX - The scale in x direction.
+     */
+    setCropScaleX(id: DesignBlockId, scaleX: number): void;
+    /**
+     * Set the crop scale in y direction of the given design block.
+     * @param id - The block whose crop should be set.
+     * @param scaleY - The scale in y direction.
+     */
+    setCropScaleY(id: DesignBlockId, scaleY: number): void;
+    /**
+     * Set the crop rotation of the given design block.
+     * @param id - The block whose crop should be set.
+     * @param rotation - The rotation in radians.
+     */
+    setCropRotation(id: DesignBlockId, rotation: number): void;
+    /**
+     * Set the crop translation in x direction of the given design block.
+     * @param id - The block whose crop should be set.
+     * @param translationY - The translation in y direction.
+     */
+    setCropTranslationX(id: DesignBlockId, translationX: number): void;
+    /**
+     * Set the crop translation in y direction of the given design block.
+     * @param id - The block whose crop should be set.
+     * @param translationY - The translation in y direction.
+     */
+    setCropTranslationY(id: DesignBlockId, translationY: number): void;
+    /**
+     * Resets the manually set crop of the given design block.
+     * The block's content fill mode is set to 'cover'.
+     * @param id - The block whose crop should be reset.
+     */
+    resetCrop(id: DesignBlockId): void;
+    /**
+     * Get the crop scale on the x axis of the given design block.
+     * @param id - The block whose scale should be queried.
+     * @returns The scale on the x axis.
+     */
+    getCropScaleX(id: DesignBlockId): number;
+    /**
+     * Get the crop scale on the y axis of the given design block.
+     * @param id - The block whose scale should be queried.
+     * @returns The scale on the y axis.
+     */
+    getCropScaleY(id: DesignBlockId): number;
+    /**
+     * Get the crop rotation of the given design block.
+     * @param id - The block whose crop rotation should be queried.
+     * @returns The crop rotation.
+     */
+    getCropRotation(id: DesignBlockId): number;
+    /**
+     * Get the crop translation on the x axis of the given design block.
+     * @param id - The block whose translation should be queried.
+     * @returns The translation on the x axis.
+     */
+    getCropTranslationX(id: DesignBlockId): number;
+    /**
+     * Get the crop translation on the y axis of the given design block.
+     * @param id - The block whose translation should be queried.
+     * @returns The translation on the y axis.
+     */
+    getCropTranslationY(id: DesignBlockId): number;
+    /**
+     * Query if the given block has an opacity.
+     * @param id - The block to query.
+     * @returns true, if the block has an opacity.
+     */
+    hasOpacity(id: DesignBlockId): boolean;
+    /**
+     * Set the opacity of the given design block.
+     * @param id - The block whose opacity should be set.
+     * @param opacity - The opacity to be set. The valid range is 0 to 1.
+     */
+    setOpacity(id: DesignBlockId, opacity: number): void;
+    /**
+     * Get the opacity of the given design block.
+     * @param id - The block whose opacity should be queried.
+     * @returns The opacity.
+     */
+    getOpacity(id: DesignBlockId): number;
+    /**
+     * Query if the given block has a blend mode.
+     * @param id - The block to query.
+     * @returns true, if the block has a blend mode.
+     */
+    hasBlendMode(id: DesignBlockId): boolean;
+    /**
+     * Set the blend mode of the given design block.
+     * @param id - The block whose blend mode should be set.
+     * @param blendMode - The blend mode to be set.
+     * @returns
+     */
+    setBlendMode(id: DesignBlockId, blendMode: BlendMode): void;
+    /**
+     * Get the blend mode of the given design block.
+     * @param id - The block whose blend mode should be queried.
+     * @returns The blend mode.
+     */
+    getBlendMode(id: DesignBlockId): BlendMode;
+    /**
+     * Query if the given block has fill color properties.
+     * @param id - The block to query.
+     * @returns true, if the block has fill color properties.
+     */
+    hasFillColor(id: DesignBlockId): boolean;
+    /**
+     * Set the fill color of the given design block.
+     * @param id - The block whose fill color should be set.
+     * @param color - The fill color to be set, a tuple of
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setFillColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the fill color of the given design block.
+     * @param id - The block whose fill color should be queried.
+     * @returns The fill color.
+     */
+    getFillColorRGBA(id: DesignBlockId): RGBA;
+    /**
+     * Enable or disable the fill of the given design block.
+     * @param id - The block whose fill should be enabled or disabled.
+     * @param enabled - If true, the fill will be enabled.
+     */
+    setFillColorEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Query if the fill of the given design block is enabled.
+     * @param id - The block whose fill state should be queried.
+     * @returns True, if fill is enabled.
+     */
+    isFillColorEnabled(id: DesignBlockId): boolean;
+    /**
+     * Query if the given block has background color properties.
+     * @param id - The block to query.
+     * @returns true, if the block has background color properties.
+     */
+    hasBackgroundColor(id: DesignBlockId): boolean;
+    /**
+     * Set the background color of the given design block.
+     * @param id - The block whose background color should be set.
+     * @param color - The background color to be set, a tuple of
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setBackgroundColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the background color of the given design block.
+     * @param id - The block whose background color should be queried.
+     * @returns The background color.
+     */
+    getBackgroundColorRGBA(id: DesignBlockId): RGBA;
+    /**
+     * Enable or disable the background of the given design block.
+     * @param id - The block whose background should be enabled or disabled.
+     * @param enabled - If true, the background will be enabled.
+     */
+    setBackgroundColorEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Query if the background of the given design block is enabled.
+     * @param id - The block whose background state should be queried.
+     * @returns True, if background is enabled.
+     */
+    isBackgroundColorEnabled(id: DesignBlockId): boolean;
+    /**
+     * Query if the given block has a stroke property.
+     * @param id - The block to query.
+     * @returns True if the block has a stroke property.
+     */
+    hasStroke(id: DesignBlockId): boolean;
+    /**
+     * Enable or disable the stroke of the given design block.
+     * @param id - The block whose stroke should be enabled or disabled.
+     * @param enabled - If true, the stroke will be enabled.
+     */
+    setStrokeEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Query if the stroke of the given design block is enabled.
+     * @param id - The block whose stroke state should be queried.
+     * @returns True if the block's stroke is enabled.
+     */
+    isStrokeEnabled(id: DesignBlockId): boolean;
+    /**
+     * Set the stroke color of the given design block.
+     * @param id - The block whose stroke color should be set.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setStrokeColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the stroke color of the given design block.
+     * @param id - The block whose background color should be queried.
+     * @returns The background color.
+     */
+    getStrokeColorRGBA(id: DesignBlockId): RGBA;
+    /**
+     * Set the stroke width of the given design block.
+     * @param id - The block whose stroke width should be set.
+     * @param width - The stroke width to be set.
+     */
+    setStrokeWidth(id: DesignBlockId, width: number): void;
+    /**
+     * Get the stroke width of the given design block.
+     * @param id - The block whose stroke width should be queried.
+     * @returns The stroke's width.
+     */
+    getStrokeWidth(id: DesignBlockId): number;
+    /**
+     * Set the stroke style of the given design block.
+     * @param id - The block whose stroke style should be set.
+     * @param style - The stroke style to be set.
+     */
+    setStrokeStyle(id: DesignBlockId, style: StrokeStyle): void;
+    /**
+     * Get the stroke style of the given design block.
+     * @param id - The block whose stroke style should be queried.
+     * @returns The stroke's style.
+     */
+    getStrokeStyle(id: DesignBlockId): StrokeStyle;
+    /**
+     * Set the stroke position of the given design block.
+     * @param id - The block whose stroke position should be set.
+     * @param position - The stroke position to be set.
+     */
+    setStrokePosition(id: DesignBlockId, position: StrokePosition): void;
+    /**
+     * Get the stroke position of the given design block.
+     * @param id - The block whose stroke position should be queried.
+     * @returns The stroke position.
+     */
+    getStrokePosition(id: DesignBlockId): StrokePosition;
+    /**
+     * Set the stroke corner geometry of the given design block.
+     * @param id - The block whose stroke join geometry should be set.
+     * @param cornerGeometry - The stroke join geometry to be set.
+     */
+    setStrokeCornerGeometry(id: DesignBlockId, cornerGeometry: StrokeCornerGeometry): void;
+    /**
+     * Get the stroke corner geometry of the given design block.
+     * @param id - The block whose stroke join geometry should be queried.
+     * @returns The stroke join geometry.
+     */
+    getStrokeCornerGeometry(id: DesignBlockId): StrokeCornerGeometry;
+    /**
+     * Query if the given block has outline properties.
+     * @param id - The block to query.
+     * @returns true, if the block has outline properties.
+     * @deprecated Use `hasStroke`.
+     */
+    hasOutline(id: DesignBlockId): boolean;
+    /**
+     * Set the outline color of the given design block.
+     * @param id - The block whose outline color should be set.
+     * @param color - The outline color to be set, a tuple of
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     * @deprecated Use `setStrokeColorRGBA`.
+     */
+    setOutlineColorRGBA(id: DesignBlockId, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the outline color of the given design block.
+     * @param id - The block whose outline color should be queried.
+     * @returns The outline color.
+     * @deprecated Use `getStrokeColorRGBA`.
+     */
+    getOutlineColorRGBA(id: DesignBlockId): RGBA;
+    /**
+     * Enable or disable the outline of the given design block.
+     * @param id - The block whose outline should be enabled or disabled.
+     * @param enabled - If true, the outline will be enabled.
+     * @deprecated Use `setStrokeEnabled`.
+     */
+    setOutlineEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Query if the outline of the given design block is enabled.
+     * @param id - The block whose outline state should be queried.
+     * @returns True, if outline is enabled.
+     * @deprecated Use `isStrokeEnabled`.
+     */
+    isOutlineEnabled(id: DesignBlockId): boolean;
+    /**
+     * Set the outline width of the given design block.
+     * @param id - The block whose outline width should be set.
+     * @param width - The outline width to be set.
+     * @deprecated Use `setStrokeWidth`.
+     */
+    setOutlineWidth(id: DesignBlockId, width: number): void;
+    /**
+     * Get the outline width of the given design block.
+     * @param id - The block whose outline width should be queried.
+     * @returns The outline width.
+     * @deprecated Use the Stroke function
+     * @deprecated Use `getStrokeWidth`.
+     */
+    getOutlineWidth(id: DesignBlockId): number;
+    /**
+     * Query if the given block has fill color properties.
+     * @param id - The block to query.
+     * @returns true, if the block has fill color properties, an error otherwise.
+     */
+    hasFill(id: DesignBlockId): boolean;
+    /**
+     * Query if the fill of the given design block is enabled.
+     * @param id - The block whose fill state should be queried.
+     * @returns A result holding the fill state or an error.
+     */
+    isFillEnabled(id: DesignBlockId): boolean;
+    /**
+     * Enable or disable the fill of the given design block.
+     * @param id - The block whose fill should be enabled or disabled.
+     * @param enabled - If true, the fill will be enabled.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillEnabled(id: DesignBlockId, enabled: boolean): void;
+    /**
+     * Set the fill type of the given design block.
+     * @param id - The block whose fill type should be set.
+     * @param type - The fill type to set.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillType(id: DesignBlockId, fillType: FillType): void;
+    /**
+     * Get the fill type of the given design block.
+     * @param id - The block whose fill type should be queried.
+     * @returns The block's fill type or an error.
+     */
+    getFillType(id: DesignBlockId): FillType;
+    /**
+     * Set the fill color of the given design block.
+     * @param id - The block whose fill color should be set.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillSolidColor(id: DesignBlockId, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get the fill color of the given design block.
+     * @param id - The block whose fill color should be queried.
+     * @returns A result holding the fill color or an error.
+     */
+    getFillSolidColor(id: DesignBlockId): RGBA;
+    /**
+     * Set the gradient type of the given design block.
+     * @param id - The block whose gradient type should be set.
+     * @param type - The gradient type.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillGradientType(id: DesignBlockId, gradientType: GradientType): void;
+    /**
+     * Get the gradient type of the given design block.
+     * @param id - The block whose gradient type should be queried.
+     * @returns The gradient type.
+     */
+    getFillGradientType(id: DesignBlockId): GradientType;
+    /**
+     * Add a gradient color stop on a design block.
+     * @param id - The block on which a gradient color stop should be added.
+     * @param stop - Where to add a color stop in the range 0 to 1.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     * @returns An empty result on success, an error otherwise.
+     */
+    addFillGradientColorStop(id: DesignBlockId, stop: number, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Remove a previously gradient color stop on a design block.
+     * @param id - The block from which to remove the gradient color stop.
+     * @param stop - The stop's position.
+     * @returns An empty result on success, an error otherwise.
+     */
+    removeFillGradientColorStop(id: DesignBlockId, stop: number): void;
+    /**
+     * Get the gradient fill color stops of the given design block.
+     * @param id - The block whose gradient color stop should be queried.
+     * @returns All of the design block's gradient color stops.
+     */
+    getFillGradientColorStops(id: DesignBlockId): GradientstopRGBA[];
+    /**
+     * Set the gradient fill color stops of the given design block, overwriting previously set color stops.
+     * @param id - The block whose gradient color stop should be set.
+     * @param stops - The gradient color stops to set.
+     * @returns An empty result on success, an error otherwise.
+     */
+    setFillGradientColorStops(id: DesignBlockId, stops: GradientstopRGBA[]): void;
+    /**
+     * Set the position of a gradient's control point.
+     * Note that Different gradient types of different control points.
+     * @param id - The block whose gradient control point should be set.
+     * @param gradientControlPointType - The type of control point.
+     * @param x - The horizontal component of the control point.
+     * @param y - The vertical component of the control point.
+     * @returns true if the control point was set, an error otherwise.
+     */
+    setFillGradientControlPoint(id: DesignBlockId, gradientControlPointType: GradientControlPointType, x: number, y: number): boolean;
+    /**
+     * Get the horizontal component of a gradient's control point.
+     * @param id - The block whose gradient control point should be queried.
+     * @param gradientControlPointType - The type of control point.
+     * @returns The horizontal component of the control point, an error otherwise.
+     */
+    getFillGradientControlPointX(id: DesignBlockId, gradientControlPointType: GradientControlPointType): number;
+    /**
+     * Get the vertical component of a gradient's control point.
+     * @param id - The block whose gradient control point should be queried.
+     * @param gradientControlPointType - The type of control point.
+     * @returns The vertical component of the control point, an error otherwise.
+     */
+    getFillGradientControlPointY(id: DesignBlockId, gradientControlPointType: GradientControlPointType): number;
+    /**
+     * Set a gradient's radius.
+     * Note that Not all gradients have a radius.
+     * @param id - The block whose gradient radius should be set.
+     * @param radius - The gradient's radius.
+     * @returns true if the control point was set, an error otherwise.
+     */
+    setFillGradientRadius(id: DesignBlockId, radius: number): boolean;
+    /**
+     * Get a gradient's radius.
+     * Note that Not all gradients have a radius.
+     * @param id - The block whose gradient radius should be queried.
+     * @returns the gradient's radius, an error otherwise.
+     */
+    getFillGradientRadius(id: DesignBlockId): number;
 }
 
 /**
  * @public
  */
 export declare type BlockEvent = {
-  block: DesignBlockId;
-  type: 'Created' | 'Updated' | 'Destroyed';
+    block: DesignBlockId;
+    type: 'Created' | 'Updated' | 'Destroyed';
 };
 
 /** @public */
 declare interface BlockEvent_2 {
-  block: Block;
-  type: 'Created' | 'Updated' | 'Destroyed';
+    block: Block;
+    type: 'Created' | 'Updated' | 'Destroyed';
 }
 
 /** @public */
 declare type Callbacks = {
-  log?: Logger;
+    log?: Logger;
 };
 
 /**
@@ -1356,10 +1291,10 @@ declare type Callbacks = {
  * @public
  */
 export declare interface CMYKColor {
-  c: number;
-  m: number;
-  y: number;
-  k: number;
+    c: number;
+    m: number;
+    y: number;
+    k: number;
 }
 
 /**
@@ -1371,65 +1306,65 @@ declare type Color_2 = HexColorString | RGBColor | RGBAColor | SpotColor;
 
 /** @public */
 declare type ColorDefinition = Preset & {
-  value: Color_2;
+    value: Color_2;
 };
 
 /** @public */
 declare type ColorPaletteDefinition = Preset & {
-  entries: Color_2[];
+    entries: Color_2[];
 };
 
 declare namespace ConfigTypes {
-  export {
-    HexColorString,
-    Color_2 as Color,
-    AssetSources,
-    AssetSource_2 as AssetSource,
-    AssetResult_2 as AssetResult,
-    AssetsQueryResult_2 as AssetsQueryResult,
-    QueryData,
-    Preset,
-    VariableDefinition,
-    ColorDefinition,
-    ColorPaletteDefinition,
-    PageFormatDefinition,
-    TemplateDefinition,
-    TypefaceDefinition,
-    ImageDefinition,
-    Presets,
-    Variables,
-    Core,
-    Extensions,
-    Scene,
-    Page,
-    Callbacks
-  };
+    export {
+        HexColorString,
+        Color_2 as Color,
+        AssetSources,
+        AssetSource_2 as AssetSource,
+        AssetResult_2 as AssetResult,
+        AssetsQueryResult_2 as AssetsQueryResult,
+        QueryData,
+        Preset,
+        VariableDefinition,
+        ColorDefinition,
+        ColorPaletteDefinition,
+        PageFormatDefinition,
+        TemplateDefinition,
+        TypefaceDefinition,
+        ImageDefinition,
+        Presets,
+        Variables,
+        Core,
+        Extensions,
+        Scene,
+        Page,
+        Callbacks
+    }
 }
-export { ConfigTypes };
+export { ConfigTypes }
 
 /** @public */
 export declare interface Configuration {
-  baseURL: string;
-  license?: string;
-  role: RoleString;
-  featureFlags?: Record<string, string | boolean>;
-  extensions: ConfigTypes.Extensions;
-  core: ConfigTypes.Core;
-  scene: ConfigTypes.Scene;
-  page: ConfigTypes.Page;
-  assetSources: ConfigTypes.AssetSources;
-  presets: ConfigTypes.Presets;
-  variables: ConfigTypes.Variables;
-  callbacks: ConfigTypes.Callbacks;
-  /**
-   * The default font used by a text added to the scene. Needs to be the id of
-   * the font from a extension pack including namespace, e.g.
-   *
-   * '//ly.img.cesdk.fonts/roboto_regular'
-   *
-   * If not configured the fallback font is used.
-   */
-  defaultFont?: string;
+    baseURL: string;
+    license?: string;
+    role: RoleString;
+    featureFlags?: Record<string, string | boolean>;
+    extensions: ConfigTypes.Extensions;
+    core: ConfigTypes.Core;
+    scene: ConfigTypes.Scene;
+    page: ConfigTypes.Page;
+    assetSources: ConfigTypes.AssetSources;
+    presets: ConfigTypes.Presets;
+    variables: ConfigTypes.Variables;
+    callbacks: ConfigTypes.Callbacks;
+    /**
+     * The default font used by a text added to the scene. Needs to be the id of
+     * the font from a extension pack including namespace, e.g.
+     *
+     * '//ly.img.cesdk.fonts/roboto_regular'
+     *
+     * If not configured the fallback font is used.
+     */
+    defaultFont?: string;
 }
 
 /**
@@ -1443,7 +1378,7 @@ export declare type ContentFillMode = 'Crop' | 'Cover' | 'Contain';
 
 /** @public */
 declare type Core = {
-  baseURL: string;
+    baseURL: string;
 };
 
 /**
@@ -1452,29 +1387,26 @@ declare type Core = {
  * @public
  */
 declare class CreativeEngine {
-  #private;
-  block: BlockAPI;
-  scene: SceneAPI;
-  variable: VariableAPI;
-  editor: EditorAPI;
-
-  event: EventAPI;
-
-  /**
-   * Dispose the engine.
-   */
-  dispose(): void;
-  /**
-   * Initialize a `CreativeEngine` using the given `canvas` element and an optional config.
-   * @param config - A configuration object.
-   * @param canvas - The canvas to use for drawing. Optional, if no canvas is provided,
-   *                 the engine works with an internal offscreen-canvas.
-   * @returns An engine instance.
-   */
-  static init(
-    config?: Partial<Configuration>,
-    canvas?: HTMLCanvasElement | OffscreenCanvas
-  ): Promise<CreativeEngine>;
+    #private;
+    block: BlockAPI;
+    scene: SceneAPI;
+    variable: VariableAPI;
+    editor: EditorAPI;
+
+    event: EventAPI;
+
+    /**
+     * Dispose the engine.
+     */
+    dispose(): void;
+    /**
+     * Initialize a `CreativeEngine` using the given `canvas` element and an optional config.
+     * @param config - A configuration object.
+     * @param canvas - The canvas to use for drawing. Optional, if no canvas is provided,
+     *                 the engine works with an internal offscreen-canvas.
+     * @returns An engine instance.
+     */
+    static init(config?: Partial<Configuration>, canvas?: HTMLCanvasElement | OffscreenCanvas): Promise<CreativeEngine>;
 }
 export default CreativeEngine;
 
@@ -1488,21 +1420,21 @@ export declare type DesignBlockId = number;
  * @public
  */
 export declare enum DesignBlockType {
-  Scene = '//ly.img.ubq/scene',
-  Stack = '//ly.img.ubq/stack',
-  Camera = '//ly.img.ubq/camera',
-  Page = '//ly.img.ubq/page',
-  Image = '//ly.img.ubq/image',
-  Video = '//ly.img.ubq/video',
-  Text = '//ly.img.ubq/text',
-  Sticker = '//ly.img.ubq/sticker',
-  VectorPath = '//ly.img.ubq/vector_path',
-  RectShape = '//ly.img.ubq/shapes/rect',
-  LineShape = '//ly.img.ubq/shapes/line',
-  StarShape = '//ly.img.ubq/shapes/star',
-  PolygonShape = '//ly.img.ubq/shapes/polygon',
-  EllipseShape = '//ly.img.ubq/shapes/ellipse',
-  Group = '//ly.img.ubq/group'
+    Scene = "//ly.img.ubq/scene",
+    Stack = "//ly.img.ubq/stack",
+    Camera = "//ly.img.ubq/camera",
+    Page = "//ly.img.ubq/page",
+    Image = "//ly.img.ubq/image",
+    Video = "//ly.img.ubq/video",
+    Text = "//ly.img.ubq/text",
+    Sticker = "//ly.img.ubq/sticker",
+    VectorPath = "//ly.img.ubq/vector_path",
+    RectShape = "//ly.img.ubq/shapes/rect",
+    LineShape = "//ly.img.ubq/shapes/line",
+    StarShape = "//ly.img.ubq/shapes/star",
+    PolygonShape = "//ly.img.ubq/shapes/polygon",
+    EllipseShape = "//ly.img.ubq/shapes/ellipse",
+    Group = "//ly.img.ubq/group"
 }
 
 /** @public */
@@ -1512,215 +1444,200 @@ export declare type DesignUnit = 'mm' | 'px' | 'in';
  * @public
  */
 export declare class EditorAPI {
-  #private;
-
-  /**
-   * Subscribe to changes to the editor state.
-   * @param callback - This function is called at the end of the engine update, if the editor state has changed.
-   * @returns A method to unsubscribe.
-   */
-  onStateChanged(callback: () => void): () => void;
-  /**
-   * Set the edit mode of the editor.
-   * An edit mode defines what type of content can currently be edited by the user.
-   * Hint: the initial edit mode is "Transform".
-   * @param mode - "Transform", "Crop", "Text", or a custom value.
-   */
-  setEditMode(mode: 'Transform' | 'Crop' | 'Text' | string): void;
-  /**
-   * Get the current edit mode of the editor.
-   * An edit mode defines what type of content can currently be edited by the user.
-   * @returns "Transform", "Crop", "Text", or a custom value.
-   */
-  getEditMode(): 'Transform' | 'Crop' | 'Text' | string;
-  /**
-   * Get the type of cursor that should be displayed by the application.
-   * @returns The cursor type.
-   */
-  getCursorType():
-    | 'Arrow'
-    | 'Move'
-    | 'MoveNotPermitted'
-    | 'Resize'
-    | 'Rotate'
-    | 'Text';
-  /**
-   * Get the rotation with which to render the mouse cursor.
-   * @returns The angle in radians.
-   */
-  getCursorRotation(): number;
-  /**
-   * Get the current text cursor's x position in screen space.
-   * @returns The text cursor's x position in screen space.
-   */
-  getTextCursorPositionInScreenSpaceX(): number;
-  /**
-   * Get the current text cursor's y position in screen space.
-   * @returns The text cursor's y position in screen space.
-   */
-  getTextCursorPositionInScreenSpaceY(): number;
-  /**
-   * Sets the zoom level of the scene.
-   * @param zoomLevel - The new zoom level.
-   */
-  setZoomLevel(zoomLevel?: number): void;
-  /**
-   * Query a camera zoom level.
-   * @returns The zoom level of the block's (main) camera.
-   */
-  getZoomLevel(): number;
-  /**
-   * Adds a new history state to the stack, if undoable changes were made.
-   */
-  addUndoStep(): void;
-  /**
-   * Undo one step in the history if an undo step is available.
-   */
-  undo(): void;
-  /**
-   * Redo one step in the history if a redo step is available.
-   */
-  redo(): void;
-  /**
-   * If an undo step is available.
-   *
-   * @returns True if an undo step is available.
-   */
-  canUndo(): boolean;
-  /**
-   * If a redo step is available.
-   *
-   * @returns True if a redo step is available.
-   */
-  canRedo(): boolean;
-  /**
-   * Set a boolean setting.
-   * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
-   * @param value - The value to set.
-   * @throws An error, if the keypath is invalid.
-   */
-  setSettingBool(keypath: string, value: boolean): void;
-  /**
-   * Get a boolean setting.
-   * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
-   * @throws An error, if the keypath is invalid.
-   */
-  getSettingBool(keypath: string): boolean;
-  /**
-   * Set an integer setting.
-   * @param keypath - The settings keypath.
-   * @param value - The value to set.
-   * @throws An error, if the keypath is invalid.
-   */
-  setSettingInt(keypath: string, value: number): void;
-  /**
-   * Get an integer setting.
-   * @param keypath - The settings keypath.
-   * @throws An error, if the keypath is invalid.
-   */
-  getSettingInt(keypath: string): number;
-  /**
-   * Set a float setting.
-   * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
-   * @param value - The value to set.
-   * @throws An error, if the keypath is invalid.
-   */
-  setSettingFloat(keypath: string, value: number): void;
-  /**
-   * Get a float setting.
-   * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
-   * @throws An error, if the keypath is invalid.
-   */
-  getSettingFloat(keypath: string): number;
-  /**
-   * Set a string setting.
-   * @param keypath - The settings keypath, e.g. `ubq://license`
-   * @param value - The value to set.
-   * @throws An error, if the keypath is invalid.
-   */
-  setSettingString(keypath: string, value: string): void;
-  /**
-   * Get a string setting.
-   * @param keypath - The settings keypath, e.g. `ubq://license`
-   * @throws An error, if the keypath is invalid.
-   */
-  getSettingString(keypath: string): string;
-  /**
-   * Set a color setting.
-   * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
-   * @param r - The red color component in the range of 0 to 1.
-   * @param g - The green color component in the range of 0 to 1.
-   * @param b - The blue color component in the range of 0 to 1.
-   * @param a - The alpha color component in the range of 0 to 1.
-   */
-  setSettingColorRGBA(
-    keypath: string,
-    r: number,
-    g: number,
-    b: number,
-    a: number
-  ): void;
-  /**
-   * Get a color setting.
-   * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
-   * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
-   */
-  getSettingColorRGBA(keypath: string): RGBA;
-  /**
-   * Set an enum setting.
-   * @param keypath - The settings keypath, e.g. `ubq://role`.
-   * @param value - The enum value as string.
-   */
-  setSettingEnum(keypath: string, value: string): void;
-  /**
-   * Get an enum setting.
-   * @param keypath - The settings keypath, e.g. `ubq://role`.
-   * @returns The value as string.
-   */
-  getSettingEnum(keypath: string): string;
+    #private;
+
+    /**
+     * Subscribe to changes to the editor state.
+     * @param callback - This function is called at the end of the engine update, if the editor state has changed.
+     * @returns A method to unsubscribe.
+     */
+    onStateChanged(callback: () => void): () => void;
+    /**
+     * Set the edit mode of the editor.
+     * An edit mode defines what type of content can currently be edited by the user.
+     * Hint: the initial edit mode is "Transform".
+     * @param mode - "Transform", "Crop", "Text", or a custom value.
+     */
+    setEditMode(mode: 'Transform' | 'Crop' | 'Text' | string): void;
+    /**
+     * Get the current edit mode of the editor.
+     * An edit mode defines what type of content can currently be edited by the user.
+     * @returns "Transform", "Crop", "Text", or a custom value.
+     */
+    getEditMode(): 'Transform' | 'Crop' | 'Text' | string;
+    /**
+     * Get the type of cursor that should be displayed by the application.
+     * @returns The cursor type.
+     */
+    getCursorType(): 'Arrow' | 'Move' | 'MoveNotPermitted' | 'Resize' | 'Rotate' | 'Text';
+    /**
+     * Get the rotation with which to render the mouse cursor.
+     * @returns The angle in radians.
+     */
+    getCursorRotation(): number;
+    /**
+     * Get the current text cursor's x position in screen space.
+     * @returns The text cursor's x position in screen space.
+     */
+    getTextCursorPositionInScreenSpaceX(): number;
+    /**
+     * Get the current text cursor's y position in screen space.
+     * @returns The text cursor's y position in screen space.
+     */
+    getTextCursorPositionInScreenSpaceY(): number;
+    /**
+     * Sets the zoom level of the scene.
+     * @param zoomLevel - The new zoom level.
+     */
+    setZoomLevel(zoomLevel?: number): void;
+    /**
+     * Query a camera zoom level.
+     * @returns The zoom level of the block's (main) camera.
+     */
+    getZoomLevel(): number;
+    /**
+     * Adds a new history state to the stack, if undoable changes were made.
+     */
+    addUndoStep(): void;
+    /**
+     * Undo one step in the history if an undo step is available.
+     */
+    undo(): void;
+    /**
+     * Redo one step in the history if a redo step is available.
+     */
+    redo(): void;
+    /**
+     * If an undo step is available.
+     *
+     * @returns True if an undo step is available.
+     */
+    canUndo(): boolean;
+    /**
+     * If a redo step is available.
+     *
+     * @returns True if a redo step is available.
+     */
+    canRedo(): boolean;
+    /**
+     * Set a boolean setting.
+     * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingBool(keypath: string, value: boolean): void;
+    /**
+     * Get a boolean setting.
+     * @param keypath - The settings keypath, e.g. `ubq://doubleClickToCropEnabled`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingBool(keypath: string): boolean;
+    /**
+     * Set an integer setting.
+     * @param keypath - The settings keypath.
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingInt(keypath: string, value: number): void;
+    /**
+     * Get an integer setting.
+     * @param keypath - The settings keypath.
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingInt(keypath: string): number;
+    /**
+     * Set a float setting.
+     * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingFloat(keypath: string, value: number): void;
+    /**
+     * Get a float setting.
+     * @param keypath - The settings keypath, e.g. `ubq://positionSnappingThreshold`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingFloat(keypath: string): number;
+    /**
+     * Set a string setting.
+     * @param keypath - The settings keypath, e.g. `ubq://license`
+     * @param value - The value to set.
+     * @throws An error, if the keypath is invalid.
+     */
+    setSettingString(keypath: string, value: string): void;
+    /**
+     * Get a string setting.
+     * @param keypath - The settings keypath, e.g. `ubq://license`
+     * @throws An error, if the keypath is invalid.
+     */
+    getSettingString(keypath: string): string;
+    /**
+     * Set a color setting.
+     * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
+     * @param r - The red color component in the range of 0 to 1.
+     * @param g - The green color component in the range of 0 to 1.
+     * @param b - The blue color component in the range of 0 to 1.
+     * @param a - The alpha color component in the range of 0 to 1.
+     */
+    setSettingColorRGBA(keypath: string, r: number, g: number, b: number, a?: number): void;
+    /**
+     * Get a color setting.
+     * @param keypath - The settings keypath, e.g. `ubq://highlightColor`.
+     * @returns A tuple of channels red, green, blue and alpha in the range of 0 to 1.
+     */
+    getSettingColorRGBA(keypath: string): RGBA;
+    /**
+     * Set an enum setting.
+     * @param keypath - The settings keypath, e.g. `ubq://role`.
+     * @param value - The enum value as string.
+     */
+    setSettingEnum(keypath: string, value: string): void;
+    /**
+     * Get an enum setting.
+     * @param keypath - The settings keypath, e.g. `ubq://role`.
+     * @returns The value as string.
+     */
+    getSettingEnum(keypath: string): string;
 }
 
 /**
  * @public
  */
 export declare class EventAPI {
-  #private;
-
-  /**
-   * Subscribe to block life-cycle events.
-   * @param blocks - A list of blocks to filter events by. If the list is empty, events for every block are sent.
-   * @param callback - The event callback. Events are bundled and sent at the end of each engine update.
-   * @returns A method to unsubscribe.
-   */
-  subscribe(
-    blocks: DesignBlockId[],
-    callback: (events: BlockEvent[]) => void
-  ): () => void;
+    #private;
+
+    /**
+     * Subscribe to block life-cycle events.
+     * @param blocks - A list of blocks to filter events by. If the list is empty, events for every block are sent.
+     * @param callback - The event callback. Events are bundled and sent at the end of each engine update.
+     * @returns A method to unsubscribe.
+     */
+    subscribe(blocks: DesignBlockId[], callback: (events: BlockEvent[]) => void): () => void;
 }
 
 /** @public */
 declare interface ExportOptions {
-  jpegQuality: number;
-  pngCompressionLevel: number;
-  useTargetSize: boolean;
-  targetWidth: number;
-  targetHeight: number;
+    jpegQuality: number;
+    pngCompressionLevel: number;
+    useTargetSize: boolean;
+    targetWidth: number;
+    targetHeight: number;
 }
 
 /** @public */
 declare interface ExportVideoOptions {
-  h264Profile: number;
-  h264Level: number;
-  framerate: number;
-  useTargetSize: boolean;
-  targetWidth: number;
-  targetHeight: number;
+    h264Profile: number;
+    h264Level: number;
+    framerate: number;
+    useTargetSize: boolean;
+    targetWidth: number;
+    targetHeight: number;
 }
 
 /** @public */
 declare type Extensions = {
-  baseURL: string;
-  entries: string[];
+    baseURL: string;
+    entries: string[];
 };
 
 /**
@@ -1730,24 +1647,15 @@ export declare type FillType = 'Solid' | 'Gradient';
 
 /** @public */
 declare interface Flip {
-  horizontal: boolean;
-  vertical: boolean;
+    horizontal: boolean;
+    vertical: boolean;
 }
 
 /** @public */
 export declare type FontStyle = 'normal' | 'italic';
 
 /** @public */
-export declare type FontWeight =
-  | 'thin'
-  | 'extraLight'
-  | 'Light'
-  | 'normal'
-  | 'medium'
-  | 'semiBold'
-  | 'bold'
-  | 'extraBold'
-  | 'heavy';
+export declare type FontWeight = 'thin' | 'extraLight' | 'Light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
 
 /**
  * @public
@@ -1758,11 +1666,11 @@ export declare type GradientControlPointType = 'Start' | 'End' | 'Center';
  * @public
  */
 export declare type GradientstopRGBA = [
-  stop: number,
-  r: number,
-  g: number,
-  b: number,
-  a: number
+stop: number,
+r: number,
+g: number,
+b: number,
+a: number
 ];
 
 /**
@@ -1790,13 +1698,13 @@ declare type HexColorString = string;
 
 /** @public */
 declare type ImageDefinition = Preset & {
-  imageURL: string;
-  thumbnailURL?: string;
-  width: number;
-  height: number;
-  levelOfDetail?: {
-    [lod: number]: string;
-  };
+    imageURL: string;
+    thumbnailURL?: string;
+    width: number;
+    height: number;
+    levelOfDetail?: {
+        [lod: number]: string;
+    };
 };
 
 /**
@@ -1810,55 +1718,55 @@ export declare type Logger = (message: string, level: LogLevel) => void;
 
 /** @public */
 export declare enum LogLevel {
-  Info = 'Info',
-  Warning = 'Warning',
-  Error = 'Error'
+    Info = "Info",
+    Warning = "Warning",
+    Error = "Error"
 }
 
 /** @public */
 declare enum MimeType_2 {
-  Png = 'image/png',
-  Jpeg = 'image/jpeg',
-  Tga = 'image/x-tga',
-  Mp4 = 'video/mp4',
-  Binary = 'application/octet-stream',
-  Pdf = 'application/pdf',
-  Zip = 'application/zip'
+    Png = "image/png",
+    Jpeg = "image/jpeg",
+    Tga = "image/x-tga",
+    Mp4 = "video/mp4",
+    Binary = "application/octet-stream",
+    Pdf = "application/pdf",
+    Zip = "application/zip"
 }
-export { MimeType_2 as MimeType };
+export { MimeType_2 as MimeType }
 
 /** @public */
 declare type Page = {
-  title: {
-    /**
-     * Whether newly created pages should show a title.
-     */
-    show?: boolean;
+    title: {
+        /**
+         * Whether newly created pages should show a title.
+         */
+        show?: boolean;
+        /**
+         * The font file to use to render the page titles.
+         */
+        fontFileUri?: string;
+    };
     /**
-     * The font file to use to render the page titles.
+     * Whether the opacity of the region outside of all
+     * pages should be reduced.
      */
-    fontFileUri?: string;
-  };
-  /**
-   * Whether the opacity of the region outside of all
-   * pages should be reduced.
-   */
-  dimOutOfPageAreas?: boolean;
+    dimOutOfPageAreas?: boolean;
 };
 
 /** @public */
 declare type PageFormatDefinition = Preset & {
-  width: number;
-  height: number;
-  unit: DesignUnit;
-  dpi?: number;
-  bleedMargin?: number;
+    width: number;
+    height: number;
+    unit: DesignUnit;
+    dpi?: number;
+    bleedMargin?: number;
 };
 
 /** @public */
 export declare interface PaginatedAssetQueryData extends AssetQueryData {
-  /** The current page queried for paginated views. */
-  page: number;
+    /** The current page queried for paginated views. */
+    page: number;
 }
 
 /**
@@ -1872,58 +1780,51 @@ export declare type PositionMode = 'Absolute' | 'Percent' | 'Auto';
 
 /** @public */
 declare type Preset = {
-  meta?: {
-    default?: boolean;
-    library?: string;
-    categories?: string[];
-  };
+    meta?: {
+        default?: boolean;
+        library?: string;
+        categories?: string[];
+    };
 };
 
 /** @public */
 declare type Presets = {
-  colors?: {
-    [id: string]: ColorDefinition;
-  };
-  typefaces?: {
-    [id: string]: TypefaceDefinition;
-  };
-  images?: {
-    [id: string]: ImageDefinition;
-  };
-  pageFormats?: {
-    [id: string]: PageFormatDefinition;
-  };
-  colorPalettes?: {
-    [id: string]: ColorPaletteDefinition;
-  };
-  templates?: {
-    [id: string]: TemplateDefinition;
-  };
+    colors?: {
+        [id: string]: ColorDefinition;
+    };
+    typefaces?: {
+        [id: string]: TypefaceDefinition;
+    };
+    images?: {
+        [id: string]: ImageDefinition;
+    };
+    pageFormats?: {
+        [id: string]: PageFormatDefinition;
+    };
+    colorPalettes?: {
+        [id: string]: ColorPaletteDefinition;
+    };
+    templates?: {
+        [id: string]: TemplateDefinition;
+    };
 };
 
 /** @public */
-export declare type PropertyType =
-  | 'Bool'
-  | 'Int'
-  | 'Float'
-  | 'String'
-  | 'Color'
-  | 'Enum'
-  | 'Struct';
+export declare type PropertyType = 'Bool' | 'Int' | 'Float' | 'String' | 'Color' | 'Enum' | 'Struct';
 
 /** @public */
 declare interface QueryData {
-  /** A query string used for (fuzzy) searching of labels and tags */
-  query?: string;
-  /**
-   * The number of results queried. How many assets shall be returned regardless
-   * of the total number of assets available.
-   *
-   * Together with `page` this can be used for pagination.
-   */
-  perPage: number;
-  /** The current page queried for paginated views. */
-  page: number;
+    /** A query string used for (fuzzy) searching of labels and tags */
+    query?: string;
+    /**
+     * The number of results queried. How many assets shall be returned regardless
+     * of the total number of assets available.
+     *
+     * Together with `page` this can be used for pagination.
+     */
+    perPage: number;
+    /** The current page queried for paginated views. */
+    page: number;
 }
 
 /**
@@ -1936,10 +1837,10 @@ export declare type RGBA = [r: number, g: number, b: number, a: number];
  * @public
  */
 export declare interface RGBAColor {
-  r: number;
-  g: number;
-  b: number;
-  a: number;
+    r: number;
+    g: number;
+    b: number;
+    a: number;
 }
 
 /**
@@ -1947,9 +1848,9 @@ export declare interface RGBAColor {
  * @public
  */
 export declare interface RGBColor {
-  r: number;
-  g: number;
-  b: number;
+    r: number;
+    g: number;
+    b: number;
 }
 
 /** @public */
@@ -1960,116 +1861,112 @@ export declare type RoleString = 'Creator' | 'Adopter' | 'Viewer' | 'Presenter';
  * @public
  */
 declare type Scene = {
-  maskSpotColor?: SpotColor;
-  /**
-   * The DPI value to use when exporting and when converting between pixels and inches or millimeter units.
-   * (In the CESDK, this value is synonymous with PPI).
-   *
-   * This is only relevant for new scenes that are created in the editor. Loaded scenes will use the
-   * value stored in their serialization file.
-   */
-  dpi: number;
-  /**
-   * A scale factor that is applied to the final export resolution.
-   *
-   * This is only relevant for new scenes that are created in the editor. Loaded scenes will use the
-   * value stored in their serialization file.
-   */
-  pixelScaleFactor: number;
+    maskSpotColor?: SpotColor;
+    /**
+     * The DPI value to use when exporting and when converting between pixels and inches or millimeter units.
+     * (In the CESDK, this value is synonymous with PPI).
+     *
+     * This is only relevant for new scenes that are created in the editor. Loaded scenes will use the
+     * value stored in their serialization file.
+     */
+    dpi: number;
+    /**
+     * A scale factor that is applied to the final export resolution.
+     *
+     * This is only relevant for new scenes that are created in the editor. Loaded scenes will use the
+     * value stored in their serialization file.
+     */
+    pixelScaleFactor: number;
 };
 
 /**
  * @public
  */
 export declare class SceneAPI {
-  #private;
-
-  /**
-   * Load the contents of a scene file.
-   * @param sceneContent - The scene file contents, a base64 string.
-   * @returns A handle to the loaded scene.
-   */
-  loadFromString(sceneContent: string): Promise<DesignBlockId>;
-  /**
-   * Load a scene from the URL to the scene file.
-   * The scene file will be fetched asynchronously by the engine. This requires continous `render`
-   * calls on this engines instance.
-   * @param url - The URL of the scene file.
-   * @returns scene A promise that resolves once the scene was loaded or rejects with an error otherwise.
-   */
-  loadFromURL(url: string): Promise<DesignBlockId>;
-  /**
-   * Serializes the current scene into a string. Selection is discarded.
-   * @returns A promise that resolves with a string on success or an error on failure.
-   */
-  saveToString(): Promise<string>;
-  /**
-   * Saves the current scene and all of its referenced assets into an archive.
-   * The archive contains all assets, that were accessible when this function was called.
-   * Blocks in the archived scene reference assets relative from to the location of the scene
-   * file. These references are resolved when loading such a scene via `loadSceneFromURL`.
-   *
-   * @returns A promise that resolves with a Blob on success or an error on failure.
-   */
-  saveToArchive(): Promise<Blob>;
-  /**
-   * Create a new scene, along with its own camera.
-   * @returns The scenes handle.
-   */
-  create(): DesignBlockId;
-  /**
-   * Loads the given image and creates a scene with a single page showing the image.
-   * Fetching the image may take an arbitrary amount of time, so the scene isn't immediately
-   * available.
-   * @param url - The image URL.
-   * @param dpi - The scenes DPI.
-   * @param pixelScaleFactor - The displays pixel scale factor.
-   * @returns A promise that resolves with the scene ID on success or rejected with an error otherwise.
-   */
-  createFromImage(
-    url: string,
-    dpi?: number,
-    pixelScaleFactor?: number
-  ): Promise<DesignBlockId>;
-  /**
-   * Return the currently active scene.
-   * @returns The scene or null, if none was created yet.
-   */
-  get(): DesignBlockId | null;
-  /**
-   * Applies the contents of the given template scene to the currently loaded scene.
-   * This loads the template scene while keeping the design unit and page dimensions
-   * of the current scene. Page contents remain centered when the pages are resized
-   * to fit the new dimensions.
-   * @param content - The template scene file contents, a base64 string.
-   * @returns A Promise that resolves once the template was applied or rejects if there was an error.
-   */
-  applyTemplateFromString(content: string): Promise<void>;
-  /**
-   * Applies the contents of the given template scene to the currently loaded scene.
-   * This loads the template scene while keeping the design unit and page dimensions
-   * of the current scene. Page contents remain centered when the pages are resized
-   * to fit the new dimensions.
-   * @param url - The url to the template scene file.
-   * @returns A Promise that resolves once the template was applied or rejects if there was an error.
-   */
-  applyTemplateFromURL(url: string): Promise<void>;
-  /**
-   * Converts all values of the current scene into the given design unit.
-   * @param designUnit - The new design unit of the scene
-   */
-  unstable_setDesignUnit(designUnit: DesignUnit): void;
-  /**
-   * Returns the design unit of the current scene.
-   * @returns The current design unit.
-   */
-  unstable_getDesignUnit(): DesignUnit;
+    #private;
+
+    /**
+     * Load the contents of a scene file.
+     * @param sceneContent - The scene file contents, a base64 string.
+     * @returns A handle to the loaded scene.
+     */
+    loadFromString(sceneContent: string): Promise<DesignBlockId>;
+    /**
+     * Load a scene from the URL to the scene file.
+     * The scene file will be fetched asynchronously by the engine. This requires continuous `render`
+     * calls on this engines instance.
+     * @param url - The URL of the scene file.
+     * @returns scene A promise that resolves once the scene was loaded or rejects with an error otherwise.
+     */
+    loadFromURL(url: string): Promise<DesignBlockId>;
+    /**
+     * Serializes the current scene into a string. Selection is discarded.
+     * @returns A promise that resolves with a string on success or an error on failure.
+     */
+    saveToString(): Promise<string>;
+    /**
+     * Saves the current scene and all of its referenced assets into an archive.
+     * The archive contains all assets, that were accessible when this function was called.
+     * Blocks in the archived scene reference assets relative from to the location of the scene
+     * file. These references are resolved when loading such a scene via `loadSceneFromURL`.
+     *
+     * @returns A promise that resolves with a Blob on success or an error on failure.
+     */
+    saveToArchive(): Promise<Blob>;
+    /**
+     * Create a new scene, along with its own camera.
+     * @returns The scenes handle.
+     */
+    create(): DesignBlockId;
+    /**
+     * Loads the given image and creates a scene with a single page showing the image.
+     * Fetching the image may take an arbitrary amount of time, so the scene isn't immediately
+     * available.
+     * @param url - The image URL.
+     * @param dpi - The scenes DPI.
+     * @param pixelScaleFactor - The displays pixel scale factor.
+     * @returns A promise that resolves with the scene ID on success or rejected with an error otherwise.
+     */
+    createFromImage(url: string, dpi?: number, pixelScaleFactor?: number): Promise<DesignBlockId>;
+    /**
+     * Return the currently active scene.
+     * @returns The scene or null, if none was created yet.
+     */
+    get(): DesignBlockId | null;
+    /**
+     * Applies the contents of the given template scene to the currently loaded scene.
+     * This loads the template scene while keeping the design unit and page dimensions
+     * of the current scene. Page contents remain centered when the pages are resized
+     * to fit the new dimensions.
+     * @param content - The template scene file contents, a base64 string.
+     * @returns A Promise that resolves once the template was applied or rejects if there was an error.
+     */
+    applyTemplateFromString(content: string): Promise<void>;
+    /**
+     * Applies the contents of the given template scene to the currently loaded scene.
+     * This loads the template scene while keeping the design unit and page dimensions
+     * of the current scene. Page contents remain centered when the pages are resized
+     * to fit the new dimensions.
+     * @param url - The url to the template scene file.
+     * @returns A Promise that resolves once the template was applied or rejects if there was an error.
+     */
+    applyTemplateFromURL(url: string): Promise<void>;
+    /**
+     * Converts all values of the current scene into the given design unit.
+     * @param designUnit - The new design unit of the scene
+     */
+    unstable_setDesignUnit(designUnit: DesignUnit): void;
+    /**
+     * Returns the design unit of the current scene.
+     * @returns The current design unit.
+     */
+    unstable_getDesignUnit(): DesignUnit;
 }
 
 /** @public */
 export declare interface Size2 {
-  width: number;
-  height: number;
+    width: number;
+    height: number;
 }
 
 /**
@@ -2083,9 +1980,9 @@ export declare type SizeMode = 'Absolute' | 'Percent' | 'Auto';
 
 /** @public */
 export declare interface SpotColor {
-  name: string;
-  rgbApproximation: RGBAColor;
-  cmykApproximation: CMYKColor;
+    name: string;
+    rgbApproximation: RGBAColor;
+    cmykApproximation: CMYKColor;
 }
 
 /** @public */
@@ -2095,93 +1992,87 @@ export declare type StrokeCornerGeometry = 'Bevel' | 'Miter' | 'Round';
 export declare type StrokePosition = 'Center' | 'Inner' | 'Outer';
 
 /**  @public */
-export declare type StrokeStyle =
-  | 'Dashed'
-  | 'DashedRound'
-  | 'Dotted'
-  | 'LongDashed'
-  | 'LongDashedRound'
-  | 'Solid';
+export declare type StrokeStyle = 'Dashed' | 'DashedRound' | 'Dotted' | 'LongDashed' | 'LongDashedRound' | 'Solid';
 
 /** @public */
 declare type Subscription = number;
 
 /** @public */
 declare type TemplateDefinition = Preset & {
-  label: string;
-  scene: string | URL | (() => Promise<string>);
-  thumbnailURL?: string | URL;
+    label: string;
+    scene: string | URL | (() => Promise<string>);
+    thumbnailURL?: string | URL;
 };
 
 /** @public */
 declare type TypefaceDefinition = Preset & {
-  family: string;
-  fonts: {
-    fontURL: string;
-    weight: FontWeight;
-    style: FontStyle;
-  }[];
+    family: string;
+    fonts: {
+        fontURL: string;
+        weight: FontWeight;
+        style: FontStyle;
+    }[];
 };
 
 /**
  * @public
  */
 export declare class VariableAPI {
-  #private;
-
-  /**
-   * Get all text variables currently stored in the engine.
-   * @returns Return a list of variable names
-   */
-  findAll(): string[];
-  /**
-   * Set a text variable.
-   * @param key - The variable's key.
-   * @param value - The text to replace the variable with.
-   */
-  setString(key: string, value: string): void;
-  /**
-   * Set a text variable.
-   * @param key - The variable's key.
-   * @returns  The text value of the variable.
-   */
-  getString(key: string): string;
-  /**
-   * Destroy a text variable.
-   * @param key - The variable's key.
-   */
-  remove(key: string): void;
+    #private;
+
+    /**
+     * Get all text variables currently stored in the engine.
+     * @returns Return a list of variable names
+     */
+    findAll(): string[];
+    /**
+     * Set a text variable.
+     * @param key - The variable's key.
+     * @param value - The text to replace the variable with.
+     */
+    setString(key: string, value: string): void;
+    /**
+     * Set a text variable.
+     * @param key - The variable's key.
+     * @returns  The text value of the variable.
+     */
+    getString(key: string): string;
+    /**
+     * Destroy a text variable.
+     * @param key - The variable's key.
+     */
+    remove(key: string): void;
 }
 
 /** @public */
 declare type VariableDefinition = Preset & {
-  value: string | number;
+    value: string | number;
 };
 
 /** @public */
 declare type Variables = {
-  [id: string]: VariableDefinition;
+    [id: string]: VariableDefinition;
 };
 
 /** @public */
 export declare interface Vec2 {
-  x: number;
-  y: number;
+    x: number;
+    y: number;
 }
 
 /** @public */
 export declare interface Vec3 {
-  x: number;
-  y: number;
-  z: number;
+    x: number;
+    y: number;
+    z: number;
 }
 
 /** @public */
 export declare interface Vec4 {
-  x: number;
-  y: number;
-  z: number;
-  w: number;
+    x: number;
+    y: number;
+    z: number;
+    w: number;
 }
 
-export {};
+export { }