@elementor/editor-canvas 3.33.0-192 → 3.33.0-194

package/dist/index.d.mts

@@ -63,4 +63,81 @@ declare function createPropsResolver({ transformers, schema: initialSchema, onPr
 declare const startDragElementFromPanel: (props: Omit<V1ElementModelProps, "id">) => void;
 declare const endDragElementFromPanel: () => void;
 
-export { type PropsResolver, createPropsResolver, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry };
+type LegacyWindow = Window & {
+    elementor: {
+        modules: {
+            elements: {
+                types: {
+                    Widget: typeof ElementType;
+                };
+                views: {
+                    Widget: typeof ElementView;
+                };
+            };
+        };
+        elementsManager: {
+            registerElementType: (type: ElementType) => void;
+        };
+        $preview: [
+            {
+                contentWindow: {
+                    dispatchEvent: (event: Event) => void;
+                };
+            }
+        ];
+    };
+};
+declare class ElementType {
+    getType(): string;
+    getView(): typeof ElementView;
+}
+declare class ElementView {
+    $el: JQueryElement;
+    model: BackboneModel<ElementModel>;
+    onRender(...args: unknown[]): void;
+    onDestroy(...args: unknown[]): void;
+    attributes(): Record<string, unknown>;
+    behaviors(): Record<string, unknown>;
+    getDomElement(): JQueryElement;
+    getHandlesOverlay(): JQueryElement | null;
+    getContextMenuGroups(): ContextMenuGroup[];
+    /**
+     * Templated view methods:
+     */
+    getTemplateType(): string;
+    renderOnChange(): void;
+    render(): void;
+    _renderTemplate(): void;
+    triggerMethod(method: string): void;
+    bindUIElements(): void;
+    options?: {
+        model: BackboneModel<ElementModel>;
+    };
+}
+type JQueryElement = {
+    find: (selector: string) => JQueryElement;
+    html: (html: string) => void;
+    get: (index: number) => HTMLElement;
+};
+type BackboneModel<Model extends object> = {
+    get: <T extends keyof Model>(key: T) => Model[T];
+    toJSON: () => ToJSON<Model>;
+};
+type ElementModel = {
+    id: string;
+    settings: BackboneModel<Props>;
+    widgetType: string;
+};
+type ToJSON<T> = {
+    [K in keyof T]: T[K] extends BackboneModel<infer M> ? ToJSON<M> : T[K];
+};
+type ContextMenuGroup = {
+    name: string;
+    actions: unknown[];
+};
+
+declare function registerElementType(type: string, componentClass: () => typeof ElementType): void;
+
+declare function createElementViewClassDeclaration(): typeof ElementView;
+
+export { ElementType, ElementView, type LegacyWindow, type PropsResolver, createElementViewClassDeclaration, createPropsResolver, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, registerElementType, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry };

package/dist/index.d.ts

@@ -63,4 +63,81 @@ declare function createPropsResolver({ transformers, schema: initialSchema, onPr
 declare const startDragElementFromPanel: (props: Omit<V1ElementModelProps, "id">) => void;
 declare const endDragElementFromPanel: () => void;
 
-export { type PropsResolver, createPropsResolver, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry };
+type LegacyWindow = Window & {
+    elementor: {
+        modules: {
+            elements: {
+                types: {
+                    Widget: typeof ElementType;
+                };
+                views: {
+                    Widget: typeof ElementView;
+                };
+            };
+        };
+        elementsManager: {
+            registerElementType: (type: ElementType) => void;
+        };
+        $preview: [
+            {
+                contentWindow: {
+                    dispatchEvent: (event: Event) => void;
+                };
+            }
+        ];
+    };
+};
+declare class ElementType {
+    getType(): string;
+    getView(): typeof ElementView;
+}
+declare class ElementView {
+    $el: JQueryElement;
+    model: BackboneModel<ElementModel>;
+    onRender(...args: unknown[]): void;
+    onDestroy(...args: unknown[]): void;
+    attributes(): Record<string, unknown>;
+    behaviors(): Record<string, unknown>;
+    getDomElement(): JQueryElement;
+    getHandlesOverlay(): JQueryElement | null;
+    getContextMenuGroups(): ContextMenuGroup[];
+    /**
+     * Templated view methods:
+     */
+    getTemplateType(): string;
+    renderOnChange(): void;
+    render(): void;
+    _renderTemplate(): void;
+    triggerMethod(method: string): void;
+    bindUIElements(): void;
+    options?: {
+        model: BackboneModel<ElementModel>;
+    };
+}
+type JQueryElement = {
+    find: (selector: string) => JQueryElement;
+    html: (html: string) => void;
+    get: (index: number) => HTMLElement;
+};
+type BackboneModel<Model extends object> = {
+    get: <T extends keyof Model>(key: T) => Model[T];
+    toJSON: () => ToJSON<Model>;
+};
+type ElementModel = {
+    id: string;
+    settings: BackboneModel<Props>;
+    widgetType: string;
+};
+type ToJSON<T> = {
+    [K in keyof T]: T[K] extends BackboneModel<infer M> ? ToJSON<M> : T[K];
+};
+type ContextMenuGroup = {
+    name: string;
+    actions: unknown[];
+};
+
+declare function registerElementType(type: string, componentClass: () => typeof ElementType): void;
+
+declare function createElementViewClassDeclaration(): typeof ElementView;
+
+export { ElementType, ElementView, type LegacyWindow, type PropsResolver, createElementViewClassDeclaration, createPropsResolver, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, registerElementType, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry };

package/dist/index.js

@@ -30,11 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  createElementViewClassDeclaration: () => createElementViewClassDeclaration,
   createPropsResolver: () => createPropsResolver,
   createTransformer: () => createTransformer,
   createTransformersRegistry: () => createTransformersRegistry,
   endDragElementFromPanel: () => endDragElementFromPanel,
   init: () => init,
+  registerElementType: () => registerElementType,
   settingsTransformersRegistry: () => settingsTransformersRegistry,
   startDragElementFromPanel: () => startDragElementFromPanel,
   styleTransformersRegistry: () => styleTransformersRegistry
@@ -1258,6 +1260,10 @@ function createTemplatedElementViewClassDeclaration({
 }
 
 // src/legacy/init-legacy-views.ts
+var elementsLegacyTypes = {};
+function registerElementType(type, componentClass) {
+  elementsLegacyTypes[type] = componentClass;
+}
 function initLegacyViews() {
   (0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.v1ReadyEvent)(), () => {
     const config = (0, import_editor_elements2.getWidgetsCache)() ?? {};
@@ -1267,6 +1273,11 @@ function initLegacyViews() {
       if (!element.atomic) {
         return;
       }
+      if (elementsLegacyTypes[type]) {
+        const registeredElementTypeClass = elementsLegacyTypes[type]();
+        legacyWindow.elementor.elementsManager.registerElementType(new registeredElementTypeClass());
+        return;
+      }
       const ElementType = canBeTemplated(element) ? createTemplatedElementType({ type, renderer, element }) : createElementType(type);
       legacyWindow.elementor.elementsManager.registerElementType(new ElementType());
     });
@@ -1645,11 +1656,13 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createElementViewClassDeclaration,
   createPropsResolver,
   createTransformer,
   createTransformersRegistry,
   endDragElementFromPanel,
   init,
+  registerElementType,
   settingsTransformersRegistry,
   startDragElementFromPanel,
   styleTransformersRegistry

package/dist/index.mjs

@@ -1222,6 +1222,10 @@ function createTemplatedElementViewClassDeclaration({
 }
 
 // src/legacy/init-legacy-views.ts
+var elementsLegacyTypes = {};
+function registerElementType(type, componentClass) {
+  elementsLegacyTypes[type] = componentClass;
+}
 function initLegacyViews() {
   __privateListenTo(v1ReadyEvent(), () => {
     const config = getWidgetsCache() ?? {};
@@ -1231,6 +1235,11 @@ function initLegacyViews() {
       if (!element.atomic) {
         return;
       }
+      if (elementsLegacyTypes[type]) {
+        const registeredElementTypeClass = elementsLegacyTypes[type]();
+        legacyWindow.elementor.elementsManager.registerElementType(new registeredElementTypeClass());
+        return;
+      }
       const ElementType = canBeTemplated(element) ? createTemplatedElementType({ type, renderer, element }) : createElementType(type);
       legacyWindow.elementor.elementsManager.registerElementType(new ElementType());
     });
@@ -1625,11 +1634,13 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   return { model: elementModel };
 };
 export {
+  createElementViewClassDeclaration,
   createPropsResolver,
   createTransformer,
   createTransformersRegistry,
   endDragElementFromPanel,
   init,
+  registerElementType,
   settingsTransformersRegistry,
   startDragElementFromPanel,
   styleTransformersRegistry

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "3.33.0-192",
+  "version": "3.33.0-194",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,19 +37,19 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "3.33.0-192",
-    "@elementor/editor-notifications": "3.33.0-192",
-    "@elementor/editor-documents": "3.33.0-192",
-    "@elementor/editor-elements": "3.33.0-192",
-    "@elementor/editor-props": "3.33.0-192",
-    "@elementor/editor-responsive": "3.33.0-192",
-    "@elementor/editor-styles": "3.33.0-192",
-    "@elementor/editor-styles-repository": "3.33.0-192",
-    "@elementor/editor-v1-adapters": "3.33.0-192",
-    "@elementor/twing": "3.33.0-192",
+    "@elementor/editor": "3.33.0-194",
+    "@elementor/editor-notifications": "3.33.0-194",
+    "@elementor/editor-documents": "3.33.0-194",
+    "@elementor/editor-elements": "3.33.0-194",
+    "@elementor/editor-props": "3.33.0-194",
+    "@elementor/editor-responsive": "3.33.0-194",
+    "@elementor/editor-styles": "3.33.0-194",
+    "@elementor/editor-styles-repository": "3.33.0-194",
+    "@elementor/editor-v1-adapters": "3.33.0-194",
+    "@elementor/twing": "3.33.0-194",
     "@elementor/ui": "1.36.12",
-    "@elementor/utils": "3.33.0-192",
-    "@elementor/wp-media": "3.33.0-192",
+    "@elementor/utils": "3.33.0-194",
+    "@elementor/wp-media": "3.33.0-194",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/index.ts

@@ -6,3 +6,6 @@ export { createTransformer } from './transformers/create-transformer';
 export { createTransformersRegistry } from './transformers/create-transformers-registry';
 export { createPropsResolver, type PropsResolver } from './renderers/create-props-resolver';
 export { startDragElementFromPanel, endDragElementFromPanel } from './sync/drag-element-from-panel';
+export { registerElementType } from './legacy/init-legacy-views';
+export { createElementViewClassDeclaration } from './legacy/create-element-type';
+export * from './legacy/types';

package/src/legacy/init-legacy-views.ts

@@ -4,7 +4,16 @@ import { __privateListenTo, v1ReadyEvent } from '@elementor/editor-v1-adapters';
 import { createDomRenderer } from '../renderers/create-dom-renderer';
 import { createElementType } from './create-element-type';
 import { canBeTemplated, createTemplatedElementType } from './create-templated-element-type';
-import type { LegacyWindow } from './types';
+import type { ElementType, LegacyWindow } from './types';
+
+type ElementLegacyType = {
+	[ key: string ]: () => typeof ElementType;
+};
+export const elementsLegacyTypes: ElementLegacyType = {};
+
+export function registerElementType( type: string, componentClass: () => typeof ElementType ) {
+	elementsLegacyTypes[ type ] = componentClass;
+}
 
 export function initLegacyViews() {
 	__privateListenTo( v1ReadyEvent(), () => {
@@ -18,6 +27,12 @@ export function initLegacyViews() {
 				return;
 			}
 
+			if ( elementsLegacyTypes[ type ] ) {
+				const registeredElementTypeClass = elementsLegacyTypes[ type ]();
+				legacyWindow.elementor.elementsManager.registerElementType( new registeredElementTypeClass() );
+				return;
+			}
+
 			const ElementType = canBeTemplated( element )
 				? createTemplatedElementType( { type, renderer, element } )
 				: createElementType( type );

package/src/legacy/types.ts

@@ -64,6 +64,10 @@ export declare class ElementView {
 	triggerMethod( method: string ): void;
 
 	bindUIElements(): void;
+
+	options?: {
+		model: BackboneModel< ElementModel >;
+	};
 }
 
 type JQueryElement = {
@@ -89,5 +93,5 @@ type ToJSON< T > = {
 
 type ContextMenuGroup = {
 	name: string;
-	action: unknown[];
+	actions: unknown[];
 };