@elementor/editor-controls 4.1.0-759 → 4.1.0-761

package/dist/index.js

@@ -6980,9 +6980,12 @@ var useUnitSync = ({ unit, setUnit, persistWhen }) => {
       setState(unit);
     }
   }, [unit]);
+  const isExtendedUnit2 = (value) => {
+    return Object.values(EXTENDED_UNITS).includes(value);
+  };
   const setInternalValue = (newUnit) => {
     setState(newUnit);
-    if (persistWhen()) {
+    if (isExtendedUnit2(newUnit) || persistWhen()) {
       setUnit(newUnit);
     }
   };
@@ -7373,9 +7376,10 @@ var resolveBoundPropValue = (value, boundPropPlaceholder, propPlaceholder) => {
     { candidate: boundPropPlaceholder, resolve: toUnitPlaceholder }
   ]);
   const placeholderSource = propPlaceholder ?? boundPropPlaceholder;
+  const hasValue2 = Boolean(value);
   return {
     sizeValue,
-    placeholder: resolvePlaceholder(placeholderSource)
+    placeholder: hasValue2 ? void 0 : resolvePlaceholder(placeholderSource)
   };
 };
 var toUnitPlaceholder = (v) => ({ ...v, size: "" });
@@ -7789,10 +7793,14 @@ var RepeaterItem = ({
   actions,
   value
 }) => {
-  const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, () => {
-    onOpen();
-    onPopoverOpen?.(value);
-  });
+  const { popoverState, popoverProps, ref, setRef } = usePopover(
+    openOnMount,
+    () => {
+      onOpen();
+      onPopoverOpen?.(value);
+    },
+    onPopoverClose
+  );
   const triggerProps = (0, import_ui97.bindTrigger)(popoverState);
   const duplicateLabel = (0, import_i18n55.__)("Duplicate", "elementor");
   const toggleLabel = propDisabled ? (0, import_i18n55.__)("Show", "elementor") : (0, import_i18n55.__)("Hide", "elementor");
@@ -7814,21 +7822,17 @@ var RepeaterItem = ({
       startIcon,
       actions: /* @__PURE__ */ React113.createElement(React113.Fragment, null, showDuplicate && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React113.createElement(import_icons39.CopyIcon, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React113.createElement(import_icons39.EyeOffIcon, { fontSize: SIZE11 }) : /* @__PURE__ */ React113.createElement(import_icons39.EyeIcon, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React113.createElement(import_icons39.XIcon, { fontSize: SIZE11 }))))
     }
-  ), /* @__PURE__ */ React113.createElement(
-    RepeaterPopover,
+  ), /* @__PURE__ */ React113.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React113.createElement(
+    import_ui97.ClickAwayListener,
     {
-      width: ref?.getBoundingClientRect().width,
-      ...popoverProps,
-      onClose: () => {
-        popoverProps.onClose?.();
-        onPopoverClose?.();
-      },
-      anchorEl: ref
+      mouseEvent: "onMouseDown",
+      touchEvent: "onTouchStart",
+      onClickAway: popoverProps.onClose
     },
     /* @__PURE__ */ React113.createElement(import_ui97.Box, null, children({ anchorEl: ref }))
-  ));
+  )));
 };
-var usePopover = (openOnMount, onOpen) => {
+var usePopover = (openOnMount, onOpen, onPopoverClose) => {
   const [ref, setRef] = (0, import_react67.useState)(null);
   const popoverState = (0, import_ui97.usePopupState)({ variant: "popover" });
   const popoverProps = (0, import_ui97.bindPopover)(popoverState);
@@ -7838,11 +7842,15 @@ var usePopover = (openOnMount, onOpen) => {
       onOpen?.();
     }
   }, [ref]);
+  const onClose = () => {
+    popoverProps.onClose?.();
+    onPopoverClose?.();
+  };
   return {
     popoverState,
     ref,
     setRef,
-    popoverProps
+    popoverProps: { ...popoverProps, onClose }
   };
 };