@elementor/editor-controls 3.32.0-45 → 3.32.0-47

package/dist/index.js

@@ -1787,7 +1787,12 @@ var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
     }
   ));
 });
-var ItemIcon2 = () => /* @__PURE__ */ React30.createElement(React30.Fragment, null);
+var StyledUnstableColorIndicator = (0, import_ui23.styled)(import_ui23.UnstableColorIndicator)(({ theme }) => ({
+  borderRadius: `${theme.shape.borderRadius / 2}px`
+}));
+var ItemIcon2 = ({ value }) => {
+  return isSingleSize(value.value.func.value ?? "") ? /* @__PURE__ */ React30.createElement(React30.Fragment, null) : /* @__PURE__ */ React30.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: value.value.args.value.color.value });
+};
 var ItemLabel2 = ({ value }) => {
   return isSingleSize(value.value.func.value ?? "") ? /* @__PURE__ */ React30.createElement(SingleSizeItemLabel, { value }) : /* @__PURE__ */ React30.createElement(DropShadowItemLabel, { value });
 };
@@ -3628,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)
   );
 };
 
@@ -4220,7 +4225,7 @@ var extractColorFrom = (prop) => {
 };
 var ItemIconColor = ({ value: prop }) => {
   const color = extractColorFrom(prop);
-  return /* @__PURE__ */ React67.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: color });
+  return /* @__PURE__ */ React67.createElement(StyledUnstableColorIndicator2, { size: "inherit", component: "span", value: color });
 };
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
@@ -4239,7 +4244,7 @@ var ItemIconImage = ({ value }) => {
 };
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
-  return /* @__PURE__ */ React67.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: gradient });
+  return /* @__PURE__ */ React67.createElement(StyledUnstableColorIndicator2, { size: "inherit", component: "span", value: gradient });
 };
 var ItemLabel3 = ({ value }) => {
   switch (value.$$type) {
@@ -4275,7 +4280,9 @@ var ImageOverlayContent = () => {
   const propContext = useBoundProp(import_editor_props31.backgroundImageOverlayPropTypeUtil);
   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 StyledUnstableColorIndicator = (0, import_ui58.styled)(import_ui58.UnstableColorIndicator)(({ theme }) => ({
+var StyledUnstableColorIndicator2 = (0, import_ui58.styled)(import_ui58.UnstableColorIndicator)(({ theme }) => ({
+  height: "1rem",
+  width: "1rem",
   borderRadius: `${theme.shape.borderRadius / 2}px`
 }));
 var useImage = (image) => {
@@ -4363,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();
@@ -5076,7 +5081,7 @@ var TransitionSelector = ({ recentlyUsedList }) => {
     }
     return [
       {
-        label: (0, import_i18n43.__)("Recent", "elementor"),
+        label: (0, import_i18n43.__)("Recently Used", "elementor"),
         items: recentItems
       },
       ...filteredItems