@elementor/editor-editing-panel 4.1.0-723 → 4.1.0-724

package/dist/index.mjs

@@ -6197,7 +6197,7 @@ import {
   IconButton as IconButton3,
   Infotip as Infotip2,
   Stack as Stack17,
-  Tooltip as Tooltip4
+  Tooltip as Tooltip5
 } from "@elementor/ui";
 import { __ as __65 } from "@wordpress/i18n";
 
@@ -6348,9 +6348,9 @@ var LabelChip = ({ displayLabel, provider }) => {
 
 // src/styles-inheritance/components/infotip/value-component.tsx
 import * as React92 from "react";
-import { Typography as Typography6 } from "@elementor/ui";
+import { Tooltip as Tooltip4, Typography as Typography6 } from "@elementor/ui";
 var ValueComponent = ({ index, value }) => {
-  return /* @__PURE__ */ React92.createElement(
+  return /* @__PURE__ */ React92.createElement(Tooltip4, { title: value, placement: "top" }, /* @__PURE__ */ React92.createElement(
     Typography6,
     {
       variant: "caption",
@@ -6359,15 +6359,16 @@ var ValueComponent = ({ index, value }) => {
         mt: "1px",
         textDecoration: index === 0 ? "none" : "line-through",
         overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
+        display: "-webkit-box",
+        WebkitLineClamp: 1,
+        WebkitBoxOrient: "vertical",
         pl: 2.5,
         minWidth: 0,
         maxWidth: "100%"
       }
     },
     value
-  );
+  ));
 };
 
 // src/styles-inheritance/components/infotip/action-icons.tsx
@@ -6455,7 +6456,7 @@ var StylesInheritanceInfotip = ({
           }
         }
       },
-      /* @__PURE__ */ React94.createElement(Stack17, { gap: 1.5, sx: { pl: 3, pr: 1, pb: 2 }, role: "list" }, items3.map((item, index) => {
+      /* @__PURE__ */ React94.createElement(Stack17, { gap: 1.5, sx: { pl: 2, pr: 1, pt: 1.5, pb: 1.5 }, role: "list" }, items3.map((item, index) => {
         return /* @__PURE__ */ React94.createElement(
           Box8,
           {
@@ -6550,21 +6551,19 @@ function TooltipOrInfotip({
             sx: { mx: 2 }
           }
         },
-        slotProps: {
-          popper: {
-            modifiers: [
-              {
-                name: "offset",
-                options: { offset: [offsetX, 0] }
-              }
-            ]
-          }
+        PopperProps: {
+          modifiers: [
+            {
+              name: "offset",
+              options: { offset: [offsetX, 0] }
+            }
+          ]
         }
       },
       children
     ));
   }
-  return /* @__PURE__ */ React94.createElement(Tooltip4, { title: __65("Style origin", "elementor"), placement: "top" }, children);
+  return /* @__PURE__ */ React94.createElement(Tooltip5, { title: __65("Style origin", "elementor"), placement: "top" }, children);
 }
 
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
@@ -6639,19 +6638,22 @@ var excludePropTypeTransformers = /* @__PURE__ */ new Set([
 // src/styles-inheritance/transformers/array-transformer.tsx
 import * as React96 from "react";
 import { createTransformer as createTransformer2 } from "@elementor/editor-canvas";
-import { Stack as Stack18 } from "@elementor/ui";
 var arrayTransformer = createTransformer2((values) => {
   if (!values || values.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React96.createElement(Stack18, { direction: "column" }, values.map((item, index) => /* @__PURE__ */ React96.createElement(Stack18, { key: index }, item)));
+  const allStrings = values.every((item) => typeof item === "string" || typeof item === "number");
+  if (allStrings) {
+    return values.join(" ");
+  }
+  return /* @__PURE__ */ React96.createElement(React96.Fragment, null, values.map((item, index) => /* @__PURE__ */ React96.createElement(React96.Fragment, { key: index }, index > 0 && " ", item)));
 });
 
 // src/styles-inheritance/transformers/background-color-overlay-transformer.tsx
 import * as React97 from "react";
 import { createTransformer as createTransformer3 } from "@elementor/editor-canvas";
-import { Stack as Stack19, styled as styled6, UnstableColorIndicator } from "@elementor/ui";
-var backgroundColorOverlayTransformer = createTransformer3((value) => /* @__PURE__ */ React97.createElement(Stack19, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React97.createElement(ItemLabelColor, { value })));
+import { Stack as Stack18, styled as styled6, UnstableColorIndicator } from "@elementor/ui";
+var backgroundColorOverlayTransformer = createTransformer3((value) => /* @__PURE__ */ React97.createElement(Stack18, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React97.createElement(ItemLabelColor, { value })));
 var ItemLabelColor = ({ value: { color } }) => {
   return /* @__PURE__ */ React97.createElement("span", null, color);
 };
@@ -6666,9 +6668,9 @@ var StyledUnstableColorIndicator = styled6(UnstableColorIndicator)(({ theme }) =
 // src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx
 import * as React98 from "react";
 import { createTransformer as createTransformer4 } from "@elementor/editor-canvas";
-import { Stack as Stack20 } from "@elementor/ui";
+import { Stack as Stack19 } from "@elementor/ui";
 import { __ as __67 } from "@wordpress/i18n";
-var backgroundGradientOverlayTransformer = createTransformer4((value) => /* @__PURE__ */ React98.createElement(Stack20, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React98.createElement(ItemLabelGradient, { value })));
+var backgroundGradientOverlayTransformer = createTransformer4((value) => /* @__PURE__ */ React98.createElement(Stack19, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React98.createElement(ItemLabelGradient, { value })));
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
   return /* @__PURE__ */ React98.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: gradient });
@@ -6691,9 +6693,9 @@ var getGradientValue = (gradient) => {
 import * as React99 from "react";
 import { createTransformer as createTransformer5 } from "@elementor/editor-canvas";
 import { EllipsisWithTooltip as EllipsisWithTooltip2 } from "@elementor/editor-ui";
-import { CardMedia, Stack as Stack21 } from "@elementor/ui";
+import { CardMedia, Stack as Stack20 } from "@elementor/ui";
 import { useWpMediaAttachment } from "@elementor/wp-media";
-var backgroundImageOverlayTransformer = createTransformer5((value) => /* @__PURE__ */ React99.createElement(Stack21, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React99.createElement(ItemIconImage, { value }), /* @__PURE__ */ React99.createElement(ItemLabelImage, { value })));
+var backgroundImageOverlayTransformer = createTransformer5((value) => /* @__PURE__ */ React99.createElement(Stack20, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React99.createElement(ItemIconImage, { value }), /* @__PURE__ */ React99.createElement(ItemLabelImage, { value })));
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
   return /* @__PURE__ */ React99.createElement(
@@ -6739,7 +6741,6 @@ var getFileExtensionFromFilename = (filename) => {
 // src/styles-inheritance/transformers/box-shadow-transformer.tsx
 import * as React100 from "react";
 import { createTransformer as createTransformer6 } from "@elementor/editor-canvas";
-import { Stack as Stack22 } from "@elementor/ui";
 var boxShadowTransformer = createTransformer6((value) => {
   if (!value) {
     return null;
@@ -6748,13 +6749,13 @@ var boxShadowTransformer = createTransformer6((value) => {
   const colorValue = color || "#000000";
   const sizes = [hOffset || "0px", vOffset || "0px", blur || "10px", spread || "0px"].join(" ");
   const positionValue = position || "outset";
-  return /* @__PURE__ */ React100.createElement(Stack22, { direction: "column", gap: 0.5, pb: 1 }, /* @__PURE__ */ React100.createElement("span", null, colorValue, " ", positionValue, ", ", sizes));
+  return /* @__PURE__ */ React100.createElement(React100.Fragment, null, colorValue, " ", positionValue, ", ", sizes);
 });
 
 // src/styles-inheritance/transformers/color-transformer.tsx
 import * as React101 from "react";
 import { createTransformer as createTransformer7 } from "@elementor/editor-canvas";
-import { Stack as Stack23, styled as styled7, UnstableColorIndicator as UnstableColorIndicator2 } from "@elementor/ui";
+import { Stack as Stack21, styled as styled7, UnstableColorIndicator as UnstableColorIndicator2 } from "@elementor/ui";
 function isValidCSSColor(value) {
   if (!value.trim()) {
     return false;
@@ -6772,24 +6773,18 @@ var colorTransformer = createTransformer7((value) => {
   if (!isValidCSSColor(value)) {
     return value;
   }
-  return /* @__PURE__ */ React101.createElement(Stack23, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React101.createElement(StyledColorIndicator, { size: "inherit", component: "span", value }), /* @__PURE__ */ React101.createElement("span", null, value));
+  return /* @__PURE__ */ React101.createElement(Stack21, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React101.createElement(StyledColorIndicator, { size: "inherit", component: "span", value }), /* @__PURE__ */ React101.createElement("span", null, value));
 });
 
 // src/styles-inheritance/transformers/repeater-to-items-transformer.tsx
-import * as React102 from "react";
 import { createTransformer as createTransformer8 } from "@elementor/editor-canvas";
-import { Stack as Stack24 } from "@elementor/ui";
-var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") => {
+var createRepeaterToItemsTransformer = (originalTransformer) => {
   return createTransformer8((value, options12) => {
     const stringResult = originalTransformer(value, options12);
     if (!stringResult || typeof stringResult !== "string") {
       return stringResult;
     }
-    const parts = stringResult.split(separator).filter(Boolean);
-    if (parts.length <= 1) {
-      return stringResult;
-    }
-    return /* @__PURE__ */ React102.createElement(Stack24, { direction: "column", gap: 0.5 }, parts.map((part, index) => /* @__PURE__ */ React102.createElement(Stack24, { key: index }, part.trim())));
+    return stringResult;
   });
 };
 
@@ -6828,7 +6823,7 @@ function registerCustomTransformers(originalStyleTransformers) {
   );
   stylesInheritanceTransformersRegistry2.register(
     "transition",
-    createRepeaterToItemsTransformer(originalStyleTransformers.transition, ", ")
+    createRepeaterToItemsTransformer(originalStyleTransformers.transition)
   );
   ["background-overlay", "box-shadow", "transform-functions"].forEach(
     (propType) => stylesInheritanceTransformersRegistry2.register(propType, arrayTransformer)