@elementor/editor-elements 3.33.0-273 → 3.33.0-275

package/dist/index.d.mts

@@ -52,6 +52,26 @@ type ElementControl = {
 type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
+type ExtendedWindow = Window & {
+    elementor?: {
+        selection?: {
+            getElements: () => V1Element[];
+        };
+        widgetsCache?: Record<string, V1ElementConfig>;
+        documents?: {
+            getCurrent?: () => {
+                container: V1Element;
+            } | undefined;
+            getCurrentId?: () => number;
+        };
+        getContainer?: (id: string) => V1Element | undefined;
+    };
+    elementorCommon?: {
+        helpers?: {
+            getUniqueId?: () => string;
+        };
+    };
+};
 type V1Element = {
     id: string;
     model: V1Model<V1ElementModelProps>;
@@ -69,6 +89,16 @@ type V1Element = {
     };
     parent?: V1Element;
 };
+type ElementInteractions = {
+    version: number;
+    items: InteractionItem[];
+};
+type InteractionItem = {
+    animation: {
+        animation_type: string;
+        animation_id: string;
+    };
+};
 type V1ElementModelProps = {
     widgetType?: string;
     elType: string;
@@ -77,7 +107,7 @@ type V1ElementModelProps = {
     elements?: V1Model<V1ElementModelProps>[];
     settings?: V1ElementSettingsProps;
     editor_settings?: V1ElementEditorSettingsProps;
-    interactions?: string | Record<string, unknown>;
+    interactions?: string | ElementInteractions;
 };
 type V1ElementData = Omit<V1ElementModelProps, 'elements'> & {
     elements?: V1ElementData[];
@@ -361,16 +391,16 @@ type UpdateElementStyleArgs = {
 };
 declare function updateElementStyle(args: UpdateElementStyleArgs): void;
 
-declare const useElementInteractions: (elementId: ElementID) => string;
+declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
 
-declare function getElementInteractions(elementId: ElementID): string;
+declare function getElementInteractions(elementId: ElementID): ElementInteractions | undefined;
 
 declare const updateElementInteractions: ({ elementId, interactions, }: {
     elementId: string;
     interactions: V1ElementModelProps["interactions"];
 }) => void;
-declare const playElementInteractions: (elementId: string) => void;
+declare const playElementInteractions: (elementId: string, animationId: string) => void;
 
 declare function initMcp(): void;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementModel, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExtendedWindow, type InteractionItem, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };

package/dist/index.d.ts

@@ -52,6 +52,26 @@ type ElementControl = {
 type ControlItem = ControlsSection | Control | ElementControl;
 type ControlLayout = 'full' | 'two-columns' | 'custom';
 
+type ExtendedWindow = Window & {
+    elementor?: {
+        selection?: {
+            getElements: () => V1Element[];
+        };
+        widgetsCache?: Record<string, V1ElementConfig>;
+        documents?: {
+            getCurrent?: () => {
+                container: V1Element;
+            } | undefined;
+            getCurrentId?: () => number;
+        };
+        getContainer?: (id: string) => V1Element | undefined;
+    };
+    elementorCommon?: {
+        helpers?: {
+            getUniqueId?: () => string;
+        };
+    };
+};
 type V1Element = {
     id: string;
     model: V1Model<V1ElementModelProps>;
@@ -69,6 +89,16 @@ type V1Element = {
     };
     parent?: V1Element;
 };
+type ElementInteractions = {
+    version: number;
+    items: InteractionItem[];
+};
+type InteractionItem = {
+    animation: {
+        animation_type: string;
+        animation_id: string;
+    };
+};
 type V1ElementModelProps = {
     widgetType?: string;
     elType: string;
@@ -77,7 +107,7 @@ type V1ElementModelProps = {
     elements?: V1Model<V1ElementModelProps>[];
     settings?: V1ElementSettingsProps;
     editor_settings?: V1ElementEditorSettingsProps;
-    interactions?: string | Record<string, unknown>;
+    interactions?: string | ElementInteractions;
 };
 type V1ElementData = Omit<V1ElementModelProps, 'elements'> & {
     elements?: V1ElementData[];
@@ -361,16 +391,16 @@ type UpdateElementStyleArgs = {
 };
 declare function updateElementStyle(args: UpdateElementStyleArgs): void;
 
-declare const useElementInteractions: (elementId: ElementID) => string;
+declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
 
-declare function getElementInteractions(elementId: ElementID): string;
+declare function getElementInteractions(elementId: ElementID): ElementInteractions | undefined;
 
 declare const updateElementInteractions: ({ elementId, interactions, }: {
     elementId: string;
     interactions: V1ElementModelProps["interactions"];
 }) => void;
-declare const playElementInteractions: (elementId: string) => void;
+declare const playElementInteractions: (elementId: string, animationId: string) => void;
 
 declare function initMcp(): void;
 
-export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementModel, type ElementType, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExtendedWindow, type InteractionItem, type LinkInLinkRestriction, type MoveElementParams, type MoveElementsParams, type MovedElement, type MovedElementsResult, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, generateElementId, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, initMcp as initElementsMcp, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };

package/dist/index.js

@@ -1036,22 +1036,22 @@ function getElementInteractions(elementId) {
   const container = getContainer(elementId);
   const interactions = container?.model?.get("interactions");
   if (typeof interactions === "string") {
-    return interactions;
+    return JSON.parse(interactions);
   }
-  return JSON.stringify(interactions);
+  return interactions;
 }
 
 // src/hooks/use-element-interactions.ts
 var useElementInteractions = (elementId) => {
   const [interactions, setInteractions] = (0, import_react.useState)(() => {
     const initial = getElementInteractions(elementId);
-    return initial;
+    return initial ?? { version: 1, items: [] };
   });
   (0, import_editor_v1_adapters18.__privateUseListenTo)(
     (0, import_editor_v1_adapters18.windowEvent)("elementor/element/update_interactions"),
     () => {
       const newInteractions = getElementInteractions(elementId);
-      setInteractions(newInteractions);
+      setInteractions(newInteractions ?? { version: 1, items: [] });
     },
     [elementId]
   );
@@ -1072,8 +1072,8 @@ var updateElementInteractions = ({
   window.dispatchEvent(new CustomEvent("elementor/element/update_interactions"));
   setDocumentModifiedStatus2(true);
 };
-var playElementInteractions = (elementId) => {
-  window.top?.dispatchEvent(new CustomEvent("atomic/play_interactions", { detail: { elementId } }));
+var playElementInteractions = (elementId, animationId) => {
+  window.top?.dispatchEvent(new CustomEvent("atomic/play_interactions", { detail: { elementId, animationId } }));
 };
 function setDocumentModifiedStatus2(status) {
   (0, import_editor_v1_adapters19.__privateRunCommandSync)("document/save/set-is-modified", { status }, { internal: true });