@elementor/editor-components 3.35.0-428 → 3.35.0-430

package/dist/index.js

@@ -1950,6 +1950,7 @@ function createComponentModel() {
           this.set("componentId", componentId);
         }
       }
+      this.set("isGlobal", true);
     },
     getTitle() {
       const editorSettings = this.get("editor_settings");
@@ -3191,7 +3192,7 @@ function Backdrop({ canvas, element, onClose }) {
     zIndex: 999,
     pointerEvents: "painted",
     cursor: "pointer",
-    clipPath: getRoundedRectPath(rect, canvas.defaultView, 5)
+    clipPath: getRectPath(rect, canvas.defaultView)
   };
   const handleKeyDown = (event) => {
     if (event.key === "Enter" || event.key === " ") {
@@ -3211,29 +3212,23 @@ function Backdrop({ canvas, element, onClose }) {
     }
   );
 }
-function getRoundedRectPath(rect, viewport, borderRadius) {
-  const padding = borderRadius / 2;
+function getRectPath(rect, viewport) {
   const { x: originalX, y: originalY, width: originalWidth, height: originalHeight } = rect;
-  const x = originalX - padding;
-  const y = originalY - padding;
-  const width = originalWidth + 2 * padding;
-  const height = originalHeight + 2 * padding;
-  const radius = Math.min(borderRadius, width / 2, height / 2);
+  const x = originalX;
+  const y = originalY;
+  const width = originalWidth;
+  const height = originalHeight;
   const { innerWidth: vw, innerHeight: vh } = viewport;
   const path = `path(evenodd, 'M 0 0 
 		L ${vw} 0
 		L ${vw} ${vh}
 		L 0 ${vh}
 		Z
-		M ${x + radius} ${y}
-		L ${x + width - radius} ${y}
-		A ${radius} ${radius} 0 0 1 ${x + width} ${y + radius}
-		L ${x + width} ${y + height - radius}
-		A ${radius} ${radius} 0 0 1 ${x + width - radius} ${y + height}
-		L ${x + radius} ${y + height}
-		A ${radius} ${radius} 0 0 1 ${x} ${y + height - radius}
-		L ${x} ${y + radius}
-		A ${radius} ${radius} 0 0 1 ${x + radius} ${y}
+		M ${x} ${y}
+		L ${x + width} ${y}
+		L ${x + width} ${y + height}
+		L ${x} ${y + height}
+		L ${x} ${y}
     	Z'
 	)`;
   return path.replace(/\s{2,}/g, " ");