@elementor/editor-editing-panel 4.0.0-544 → 4.0.0-545

package/dist/index.js

@@ -4894,9 +4894,14 @@ var useActions = () => {
     movedElementIndex
   }) => {
     const tabContentContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
-    const tabContentId = tabContentContainer?.children?.[movedElementIndex]?.id;
-    if (!tabContentId) {
-      throw new Error("Content ID is required");
+    const tabContent = tabContentContainer?.children?.[movedElementIndex];
+    const movedElement = (0, import_editor_elements16.getContainer)(movedElementId);
+    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
+    if (!tabContent) {
+      throw new Error("Content element is required");
+    }
+    if (!movedElement || !tabsMenu) {
+      throw new Error("Tab element or menu not found");
     }
     const newDefault = calculateDefaultOnMove({
       from: movedElementIndex,
@@ -4907,13 +4912,13 @@ var useActions = () => {
       title: (0, import_i18n58.__)("Reorder Tabs", "elementor"),
       moves: [
         {
-          elementId: movedElementId,
-          targetContainerId: tabsMenuId,
+          element: movedElement,
+          targetContainer: tabsMenu,
           options: { at: toIndex }
         },
         {
-          elementId: tabContentId,
-          targetContainerId: tabContentAreaId,
+          element: tabContent,
+          targetContainer: tabContentContainer,
           options: { at: toIndex }
         }
       ],
@@ -4965,20 +4970,25 @@ var useActions = () => {
     tabsMenuId,
     items: items3
   }) => {
+    const tabContentArea = (0, import_editor_elements16.getContainer)(tabContentAreaId);
+    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
+    if (!tabContentArea || !tabsMenu) {
+      throw new Error("Tab containers not found");
+    }
     items3.forEach(({ index }) => {
       const position = index + 1;
       (0, import_editor_elements16.createElements)({
         title: (0, import_i18n58.__)("Tabs", "elementor"),
         elements: [
           {
-            containerId: tabContentAreaId,
+            container: tabContentArea,
             model: {
               elType: TAB_CONTENT_ELEMENT_TYPE,
               editor_settings: { title: `Tab ${position} content`, initial_position: position }
             }
           },
           {
-            containerId: tabsMenuId,
+            container: tabsMenu,
             model: {
               elType: TAB_ELEMENT_TYPE,
               editor_settings: { title: `Tab ${position} trigger`, initial_position: position }