@elementor/editor-controls 3.32.0-46 → 3.32.0-48

package/dist/index.js

@@ -3633,9 +3633,9 @@ var Header = ({ label, children }) => {
       sx: { marginInlineEnd: -0.75, py: 0.25 }
     },
     /* @__PURE__ */ React54.createElement(import_ui46.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label),
+    /* @__PURE__ */ React54.createElement(ControlAdornments, null),
     /* @__PURE__ */ React54.createElement(RepeaterHeaderActionsSlot, { value }),
-    /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children),
-    /* @__PURE__ */ React54.createElement(ControlAdornments, null)
+    /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children)
   );
 };
 
@@ -4281,6 +4281,8 @@ var ImageOverlayContent = () => {
   return /* @__PURE__ */ React67.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React67.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React67.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React67.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React67.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React67.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React67.createElement(BackgroundImageOverlayAttachment, null)));
 };
 var StyledUnstableColorIndicator2 = (0, import_ui58.styled)(import_ui58.UnstableColorIndicator)(({ theme }) => ({
+  height: "1rem",
+  width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
 var useImage = (image) => {
@@ -4368,28 +4370,26 @@ var RepeatableControl = createControl(
     );
     const { propType, value, setValue } = useBoundProp(childArrayPropTypeUtil);
     return /* @__PURE__ */ React69.createElement(PropProvider, { propType, value, setValue }, /* @__PURE__ */ React69.createElement(RepeatableControlContext.Provider, { value: contextValue }, /* @__PURE__ */ React69.createElement(
-      Repeater,
+      UnstableRepeater,
       {
-        openOnAdd: true,
-        values: value ?? [],
-        setValues: setValue,
-        label: repeaterLabel,
-        isSortable: false,
-        itemSettings: {
-          Icon: ItemIcon4,
-          Label: ItemLabel4,
-          Content: ItemContent4,
-          initialValues: childPropTypeUtil.create(initialValues || null)
+        initial: childPropTypeUtil.create(initialValues || null),
+        propTypeUtil: childArrayPropTypeUtil
+      },
+      /* @__PURE__ */ React69.createElement(Header, { label: repeaterLabel }, /* @__PURE__ */ React69.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
+      /* @__PURE__ */ React69.createElement(
+        ItemsContainer,
+        {
+          isSortable: false,
+          itemTemplate: /* @__PURE__ */ React69.createElement(Item, { Icon: ItemIcon4, Label: ItemLabel4 })
         },
-        showDuplicate,
-        showToggle
-      }
+        showDuplicate && /* @__PURE__ */ React69.createElement(DuplicateItemAction, null),
+        showToggle && /* @__PURE__ */ React69.createElement(DisableItemAction, null),
+        /* @__PURE__ */ React69.createElement(RemoveItemAction, null)
+      ),
+      /* @__PURE__ */ React69.createElement(EditItemPopover, null, /* @__PURE__ */ React69.createElement(Content3, null))
     )));
   }
 );
-var ItemContent4 = ({ bind }) => {
-  return /* @__PURE__ */ React69.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React69.createElement(Content3, null));
-};
 var ItemIcon4 = () => /* @__PURE__ */ React69.createElement(React69.Fragment, null);
 var Content3 = () => {
   const { component: ChildControl, props = {} } = useRepeatableControlContext();
@@ -5079,12 +5079,14 @@ var TransitionSelector = ({ recentlyUsedList }) => {
     if (recentItems.length === 0) {
       return filteredItems;
     }
+    const [first, ...rest] = filteredItems;
     return [
+      first,
       {
-        label: (0, import_i18n43.__)("Recent", "elementor"),
+        label: (0, import_i18n43.__)("Recently Used", "elementor"),
         items: recentItems
       },
-      ...filteredItems
+      ...rest
     ];
   };
   const handleTransitionPropertyChange = (newLabel) => {