@elementor/editor-interactions 4.1.0-742 → 4.1.0-743

package/dist/index.js

@@ -115,6 +115,8 @@ var import_ui7 = require("@elementor/ui");
 var React2 = __toESM(require("react"));
 var import_react2 = require("react");
 var import_editor_elements2 = require("@elementor/editor-elements");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_i18n2 = require("@wordpress/i18n");
 
 // src/hooks/use-element-interactions.ts
 var import_react = require("react");
@@ -565,12 +567,39 @@ var InteractionsProvider = ({ children, elementId }) => {
     window.dispatchEvent(new CustomEvent("elementor/element/update_interactions"));
   }, []);
   const interactions = rawInteractions ?? DEFAULT_INTERACTIONS;
+  const undoableSetInteractions = (0, import_react2.useMemo)(
+    () => (0, import_editor_v1_adapters2.undoable)(
+      {
+        do: ({ interactions: newInteractions }) => {
+          const previous = (0, import_editor_elements2.getElementInteractions)(elementId);
+          (0, import_editor_elements2.updateElementInteractions)({ elementId, interactions: newInteractions });
+          return previous;
+        },
+        undo: (_, previous) => {
+          (0, import_editor_elements2.updateElementInteractions)({
+            elementId,
+            interactions: previous?.items?.length ? previous : void 0
+          });
+        }
+      },
+      {
+        title: (0, import_editor_elements2.getElementLabel)(elementId),
+        subtitle: ({ operationType }) => operationType === "apply" ? (0, import_i18n2.__)("Interaction Applied", "elementor") : (0, import_i18n2.__)("Interaction Deleted", "elementor")
+      }
+    ),
+    [elementId]
+  );
   const setInteractions = (value) => {
     const normalizedValue = value && value.items?.length === 0 ? void 0 : value;
-    (0, import_editor_elements2.updateElementInteractions)({
-      elementId,
-      interactions: normalizedValue
-    });
+    const prevItemCount = interactions.items?.length ?? 0;
+    const newItemCount = normalizedValue?.items?.length ?? 0;
+    if (newItemCount > prevItemCount) {
+      undoableSetInteractions({ interactions: normalizedValue, operationType: "apply" });
+    } else if (newItemCount < prevItemCount) {
+      undoableSetInteractions({ interactions: normalizedValue, operationType: "delete" });
+    } else {
+      (0, import_editor_elements2.updateElementInteractions)({ elementId, interactions: normalizedValue });
+    }
   };
   const playInteractions = (interactionId) => {
     (0, import_editor_elements2.playElementInteractions)(elementId, interactionId);
@@ -647,7 +676,7 @@ var import_react9 = require("react");
 var import_editor_controls5 = require("@elementor/editor-controls");
 var import_icons2 = require("@elementor/icons");
 var import_ui6 = require("@elementor/ui");
-var import_i18n5 = require("@wordpress/i18n");
+var import_i18n6 = require("@wordpress/i18n");
 
 // src/contexts/interactions-item-context.tsx
 var React4 = __toESM(require("react"));
@@ -693,7 +722,7 @@ var React7 = __toESM(require("react"));
 var import_react6 = require("react");
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_ui3 = require("@elementor/ui");
-var import_i18n2 = require("@wordpress/i18n");
+var import_i18n3 = require("@wordpress/i18n");
 
 // src/utils/resolve-direction.ts
 var resolveDirection = (hasDirection, newEffect, newDirection, currentDirection, currentEffect) => {
@@ -926,27 +955,27 @@ var InteractionDetails = ({ interaction, onChange, onPlayInteraction }) => {
       onPlayInteraction(interactionId);
     }, 0);
   };
-  return /* @__PURE__ */ React7.createElement(import_editor_controls3.PopoverContent, { p: 1.5 }, /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, TriggerControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Trigger", "elementor") }, /* @__PURE__ */ React7.createElement(TriggerControl, { value: trigger, onChange: (v) => updateInteraction({ trigger: v }) })), ReplayControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Replay", "elementor") }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(import_editor_controls3.PopoverContent, { p: 1.5 }, /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, TriggerControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Trigger", "elementor") }, /* @__PURE__ */ React7.createElement(TriggerControl, { value: trigger, onChange: (v) => updateInteraction({ trigger: v }) })), ReplayControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Replay", "elementor") }, /* @__PURE__ */ React7.createElement(
     ReplayControl,
     {
       value: replay,
       onChange: (v) => updateInteraction({ replay: v }),
       disabled: true
     }
-  ))), /* @__PURE__ */ React7.createElement(import_ui3.Divider, null), /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, EffectControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Effect", "elementor") }, /* @__PURE__ */ React7.createElement(EffectControl, { value: effect, onChange: (v) => updateInteraction({ effect: v }) })), CustomEffectControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Custom Effect", "elementor") }, /* @__PURE__ */ React7.createElement(
+  ))), /* @__PURE__ */ React7.createElement(import_ui3.Divider, null), /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, EffectControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Effect", "elementor") }, /* @__PURE__ */ React7.createElement(EffectControl, { value: effect, onChange: (v) => updateInteraction({ effect: v }) })), CustomEffectControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Custom Effect", "elementor") }, /* @__PURE__ */ React7.createElement(
     CustomEffectControl,
     {
       value: customEffects,
       onChange: (v) => updateInteraction({ customEffects: v })
     }
-  )), EffectTypeControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Type", "elementor") }, /* @__PURE__ */ React7.createElement(EffectTypeControl, { value: type, onChange: (v) => updateInteraction({ type: v }) })), DirectionControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Direction", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), EffectTypeControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Type", "elementor") }, /* @__PURE__ */ React7.createElement(EffectTypeControl, { value: type, onChange: (v) => updateInteraction({ type: v }) })), DirectionControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Direction", "elementor") }, /* @__PURE__ */ React7.createElement(
     DirectionControl,
     {
       value: direction,
       onChange: (v) => updateInteraction({ direction: v }),
       interactionType: type
     }
-  )), RepeatControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Repeat", "elementor") }, /* @__PURE__ */ React7.createElement(RepeatControl, { value: repeat, onChange: (v) => updateInteraction({ repeat: v }) })), TimesControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Times", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), RepeatControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Repeat", "elementor") }, /* @__PURE__ */ React7.createElement(RepeatControl, { value: repeat, onChange: (v) => updateInteraction({ repeat: v }) })), TimesControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Times", "elementor") }, /* @__PURE__ */ React7.createElement(
     TimesControl,
     {
       value: times,
@@ -954,39 +983,39 @@ var InteractionDetails = ({ interaction, onChange, onPlayInteraction }) => {
         times: normalizeTimesValue(v, DEFAULT_VALUES.times)
       })
     }
-  )), controlVisibilityConfig.duration(interactionValues) && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Duration", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), controlVisibilityConfig.duration(interactionValues) && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Duration", "elementor") }, /* @__PURE__ */ React7.createElement(
     TimeFrameIndicator,
     {
       value: String(duration),
       onChange: (v) => updateInteraction({ duration: v }),
       defaultValue: DEFAULT_VALUES.duration
     }
-  )), controlVisibilityConfig.delay(interactionValues) && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Delay", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), controlVisibilityConfig.delay(interactionValues) && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Delay", "elementor") }, /* @__PURE__ */ React7.createElement(
     TimeFrameIndicator,
     {
       value: String(delay),
       onChange: (v) => updateInteraction({ delay: v }),
       defaultValue: DEFAULT_VALUES.delay
     }
-  ))), controlVisibilityConfig.relativeTo(interactionValues) && RelativeToControl && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_ui3.Divider, null), /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, StartControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Start", "elementor") }, /* @__PURE__ */ React7.createElement(
+  ))), controlVisibilityConfig.relativeTo(interactionValues) && RelativeToControl && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(import_ui3.Divider, null), /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, StartControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Start", "elementor") }, /* @__PURE__ */ React7.createElement(
     StartControl,
     {
       value: parseSizeValue(start, ["%"]).size?.toString() ?? "",
       onChange: (v) => updateInteraction({ start: v })
     }
-  )), EndControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("End", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), EndControl && /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("End", "elementor") }, /* @__PURE__ */ React7.createElement(
     EndControl,
     {
       value: parseSizeValue(end, ["%"]).size?.toString() ?? "",
       onChange: (v) => updateInteraction({ end: v })
     }
-  )), /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Relative To", "elementor") }, /* @__PURE__ */ React7.createElement(
+  )), /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Relative To", "elementor") }, /* @__PURE__ */ React7.createElement(
     RelativeToControl,
     {
       value: relativeTo,
       onChange: (v) => updateInteraction({ relativeTo: v })
     }
-  ))), /* @__PURE__ */ React7.createElement(import_ui3.Divider, null)), EasingControl && /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n2.__)("Easing", "elementor") }, /* @__PURE__ */ React7.createElement(
+  ))), /* @__PURE__ */ React7.createElement(import_ui3.Divider, null)), EasingControl && /* @__PURE__ */ React7.createElement(import_ui3.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React7.createElement(Field, { label: (0, import_i18n3.__)("Easing", "elementor") }, /* @__PURE__ */ React7.createElement(
     EasingControl,
     {
       value: easing,
@@ -1001,7 +1030,7 @@ var InteractionDetails = ({ interaction, onChange, onPlayInteraction }) => {
 var React9 = __toESM(require("react"));
 var import_react8 = require("react");
 var import_ui5 = require("@elementor/ui");
-var import_i18n4 = require("@wordpress/i18n");
+var import_i18n5 = require("@wordpress/i18n");
 
 // src/components/interaction-settings.tsx
 var React8 = __toESM(require("react"));
@@ -1009,7 +1038,7 @@ var import_react7 = require("react");
 var import_editor_controls4 = require("@elementor/editor-controls");
 var import_editor_responsive = require("@elementor/editor-responsive");
 var import_ui4 = require("@elementor/ui");
-var import_i18n3 = require("@wordpress/i18n");
+var import_i18n4 = require("@wordpress/i18n");
 var SIZE = "tiny";
 var InteractionSettings = ({ interaction, onChange }) => {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
@@ -1043,7 +1072,7 @@ var InteractionSettings = ({ interaction, onChange }) => {
     },
     [interaction, availableBreakpoints, onChange]
   );
-  return /* @__PURE__ */ React8.createElement(import_editor_controls4.PopoverContent, { p: 1.5 }, /* @__PURE__ */ React8.createElement(import_ui4.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React8.createElement(import_ui4.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React8.createElement(import_ui4.Stack, { direction: "column", gap: 1 }, /* @__PURE__ */ React8.createElement(import_editor_controls4.ControlFormLabel, { sx: { width: "100%" } }, (0, import_i18n3.__)("Trigger on", "elementor")), /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement(import_editor_controls4.PopoverContent, { p: 1.5 }, /* @__PURE__ */ React8.createElement(import_ui4.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React8.createElement(import_ui4.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React8.createElement(import_ui4.Stack, { direction: "column", gap: 1 }, /* @__PURE__ */ React8.createElement(import_editor_controls4.ControlFormLabel, { sx: { width: "100%" } }, (0, import_i18n4.__)("Trigger on", "elementor")), /* @__PURE__ */ React8.createElement(
     import_ui4.Autocomplete,
     {
       fullWidth: true,
@@ -1087,11 +1116,11 @@ var InteractionsListItem = ({
     {
       size: "small",
       variant: "fullWidth",
-      "aria-label": (0, import_i18n4.__)("Interaction", "elementor"),
+      "aria-label": (0, import_i18n5.__)("Interaction", "elementor"),
       ...getTabsProps()
     },
-    /* @__PURE__ */ React9.createElement(import_ui5.Tab, { label: (0, import_i18n4.__)("Details", "elementor"), ...getTabProps("details") }),
-    /* @__PURE__ */ React9.createElement(import_ui5.Tab, { label: (0, import_i18n4.__)("Settings", "elementor"), ...getTabProps("settings") })
+    /* @__PURE__ */ React9.createElement(import_ui5.Tab, { label: (0, import_i18n5.__)("Details", "elementor"), ...getTabProps("details") }),
+    /* @__PURE__ */ React9.createElement(import_ui5.Tab, { label: (0, import_i18n5.__)("Settings", "elementor"), ...getTabProps("settings") })
   ), /* @__PURE__ */ React9.createElement(import_ui5.Divider, null), /* @__PURE__ */ React9.createElement(import_ui5.TabPanel, { sx: { p: 0 }, ...getTabPanelProps("details") }, /* @__PURE__ */ React9.createElement(
     InteractionDetails,
     {
@@ -1135,7 +1164,7 @@ function InteractionsList(props) {
   const isMaxNumberOfInteractionsReached = (0, import_react9.useMemo)(() => {
     return interactions.items?.length >= MAX_NUMBER_OF_INTERACTIONS;
   }, [interactions.items?.length]);
-  const infotipContent = isMaxNumberOfInteractionsReached ? /* @__PURE__ */ React10.createElement(import_ui6.Alert, { color: "secondary", icon: /* @__PURE__ */ React10.createElement(import_icons2.InfoCircleFilledIcon, null), size: "small" }, /* @__PURE__ */ React10.createElement(import_ui6.AlertTitle, null, (0, import_i18n5.__)("Interactions", "elementor")), /* @__PURE__ */ React10.createElement(import_ui6.Box, { component: "span" }, (0, import_i18n5.__)(
+  const infotipContent = isMaxNumberOfInteractionsReached ? /* @__PURE__ */ React10.createElement(import_ui6.Alert, { color: "secondary", icon: /* @__PURE__ */ React10.createElement(import_icons2.InfoCircleFilledIcon, null), size: "small" }, /* @__PURE__ */ React10.createElement(import_ui6.AlertTitle, null, (0, import_i18n6.__)("Interactions", "elementor")), /* @__PURE__ */ React10.createElement(import_ui6.Box, { component: "span" }, (0, import_i18n6.__)(
     "You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.",
     "elementor"
   ))) : void 0;
@@ -1180,7 +1209,7 @@ function InteractionsList(props) {
     {
       openOnAdd: true,
       openItem: triggerCreateOnShowEmpty ? 0 : void 0,
-      label: (0, import_i18n5.__)("Interactions", "elementor"),
+      label: (0, import_i18n6.__)("Interactions", "elementor"),
       values: interactions.items,
       setValues: handleRepeaterChange,
       showDuplicate: false,
@@ -1201,10 +1230,10 @@ function InteractionsList(props) {
           syncGridOverlay(trigger, start, end, relativeTo);
         },
         onPopoverClose: () => dispatchScrollInteraction(null),
-        actions: (value) => /* @__PURE__ */ React10.createElement(import_ui6.Tooltip, { key: "preview", placement: "top", title: (0, import_i18n5.__)("Preview", "elementor") }, /* @__PURE__ */ React10.createElement(
+        actions: (value) => /* @__PURE__ */ React10.createElement(import_ui6.Tooltip, { key: "preview", placement: "top", title: (0, import_i18n6.__)("Preview", "elementor") }, /* @__PURE__ */ React10.createElement(
           import_ui6.IconButton,
           {
-            "aria-label": (0, import_i18n5.__)("Play interaction", "elementor"),
+            "aria-label": (0, import_i18n6.__)("Play interaction", "elementor"),
             size: "tiny",
             onClick: () => onPlayInteraction(extractString(value.value.interaction_id))
           },
@@ -1320,7 +1349,7 @@ function createInteractionsProvider({
 
 // src/providers/document-elements-interactions-provider.ts
 var import_editor_elements4 = require("@elementor/editor-elements");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX = "document-elements-interactions-";
 var documentElementsInteractionsProvider = createInteractionsProvider({
   key: () => {
@@ -1334,7 +1363,7 @@ var documentElementsInteractionsProvider = createInteractionsProvider({
   },
   priority: 50,
   subscribe: (cb) => {
-    return (0, import_editor_v1_adapters2.__privateListenTo)([(0, import_editor_v1_adapters2.windowEvent)("elementor/element/update_interactions")], () => cb());
+    return (0, import_editor_v1_adapters3.__privateListenTo)([(0, import_editor_v1_adapters3.windowEvent)("elementor/element/update_interactions")], () => cb());
   },
   actions: {
     all: () => {
@@ -1363,8 +1392,8 @@ var import_editor_mcp = require("@elementor/editor-mcp");
 
 // src/commands/paste-interactions.ts
 var import_editor_elements5 = require("@elementor/editor-elements");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_i18n6 = require("@wordpress/i18n");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_i18n7 = require("@wordpress/i18n");
 
 // src/commands/get-clipboard-elements.ts
 function getClipboardElements(storageKey = "clipboard") {
@@ -1384,7 +1413,7 @@ function isAtomicContainer(container) {
   return Boolean(elementConfig?.atomic_props_schema);
 }
 function getTitleForContainers(containers) {
-  return containers.length > 1 ? (0, import_i18n6.__)("Elements", "elementor") : (0, import_editor_elements5.getElementLabel)(containers[0].id);
+  return containers.length > 1 ? (0, import_i18n7.__)("Elements", "elementor") : (0, import_editor_elements5.getElementLabel)(containers[0].id);
 }
 function normalizeClipboardInteractions(raw) {
   if (!raw) {
@@ -1410,7 +1439,7 @@ function regenerateInteractionIds(interactions) {
   return cloned;
 }
 function initPasteInteractionsCommand() {
-  const undoablePasteInteractions = (0, import_editor_v1_adapters3.undoable)(
+  const undoablePasteInteractions = (0, import_editor_v1_adapters4.undoable)(
     {
       do: ({ containers, newInteractions }) => {
         const pasted = regenerateInteractionIds(newInteractions);
@@ -1435,10 +1464,10 @@ function initPasteInteractionsCommand() {
     },
     {
       title: ({ containers }) => getTitleForContainers(containers),
-      subtitle: (0, import_i18n6.__)("Interactions Pasted", "elementor")
+      subtitle: (0, import_i18n7.__)("Interactions Pasted", "elementor")
     }
   );
-  (0, import_editor_v1_adapters3.__privateListenTo)((0, import_editor_v1_adapters3.commandStartEvent)("document/elements/paste-interactions"), (e) => {
+  (0, import_editor_v1_adapters4.__privateListenTo)((0, import_editor_v1_adapters4.commandStartEvent)("document/elements/paste-interactions"), (e) => {
     const args = e.args;
     const containers = args.containers ?? (args.container ? [args.container] : []);
     const storageKey = args.storageKey ?? "clipboard";
@@ -1469,7 +1498,7 @@ var import_react11 = require("react");
 var import_editor_controls6 = require("@elementor/editor-controls");
 var import_icons3 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
-var import_i18n7 = require("@wordpress/i18n");
+var import_i18n8 = require("@wordpress/i18n");
 var AXIS = {
   top: "vertical",
   bottom: "vertical",
@@ -1500,22 +1529,22 @@ function Direction({ value, onChange, interactionType }) {
     () => [
       {
         dir: "top",
-        label: isIn ? (0, import_i18n7.__)("From top", "elementor") : (0, import_i18n7.__)("To top", "elementor"),
+        label: isIn ? (0, import_i18n8.__)("From top", "elementor") : (0, import_i18n8.__)("To top", "elementor"),
         Icon: isIn ? import_icons3.ArrowDownSmallIcon : import_icons3.ArrowUpSmallIcon
       },
       {
         dir: "bottom",
-        label: isIn ? (0, import_i18n7.__)("From bottom", "elementor") : (0, import_i18n7.__)("To bottom", "elementor"),
+        label: isIn ? (0, import_i18n8.__)("From bottom", "elementor") : (0, import_i18n8.__)("To bottom", "elementor"),
         Icon: isIn ? import_icons3.ArrowUpSmallIcon : import_icons3.ArrowDownSmallIcon
       },
       {
         dir: "left",
-        label: isIn ? (0, import_i18n7.__)("From left", "elementor") : (0, import_i18n7.__)("To left", "elementor"),
+        label: isIn ? (0, import_i18n8.__)("From left", "elementor") : (0, import_i18n8.__)("To left", "elementor"),
         Icon: isIn ? import_icons3.ArrowRightIcon : import_icons3.ArrowLeftIcon
       },
       {
         dir: "right",
-        label: isIn ? (0, import_i18n7.__)("From right", "elementor") : (0, import_i18n7.__)("To right", "elementor"),
+        label: isIn ? (0, import_i18n8.__)("From right", "elementor") : (0, import_i18n8.__)("To right", "elementor"),
         Icon: isIn ? import_icons3.ArrowLeftIcon : import_icons3.ArrowRightIcon
       }
     ],
@@ -1553,14 +1582,14 @@ function Direction({ value, onChange, interactionType }) {
 
 // src/components/controls/easing.tsx
 var React15 = __toESM(require("react"));
-var import_i18n10 = require("@wordpress/i18n");
+var import_i18n11 = require("@wordpress/i18n");
 
 // src/ui/promotion-select.tsx
 var React14 = __toESM(require("react"));
 var import_react13 = require("react");
 var import_editor_ui2 = require("@elementor/editor-ui");
 var import_ui10 = require("@elementor/ui");
-var import_i18n9 = require("@wordpress/i18n");
+var import_i18n10 = require("@wordpress/i18n");
 
 // src/ui/interactions-promotion-chip.tsx
 var React13 = __toESM(require("react"));
@@ -1568,7 +1597,7 @@ var import_react12 = require("react");
 var import_editor_controls7 = require("@elementor/editor-controls");
 var import_editor_ui = require("@elementor/editor-ui");
 var import_ui9 = require("@elementor/ui");
-var import_i18n8 = require("@wordpress/i18n");
+var import_i18n9 = require("@wordpress/i18n");
 var InteractionsPromotionChip = (0, import_react12.forwardRef)(
   ({ content, upgradeUrl, anchorRef, trackingData }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
@@ -1590,9 +1619,9 @@ var InteractionsPromotionChip = (0, import_react12.forwardRef)(
       import_editor_ui.PromotionPopover,
       {
         open: isOpen,
-        title: (0, import_i18n8.__)("Interactions", "elementor"),
+        title: (0, import_i18n9.__)("Interactions", "elementor"),
         content,
-        ctaText: (0, import_i18n8.__)("Upgrade now", "elementor"),
+        ctaText: (0, import_i18n9.__)("Upgrade now", "elementor"),
         ctaUrl: upgradeUrl,
         anchorRef,
         placement: anchorRef ? "right-start" : void 0,
@@ -1655,7 +1684,7 @@ function PromotionSelect({
           promotionRef.current?.toggle();
         }
       },
-      promotionLabel ?? (0, import_i18n9.__)("PRO features", "elementor"),
+      promotionLabel ?? (0, import_i18n10.__)("PRO features", "elementor"),
       /* @__PURE__ */ React14.createElement(
         InteractionsPromotionChip,
         {
@@ -1674,13 +1703,13 @@ function PromotionSelect({
 // src/components/controls/easing.tsx
 var TRACKING_DATA = { target_name: "interactions_easing", location_l2: "interactions" };
 var EASING_OPTIONS = {
-  easeIn: (0, import_i18n10.__)("Ease In", "elementor"),
-  easeInOut: (0, import_i18n10.__)("Ease In Out", "elementor"),
-  easeOut: (0, import_i18n10.__)("Ease Out", "elementor"),
-  backIn: (0, import_i18n10.__)("Back In", "elementor"),
-  backInOut: (0, import_i18n10.__)("Back In Out", "elementor"),
-  backOut: (0, import_i18n10.__)("Back Out", "elementor"),
-  linear: (0, import_i18n10.__)("Linear", "elementor")
+  easeIn: (0, import_i18n11.__)("Ease In", "elementor"),
+  easeInOut: (0, import_i18n11.__)("Ease In Out", "elementor"),
+  easeOut: (0, import_i18n11.__)("Ease Out", "elementor"),
+  backIn: (0, import_i18n11.__)("Back In", "elementor"),
+  backInOut: (0, import_i18n11.__)("Back In Out", "elementor"),
+  backOut: (0, import_i18n11.__)("Back Out", "elementor"),
+  linear: (0, import_i18n11.__)("Linear", "elementor")
 };
 var BASE_EASINGS = ["easeIn"];
 function Easing({}) {
@@ -1696,7 +1725,7 @@ function Easing({}) {
       value: DEFAULT_VALUES.easing,
       baseOptions,
       disabledOptions,
-      promotionContent: (0, import_i18n10.__)("Upgrade to control the smoothness of the interaction.", "elementor"),
+      promotionContent: (0, import_i18n11.__)("Upgrade to control the smoothness of the interaction.", "elementor"),
       upgradeUrl: "https://go.elementor.com/go-pro-interactions-easing-modal/",
       trackingData: TRACKING_DATA
     }
@@ -1705,13 +1734,13 @@ function Easing({}) {
 
 // src/components/controls/effect.tsx
 var React16 = __toESM(require("react"));
-var import_i18n11 = require("@wordpress/i18n");
+var import_i18n12 = require("@wordpress/i18n");
 var TRACKING_DATA2 = { target_name: "interactions_effect", location_l2: "interactions" };
 var EFFECT_OPTIONS = {
-  fade: (0, import_i18n11.__)("Fade", "elementor"),
-  slide: (0, import_i18n11.__)("Slide", "elementor"),
-  scale: (0, import_i18n11.__)("Scale", "elementor"),
-  custom: (0, import_i18n11.__)("Custom", "elementor")
+  fade: (0, import_i18n12.__)("Fade", "elementor"),
+  slide: (0, import_i18n12.__)("Slide", "elementor"),
+  scale: (0, import_i18n12.__)("Scale", "elementor"),
+  custom: (0, import_i18n12.__)("Custom", "elementor")
 };
 var BASE_EFFECTS = ["fade", "slide", "scale"];
 function Effect({ value, onChange }) {
@@ -1728,8 +1757,8 @@ function Effect({ value, onChange }) {
       onChange,
       baseOptions,
       disabledOptions,
-      promotionLabel: (0, import_i18n11.__)("PRO effects", "elementor"),
-      promotionContent: (0, import_i18n11.__)(
+      promotionLabel: (0, import_i18n12.__)("PRO effects", "elementor"),
+      promotionContent: (0, import_i18n12.__)(
         "Upgrade to further customize your animation with opacity, scale, move, rotate and more.",
         "elementor"
       ),
@@ -1742,19 +1771,19 @@ function Effect({ value, onChange }) {
 // src/components/controls/effect-type.tsx
 var React17 = __toESM(require("react"));
 var import_editor_controls8 = require("@elementor/editor-controls");
-var import_i18n12 = require("@wordpress/i18n");
+var import_i18n13 = require("@wordpress/i18n");
 function EffectType({ value, onChange }) {
   const options = [
     {
       value: "in",
-      label: (0, import_i18n12.__)("In", "elementor"),
-      renderContent: () => (0, import_i18n12.__)("In", "elementor"),
+      label: (0, import_i18n13.__)("In", "elementor"),
+      renderContent: () => (0, import_i18n13.__)("In", "elementor"),
       showTooltip: true
     },
     {
       value: "out",
-      label: (0, import_i18n12.__)("Out", "elementor"),
-      renderContent: () => (0, import_i18n12.__)("Out", "elementor"),
+      label: (0, import_i18n13.__)("Out", "elementor"),
+      renderContent: () => (0, import_i18n13.__)("Out", "elementor"),
       showTooltip: true
     }
   ];
@@ -1766,7 +1795,7 @@ var React19 = __toESM(require("react"));
 var import_react15 = require("react");
 var import_editor_controls9 = require("@elementor/editor-controls");
 var import_icons4 = require("@elementor/icons");
-var import_i18n13 = require("@wordpress/i18n");
+var import_i18n14 = require("@wordpress/i18n");
 
 // src/ui/promotion-overlay-layout.tsx
 var React18 = __toESM(require("react"));
@@ -1781,12 +1810,12 @@ var PromotionOverlayLayout = (0, import_react14.forwardRef)(
 // src/components/controls/repeat.tsx
 var TRACKING_DATA3 = { target_name: "interactions_repeat", location_l2: "interactions" };
 var REPEAT_OPTIONS = {
-  times: (0, import_i18n13.__)("times", "elementor"),
-  loop: (0, import_i18n13.__)("loop", "elementor")
+  times: (0, import_i18n14.__)("times", "elementor"),
+  loop: (0, import_i18n14.__)("loop", "elementor")
 };
 var REPEAT_TOOLTIPS = {
-  times: (0, import_i18n13.__)("Enable number", "elementor"),
-  loop: (0, import_i18n13.__)("Infinite repeat", "elementor")
+  times: (0, import_i18n14.__)("Enable number", "elementor"),
+  loop: (0, import_i18n14.__)("Infinite repeat", "elementor")
 };
 function Repeat() {
   const repeatContainerRef = (0, import_react15.useRef)(null);
@@ -1813,7 +1842,7 @@ function Repeat() {
       promotionChip: /* @__PURE__ */ React19.createElement(
         InteractionsPromotionChip,
         {
-          content: (0, import_i18n13.__)("Upgrade to control how many times the animation repeats.", "elementor"),
+          content: (0, import_i18n14.__)("Upgrade to control how many times the animation repeats.", "elementor"),
           upgradeUrl: "https://go.elementor.com/go-pro-interactions-repeat-modal/",
           anchorRef: repeatContainerRef,
           trackingData: TRACKING_DATA3
@@ -1830,11 +1859,11 @@ var React20 = __toESM(require("react"));
 var import_react16 = require("react");
 var import_editor_controls10 = require("@elementor/editor-controls");
 var import_icons5 = require("@elementor/icons");
-var import_i18n14 = require("@wordpress/i18n");
+var import_i18n15 = require("@wordpress/i18n");
 var TRACKING_DATA4 = { target_name: "interactions_replay", location_l2: "interactions" };
 var REPLAY_OPTIONS = {
-  no: (0, import_i18n14.__)("No", "elementor"),
-  yes: (0, import_i18n14.__)("Yes", "elementor")
+  no: (0, import_i18n15.__)("No", "elementor"),
+  yes: (0, import_i18n15.__)("Yes", "elementor")
 };
 var BASE_REPLAY = ["no"];
 function Replay({ onChange }) {
@@ -1862,7 +1891,7 @@ function Replay({ onChange }) {
       promotionChip: /* @__PURE__ */ React20.createElement(
         InteractionsPromotionChip,
         {
-          content: (0, import_i18n14.__)("Upgrade to run the animation every time its trigger occurs.", "elementor"),
+          content: (0, import_i18n15.__)("Upgrade to run the animation every time its trigger occurs.", "elementor"),
           upgradeUrl: "https://go.elementor.com/go-pro-interactions-replay-modal/",
           anchorRef: replayContainerRef,
           trackingData: TRACKING_DATA4
@@ -1875,14 +1904,14 @@ function Replay({ onChange }) {
 
 // src/components/controls/trigger.tsx
 var React21 = __toESM(require("react"));
-var import_i18n15 = require("@wordpress/i18n");
+var import_i18n16 = require("@wordpress/i18n");
 var TRACKING_DATA5 = { target_name: "interactions_trigger", location_l2: "interactions" };
 var TRIGGER_OPTIONS = {
-  load: (0, import_i18n15.__)("Page load", "elementor"),
-  scrollIn: (0, import_i18n15.__)("Scroll into view", "elementor"),
-  scrollOn: (0, import_i18n15.__)("While scrolling", "elementor"),
-  hover: (0, import_i18n15.__)("On hover", "elementor"),
-  click: (0, import_i18n15.__)("On click", "elementor")
+  load: (0, import_i18n16.__)("Page load", "elementor"),
+  scrollIn: (0, import_i18n16.__)("Scroll into view", "elementor"),
+  scrollOn: (0, import_i18n16.__)("While scrolling", "elementor"),
+  hover: (0, import_i18n16.__)("On hover", "elementor"),
+  click: (0, import_i18n16.__)("On click", "elementor")
 };
 var BASE_TRIGGERS = ["load", "scrollIn"];
 function Trigger({ value, onChange }) {
@@ -1899,8 +1928,8 @@ function Trigger({ value, onChange }) {
       onChange,
       baseOptions,
       disabledOptions,
-      promotionLabel: (0, import_i18n15.__)("PRO triggers", "elementor"),
-      promotionContent: (0, import_i18n15.__)("Upgrade to unlock more interactions triggers.", "elementor"),
+      promotionLabel: (0, import_i18n16.__)("PRO triggers", "elementor"),
+      promotionContent: (0, import_i18n16.__)("Upgrade to unlock more interactions triggers.", "elementor"),
       upgradeUrl: "https://go.elementor.com/go-pro-interactions-triggers-modal/",
       trackingData: TRACKING_DATA5
     }
@@ -1909,9 +1938,9 @@ function Trigger({ value, onChange }) {
 
 // src/hooks/on-duplicate.ts
 var import_editor_elements6 = require("@elementor/editor-elements");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 function initCleanInteractionIdsOnDuplicate() {
-  (0, import_editor_v1_adapters4.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
+  (0, import_editor_v1_adapters5.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
     const containers = Array.isArray(result) ? result : [result];
     containers.forEach((container) => {
       cleanInteractionIdsRecursive(container.id);