@elementor/editor-canvas 4.1.0-803 → 4.1.0-804

package/dist/index.d.mts

@@ -132,6 +132,9 @@ declare class ElementView {
     }): void;
     once: (event: string, callback: () => void) => void;
 }
+declare class TemplatedElementView extends ElementView {
+    _doAfterRender(callback: () => void): void;
+}
 type JQueryElement = {
     find: (selector: string) => JQueryElement;
     html: (html: string) => void;
@@ -215,7 +218,7 @@ type CreateTemplatedElementTypeOptions = {
     element: TemplatedElementConfig;
 };
 type TemplatedElementConfig = Required<Pick<V1ElementConfig, 'twig_templates' | 'twig_main_template' | 'atomic_props_schema' | 'base_styles_dictionary'>>;
-declare function createTemplatedElementView({ type, renderer, element, }: CreateTemplatedElementTypeOptions): typeof ElementView;
+declare function createTemplatedElementView({ type, renderer, element, }: CreateTemplatedElementTypeOptions): typeof TemplatedElementView;
 
 type NestedTemplatedElementConfig = TemplatedElementConfig & {
     allowed_child_types?: string[];
@@ -345,4 +348,6 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+declare function doAfterRender(elementIds: string[], callback: (elementIds: string[]) => void): void;
+
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, TemplatedElementView, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, doAfterRender, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.d.ts

@@ -132,6 +132,9 @@ declare class ElementView {
     }): void;
     once: (event: string, callback: () => void) => void;
 }
+declare class TemplatedElementView extends ElementView {
+    _doAfterRender(callback: () => void): void;
+}
 type JQueryElement = {
     find: (selector: string) => JQueryElement;
     html: (html: string) => void;
@@ -215,7 +218,7 @@ type CreateTemplatedElementTypeOptions = {
     element: TemplatedElementConfig;
 };
 type TemplatedElementConfig = Required<Pick<V1ElementConfig, 'twig_templates' | 'twig_main_template' | 'atomic_props_schema' | 'base_styles_dictionary'>>;
-declare function createTemplatedElementView({ type, renderer, element, }: CreateTemplatedElementTypeOptions): typeof ElementView;
+declare function createTemplatedElementView({ type, renderer, element, }: CreateTemplatedElementTypeOptions): typeof TemplatedElementView;
 
 type NestedTemplatedElementConfig = TemplatedElementConfig & {
     allowed_child_types?: string[];
@@ -345,4 +348,6 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+declare function doAfterRender(elementIds: string[], callback: (elementIds: string[]) => void): void;
+
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, TemplatedElementView, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, doAfterRender, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.js

@@ -43,6 +43,7 @@ __export(index_exports, {
   createTemplatedElementView: () => createTemplatedElementView,
   createTransformer: () => createTransformer,
   createTransformersRegistry: () => createTransformersRegistry,
+  doAfterRender: () => doAfterRender,
   endDragElementFromPanel: () => endDragElementFromPanel,
   init: () => init,
   isAtomicWidget: () => isAtomicWidget,
@@ -5437,6 +5438,26 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   });
   return { model: elementModel };
 };
+
+// src/utils/after-render.ts
+var import_editor_elements21 = require("@elementor/editor-elements");
+function doAfterRender(elementIds, callback) {
+  const pending = elementIds.map((elementId) => {
+    const view = (0, import_editor_elements21.getContainer)(elementId)?.view;
+    if (!view || !hasDoAfterRender(view)) {
+      return void 0;
+    }
+    return new Promise((resolve) => view._doAfterRender(resolve));
+  }).filter(Boolean);
+  if (pending.length > 0) {
+    Promise.all(pending).then(() => callback(elementIds));
+  } else {
+    callback(elementIds);
+  }
+}
+function hasDoAfterRender(view) {
+  return typeof view?._doAfterRender === "function";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BREAKPOINTS_SCHEMA_URI,
@@ -5452,6 +5473,7 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   createTemplatedElementView,
   createTransformer,
   createTransformersRegistry,
+  doAfterRender,
   endDragElementFromPanel,
   init,
   isAtomicWidget,

package/dist/index.mjs

@@ -5445,6 +5445,26 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   });
   return { model: elementModel };
 };
+
+// src/utils/after-render.ts
+import { getContainer as getContainer7 } from "@elementor/editor-elements";
+function doAfterRender(elementIds, callback) {
+  const pending = elementIds.map((elementId) => {
+    const view = getContainer7(elementId)?.view;
+    if (!view || !hasDoAfterRender(view)) {
+      return void 0;
+    }
+    return new Promise((resolve) => view._doAfterRender(resolve));
+  }).filter(Boolean);
+  if (pending.length > 0) {
+    Promise.all(pending).then(() => callback(elementIds));
+  } else {
+    callback(elementIds);
+  }
+}
+function hasDoAfterRender(view) {
+  return typeof view?._doAfterRender === "function";
+}
 export {
   BREAKPOINTS_SCHEMA_URI,
   DOCUMENT_STRUCTURE_URI,
@@ -5459,6 +5479,7 @@ export {
   createTemplatedElementView,
   createTransformer,
   createTransformersRegistry,
+  doAfterRender,
   endDragElementFromPanel,
   init,
   isAtomicWidget,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.1.0-803",
+  "version": "4.1.0-804",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,25 +37,25 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-803",
+    "@elementor/editor": "4.1.0-804",
     "dompurify": "^3.2.6",
-    "@elementor/editor-controls": "4.1.0-803",
-    "@elementor/editor-documents": "4.1.0-803",
-    "@elementor/editor-elements": "4.1.0-803",
-    "@elementor/editor-interactions": "4.1.0-803",
-    "@elementor/editor-mcp": "4.1.0-803",
-    "@elementor/editor-notifications": "4.1.0-803",
-    "@elementor/editor-props": "4.1.0-803",
-    "@elementor/editor-responsive": "4.1.0-803",
-    "@elementor/editor-styles": "4.1.0-803",
-    "@elementor/editor-styles-repository": "4.1.0-803",
-    "@elementor/editor-ui": "4.1.0-803",
-    "@elementor/editor-v1-adapters": "4.1.0-803",
-    "@elementor/schema": "4.1.0-803",
-    "@elementor/twing": "4.1.0-803",
+    "@elementor/editor-controls": "4.1.0-804",
+    "@elementor/editor-documents": "4.1.0-804",
+    "@elementor/editor-elements": "4.1.0-804",
+    "@elementor/editor-interactions": "4.1.0-804",
+    "@elementor/editor-mcp": "4.1.0-804",
+    "@elementor/editor-notifications": "4.1.0-804",
+    "@elementor/editor-props": "4.1.0-804",
+    "@elementor/editor-responsive": "4.1.0-804",
+    "@elementor/editor-styles": "4.1.0-804",
+    "@elementor/editor-styles-repository": "4.1.0-804",
+    "@elementor/editor-ui": "4.1.0-804",
+    "@elementor/editor-v1-adapters": "4.1.0-804",
+    "@elementor/schema": "4.1.0-804",
+    "@elementor/twing": "4.1.0-804",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.1.0-803",
-    "@elementor/wp-media": "4.1.0-803",
+    "@elementor/utils": "4.1.0-804",
+    "@elementor/wp-media": "4.1.0-804",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/index.ts

@@ -31,3 +31,4 @@ export {
 } from './transformers/create-transformers-registry';
 export { type AnyTransformer, type TransformerOptions } from './transformers/types';
 export { UnknownStyleTypeError, UnknownStyleStateError } from './renderers/errors';
+export { doAfterRender } from './utils/after-render';

package/src/legacy/create-templated-element-type.ts

@@ -13,10 +13,10 @@ import {
 } from './twig-rendering-utils';
 import {
 	type ElementType,
-	type ElementView,
 	type LegacyWindow,
 	type NamespacedRenderContext,
 	type RenderContext,
+	type TemplatedElementView,
 } from './types';
 
 export type CreateTemplatedElementTypeOptions = {
@@ -66,7 +66,7 @@ export function createTemplatedElementView( {
 	type,
 	renderer,
 	element,
-}: CreateTemplatedElementTypeOptions ): typeof ElementView {
+}: CreateTemplatedElementTypeOptions ): typeof TemplatedElementView {
 	const BaseView = createElementViewClassDeclaration();
 
 	const { templateKey, baseStylesDictionary, resolveProps } = setupTwigRenderer( {

package/src/legacy/types.ts

@@ -165,6 +165,10 @@ export declare class ElementView {
 	once: ( event: string, callback: () => void ) => void;
 }
 
+export declare class TemplatedElementView extends ElementView {
+	_doAfterRender( callback: () => void ): void;
+}
+
 type JQueryElement = {
 	find: ( selector: string ) => JQueryElement;
 	html: ( html: string ) => void;

package/src/utils/after-render.ts

@@ -0,0 +1,26 @@
+import { getContainer } from '@elementor/editor-elements';
+
+import { type TemplatedElementView } from '../legacy/types';
+
+export function doAfterRender( elementIds: string[], callback: ( elementIds: string[] ) => void ): void {
+	const pending = elementIds
+		.map( ( elementId ) => {
+			const view = getContainer( elementId )?.view;
+			if ( ! view || ! hasDoAfterRender( view ) ) {
+				return undefined;
+			}
+
+			return new Promise< void >( ( resolve ) => view._doAfterRender( resolve ) );
+		} )
+		.filter( Boolean );
+
+	if ( pending.length > 0 ) {
+		Promise.all( pending ).then( () => callback( elementIds ) );
+	} else {
+		callback( elementIds );
+	}
+}
+
+function hasDoAfterRender( view: unknown ): view is TemplatedElementView {
+	return typeof ( view as TemplatedElementView )?._doAfterRender === 'function';
+}