@cntrl-site/sdk 1.24.2 → 1.24.3-1

package/dist/index.js

@@ -5,7 +5,7 @@ const url = require("url");
 const zod = require("zod");
 const UAParser = require("ua-parser-js");
 const MP4Box = require("mp4box");
-const jsxRuntime = require("react/jsx-runtime");
+const jsxDevRuntime = require("react/jsx-dev-runtime");
 const react = require("react");
 const reactSplide = require("@splidejs/react-splide");
 const cn = require("classnames");
@@ -1374,15 +1374,31 @@ const RichTextRenderer = ({ content }) => {
   const getChildren = (children) => {
     return children.map((child, i) => {
       if (child.type === "link") {
-        return /* @__PURE__ */ jsxRuntime.jsx("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i);
+        return /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { className: styles$2.link, href: child.value, target: child.target, children: getChildren(child.children) }, i, false, {
+          fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
+          lineNumber: 13,
+          columnNumber: 16
+        }, void 0);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: getLeafCss(child), children: child.text }, i);
+      return /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { style: getLeafCss(child), children: child.text }, i, false, {
+        fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
+        lineNumber: 15,
+        columnNumber: 14
+      }, void 0);
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content.map((block, i) => {
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: content.map((block, i) => {
     const children = block.children;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: getChildren(children) }, i);
-  }) });
+    return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { children: getChildren(children) }, i, false, {
+      fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
+      lineNumber: 23,
+      columnNumber: 11
+    }, void 0);
+  }) }, void 0, false, {
+    fileName: "H:/mom/sdk/src/Components/helpers/RichTextRenderer/RichTextRenderer.tsx",
+    lineNumber: 19,
+    columnNumber: 5
+  }, void 0);
 };
 function getLeafCss(leaf) {
   return {
@@ -1415,9 +1431,13 @@ const SvgImage = ({ url: url2, fill = "#000000", hoverFill = "#CCCCCC", classNam
     }
   }, []);
   if (!url2.endsWith(".svg") || !supportsMask) {
-    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url2, alt: "", className: cn(styles$1.img, className) });
+    return /* @__PURE__ */ jsxDevRuntime.jsxDEV("img", { src: url2, alt: "", className: cn(styles$1.img, className) }, void 0, false, {
+      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
+      lineNumber: 23,
+      columnNumber: 12
+    }, void 0);
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
     "span",
     {
       "data-supports-mask": supportsMask,
@@ -1427,7 +1447,15 @@ const SvgImage = ({ url: url2, fill = "#000000", hoverFill = "#CCCCCC", classNam
         "--fill": fill,
         "--hover-fill": hoverFill
       }
-    }
+    },
+    void 0,
+    false,
+    {
+      fileName: "H:/mom/sdk/src/Components/helpers/SvgImage/SvgImage.tsx",
+      lineNumber: 27,
+      columnNumber: 5
+    },
+    void 0
   );
 };
 const alignmentClassName = {
@@ -1474,7 +1502,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
     setKey((prev) => prev + 1);
     prevSliderTypeRef.current = transition.type;
   }, [transition.type]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: cn(styles$3.wrapper, { [styles$3.editor]: isEditor }), ref: setWrapperRef, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
     "div",
     {
       className: styles$3.sliderInner,
@@ -1484,15 +1512,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
         backgroundColor: transition.backgroundColor && transition.type === "fade in" ? transition.backgroundColor : "transparent"
       },
       children: [
-        settings.caption.isActive && /* @__PURE__ */ jsxRuntime.jsx(
+        settings.caption.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
           "div",
           {
             className: cn(styles$3.captionBlock),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
               "div",
               {
                 className: styles$3.captionTextWrapper,
-                children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                children: content.map((item, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                   "div",
                   {
                     className: cn(styles$3.captionText, alignmentClassName[caption.alignment], {
@@ -1515,7 +1543,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       color,
                       transitionDuration: transition.duration ? `${Math.round(parseInt(transition.duration) / 2)}ms` : "500ms"
                     },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                    children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                       "div",
                       {
                         "data-styles": "caption",
@@ -1526,17 +1554,52 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                           top: scalingValue(caption.offset.y, isEditor),
                           left: scalingValue(caption.offset.x, isEditor)
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: item.imageCaption })
-                      }
+                        children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(RichTextRenderer, { content: item.imageCaption }, void 0, false, {
+                          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                          lineNumber: 115,
+                          columnNumber: 19
+                        }, this)
+                      },
+                      void 0,
+                      false,
+                      {
+                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                        lineNumber: 105,
+                        columnNumber: 17
+                      },
+                      this
                     )
                   },
-                  index
+                  index,
+                  false,
+                  {
+                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                    lineNumber: 82,
+                    columnNumber: 15
+                  },
+                  this
                 ))
-              }
+              },
+              void 0,
+              false,
+              {
+                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                lineNumber: 78,
+                columnNumber: 11
+              },
+              this
             )
-          }
+          },
+          void 0,
+          false,
+          {
+            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+            lineNumber: 75,
+            columnNumber: 9
+          },
+          this
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV(
           reactSplide.Splide,
           {
             onMove: (e) => {
@@ -1559,15 +1622,15 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               type: transition.type === "fade in" ? "fade" : "loop",
               rewind: true
             },
-            children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: content.map((item, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
               "div",
               {
                 className: styles$3.sliderItem,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                   "div",
                   {
                     className: styles$3.imgWrapper,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                    children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                       "img",
                       {
                         className: cn(styles$3.sliderImage, {
@@ -1576,17 +1639,52 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                         }),
                         src: item.image.url,
                         alt: item.image.name ?? ""
-                      }
+                      },
+                      void 0,
+                      false,
+                      {
+                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                        lineNumber: 153,
+                        columnNumber: 17
+                      },
+                      this
                     )
-                  }
+                  },
+                  void 0,
+                  false,
+                  {
+                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                    lineNumber: 150,
+                    columnNumber: 15
+                  },
+                  this
                 )
-              }
-            ) }, index))
+              },
+              void 0,
+              false,
+              {
+                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                lineNumber: 147,
+                columnNumber: 13
+              },
+              this
+            ) }, index, false, {
+              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+              lineNumber: 146,
+              columnNumber: 11
+            }, this))
           },
-          key
+          key,
+          false,
+          {
+            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+            lineNumber: 122,
+            columnNumber: 7
+          },
+          this
         ),
-        controls.isActive && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+        controls.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxDevRuntime.jsxDEV(
             "div",
             {
               className: cn(styles$3.arrow, {
@@ -1596,7 +1694,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 color: controls.color,
                 ["--arrow-hover-color"]: controls.hover
               },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
+              children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                 "button",
                 {
                   onClick: () => {
@@ -1607,22 +1705,50 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     transform: `translate(${scalingValue(controlsOffsetX, isEditor)}, ${scalingValue(controlsOffsetY * (direction === "horiz" ? 1 : -1), isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                    controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                       SvgImage,
                       {
                         url: controls.arrowsImgUrl,
                         fill: controls.color,
                         hoverFill: controls.hover,
                         className: cn(styles$3.arrowImg, styles$3.mirror)
-                      }
+                      },
+                      void 0,
+                      false,
+                      {
+                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                        lineNumber: 186,
+                        columnNumber: 17
+                      },
+                      this
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) })
+                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) }, void 0, false, {
+                      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                      lineNumber: 194,
+                      columnNumber: 17
+                    }, this)
                   ]
-                }
+                },
+                void 0,
+                true,
+                {
+                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                  lineNumber: 176,
+                  columnNumber: 13
+                },
+                this
               )
-            }
+            },
+            void 0,
+            false,
+            {
+              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+              lineNumber: 167,
+              columnNumber: 11
+            },
+            this
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxDevRuntime.jsxDEV(
             "div",
             {
               className: cn(styles$3.arrow, styles$3.nextArrow, {
@@ -1632,7 +1758,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 color: controls.color,
                 ["--arrow-hover-color"]: controls.hover
               },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
+              children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                 "button",
                 {
                   className: styles$3.arrowInner,
@@ -1641,23 +1767,55 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                     transform: `translate(${scalingValue(controlsOffsetX * (direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controlsOffsetY, isEditor)}) scale(${settings.controls.scale / 100}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                   },
                   children: [
-                    controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                    controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                       SvgImage,
                       {
                         url: controls.arrowsImgUrl,
                         fill: controls.color,
                         hoverFill: controls.hover,
                         className: styles$3.arrowImg
-                      }
+                      },
+                      void 0,
+                      false,
+                      {
+                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                        lineNumber: 215,
+                        columnNumber: 17
+                      },
+                      this
                     ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) })
+                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxDevRuntime.jsxDEV(ArrowIcon, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) }, void 0, false, {
+                      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                      lineNumber: 223,
+                      columnNumber: 17
+                    }, this)
                   ]
-                }
+                },
+                void 0,
+                true,
+                {
+                  fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                  lineNumber: 207,
+                  columnNumber: 13
+                },
+                this
               )
-            }
+            },
+            void 0,
+            false,
+            {
+              fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+              lineNumber: 198,
+              columnNumber: 11
+            },
+            this
           )
-        ] }),
-        triggers.triggersList.click && /* @__PURE__ */ jsxRuntime.jsx(
+        ] }, void 0, true, {
+          fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+          lineNumber: 166,
+          columnNumber: 9
+        }, this),
+        triggers.triggersList.click && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
           "div",
           {
             className: styles$3.clickOverlay,
@@ -1666,9 +1824,17 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                 sliderRef.go("+1");
               }
             }
-          }
+          },
+          void 0,
+          false,
+          {
+            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+            lineNumber: 230,
+            columnNumber: 9
+          },
+          this
         ),
-        pagination2.isActive && /* @__PURE__ */ jsxRuntime.jsx(
+        pagination2.isActive && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
           "div",
           {
             className: cn(styles$3.pagination, {
@@ -1682,7 +1848,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
               [styles$3.paginationOutsideRight]: pagination2.position === "outside-2" && direction === "vert",
               [styles$3.paginationVertical]: direction === "vert"
             }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
               "div",
               {
                 className: styles$3.paginationInner,
@@ -1690,7 +1856,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                   backgroundColor: pagination2.colors[2],
                   transform: `scale(${pagination2.scale / 100}) translate(${scalingValue(pagination2.offset.x, isEditor)}, ${scalingValue(pagination2.offset.y, isEditor)}) rotate(${direction === "horiz" ? "0deg" : "90deg"})`
                 },
-                children: content.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                children: content.map((_, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                   "button",
                   {
                     onClick: () => {
@@ -1699,7 +1865,7 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                       }
                     },
                     className: cn(styles$3.paginationItem),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                    children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
                       "div",
                       {
                         className: cn(styles$3.dot, {
@@ -1709,21 +1875,76 @@ function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
                           backgroundColor: index === currentSlideIndex ? pagination2.colors[0] : pagination2.colors[1],
                           ["--pagination-hover-color"]: pagination2.hover
                         }
-                      }
+                      },
+                      void 0,
+                      false,
+                      {
+                        fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                        lineNumber: 270,
+                        columnNumber: 17
+                      },
+                      this
                     )
                   },
-                  index
+                  index,
+                  false,
+                  {
+                    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                    lineNumber: 261,
+                    columnNumber: 15
+                  },
+                  this
                 ))
-              }
+              },
+              void 0,
+              false,
+              {
+                fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+                lineNumber: 253,
+                columnNumber: 11
+              },
+              this
             )
-          }
+          },
+          void 0,
+          false,
+          {
+            fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+            lineNumber: 240,
+            columnNumber: 9
+          },
+          this
         )
       ]
-    }
-  ) });
+    },
+    void 0,
+    true,
+    {
+      fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+      lineNumber: 66,
+      columnNumber: 7
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+    lineNumber: 65,
+    columnNumber: 5
+  }, this);
 }
 function ArrowIcon({ color, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }) }) });
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("svg", { viewBox: "0 0 10 18", className, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("path", { d: "M-3.70710678,4.29289322 C-3.34662282,3.93240926 -2.77939176,3.90467972 -2.38710056,4.20970461 L-2.29289322,4.29289322 L5,11.585 L12.2928932,4.29289322 C12.6533772,3.93240926 13.2206082,3.90467972 13.6128994,4.20970461 L13.7071068,4.29289322 C14.0675907,4.65337718 14.0953203,5.22060824 13.7902954,5.61289944 L13.7071068,5.70710678 L5.70710678,13.7071068 C5.34662282,14.0675907 4.77939176,14.0953203 4.38710056,13.7902954 L4.29289322,13.7071068 L-3.70710678,5.70710678 C-4.09763107,5.31658249 -4.09763107,4.68341751 -3.70710678,4.29289322 Z", id: "Shape-Copy", fill: color, transform: "translate(5, 9) rotate(-90) translate(-5, -9)" }, void 0, false, {
+    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+    lineNumber: 293,
+    columnNumber: 11
+  }, this) }, void 0, false, {
+    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+    lineNumber: 292,
+    columnNumber: 7
+  }, this) }, void 0, false, {
+    fileName: "H:/mom/sdk/src/Components/ControlSlider/ControlSlider.tsx",
+    lineNumber: 291,
+    columnNumber: 5
+  }, this);
 }
 const ControlSliderComponent = {
   element: ControlSlider,
@@ -2339,8 +2560,14 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       customWidth,
       randomRange
     );
-    let x = position.x ?? Math.random() * containerWidth;
-    let y = position.y ?? Math.random() * containerHeight;
+    let x = 0, y = 0;
+    if (revealPosition === "same") {
+      x = containerWidth / 2;
+      y = containerHeight / 2;
+    } else {
+      x = position.x ?? Math.random() * containerWidth;
+      y = position.y ?? Math.random() * containerHeight;
+    }
     const adjustedX = Math.min(Math.max(x, width / 2), containerWidth - width / 2);
     const adjustedY = Math.min(Math.max(y, height / 2), containerHeight - height / 2);
     return {
@@ -2373,7 +2600,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       setCounter(defaultImageCount % content.length);
     };
     placeImages();
-  }, [defaultContentUrls, sizeType, customWidth, randomRange]);
+  }, [defaultContentUrls, sizeType, customWidth, randomRange, revealPosition]);
   react.useEffect(() => {
     if (visible === "lastOne") {
       setPlacedImages((prev) => prev.length > 0 ? [prev[prev.length - 1]] : []);
@@ -2413,7 +2640,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
     const isHover = target === "area" || isMouseOverImage(mouseX, mouseY, placedImages);
     divRef.current.style.cursor = isHover ? `url(${hoverCursor}), auto` : `url(${defaultCursor}), auto`;
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
     "div",
     {
       ref: divRef,
@@ -2421,7 +2648,7 @@ function ImageRevealSlider({ settings, content, isEditor }) {
       onMouseEnter: handleMouseMove,
       onMouseMove: handleMouseMove,
       className: styles.imageRevealSlider,
-      children: placedImages.map((img2) => /* @__PURE__ */ jsxRuntime.jsx(
+      children: placedImages.map((img2) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(
         "div",
         {
           className: styles.wrapper,
@@ -2433,26 +2660,60 @@ function ImageRevealSlider({ settings, content, isEditor }) {
             width: img2.width ?? "auto",
             height: "auto"
           },
-          children: target === "area" && img2.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsxRuntime.jsx(
+          children: target === "area" && img2.link ? /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
             "img",
             {
               src: img2.url,
               alt: img2.name,
               className: styles.image
             },
-            img2.id
-          ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+            img2.id,
+            false,
+            {
+              fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
+              lineNumber: 263,
+              columnNumber: 15
+            },
+            this
+          ) }, void 0, false, {
+            fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
+            lineNumber: 262,
+            columnNumber: 13
+          }, this) : /* @__PURE__ */ jsxDevRuntime.jsxDEV(
             "img",
             {
               src: img2.url,
               alt: img2.name,
               className: styles.image
             },
-            img2.id
+            img2.id,
+            false,
+            {
+              fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
+              lineNumber: 271,
+              columnNumber: 13
+            },
+            this
           )
-        }
+        },
+        void 0,
+        false,
+        {
+          fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
+          lineNumber: 251,
+          columnNumber: 9
+        },
+        this
       ))
-    }
+    },
+    void 0,
+    false,
+    {
+      fileName: "H:/mom/sdk/src/Components/ImageRevealSlider/ImageRevealSlider.tsx",
+      lineNumber: 243,
+      columnNumber: 5
+    },
+    this
   );
 }
 const ControlImageRevealSliderComponent = {