@cntrl-site/components 0.1.26 → 0.1.27-0

package/dist/index.js

@@ -1,3694 +1,6 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactSplide = require("@splidejs/react-splide");
-const cn = require("classnames");
-const reactDom = require("react-dom");
-const wrapper = "ControlSlider-module__wrapper___sHEkd";
-const hoverArrow = "ControlSlider-module__hoverArrow___A-dOH";
-const sliderItem = "ControlSlider-module__sliderItem___QQSkR";
-const sliderImage = "ControlSlider-module__sliderImage___9hRl-";
-const arrow$1 = "ControlSlider-module__arrow___05ghY";
-const arrowVertical$1 = "ControlSlider-module__arrowVertical___tBfVN";
-const nextArrow$1 = "ControlSlider-module__nextArrow___-30Yc";
-const arrowInner$1 = "ControlSlider-module__arrowInner___aEra3";
-const arrowIcon$1 = "ControlSlider-module__arrowIcon___S4ztF";
-const arrowImg$1 = "ControlSlider-module__arrowImg___2dwJW";
-const mirror$1 = "ControlSlider-module__mirror___brd6U";
-const pagination = "ControlSlider-module__pagination___bicLF";
-const paginationInner = "ControlSlider-module__paginationInner___bT-P-";
-const paginationVertical = "ControlSlider-module__paginationVertical___zYqKw";
-const paginationItem = "ControlSlider-module__paginationItem___nTRbk";
-const dot = "ControlSlider-module__dot___p1Qun";
-const activeDot = "ControlSlider-module__activeDot___LHFaj";
-const paginationInsideBottom = "ControlSlider-module__paginationInsideBottom___R3FWn";
-const paginationInsideTop = "ControlSlider-module__paginationInsideTop___V-qb-";
-const paginationOutsideBottom = "ControlSlider-module__paginationOutsideBottom___14w8D";
-const paginationOutsideTop = "ControlSlider-module__paginationOutsideTop___SCLqB";
-const paginationInsideLeft = "ControlSlider-module__paginationInsideLeft___yOBRZ";
-const paginationInsideRight = "ControlSlider-module__paginationInsideRight___Rtt3o";
-const paginationOutsideLeft = "ControlSlider-module__paginationOutsideLeft___lahaw";
-const paginationOutsideRight = "ControlSlider-module__paginationOutsideRight___EtuQa";
-const imgWrapper$1 = "ControlSlider-module__imgWrapper___UjEgB";
-const captionBlock = "ControlSlider-module__captionBlock___dJ6-j";
-const captionTextWrapper = "ControlSlider-module__captionTextWrapper___HFlpf";
-const captionText = "ControlSlider-module__captionText___uGBVc";
-const active = "ControlSlider-module__active___WZK4G";
-const withPointerEvents = "ControlSlider-module__withPointerEvents___t-18M";
-const topLeftAlignment = "ControlSlider-module__topLeftAlignment___zjnGM";
-const topCenterAlignment = "ControlSlider-module__topCenterAlignment___gD1xW";
-const topRightAlignment = "ControlSlider-module__topRightAlignment___NMapS";
-const middleLeftAlignment = "ControlSlider-module__middleLeftAlignment___OnUrY";
-const middleCenterAlignment = "ControlSlider-module__middleCenterAlignment___Tdkl0";
-const middleRightAlignment = "ControlSlider-module__middleRightAlignment___wEbfX";
-const bottomLeftAlignment = "ControlSlider-module__bottomLeftAlignment___cTP2-";
-const bottomCenterAlignment = "ControlSlider-module__bottomCenterAlignment___c54fB";
-const bottomRightAlignment = "ControlSlider-module__bottomRightAlignment___kEwrz";
-const clickOverlay = "ControlSlider-module__clickOverlay___DZA28";
-const contain$1 = "ControlSlider-module__contain___pLyq7";
-const cover$1 = "ControlSlider-module__cover___KdDat";
-const styles$3 = {
-  wrapper,
-  hoverArrow,
-  sliderItem,
-  sliderImage,
-  arrow: arrow$1,
-  arrowVertical: arrowVertical$1,
-  nextArrow: nextArrow$1,
-  arrowInner: arrowInner$1,
-  arrowIcon: arrowIcon$1,
-  arrowImg: arrowImg$1,
-  mirror: mirror$1,
-  pagination,
-  paginationInner,
-  paginationVertical,
-  paginationItem,
-  dot,
-  activeDot,
-  paginationInsideBottom,
-  paginationInsideTop,
-  paginationOutsideBottom,
-  paginationOutsideTop,
-  paginationInsideLeft,
-  paginationInsideRight,
-  paginationOutsideLeft,
-  paginationOutsideRight,
-  imgWrapper: imgWrapper$1,
-  captionBlock,
-  captionTextWrapper,
-  captionText,
-  active,
-  withPointerEvents,
-  topLeftAlignment,
-  topCenterAlignment,
-  topRightAlignment,
-  middleLeftAlignment,
-  middleCenterAlignment,
-  middleRightAlignment,
-  bottomLeftAlignment,
-  bottomCenterAlignment,
-  bottomRightAlignment,
-  clickOverlay,
-  contain: contain$1,
-  cover: cover$1
-};
-const link$1 = "RichTextRenderer-module__link___BWeZ2";
-const styles$2 = {
-  link: link$1
-};
-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__ */ jsxRuntime.jsx("span", { style: getLeafCss(child), children: child.text }, i);
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content.map((block, i) => {
-    const children = block.children;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: getChildren(children) }, i);
-  }) });
-};
-function getLeafCss(leaf) {
-  return {
-    ...leaf.fontFamily && { fontFamily: leaf.fontFamily },
-    ...leaf.fontWeight && { fontWeight: leaf.fontWeight },
-    ...leaf.fontStyle && { fontStyle: leaf.fontStyle },
-    ...leaf.textDecoration && { textDecoration: leaf.textDecoration },
-    ...leaf.textTransform && { textTransform: leaf.textTransform },
-    ...leaf.fontVariant && { fontVariant: leaf.fontVariant },
-    ...leaf.verticalAlign && {
-      verticalAlign: leaf.verticalAlign,
-      lineHeight: "0px"
-    }
-  };
-}
-function scalingValue(value, isEditor = false) {
-  return isEditor ? `calc(var(--cntrl-article-width) * ${value})` : `${value * 100}vw`;
-}
-const svg = "SvgImage-module__svg___q3xE-";
-const img = "SvgImage-module__img___VsTm-";
-const styles$1 = {
-  svg,
-  img
-};
-const SvgImage = ({ url, fill = "#000000", hoverFill = "#CCCCCC", className = "" }) => {
-  const [supportsMask, setSupportsMask] = react.useState(true);
-  react.useEffect(() => {
-    if (typeof window !== "undefined" && window.CSS) {
-      const supported = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
-      setSupportsMask(supported);
-    }
-  }, []);
-  if (!url.endsWith(".svg") || !supportsMask) {
-    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url, alt: "", className: cn(styles$1.img, className) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-supports-mask": supportsMask,
-      className: cn(styles$1.svg, className),
-      style: {
-        "--svg": `url(${url})`,
-        "--fill": fill,
-        "--hover-fill": hoverFill
-      }
-    }
-  );
-};
-const alignmentClassName = {
-  "top-left": styles$3.topLeftAlignment,
-  "top-center": styles$3.topCenterAlignment,
-  "top-right": styles$3.topRightAlignment,
-  "middle-left": styles$3.middleLeftAlignment,
-  "middle-center": styles$3.middleCenterAlignment,
-  "middle-right": styles$3.middleRightAlignment,
-  "bottom-left": styles$3.bottomLeftAlignment,
-  "bottom-center": styles$3.bottomCenterAlignment,
-  "bottom-right": styles$3.bottomRightAlignment
-};
-function ControlSlider({ settings, content, styles: sliderStyles, isEditor }) {
-  const [sliderRef, setSliderRef] = react.useState(null);
-  const { widthSettings, fontSettings, letterSpacing, textAlign, wordSpacing, fontSizeLineHeight, textAppearance, color } = sliderStyles.imageCaption;
-  const [sliderDimensions, setSliderDimensions] = react.useState(void 0);
-  const [wrapperRef, setWrapperRef] = react.useState(null);
-  const [currentSlideIndex, setCurrentSlideIndex] = react.useState(0);
-  const [key, setKey] = react.useState(0);
-  const { direction, transition, controls, pagination: pagination2, imageCaption, triggers } = settings;
-  const prevSliderTypeRef = react.useRef(transition.type);
-  const { x: controlsOffsetX, y: controlsOffsetY } = settings.controls.offset;
-  const handleArrowClick = (dir) => {
-    if (sliderRef) {
-      sliderRef.go(dir);
-    }
-  };
-  react.useEffect(() => {
-    if (!wrapperRef) return;
-    const observer = new ResizeObserver((entries) => {
-      if (!sliderRef) return;
-      const [wrapper2] = entries;
-      setSliderDimensions({
-        width: Math.round(wrapper2.contentRect.width),
-        height: Math.round(wrapper2.contentRect.height)
-      });
-    });
-    observer.observe(wrapperRef);
-    return () => observer.unobserve(wrapperRef);
-  }, [wrapperRef]);
-  react.useEffect(() => {
-    if (!sliderRef || prevSliderTypeRef.current === transition.type) return;
-    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(
-    "div",
-    {
-      className: styles$3.sliderInner,
-      style: {
-        width: sliderDimensions ? sliderDimensions.width : "100%",
-        height: sliderDimensions ? sliderDimensions.height : "100%",
-        backgroundColor: transition.backgroundColor && transition.type === "fade in" ? transition.backgroundColor : "transparent"
-      },
-      children: [
-        settings.imageCaption.isActive && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(styles$3.captionBlock),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: styles$3.captionTextWrapper,
-                children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: cn(styles$3.captionText, alignmentClassName[imageCaption.alignment], {
-                      [styles$3.withPointerEvents]: index === currentSlideIndex && isEditor,
-                      [styles$3.active]: index === currentSlideIndex
-                    }),
-                    style: {
-                      fontFamily: fontSettings.fontFamily,
-                      fontWeight: fontSettings.fontWeight,
-                      fontStyle: fontSettings.fontStyle,
-                      width: widthSettings.sizing === "auto" ? "max-content" : scalingValue(widthSettings.width, isEditor),
-                      letterSpacing: scalingValue(letterSpacing, isEditor),
-                      wordSpacing: scalingValue(wordSpacing, isEditor),
-                      textAlign,
-                      fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-                      lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-                      textTransform: textAppearance.textTransform ?? "none",
-                      textDecoration: textAppearance.textDecoration ?? "none",
-                      fontVariant: textAppearance.fontVariant ?? "normal",
-                      color,
-                      transitionDuration: transition.duration ? `${Math.round(parseInt(transition.duration) / 2)}ms` : "500ms"
-                    },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        "data-styles": "imageCaption",
-                        className: styles$3.captionTextInner,
-                        style: {
-                          "--link-hover-color": imageCaption.hover,
-                          position: "relative",
-                          top: scalingValue(imageCaption.offset.y, isEditor),
-                          left: scalingValue(imageCaption.offset.x, isEditor)
-                        },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: item.imageCaption })
-                      }
-                    )
-                  },
-                  index
-                ))
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactSplide.Splide,
-          {
-            onMove: (e) => {
-              setCurrentSlideIndex(e.index);
-            },
-            ref: setSliderRef,
-            options: {
-              arrows: false,
-              speed: transition.duration ? parseInt(transition.duration) : 500,
-              autoplay: triggers.autoPlay !== null,
-              ...triggers.autoPlay !== null && {
-                interval: parseInt(triggers.autoPlay) * 1e3
-              },
-              direction: direction === "horiz" || transition.type === "fade in" ? "ltr" : "ttb",
-              pagination: false,
-              drag: triggers.triggersList.drag,
-              perPage: 1,
-              width: sliderDimensions ? sliderDimensions.width : "100%",
-              height: sliderDimensions ? sliderDimensions.height : "100%",
-              type: transition.type === "fade in" ? "fade" : "loop",
-              rewind: true
-            },
-            children: content.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: styles$3.sliderItem,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: styles$3.imgWrapper,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        className: cn(styles$3.sliderImage, {
-                          [styles$3.contain]: item.image.objectFit === "contain",
-                          [styles$3.cover]: item.image.objectFit === "cover"
-                        }),
-                        src: item.image.url,
-                        alt: item.image.name ?? ""
-                      }
-                    )
-                  }
-                )
-              }
-            ) }, index))
-          },
-          key
-        ),
-        controls.isActive && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(styles$3.arrow, {
-                [styles$3.arrowVertical]: direction === "vert",
-                [styles$3.hoverArrow]: controls.show === "on hover"
-              }),
-              style: {
-                color: controls.color,
-                ["--arrow-hover-color"]: controls.hover
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  onClick: () => {
-                    handleArrowClick("-1");
-                  },
-                  className: styles$3.arrowInner,
-                  style: {
-                    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(
-                      SvgImage,
-                      {
-                        url: controls.arrowsImgUrl,
-                        fill: controls.color,
-                        hoverFill: controls.hover,
-                        className: cn(styles$3.arrowImg, styles$3.mirror)
-                      }
-                    ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon$1, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg, styles$3.mirror) })
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(styles$3.arrow, styles$3.nextArrow, {
-                [styles$3.arrowVertical]: direction === "vert",
-                [styles$3.hoverArrow]: controls.show === "on hover"
-              }),
-              style: {
-                color: controls.color,
-                ["--arrow-hover-color"]: controls.hover
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  className: styles$3.arrowInner,
-                  onClick: () => handleArrowClick("+1"),
-                  style: {
-                    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(
-                      SvgImage,
-                      {
-                        url: controls.arrowsImgUrl,
-                        fill: controls.color,
-                        hoverFill: controls.hover,
-                        className: styles$3.arrowImg
-                      }
-                    ),
-                    !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon$1, { color: controls.color, className: cn(styles$3.arrowIcon, styles$3.arrowImg) })
-                  ]
-                }
-              )
-            }
-          )
-        ] }),
-        triggers.triggersList.click && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: styles$3.clickOverlay,
-            onClick: () => {
-              if (sliderRef) {
-                sliderRef.go("+1");
-              }
-            }
-          }
-        ),
-        pagination2.isActive && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(styles$3.pagination, {
-              [styles$3.paginationInsideBottom]: pagination2.position === "inside-1" && direction === "horiz",
-              [styles$3.paginationInsideTop]: pagination2.position === "inside-2" && direction === "horiz",
-              [styles$3.paginationOutsideBottom]: pagination2.position === "outside-1" && direction === "horiz",
-              [styles$3.paginationOutsideTop]: pagination2.position === "outside-2" && direction === "horiz",
-              [styles$3.paginationInsideLeft]: pagination2.position === "inside-1" && direction === "vert",
-              [styles$3.paginationInsideRight]: pagination2.position === "inside-2" && direction === "vert",
-              [styles$3.paginationOutsideLeft]: pagination2.position === "outside-1" && direction === "vert",
-              [styles$3.paginationOutsideRight]: pagination2.position === "outside-2" && direction === "vert",
-              [styles$3.paginationVertical]: direction === "vert"
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: styles$3.paginationInner,
-                style: {
-                  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(
-                  "button",
-                  {
-                    onClick: () => {
-                      if (sliderRef) {
-                        sliderRef.go(index);
-                      }
-                    },
-                    className: cn(styles$3.paginationItem),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        className: cn(styles$3.dot, {
-                          [styles$3.activeDot]: index === currentSlideIndex
-                        }),
-                        style: {
-                          backgroundColor: index === currentSlideIndex ? pagination2.colors[0] : pagination2.colors[1],
-                          ["--pagination-hover-color"]: pagination2.hover
-                        }
-                      }
-                    )
-                  },
-                  index
-                ))
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-}
-function ArrowIcon$1({ 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)" }) }) });
-}
-const ControlSliderComponent = {
-  element: ControlSlider,
-  id: "control-slider",
-  name: "Slider",
-  preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/component-assets/Control-slider-preview.mp4"
-  },
-  defaultSize: {
-    width: 400,
-    height: 400
-  },
-  schema: {
-    type: "object",
-    properties: {
-      settings: {
-        layoutBased: true,
-        type: "object",
-        display: {
-          type: "settings-block"
-        },
-        properties: {
-          triggers: {
-            title: "triggers",
-            icon: "target",
-            tooltip: "Triggers",
-            type: "object",
-            properties: {
-              triggersList: {
-                type: "object",
-                display: {
-                  type: "toggle-ratio-group"
-                },
-                properties: {
-                  click: {
-                    type: "boolean"
-                  },
-                  drag: {
-                    type: "boolean"
-                  }
-                }
-              },
-              autoPlay: {
-                type: ["string", "null"],
-                label: "Auto",
-                display: {
-                  type: "step-selector"
-                },
-                enum: [null, "1s", "2s", "3s", "4s", "5s"]
-              }
-            }
-          },
-          direction: {
-            icon: "horizontal-resize",
-            tooltip: "Direction",
-            type: "string",
-            display: {
-              type: "ratio-group"
-            },
-            enum: ["horiz", "vert"]
-          },
-          transition: {
-            title: "transit",
-            icon: "transition",
-            tooltip: "Transition",
-            type: "object",
-            properties: {
-              type: {
-                type: "string",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["slide", "fade in"]
-              },
-              backgroundColor: {
-                type: ["string", "null"],
-                title: "BG Color",
-                display: {
-                  visible: false,
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              },
-              duration: {
-                type: "string",
-                label: "icon:hourglass",
-                display: {
-                  type: "step-selector"
-                },
-                enum: ["100ms", "250ms", "500ms", "1000ms", "1500ms", "2000ms"]
-              }
-            }
-          },
-          controls: {
-            title: "controls",
-            icon: "controls",
-            tooltip: "Controls",
-            type: "object",
-            properties: {
-              isActive: {
-                type: "boolean",
-                display: {
-                  type: "setting-toggle"
-                }
-              },
-              arrowsImgUrl: {
-                type: ["string", "null"],
-                display: {
-                  type: "settings-image-input"
-                }
-              },
-              offset: {
-                type: "object",
-                title: "Offset",
-                display: {
-                  type: "group"
-                },
-                properties: {
-                  x: {
-                    type: "number",
-                    label: "X",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  },
-                  y: {
-                    type: "number",
-                    label: "Y",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  }
-                }
-              },
-              scale: {
-                type: "number",
-                title: "scale",
-                min: 50,
-                max: 600,
-                display: {
-                  type: "range-control"
-                }
-              },
-              color: {
-                title: "color",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              },
-              hover: {
-                title: "hover",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              },
-              show: {
-                title: "Show",
-                type: "string",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["always", "on hover"]
-              }
-            }
-          },
-          pagination: {
-            title: "nav",
-            icon: "pagination",
-            tooltip: "Navigation",
-            type: "object",
-            properties: {
-              isActive: {
-                type: "boolean",
-                display: {
-                  type: "setting-toggle"
-                }
-              },
-              position: {
-                display: {
-                  type: "socket",
-                  direction: "horizontal"
-                },
-                type: "string",
-                enum: ["outside-1", "outside-2", "inside-1", "inside-2"]
-              },
-              offset: {
-                type: "object",
-                title: "Offset",
-                display: {
-                  type: "group"
-                },
-                properties: {
-                  x: {
-                    type: "number",
-                    label: "X",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  },
-                  y: {
-                    type: "number",
-                    label: "Y",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  }
-                }
-              },
-              scale: {
-                type: "number",
-                title: "scale",
-                min: 10,
-                max: 400,
-                display: {
-                  type: "range-control"
-                }
-              },
-              colors: {
-                display: {
-                  type: "settings-color-picker",
-                  format: "multiple"
-                },
-                title: "color",
-                type: "array",
-                items: {
-                  type: "string"
-                }
-              },
-              hover: {
-                title: "hover",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              }
-            }
-          },
-          imageCaption: {
-            title: "Caption",
-            icon: "text-icon",
-            tooltip: "Caption",
-            type: "object",
-            properties: {
-              isActive: {
-                type: "boolean",
-                display: {
-                  type: "setting-toggle"
-                }
-              },
-              alignment: {
-                type: "string",
-                display: {
-                  type: "align-grid"
-                },
-                enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
-              },
-              offset: {
-                type: "object",
-                title: "Offset",
-                display: {
-                  type: "group"
-                },
-                properties: {
-                  x: {
-                    type: "number",
-                    label: "X",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  },
-                  y: {
-                    type: "number",
-                    label: "Y",
-                    scalingEnabled: true,
-                    display: {
-                      type: "numeric-input",
-                      visible: true
-                    }
-                  }
-                }
-              },
-              hover: {
-                title: "Link Hover",
-                type: "string",
-                display: {
-                  type: "settings-color-picker",
-                  format: "single"
-                }
-              }
-            }
-          }
-        },
-        default: {
-          triggers: {
-            triggersList: {
-              click: false,
-              drag: true
-            },
-            autoPlay: null
-          },
-          controls: {
-            isActive: true,
-            arrowsImgUrl: null,
-            offset: {
-              x: 0,
-              y: 0
-            },
-            scale: 100,
-            color: "#000000",
-            hover: "#cccccc",
-            show: "always"
-          },
-          transition: {
-            type: "slide",
-            duration: "500ms",
-            backgroundColor: null
-          },
-          pagination: {
-            isActive: true,
-            scale: 50,
-            position: "outside-1",
-            offset: {
-              x: 0,
-              y: 0
-            },
-            colors: ["#cccccc", "#cccccc", "#000000"],
-            hover: "#cccccc"
-          },
-          direction: "horiz",
-          imageCaption: {
-            offset: {
-              x: 0,
-              y: 0
-            },
-            isActive: true,
-            alignment: "middle-center",
-            hover: "#cccccc"
-          }
-        },
-        displayRules: [
-          {
-            if: {
-              name: "direction",
-              value: "vert"
-            },
-            then: {
-              name: "properties.pagination.properties.position.display.direction",
-              value: "vertical"
-            }
-          },
-          {
-            if: {
-              name: "transition.type",
-              value: "fade in"
-            },
-            then: {
-              name: "properties.transition.properties.backgroundColor.display.visible",
-              value: true
-            }
-          }
-        ]
-      },
-      content: {
-        layoutBased: false,
-        type: "array",
-        settings: {
-          addItemFromFileExplorer: true,
-          defaultWidth: 500
-        },
-        items: {
-          type: "object",
-          properties: {
-            image: {
-              type: "object",
-              label: "Image",
-              display: {
-                minWidth: 58,
-                maxWidth: 108,
-                type: "media-input"
-              },
-              properties: {
-                url: {
-                  type: "string"
-                },
-                name: {
-                  type: "string"
-                },
-                objectFit: {
-                  type: "string",
-                  enum: ["cover", "contain"]
-                }
-              },
-              required: ["url", "name"]
-            },
-            imageCaption: {
-              placeholder: "Add Caption...",
-              label: "Description",
-              display: {
-                type: "rich-text",
-                minWidth: 300,
-                maxWidth: 550
-              }
-            }
-          },
-          required: ["image"]
-        },
-        default: [
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",
-              name: "Slider-1.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          },
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",
-              name: "Slider-2.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          },
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",
-              name: "Slider-3.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          }
-        ]
-      },
-      styles: {
-        layoutBased: true,
-        type: "object",
-        properties: {
-          imageCaption: {
-            dataName: "caption",
-            type: "object",
-            properties: {
-              fontSettings: {
-                type: "object",
-                display: {
-                  type: "font-settings"
-                },
-                properties: {
-                  fontFamily: {
-                    type: "string"
-                  },
-                  fontWeight: {
-                    type: "number"
-                  },
-                  fontStyle: {
-                    type: "string"
-                  }
-                }
-              },
-              widthSettings: {
-                display: {
-                  type: "text-width-control"
-                },
-                type: "object",
-                properties: {
-                  width: {
-                    type: "number"
-                  },
-                  sizing: {
-                    type: "string",
-                    enum: ["auto", "manual"]
-                  }
-                }
-              },
-              fontSizeLineHeight: {
-                type: "object",
-                display: {
-                  type: "font-size-line-height"
-                },
-                properties: {
-                  fontSize: {
-                    type: "number"
-                  },
-                  lineHeight: {
-                    type: "number"
-                  }
-                }
-              },
-              letterSpacing: {
-                display: {
-                  type: "letter-spacing-input"
-                },
-                type: "number"
-              },
-              wordSpacing: {
-                display: {
-                  type: "word-spacing-input"
-                },
-                type: "number"
-              },
-              textAlign: {
-                display: {
-                  type: "text-align-control"
-                },
-                type: "string",
-                enum: ["left", "center", "right", "justify"]
-              },
-              textAppearance: {
-                display: {
-                  type: "text-appearance"
-                },
-                properties: {
-                  textTransform: {
-                    type: "string",
-                    enum: ["none", "uppercase", "lowercase", "capitalize"]
-                  },
-                  textDecoration: {
-                    type: "string",
-                    enum: ["none", "underline"]
-                  },
-                  fontVariant: {
-                    type: "string",
-                    enum: ["normal", "small-caps"]
-                  }
-                }
-              },
-              color: {
-                display: {
-                  type: "style-panel-color-picker"
-                },
-                type: "string"
-              }
-            }
-          }
-        },
-        default: {
-          imageCaption: {
-            widthSettings: {
-              width: 0.13,
-              sizing: "auto"
-            },
-            fontSettings: {
-              fontFamily: "Arial",
-              fontWeight: 400,
-              fontStyle: "normal"
-            },
-            fontSizeLineHeight: {
-              fontSize: 0.02,
-              lineHeight: 0.02
-            },
-            letterSpacing: 0,
-            wordSpacing: 0,
-            textAlign: "left",
-            textAppearance: {
-              textTransform: "none",
-              textDecoration: "none",
-              fontVariant: "normal"
-            },
-            color: "#000000"
-          }
-        }
-      }
-    },
-    required: ["settings", "content", "styles"]
-  }
-};
-const imageRevealSlider = "ImageRevealSlider-module__imageRevealSlider___UE5Ob";
-const image = "ImageRevealSlider-module__image___Qjt-e";
-const link = "ImageRevealSlider-module__link___N-iLG";
-const cursor = "ImageRevealSlider-module__cursor___2U03d";
-const styles = {
-  imageRevealSlider,
-  image,
-  link,
-  cursor
-};
-function isMouseOverImage(mouseX, mouseY, placedImages) {
-  for (const img2 of placedImages) {
-    const imgEl = new Image();
-    imgEl.src = img2.url;
-    const imgWidth = img2.width ? Number.parseFloat(img2.width) : imgEl.naturalWidth;
-    const imgHeight = imgEl.naturalHeight / imgEl.naturalWidth * imgWidth;
-    const halfW = imgWidth / 2;
-    const halfH = imgHeight / 2;
-    if (mouseX >= img2.x - halfW && mouseX <= img2.x + halfW && mouseY >= img2.y - halfH && mouseY <= img2.y + halfH) {
-      return true;
-    }
-  }
-  return false;
-}
-function getImageSize(url) {
-  return new Promise((resolve) => {
-    const img2 = new Image();
-    img2.src = url;
-    img2.onload = () => {
-      resolve({ width: img2.naturalWidth, height: img2.naturalHeight });
-    };
-  });
-}
-async function calculateImageWidthHeight(imgUrl, sizeType, customWidth, randomRange) {
-  let width;
-  let height;
-  if (sizeType === "custom") {
-    width = customWidth;
-    const size = await getImageSize(imgUrl);
-    height = size.height / size.width * width;
-  } else if (sizeType === "random") {
-    width = Math.random() * (randomRange.max - randomRange.min) + randomRange.min;
-    const size = await getImageSize(imgUrl);
-    height = size.height / size.width * width;
-  } else {
-    const size = await getImageSize(imgUrl);
-    width = size.width;
-    height = size.height;
-  }
-  return { width, height, finalWidth: `${width}px` };
-}
-function ImageRevealSlider({ settings, content, isEditor }) {
-  const [divRef, setDivRef] = react.useState(null);
-  const [placedImages, setPlacedImages] = react.useState([]);
-  const [counter, setCounter] = react.useState(0);
-  const imageIdCounter = react.useRef(0);
-  const [cursorCenter, setCursorCenter] = react.useState({ x: 0, y: 0 });
-  const [cursorScale, setCursorScale] = react.useState(1);
-  const [customCursorImg, setCustomCursorImg] = react.useState("none");
-  const lastMousePos = react.useRef({ x: 0, y: 0 });
-  const [isInside, setIsInside] = react.useState(false);
-  const { sizeType, imageWidth: customWidth, randomRangeImageWidth: randomRange } = settings.imageSize;
-  const { revealPosition, visible } = settings.position;
-  const { cursorType, target, defaultCursorScale, defaultCursor, hoverCursorScale, hoverCursor } = settings.cursor;
-  react.useEffect(() => {
-    if (!divRef) return;
-    const updateCursorPosition = (clientX, clientY) => {
-      const rect = divRef.getBoundingClientRect();
-      const x = clientX - rect.left;
-      const y = clientY - rect.top;
-      setCursorCenter({ x, y });
-      if (cursorType === "system") {
-        setCustomCursorImg("none");
-        setCursorScale(1);
-        return;
-      }
-      const cx = x;
-      const cy = y;
-      const el = document.elementFromPoint(rect.left + cx, rect.top + cy);
-      if (el && el.closest("a")) {
-        setCustomCursorImg("none");
-        setCursorScale(1);
-        return;
-      }
-      const next = isMouseOverImage(cx, cy, placedImages) || target === "area" ? { img: hoverCursor ?? "none", scale: hoverCursorScale } : { img: defaultCursor ?? "none", scale: defaultCursorScale };
-      setCustomCursorImg(next.img);
-      setCursorScale(next.scale);
-    };
-    const mouseMove = (e) => {
-      e.stopPropagation();
-      lastMousePos.current = { x: e.clientX, y: e.clientY };
-      updateCursorPosition(e.clientX, e.clientY);
-    };
-    const handleScroll = () => {
-      if (!isInside) return;
-      updateCursorPosition(lastMousePos.current.x, lastMousePos.current.y);
-    };
-    divRef.addEventListener("mousemove", mouseMove);
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      divRef.removeEventListener("mousemove", mouseMove);
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [
-    divRef,
-    isInside,
-    cursorCenter,
-    cursorType,
-    target,
-    hoverCursor,
-    defaultCursor,
-    hoverCursorScale,
-    defaultCursorScale,
-    placedImages
-  ]);
-  react.useEffect(() => {
-    if (!isInside) {
-      setCustomCursorImg("none");
-      setCursorScale(0);
-    }
-  }, [isInside]);
-  const createNewImage = async (imgData, containerWidth, containerHeight, position = {}) => {
-    const { width, height, finalWidth } = await calculateImageWidthHeight(
-      imgData.image.url,
-      sizeType,
-      customWidth,
-      randomRange
-    );
-    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 {
-      id: imageIdCounter.current++,
-      url: imgData.image.url,
-      link: imgData.link,
-      name: imgData.image.name,
-      x: adjustedX,
-      y: adjustedY,
-      width: finalWidth
-    };
-  };
-  react.useEffect(() => {
-    if (!divRef || content.length === 0) return;
-    const rect = divRef.getBoundingClientRect();
-    const containerWidth = rect.width;
-    const containerHeight = rect.height;
-    const defaultPlaced = [];
-    const placeImages = async () => {
-      const imgData = content[0];
-      const newImg = await createNewImage(imgData, containerWidth, containerHeight);
-      defaultPlaced.push(newImg);
-      setPlacedImages(defaultPlaced);
-      setCounter(1);
-    };
-    placeImages();
-  }, [sizeType, customWidth, randomRange, revealPosition, divRef]);
-  react.useEffect(() => {
-    if (visible === "last One") {
-      setPlacedImages((prev) => prev.length > 0 ? [prev[prev.length - 1]] : []);
-    }
-  }, [visible]);
-  const handleClick = async (e) => {
-    if (!divRef) return;
-    const rect = divRef.getBoundingClientRect();
-    const clickX = e.clientX - rect.left;
-    const clickY = e.clientY - rect.top;
-    if (target === "image" && !isMouseOverImage(clickX, clickY, placedImages)) return;
-    let x = 0, y = 0;
-    if (revealPosition === "on Click") {
-      x = clickX;
-      y = clickY;
-    } else if (revealPosition === "same") {
-      x = rect.width / 2;
-      y = rect.height / 2;
-    } else {
-      x = Math.random() * rect.width;
-      y = Math.random() * rect.height;
-    }
-    const imgData = content[counter];
-    const newImage = await createNewImage(imgData, rect.width, rect.height, { x, y });
-    setPlacedImages((prev) => visible === "all" ? [...prev, newImage] : [newImage]);
-    setCounter((prev) => prev >= content.length - 1 ? 0 : prev + 1);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: setDivRef,
-      onClick: handleClick,
-      onMouseEnter: () => setIsInside(true),
-      onMouseLeave: () => setIsInside(false),
-      className: styles.imageRevealSlider,
-      style: { cursor: customCursorImg === "none" ? "default" : "none" },
-      children: [
-        placedImages.map((img2) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: styles.wrapper,
-            style: {
-              top: `${img2.y}px`,
-              left: `${img2.x}px`,
-              position: "absolute",
-              transform: "translate(-50%, -50%)",
-              width: img2.width ?? "auto",
-              height: "auto",
-              cursor: customCursorImg === "none" ? "default" : "none"
-            },
-            children: target === "area" && img2.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: img2.link, target: "_blank", className: styles.link, children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: img2.url,
-                alt: img2.name,
-                className: styles.image
-              },
-              img2.id
-            ) }) : /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: img2.url,
-                alt: img2.name,
-                className: styles.image
-              },
-              img2.id
-            )
-          },
-          img2.id
-        )),
-        isInside && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: styles.cursor,
-            style: {
-              left: `${cursorCenter.x}px`,
-              top: `${cursorCenter.y}px`,
-              transform: `translate(-50%, -50%) scale(${cursorScale})`,
-              backgroundImage: `url('${customCursorImg}')`,
-              backgroundSize: "cover",
-              backgroundPosition: "center",
-              position: "absolute",
-              pointerEvents: "none"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-const ControlImageRevealSliderComponent = {
-  element: ImageRevealSlider,
-  id: "control-image-reveal",
-  name: "Click Gallery",
-  preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7EQ3WSW43JG5YMC8B2HTPKT.mp4"
-  },
-  defaultSize: {
-    width: "100%",
-    height: "100%"
-  },
-  schema: {
-    type: "object",
-    properties: {
-      settings: {
-        layoutBased: true,
-        type: "object",
-        display: {
-          type: "settings-block"
-        },
-        properties: {
-          imageSize: {
-            title: "IMG SIZE",
-            icon: "size",
-            tooltip: "IMG SIZE",
-            type: "object",
-            properties: {
-              sizeType: {
-                type: "string",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["as Is", "custom", "random"]
-              },
-              imageWidth: {
-                type: "number",
-                label: "W",
-                display: {
-                  type: "numeric-input",
-                  visible: false
-                }
-              },
-              randomRangeImageWidth: {
-                type: "object",
-                display: {
-                  type: "random-range-controls",
-                  visible: false
-                },
-                properties: {
-                  min: {
-                    type: "number"
-                  },
-                  max: {
-                    type: "number"
-                  }
-                }
-              }
-            }
-          },
-          cursor: {
-            title: "cursor",
-            icon: "cursor",
-            tooltip: "cursor",
-            type: "object",
-            properties: {
-              cursorType: {
-                type: "string",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["system", "custom"]
-              },
-              target: {
-                type: "string",
-                title: "Target",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["area", "image"]
-              },
-              defaultCursor: {
-                type: ["string", "null"],
-                title: "Default",
-                display: {
-                  type: "settings-image-input",
-                  visible: false
-                }
-              },
-              defaultCursorScale: {
-                type: "number",
-                title: "Scale",
-                min: 1,
-                max: 5,
-                step: 0.1,
-                display: {
-                  type: "range-control",
-                  visible: false
-                }
-              },
-              hoverCursor: {
-                type: ["string", "null"],
-                title: "Hover",
-                display: {
-                  type: "settings-image-input",
-                  visible: false
-                }
-              },
-              hoverCursorScale: {
-                type: "number",
-                title: "Scale",
-                min: 1,
-                max: 5,
-                step: 0.1,
-                display: {
-                  type: "range-control",
-                  visible: false
-                }
-              }
-            }
-          },
-          position: {
-            title: "position",
-            icon: "transition",
-            tooltip: "Position",
-            type: "object",
-            properties: {
-              revealPosition: {
-                type: "string",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["random", "same", "on Click"]
-              },
-              visible: {
-                type: "string",
-                title: "Visible",
-                display: {
-                  type: "ratio-group"
-                },
-                enum: ["all", "last One"]
-              }
-            }
-          }
-        },
-        default: {
-          imageSize: {
-            sizeType: "custom",
-            imageWidth: 500,
-            randomRangeImageWidth: {
-              min: 100,
-              max: 1e3
-            }
-          },
-          cursor: {
-            cursorType: "system",
-            target: "area",
-            defaultCursor: null,
-            defaultCursorScale: 2,
-            hoverCursor: null,
-            hoverCursorScale: 2
-          },
-          position: {
-            revealPosition: "random",
-            visible: "all"
-          }
-        },
-        displayRules: [
-          {
-            if: {
-              name: "imageSize.sizeType",
-              value: "custom"
-            },
-            then: {
-              name: "properties.imageSize.properties.imageWidth.display.visible",
-              value: true
-            }
-          },
-          {
-            if: {
-              name: "imageSize.sizeType",
-              value: "random"
-            },
-            then: {
-              name: "properties.imageSize.properties.randomRangeImageWidth.display.visible",
-              value: true
-            }
-          },
-          {
-            if: [
-              { name: "cursor.target", value: "image" },
-              { name: "cursor.cursorType", value: "custom" }
-            ],
-            then: {
-              name: "properties.cursor.properties.defaultCursor.display.visible",
-              value: true
-            }
-          },
-          {
-            if: [
-              { name: "cursor.target", value: "image" },
-              { name: "cursor.cursorType", value: "custom" },
-              { name: "cursor.defaultCursor", value: null, isNotEqual: true }
-            ],
-            then: {
-              name: "properties.cursor.properties.defaultCursorScale.display.visible",
-              value: true
-            }
-          },
-          {
-            if: {
-              name: "cursor.cursorType",
-              value: "custom"
-            },
-            then: {
-              name: "properties.cursor.properties.hoverCursor.display.visible",
-              value: true
-            }
-          },
-          {
-            if: [
-              { name: "cursor.cursorType", value: "custom" },
-              { name: "cursor.hoverCursor", value: null, isNotEqual: true }
-            ],
-            then: {
-              name: "properties.cursor.properties.hoverCursorScale.display.visible",
-              value: true
-            }
-          }
-        ]
-      },
-      content: {
-        layoutBased: false,
-        type: "array",
-        settings: {
-          addItemFromFileExplorer: true,
-          defaultWidth: 500
-        },
-        items: {
-          type: "object",
-          properties: {
-            image: {
-              type: "object",
-              label: "Image",
-              display: {
-                isObjectFitEditable: false,
-                minWidth: 58,
-                maxWidth: 108,
-                type: "media-input"
-              },
-              properties: {
-                url: {
-                  type: "string"
-                },
-                name: {
-                  type: "string"
-                },
-                objectFit: {
-                  type: "string",
-                  enum: ["cover", "contain"]
-                }
-              },
-              required: ["url", "name"]
-            },
-            link: {
-              label: "URL",
-              placeholder: "Enter link...",
-              display: {
-                type: "text-input",
-                minWidth: 300,
-                maxWidth: 550
-              }
-            }
-          },
-          required: ["image"]
-        },
-        default: [
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQK9211QXBE9W284ZNKB8.png",
-              name: "Slider-1.png"
-            },
-            link: ""
-          },
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQMFT72JD18WKP0Q2DVAT.png",
-              name: "Slider-2.png"
-            },
-            link: ""
-          },
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQNEVRXPSRX5K1YTMJQY9.png",
-              name: "Slider-3.png"
-            },
-            link: ""
-          },
-          {
-            image: {
-              objectFit: "cover",
-              url: "https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQP84JKRDT7WNWDQZR4Y9.png",
-              name: "Slider-4.png"
-            },
-            link: ""
-          }
-        ]
-      }
-    }
-  }
-};
-const hidden = "LightBox-module__hidden___9s-9x";
-const heroImage = "LightBox-module__heroImage___sTxNF";
-const background = "LightBox-module__background___rm9ml";
-const editor = "LightBox-module__editor___4ACaY";
-const contentStyle = "LightBox-module__contentStyle___Bgnsq";
-const imageStyle = "LightBox-module__imageStyle___tLIlB";
-const imgWrapper = "LightBox-module__imgWrapper___LuFUp";
-const contain = "LightBox-module__contain___8-yaS";
-const cover = "LightBox-module__cover___hNvOG";
-const caption = "LightBox-module__caption___b6L2I";
-const captionTextInner = "LightBox-module__captionTextInner___rCGNH";
-const lightboxSplide = "LightBox-module__lightboxSplide___XFuWC";
-const arrow = "LightBox-module__arrow___iz38X";
-const arrowVertical = "LightBox-module__arrowVertical___Zfz81";
-const nextArrow = "LightBox-module__nextArrow___zkAQN";
-const arrowInner = "LightBox-module__arrowInner___p48sW";
-const arrowIcon = "LightBox-module__arrowIcon___3VaFf";
-const arrowImg = "LightBox-module__arrowImg___pNV88";
-const mirror = "LightBox-module__mirror___pjeXc";
-const thumbsWrapper = "LightBox-module__thumbsWrapper___GB-nU";
-const thumbsContainerVertical = "LightBox-module__thumbsContainerVertical___wttk5";
-const thumbsContainer = "LightBox-module__thumbsContainer___osSma";
-const thumbsAlignStart = "LightBox-module__thumbsAlignStart___MO6tY";
-const thumbsAlignCenter = "LightBox-module__thumbsAlignCenter___Q4sUx";
-const thumbsAlignEnd = "LightBox-module__thumbsAlignEnd___p4y9R";
-const thumbItem = "LightBox-module__thumbItem___HvnF3";
-const closeButton = "LightBox-module__closeButton___g2khP";
-const fadeIn = "LightBox-module__fadeIn___0m5GW";
-const slideInLeft = "LightBox-module__slideInLeft___gPYwC";
-const slideInRight = "LightBox-module__slideInRight___S-pPp";
-const slideInTop = "LightBox-module__slideInTop___DFdAj";
-const slideInBottom = "LightBox-module__slideInBottom___m27kZ";
-const fadeOut = "LightBox-module__fadeOut___55qBR";
-const slideOutLeft = "LightBox-module__slideOutLeft___NvU7P";
-const slideOutRight = "LightBox-module__slideOutRight___SK7eC";
-const slideOutTop = "LightBox-module__slideOutTop___Vgg0z";
-const slideOutBottom = "LightBox-module__slideOutBottom___nJ0Ef";
-const scaleSlide = "LightBox-module__scaleSlide___vZriG";
-const classes = {
-  hidden,
-  heroImage,
-  background,
-  editor,
-  contentStyle,
-  imageStyle,
-  imgWrapper,
-  contain,
-  cover,
-  caption,
-  captionTextInner,
-  lightboxSplide,
-  arrow,
-  arrowVertical,
-  nextArrow,
-  arrowInner,
-  arrowIcon,
-  arrowImg,
-  mirror,
-  thumbsWrapper,
-  thumbsContainerVertical,
-  thumbsContainer,
-  thumbsAlignStart,
-  thumbsAlignCenter,
-  thumbsAlignEnd,
-  thumbItem,
-  closeButton,
-  fadeIn,
-  slideInLeft,
-  slideInRight,
-  slideInTop,
-  slideInBottom,
-  fadeOut,
-  slideOutLeft,
-  slideOutRight,
-  slideOutTop,
-  slideOutBottom,
-  scaleSlide
-};
-const getPositionStyles = (position, offset, isEditor) => {
-  const styles2 = {};
-  const [vertical, horizontal] = position.split("-");
-  if (vertical === "top") {
-    styles2.top = "0";
-    styles2.bottom = "auto";
-  } else if (vertical === "middle") {
-    styles2.top = "50%";
-    styles2.bottom = "auto";
-  } else if (vertical === "bottom") {
-    styles2.top = "auto";
-    styles2.bottom = "0";
-  }
-  if (horizontal === "left") {
-    styles2.left = "0";
-    styles2.right = "auto";
-  } else if (horizontal === "center") {
-    styles2.left = "50%";
-    styles2.right = "auto";
-  } else if (horizontal === "right") {
-    styles2.left = "auto";
-    styles2.right = "0";
-  }
-  if (vertical === "middle" && horizontal === "center") {
-    styles2.transform = `translate(calc(-50% + ${scalingValue(offset.x, isEditor)}), calc(-50% + ${scalingValue(offset.y, isEditor)}))`;
-  } else if (vertical === "middle") {
-    styles2.transform = `translate(${scalingValue(offset.x, isEditor)}, calc(-50% + ${scalingValue(offset.y, isEditor)}))`;
-  } else if (horizontal === "center") {
-    styles2.transform = `translate(calc(-50% + ${scalingValue(offset.x, isEditor)}), ${scalingValue(offset.y, isEditor)})`;
-  } else {
-    styles2.transform = `translate(${scalingValue(offset.x, isEditor)}, ${scalingValue(offset.y, isEditor)})`;
-  }
-  return styles2;
-};
-function getPaddingValues(img2) {
-  const style = window.getComputedStyle(img2);
-  return {
-    top: parseFloat(style.paddingTop) || 0,
-    right: parseFloat(style.paddingRight) || 0,
-    bottom: parseFloat(style.paddingBottom) || 0,
-    left: parseFloat(style.paddingLeft) || 0
-  };
-}
-function getDisplayedImageRect(img2) {
-  const container = img2.getBoundingClientRect();
-  const padding = getPaddingValues(img2);
-  const containerW = Math.max(0, container.width - padding.left - padding.right);
-  const containerH = Math.max(0, container.height - padding.top - padding.bottom);
-  const imgW = img2.naturalWidth;
-  const imgH = img2.naturalHeight;
-  const containerRatio = containerW / containerH;
-  const imgRatio = imgW / imgH;
-  let renderedW, renderedH;
-  if (imgRatio > containerRatio) {
-    renderedW = containerW;
-    renderedH = containerW / imgRatio;
-  } else {
-    renderedH = containerH;
-    renderedW = containerH * imgRatio;
-  }
-  const contentLeft = container.left + padding.left;
-  const contentTop = container.top + padding.top;
-  const offsetX = (containerW - renderedW) / 2 + contentLeft;
-  const offsetY = (containerH - renderedH) / 2 + contentTop;
-  return {
-    x: offsetX,
-    y: offsetY,
-    width: renderedW,
-    height: renderedH
-  };
-}
-function getPaddedContainerBounds(img2) {
-  const container = img2.getBoundingClientRect();
-  const padding = getPaddingValues(img2);
-  return {
-    left: container.left + padding.left,
-    right: container.right - padding.right,
-    top: container.top + padding.top,
-    bottom: container.bottom - padding.bottom
-  };
-}
-function getColorAlpha(color) {
-  const rgbaMatch = color.match(/rgba?\(([^)]+)\)/);
-  if (rgbaMatch) {
-    const values = rgbaMatch[1].split(",").map((v) => parseFloat(v.trim()));
-    if (values.length === 4) {
-      return values[3];
-    }
-    return 1;
-  }
-  const hexMatch = color.match(/^#([0-9a-fA-F]{8})$/);
-  if (hexMatch) {
-    const alphaHex = hexMatch[1].substring(6, 8);
-    return parseInt(alphaHex, 16) / 255;
-  }
-  if (color.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/)) {
-    return 1;
-  }
-  return 1;
-}
-function getAnimationClasses(type, direction) {
-  const appearClass = (() => {
-    if (type === "fade in") return classes.fadeIn;
-    if (type === "slide in" || type === "mix") {
-      switch (direction) {
-        case "left":
-          return classes.slideInLeft;
-        case "right":
-          return classes.slideInRight;
-        case "top":
-          return classes.slideInTop;
-        case "bottom":
-          return classes.slideInBottom;
-        default:
-          return classes.slideInRight;
-      }
-    }
-    return classes.fadeIn;
-  })();
-  const backdropAppearClass = (() => {
-    if (type === "fade in" || type === "mix") return classes.fadeIn;
-    if (type === "slide in") {
-      switch (direction) {
-        case "left":
-          return classes.slideInLeft;
-        case "right":
-          return classes.slideInRight;
-        case "top":
-          return classes.slideInTop;
-        case "bottom":
-          return classes.slideInBottom;
-        default:
-          return classes.slideInRight;
-      }
-    }
-    return classes.fadeIn;
-  })();
-  const backdropDisappearClass = (() => {
-    if (type === "fade in" || type === "mix") return classes.fadeOut;
-    if (type === "slide in") {
-      switch (direction) {
-        case "left":
-          return classes.slideOutLeft;
-        case "right":
-          return classes.slideOutRight;
-        case "top":
-          return classes.slideOutTop;
-        case "bottom":
-          return classes.slideOutBottom;
-        default:
-          return classes.slideOutRight;
-      }
-    }
-    return classes.fadeOut;
-  })();
-  const disappearClass = (() => {
-    if (type === "fade in") return classes.fadeOut;
-    if (type === "slide in" || type === "mix") {
-      switch (direction) {
-        case "left":
-          return classes.slideOutLeft;
-        case "right":
-          return classes.slideOutRight;
-        case "top":
-          return classes.slideOutTop;
-        case "bottom":
-          return classes.slideOutBottom;
-        default:
-          return classes.slideOutRight;
-      }
-    }
-    return classes.fadeOut;
-  })();
-  return { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass };
-}
-const LightboxGallery = ({ settings, content, styles: styles2, portalId, activeEvent, isEditor }) => {
-  const [open, setOpen] = react.useState(false);
-  const { url } = settings.thumbnailBlock.cover;
-  react.useEffect(() => {
-    if (activeEvent === "close") {
-      setOpen(false);
-    }
-    if (activeEvent === "open") {
-      setOpen(true);
-    }
-  }, [activeEvent]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src: url,
-        alt: "Cover",
-        className: classes.heroImage,
-        onClick: () => setOpen(true)
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Lightbox,
-      {
-        isOpen: open,
-        onClose: () => setOpen(false),
-        content,
-        settings,
-        lightboxStyles: styles2,
-        portalId,
-        isEditor
-      }
-    )
-  ] });
-};
-const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId, isEditor, metadata }) => {
-  var _a;
-  const [currentIndex, setCurrentIndex] = react.useState(0);
-  const [splideKey, setSplideKey] = react.useState(0);
-  const [isClosing, setIsClosing] = react.useState(false);
-  const [animationFinished, setAnimationFinished] = react.useState(false);
-  const [thumbnailDimensions, setThumbnailDimensions] = react.useState({});
-  const lightboxRef = react.useRef(null);
-  const prevSliderTypeRef = react.useRef(null);
-  const imageRef = react.useRef(null);
-  const isClosingRef = react.useRef(false);
-  const animationTargetRef = react.useRef(null);
-  const animationEndHandlerRef = react.useRef(null);
-  const appearAnimationEndHandlerRef = react.useRef(null);
-  const dragStartRef = react.useRef(null);
-  const hasDraggedRef = react.useRef(false);
-  const thumbsWrapperRef = react.useRef(null);
-  const [hasThumbsOverflow, setHasThumbsOverflow] = react.useState(false);
-  const { appear, triggers, slider, thumbnail, controls, area, caption: caption2, layout } = settings.lightboxBlock;
-  const { appearClass, backdropAppearClass, backdropDisappearClass, disappearClass } = getAnimationClasses(appear.type, appear.direction);
-  const itemId = (metadata == null ? void 0 : metadata.itemId) ?? null;
-  react.useEffect(() => {
-    const handleLayoutChange = () => {
-      setTimeout(() => {
-        var _a2, _b;
-        (_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.refresh();
-      }, 16);
-    };
-    const handleComponentContentChange = () => {
-      setSplideKey((prev) => prev + 1);
-    };
-    window.addEventListener("ArticleEditor.Layout:change", handleLayoutChange);
-    window.addEventListener("ArticleEditor.ComponentContent:change", handleComponentContentChange);
-    return () => {
-      window.removeEventListener("ArticleEditor.Layout:change", handleLayoutChange);
-      window.removeEventListener("ArticleEditor.ComponentContent:change", handleComponentContentChange);
-    };
-  }, []);
-  react.useEffect(() => {
-    if (!isOpen || !thumbnail.isActive) {
-      setHasThumbsOverflow(false);
-      return;
-    }
-    const ref = thumbsWrapperRef.current;
-    if (!ref) return;
-    const checkOverflow = () => {
-      if (slider.direction === "horiz") {
-        setHasThumbsOverflow(ref.scrollWidth > ref.clientWidth);
-      } else {
-        setHasThumbsOverflow(ref.scrollHeight > ref.clientHeight);
-      }
-    };
-    checkOverflow();
-    const observer = new ResizeObserver(checkOverflow);
-    observer.observe(ref);
-    return () => observer.disconnect();
-  }, [isOpen, thumbnail.isActive, content.length, thumbnailDimensions, slider.direction]);
-  const handleClose = react.useCallback(() => {
-    const isMobile = window.matchMedia("(max-width: 768px)").matches;
-    const colorAlpha = getColorAlpha(area.color);
-    if (isMobile && !isEditor && colorAlpha > 0.9) {
-      document.body.style.backgroundColor = "";
-    }
-    setIsClosing(true);
-    isClosingRef.current = true;
-    const handleAnimationEnd = (e) => {
-      if (e.target === animationTargetRef.current && e.animationName) {
-        if (animationTargetRef.current && animationEndHandlerRef.current) {
-          animationTargetRef.current.removeEventListener("animationend", animationEndHandlerRef.current);
-        }
-        animationEndHandlerRef.current = null;
-        if (isClosingRef.current) {
-          isClosingRef.current = false;
-          onClose();
-        }
-        setIsClosing(false);
-      }
-    };
-    if (animationTargetRef.current) {
-      animationEndHandlerRef.current = handleAnimationEnd;
-      animationTargetRef.current.addEventListener("animationend", handleAnimationEnd);
-    }
-  }, [onClose, area.color, isEditor]);
-  const handleTriggerClick = (img2, clientX, clientY) => {
-    var _a2, _b;
-    if (!img2) return;
-    if (triggers.type === "click" && triggers.switch === "image") {
-      if (triggers.repeat === "close" && currentIndex === content.length - 1) {
-        handleClose();
-      } else {
-        (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
-      }
-    } else if (triggers.type === "click" && triggers.switch === "50/50") {
-      const rect = img2.getBoundingClientRect();
-      const clickX = clientX - rect.left;
-      const clickY = clientY - rect.top;
-      const imgWidth = rect.width;
-      const imgHeight = rect.height;
-      let dir;
-      if (slider.direction === "horiz") {
-        dir = clickX < imgWidth / 2 ? "-1" : "+1";
-      } else {
-        dir = clickY < imgHeight / 2 ? "-1" : "+1";
-      }
-      (_b = lightboxRef.current) == null ? void 0 : _b.go(dir);
-    }
-  };
-  const handleImageWrapperClick = (e) => {
-    if (hasDraggedRef.current) {
-      hasDraggedRef.current = false;
-      return;
-    }
-    const currentImage = content[currentIndex];
-    const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";
-    let clientX;
-    let clientY;
-    if ("changedTouches" in e && e.changedTouches.length > 0) {
-      clientX = e.changedTouches[0].clientX;
-      clientY = e.changedTouches[0].clientY;
-    } else if ("clientX" in e) {
-      clientX = e.clientX;
-      clientY = e.clientY;
-    } else {
-      return;
-    }
-    let inside;
-    if (isCover && imageRef.current) {
-      const bounds = getPaddedContainerBounds(imageRef.current);
-      inside = clientX >= bounds.left && clientX <= bounds.right && clientY >= bounds.top && clientY <= bounds.bottom;
-    } else {
-      const rect = imageRef.current ? getDisplayedImageRect(imageRef.current) : null;
-      if (!rect) {
-        if (e.target === e.currentTarget) handleClose();
-        return;
-      }
-      inside = clientX >= rect.x && clientX <= rect.x + rect.width && clientY >= rect.y && clientY <= rect.y + rect.height;
-    }
-    if (inside) {
-      handleTriggerClick(imageRef.current, clientX, clientY);
-    } else {
-      handleClose();
-    }
-  };
-  const handleThumbWrapperClick = (e) => {
-    const target = e.target;
-    if (target.classList.contains(classes.thumbsWrapper) || target.classList.contains(classes.thumbsContainer)) {
-      handleImageWrapperClick(e);
-    }
-  };
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const onKeyDown = (event) => {
-      var _a2, _b;
-      if (event.key === "Escape") {
-        handleClose();
-        return;
-      }
-      if (event.key === "ArrowRight") {
-        setCurrentIndex((prev) => (prev + 1) % Math.max(content.length, 1));
-        (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
-        return;
-      }
-      if (event.key === "ArrowLeft") {
-        setCurrentIndex((prev) => (prev - 1 + Math.max(content.length, 1)) % Math.max(content.length, 1));
-        (_b = lightboxRef.current) == null ? void 0 : _b.go("-1");
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => {
-      window.removeEventListener("keydown", onKeyDown);
-    };
-  }, [isOpen, handleClose, content.length]);
-  react.useEffect(() => {
-    if (isOpen) {
-      setCurrentIndex(0);
-      setSplideKey((prev) => prev + 1);
-      isClosingRef.current = false;
-      setIsClosing(false);
-      setAnimationFinished(false);
-      setThumbnailDimensions({});
-      if (!itemId) return;
-      const event = new CustomEvent("page-overlay", { detail: { itemId } });
-      window.dispatchEvent(event);
-    }
-    return () => {
-      if (animationTargetRef.current && animationEndHandlerRef.current) {
-        animationTargetRef.current.removeEventListener("animationend", animationEndHandlerRef.current);
-        animationEndHandlerRef.current = null;
-      }
-      setAnimationFinished(false);
-    };
-  }, [isOpen, itemId]);
-  react.useEffect(() => {
-    if (prevSliderTypeRef.current !== null && prevSliderTypeRef.current !== slider.type) {
-      setSplideKey((prev) => prev + 1);
-    }
-    prevSliderTypeRef.current = slider.type;
-  }, [slider.type]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const originalOverflow = document.body.style.overflow;
-    const isMobile = window.matchMedia("(max-width: 768px)").matches;
-    const colorAlpha = getColorAlpha(area.color);
-    document.body.style.overflow = "hidden";
-    setAnimationFinished(false);
-    const handleAppearAnimationEnd = (e) => {
-      if (e.target === animationTargetRef.current && !isClosingRef.current && e.animationName) {
-        if (isMobile && !isEditor && colorAlpha > 0.9) {
-          document.body.style.backgroundColor = area.color;
-        }
-        setAnimationFinished(true);
-        if (animationTargetRef.current && appearAnimationEndHandlerRef.current) {
-          animationTargetRef.current.removeEventListener("animationend", appearAnimationEndHandlerRef.current);
-        }
-        appearAnimationEndHandlerRef.current = null;
-      }
-    };
-    if (animationTargetRef.current) {
-      appearAnimationEndHandlerRef.current = handleAppearAnimationEnd;
-      animationTargetRef.current.addEventListener("animationend", handleAppearAnimationEnd);
-    }
-    const preventScroll = (e) => {
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsWrapper}`) || target.closest(`.${classes.thumbsContainer}`))) {
-        return;
-      }
-      if (slider.type === "slide") {
-        return;
-      }
-      e.preventDefault();
-    };
-    document.addEventListener("touchmove", preventScroll, { passive: false });
-    return () => {
-      document.body.style.overflow = originalOverflow;
-      document.removeEventListener("touchmove", preventScroll);
-      if (animationTargetRef.current && appearAnimationEndHandlerRef.current) {
-        animationTargetRef.current.removeEventListener("animationend", appearAnimationEndHandlerRef.current);
-        appearAnimationEndHandlerRef.current = null;
-      }
-      setAnimationFinished(false);
-    };
-  }, [isOpen, isEditor, area.color, slider.type]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handleTouchEnd = (e) => {
-      var _a2, _b;
-      if (isClosingRef.current) {
-        e.stopPropagation();
-        return;
-      }
-      if (hasDraggedRef.current) {
-        hasDraggedRef.current = false;
-        return;
-      }
-      const target = e.target;
-      if (target && (target.closest(`.${classes.thumbsContainer}`) || target.closest(`.${classes.thumbItem}`))) {
-        return;
-      }
-      if (slider.type === "slide" && triggers.type === "drag" && ((_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.root)) {
-        const splideContainer = lightboxRef.current.splide.root;
-        if (target && (splideContainer.contains(target) || splideContainer === target)) {
-          return;
-        }
-      }
-      if (e.touches.length === 0 && e.changedTouches.length > 0) {
-        const currentImage = content[currentIndex];
-        const isCover = (currentImage == null ? void 0 : currentImage.image.objectFit) === "cover";
-        const touch = e.changedTouches[0];
-        let inside;
-        if (isCover && imageRef.current) {
-          const bounds = getPaddedContainerBounds(imageRef.current);
-          inside = touch.clientX >= bounds.left && touch.clientX <= bounds.right && touch.clientY >= bounds.top && touch.clientY <= bounds.bottom;
-        } else {
-          const rect = imageRef.current ? getDisplayedImageRect(imageRef.current) : null;
-          if (!rect) return;
-          inside = touch.clientX >= rect.x && touch.clientX <= rect.x + rect.width && touch.clientY >= rect.y && touch.clientY <= rect.y + rect.height;
-        }
-        if (!inside) {
-          e.stopPropagation();
-          isClosingRef.current = true;
-          const blockNextClick = (clickEvent) => {
-            clickEvent.stopPropagation();
-            clickEvent.preventDefault();
-            document.removeEventListener("click", blockNextClick, true);
-          };
-          document.addEventListener("click", blockNextClick, true);
-          handleClose();
-        }
-      }
-    };
-    document.addEventListener("touchend", handleTouchEnd, { passive: true });
-    return () => {
-      document.removeEventListener("touchend", handleTouchEnd);
-    };
-  }, [isOpen, handleClose, currentIndex, content]);
-  const needsCustomVerticalDrag = (slider.type === "scale" || slider.type === "fade") && slider.direction === "vert" && triggers.type === "drag";
-  react.useEffect(() => {
-    var _a2, _b;
-    if (!isOpen || !needsCustomVerticalDrag || !((_b = (_a2 = lightboxRef.current) == null ? void 0 : _a2.splide) == null ? void 0 : _b.root)) return;
-    const container = lightboxRef.current.splide.root;
-    const DRAG_THRESHOLD = 30;
-    const handleMove = (clientX, clientY) => {
-      if (dragStartRef.current) {
-        const deltaX = Math.abs(clientX - dragStartRef.current.x);
-        const deltaY = Math.abs(clientY - dragStartRef.current.y);
-        if (deltaX > 0 || deltaY > 0) {
-          hasDraggedRef.current = true;
-        }
-      }
-    };
-    const handlePointerMove = (e) => {
-      if (dragStartRef.current) {
-        e.preventDefault();
-        handleMove(e.clientX, e.clientY);
-      }
-    };
-    const handleTouchMove = (e) => {
-      if (dragStartRef.current && e.touches.length > 0) {
-        e.preventDefault();
-        handleMove(e.touches[0].clientX, e.touches[0].clientY);
-      }
-    };
-    const handleUp = (clientX, clientY) => {
-      if (!dragStartRef.current || !lightboxRef.current) {
-        dragStartRef.current = null;
-        return;
-      }
-      const deltaX = Math.abs(clientX - dragStartRef.current.x);
-      const deltaY = Math.abs(clientY - dragStartRef.current.y);
-      if (deltaY > DRAG_THRESHOLD && deltaY > deltaX) {
-        lightboxRef.current.go(clientY < dragStartRef.current.y ? "+1" : "-1");
-      }
-      dragStartRef.current = null;
-    };
-    const handlePointerUp = (e) => {
-      if (dragStartRef.current) {
-        handleUp(e.clientX, e.clientY);
-      }
-      document.removeEventListener("pointerup", handlePointerUp);
-      document.removeEventListener("pointercancel", handlePointerUp);
-      document.removeEventListener("pointermove", handlePointerMove);
-    };
-    const handleTouchEnd = (e) => {
-      if (!dragStartRef.current) {
-        return;
-      }
-      if (e.changedTouches.length > 0) {
-        const touch = e.changedTouches[0];
-        handleUp(touch.clientX, touch.clientY);
-      }
-      document.removeEventListener("touchend", handleTouchEnd);
-      document.removeEventListener("touchcancel", handleTouchEnd);
-      document.removeEventListener("touchmove", handleTouchMove);
-    };
-    const handlePointerDown = (e) => {
-      dragStartRef.current = { x: e.clientX, y: e.clientY };
-      hasDraggedRef.current = false;
-      document.addEventListener("pointermove", handlePointerMove, { passive: false });
-      document.addEventListener("pointerup", handlePointerUp);
-      document.addEventListener("pointercancel", handlePointerUp);
-    };
-    const handleTouchStart = (e) => {
-      if (e.touches.length > 0) {
-        dragStartRef.current = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-        hasDraggedRef.current = false;
-        document.addEventListener("touchmove", handleTouchMove, { passive: false });
-        document.addEventListener("touchend", handleTouchEnd);
-        document.addEventListener("touchcancel", handleTouchEnd);
-      }
-    };
-    container.addEventListener("pointerdown", handlePointerDown);
-    container.addEventListener("touchstart", handleTouchStart);
-    return () => {
-      container.removeEventListener("pointerdown", handlePointerDown);
-      container.removeEventListener("touchstart", handleTouchStart);
-      document.removeEventListener("pointermove", handlePointerMove);
-      document.removeEventListener("pointerup", handlePointerUp);
-      document.removeEventListener("pointercancel", handlePointerUp);
-      document.removeEventListener("touchmove", handleTouchMove);
-      document.removeEventListener("touchend", handleTouchEnd);
-      document.removeEventListener("touchcancel", handleTouchEnd);
-      dragStartRef.current = null;
-      hasDraggedRef.current = false;
-    };
-  }, [isOpen, needsCustomVerticalDrag, splideKey]);
-  const backdropStyles = {
-    backgroundColor: area.color,
-    backdropFilter: `blur(${area.blur}px)`,
-    animationDuration: `${parseInt(appear.duration)}ms`,
-    animationTimingFunction: "ease",
-    animationFillMode: "both"
-  };
-  if (!document.getElementById(portalId)) return null;
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: !isEditor ? animationTargetRef : null,
-          className: cn(classes.background, isClosing ? backdropDisappearClass : backdropAppearClass, { [classes.editor]: isEditor }, { [classes.hidden]: !isOpen }),
-          style: {
-            ...backdropStyles,
-            ...animationFinished && !isEditor && !isClosing ? { position: "absolute" } : {}
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref: isEditor ? animationTargetRef : null,
-          className: cn(classes.contentStyle, !isClosing ? appearClass : disappearClass, { [classes.editor]: isEditor }, { [classes.hidden]: !isOpen }),
-          style: {
-            animationDuration: `${parseInt(appear.duration)}ms`,
-            animationTimingFunction: "ease",
-            animationFillMode: "both"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              reactSplide.Splide,
-              {
-                onMove: (splide) => setCurrentIndex(splide.index),
-                ref: lightboxRef,
-                className: classes.lightboxSplide,
-                options: {
-                  arrows: false,
-                  speed: slider.duration ? parseInt(slider.duration) : 500,
-                  direction: (() => {
-                    const isHoriz = slider.direction === "horiz";
-                    return isHoriz || slider.type === "fade" || slider.type === "scale" ? "ltr" : "ttb";
-                  })(),
-                  pagination: false,
-                  // Disable Splide's drag when we need custom vertical drag handling
-                  drag: triggers.type === "drag" && !needsCustomVerticalDrag,
-                  perPage: 1,
-                  width: "100%",
-                  height: "100%",
-                  type: slider.type === "fade" || slider.type === "scale" ? "fade" : "loop",
-                  padding: 0,
-                  rewind: triggers.repeat !== "close",
-                  start: 0
-                },
-                style: { "--splide-speed": slider.duration },
-                children: content.map((item, index) => {
-                  const positionStyles = getPositionStyles(layout.position, layout.offset, isEditor);
-                  const padding = `${scalingValue(layout.padding.top, isEditor)} ${scalingValue(layout.padding.right, isEditor)} ${scalingValue(layout.padding.bottom, isEditor)} ${scalingValue(layout.padding.left, isEditor)}`;
-                  const imageStyle2 = slider.type === "scale" ? (() => {
-                    const { transform, ...restStyles } = positionStyles;
-                    return {
-                      ...restStyles,
-                      position: "absolute",
-                      padding,
-                      boxSizing: "border-box",
-                      "--position-transform": transform || "none"
-                    };
-                  })() : { ...positionStyles, position: "absolute", padding, boxSizing: "border-box" };
-                  return /* @__PURE__ */ jsxRuntime.jsx(reactSplide.SplideSlide, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.imgWrapper, onClick: handleImageWrapperClick, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      ref: index === currentIndex ? imageRef : null,
-                      className: cn(classes.imageStyle, {
-                        [classes.contain]: item.image.objectFit === "contain",
-                        [classes.cover]: item.image.objectFit === "cover",
-                        [classes.scaleSlide]: slider.type === "scale"
-                      }),
-                      src: item.image.url,
-                      alt: item.image.name ?? "",
-                      style: { ...imageStyle2, pointerEvents: item.image.objectFit === "contain" ? "none" : "auto" }
-                    }
-                  ) }) }, index);
-                })
-              },
-              splideKey
-            ),
-            controls.isActive && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(classes.arrow, { [classes.arrowVertical]: slider.direction === "vert" }),
-                  style: { color: controls.color, ["--arrow-hover-color"]: controls.hover },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      className: classes.arrowInner,
-                      style: { transform: `translate(${scalingValue(controls.offset.x, isEditor)}, ${scalingValue(controls.offset.y * (slider.direction === "horiz" ? 1 : -1), isEditor)}) scale(${controls.scale}) rotate(${slider.direction === "horiz" ? "0deg" : "90deg"})` },
-                      onClick: () => {
-                        var _a2;
-                        return (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("-1");
-                      },
-                      "aria-label": "Previous",
-                      children: [
-                        controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
-                          SvgImage,
-                          {
-                            url: controls.arrowsImgUrl,
-                            fill: controls.color,
-                            hoverFill: controls.hover,
-                            className: cn(classes.arrowImg, classes.mirror)
-                          }
-                        ),
-                        !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(classes.arrowIcon, classes.arrowImg, classes.mirror) })
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(classes.arrow, classes.nextArrow, { [classes.arrowVertical]: slider.direction === "vert" }),
-                  style: { color: controls.color, ["--arrow-hover-color"]: controls.hover },
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      className: classes.arrowInner,
-                      style: { transform: `translate(${scalingValue(controls.offset.x * (slider.direction === "horiz" ? -1 : 1), isEditor)}, ${scalingValue(controls.offset.y, isEditor)}) scale(${controls.scale}) rotate(${slider.direction === "horiz" ? "0deg" : "90deg"})` },
-                      onClick: () => {
-                        var _a2;
-                        return (_a2 = lightboxRef.current) == null ? void 0 : _a2.go("+1");
-                      },
-                      "aria-label": "Next",
-                      children: [
-                        controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(
-                          SvgImage,
-                          {
-                            url: controls.arrowsImgUrl,
-                            fill: controls.color,
-                            hoverFill: controls.hover,
-                            className: classes.arrowImg
-                          }
-                        ),
-                        !controls.arrowsImgUrl && /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon, { color: controls.color, className: cn(classes.arrowIcon, classes.arrowImg) })
-                      ]
-                    }
-                  )
-                }
-              )
-            ] }),
-            area.closeIconUrl && (() => {
-              const positionStyles = getPositionStyles(area.closeIconAlign, area.closeIconOffset, isEditor);
-              const scaleTransform = `scale(${area.closeIconScale})`;
-              const combinedTransform = positionStyles.transform ? `${positionStyles.transform} ${scaleTransform}` : scaleTransform;
-              return /* @__PURE__ */ jsxRuntime.jsx("button", { className: classes.closeButton, style: { ...positionStyles, transform: combinedTransform }, onClick: handleClose, "aria-label": "Close lightbox", children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { url: area.closeIconUrl, fill: area.closeIconColor ?? "#000000", hoverFill: area.closeIconHover ?? "#cccccc" }) });
-            })(),
-            caption2 && caption2.isActive && lightboxStyles.imageCaption && ((_a = content[currentIndex]) == null ? void 0 : _a.imageCaption) && (() => {
-              const { widthSettings, fontSettings, letterSpacing, textAlign, wordSpacing, fontSizeLineHeight, textAppearance, color } = lightboxStyles.imageCaption;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classes.caption,
-                  style: {
-                    ...getPositionStyles(caption2.alignment, caption2.offset, isEditor),
-                    fontFamily: fontSettings.fontFamily,
-                    fontWeight: fontSettings.fontWeight,
-                    fontStyle: fontSettings.fontStyle,
-                    width: widthSettings.sizing === "auto" ? "max-content" : scalingValue(widthSettings.width, isEditor),
-                    letterSpacing: scalingValue(letterSpacing, isEditor),
-                    wordSpacing: scalingValue(wordSpacing, isEditor),
-                    textAlign,
-                    fontSize: scalingValue(fontSizeLineHeight.fontSize, isEditor),
-                    lineHeight: scalingValue(fontSizeLineHeight.lineHeight, isEditor),
-                    textTransform: textAppearance.textTransform ?? "none",
-                    textDecoration: textAppearance.textDecoration ?? "none",
-                    fontVariant: textAppearance.fontVariant ?? "normal",
-                    color
-                  },
-                  onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "data-styles": "imageCaption",
-                      className: classes.captionTextInner,
-                      style: { ["--link-hover-color"]: caption2.hover },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(RichTextRenderer, { content: content[currentIndex].imageCaption })
-                    }
-                  )
-                }
-              );
-            })(),
-            thumbnail.isActive && (() => {
-              const [vertical, horizontal] = thumbnail.position.split("-");
-              const effectivePosition = slider.direction === "horiz" ? `${vertical}-left` : thumbnail.position;
-              const thumbsPositionStyles = getPositionStyles(effectivePosition, thumbnail.offset, isEditor);
-              const getJustifyContent = () => {
-                if (slider.direction === "horiz") {
-                  if (horizontal === "left") return "flex-start";
-                  if (horizontal === "center") return "center";
-                  if (horizontal === "right") return "flex-end";
-                } else {
-                  if (vertical === "top") return "flex-start";
-                  if (vertical === "middle") return "center";
-                  if (vertical === "bottom") return "flex-end";
-                }
-                return "flex-start";
-              };
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  ref: thumbsWrapperRef,
-                  className: classes.thumbsWrapper,
-                  onClick: (e) => handleThumbWrapperClick(e),
-                  style: {
-                    position: isEditor ? "absolute" : "fixed",
-                    ...thumbsPositionStyles,
-                    ...slider.direction === "horiz" ? {
-                      maxWidth: "100vw",
-                      width: "100%",
-                      overflowX: "auto",
-                      overflowY: "hidden"
-                    } : {
-                      maxHeight: "100vh",
-                      overflowY: "auto",
-                      overflowX: "hidden"
-                    }
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: cn(classes.thumbsContainer, {
-                        [classes.thumbsContainerVertical]: slider.direction === "vert",
-                        [classes.thumbsAlignStart]: thumbnail.align === "start",
-                        [classes.thumbsAlignCenter]: thumbnail.align === "center",
-                        [classes.thumbsAlignEnd]: thumbnail.align === "end"
-                      }),
-                      style: {
-                        gap: scalingValue(thumbnail.grid.gap, isEditor),
-                        justifyContent: hasThumbsOverflow ? "flex-start" : getJustifyContent()
-                      },
-                      children: content.map((item, index) => {
-                        const isActive = index === currentIndex;
-                        const thumbDims = thumbnailDimensions[index];
-                        const baseSizeValue = thumbnail.grid.size;
-                        const activeSizeValue = baseSizeValue * (isActive ? thumbnail.activeState.scale : 1);
-                        const getFitDimensions = () => {
-                          if (thumbnail.fit !== "fit") return {};
-                          if (!thumbDims) {
-                            if (slider.direction === "horiz") {
-                              return { height: scalingValue(activeSizeValue, isEditor) };
-                            } else {
-                              return { width: scalingValue(activeSizeValue, isEditor) };
-                            }
-                          }
-                          const aspectRatio = thumbDims.width / thumbDims.height;
-                          if (slider.direction === "horiz") {
-                            const heightValue = activeSizeValue;
-                            const widthValue = heightValue * aspectRatio;
-                            return {
-                              width: scalingValue(widthValue, isEditor),
-                              height: scalingValue(heightValue, isEditor)
-                            };
-                          } else {
-                            const widthValue = activeSizeValue;
-                            const heightValue = widthValue / aspectRatio;
-                            return {
-                              width: scalingValue(widthValue, isEditor),
-                              height: scalingValue(heightValue, isEditor)
-                            };
-                          }
-                        };
-                        return /* @__PURE__ */ jsxRuntime.jsx(
-                          "button",
-                          {
-                            className: classes.thumbItem,
-                            style: {
-                              ...slider.direction === "horiz" && thumbnail.fit !== "fit" ? { height: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...slider.direction === "vert" && thumbnail.fit !== "fit" ? { width: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...thumbnail.fit === "cover" ? { width: scalingValue(activeSizeValue, isEditor), height: scalingValue(activeSizeValue, isEditor) } : {},
-                              ...getFitDimensions(),
-                              transition: isActive ? "all 0.25s ease-out" : "none",
-                              opacity: isActive ? thumbnail.activeState.opacity / 100 : thumbnail.opacity / 100,
-                              ["--thumb-hover"]: thumbnail.activeState.opacity / 100
-                            },
-                            onClick: (e) => {
-                              var _a2;
-                              e.stopPropagation();
-                              setCurrentIndex(index);
-                              (_a2 = lightboxRef.current) == null ? void 0 : _a2.go(index);
-                            },
-                            onMouseEnter: () => {
-                              var _a2;
-                              if (thumbnail.triggers === "hov") {
-                                (_a2 = lightboxRef.current) == null ? void 0 : _a2.go(index);
-                              }
-                            },
-                            children: /* @__PURE__ */ jsxRuntime.jsx(
-                              "img",
-                              {
-                                src: item.image.url,
-                                alt: item.image.name ?? "",
-                                onLoad: (e) => {
-                                  const img2 = e.currentTarget;
-                                  if (img2.naturalWidth && img2.naturalHeight) {
-                                    setThumbnailDimensions((prev) => ({
-                                      ...prev,
-                                      [index]: { width: img2.naturalWidth, height: img2.naturalHeight }
-                                    }));
-                                  }
-                                },
-                                style: {
-                                  objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
-                                  ...thumbnail.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
-                                  ...thumbnail.fit === "cover" ? { width: "100%", height: "100%" } : {}
-                                }
-                              }
-                            )
-                          },
-                          `${item.image.name}-${index}`
-                        );
-                      })
-                    }
-                  )
-                }
-              );
-            })()
-          ]
-        }
-      )
-    ] }),
-    document.getElementById(portalId)
-  );
-};
-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)" }) }) });
-}
-const LightboxComponent = {
-  element: LightboxGallery,
-  id: "lightbox",
-  name: "Lightbox",
-  preview: {
-    type: "video",
-    url: "https://cdn.cntrl.site/component-assets/lightbox.mp4"
-  },
-  defaultSize: {
-    width: 440,
-    height: 550
-  },
-  schema: {
-    type: "object",
-    properties: {
-      settings: {
-        layoutBased: true,
-        type: "object",
-        properties: {
-          thumbnailBlock: {
-            display: {
-              type: "settings-block",
-              triggerEvent: "close"
-            },
-            type: "object",
-            properties: {
-              cover: {
-                title: "COVER",
-                icon: "cover",
-                tooltip: "Cover Image",
-                type: "object",
-                properties: {
-                  url: {
-                    type: "string",
-                    display: {
-                      type: "cover-image-input"
-                    }
-                  }
-                }
-              }
-            }
-          },
-          lightboxBlock: {
-            display: {
-              type: "settings-block",
-              triggerEvent: "open"
-            },
-            type: "object",
-            properties: {
-              appear: {
-                title: "APPEAR",
-                icon: "transition",
-                tooltip: "Appearance",
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["slide in", "fade in", "mix"]
-                  },
-                  duration: {
-                    type: "string",
-                    label: "T",
-                    display: {
-                      type: "step-selector"
-                    },
-                    enum: ["100ms", "250ms", "500ms", "1000ms", "1500ms", "2000ms"]
-                  },
-                  direction: {
-                    type: "string",
-                    title: "From",
-                    display: {
-                      type: "direction-control"
-                    },
-                    enum: ["top", "left", "right", "bottom"]
-                  }
-                }
-              },
-              triggers: {
-                title: "TRIGGERS",
-                icon: "target",
-                tooltip: "Triggers",
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["click", "drag"]
-                  },
-                  switch: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["image", "50/50"]
-                  },
-                  repeat: {
-                    type: "string",
-                    title: "Repeat",
-                    display: {
-                      visible: false,
-                      type: "ratio-group"
-                    },
-                    enum: ["close", "loop"]
-                  }
-                }
-              },
-              slider: {
-                title: "SLIDER",
-                icon: "horizontal-resize",
-                tooltip: "Slider",
-                type: "object",
-                properties: {
-                  type: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["slide", "fade", "scale"]
-                  },
-                  direction: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["horiz", "vert"]
-                  },
-                  duration: {
-                    type: "string",
-                    label: "T",
-                    display: {
-                      type: "step-selector"
-                    },
-                    enum: ["100ms", "250ms", "500ms", "1000ms", "1500ms", "2000ms"]
-                  }
-                }
-              },
-              thumbnail: {
-                title: "THUMB",
-                icon: "thumbnail",
-                tooltip: "Thumbnail",
-                type: "object",
-                properties: {
-                  isActive: {
-                    type: "boolean",
-                    display: {
-                      type: "setting-toggle"
-                    }
-                  },
-                  position: {
-                    display: {
-                      type: "align-grid"
-                    },
-                    type: "string",
-                    enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
-                  },
-                  fit: {
-                    type: "string",
-                    display: {
-                      type: "ratio-group"
-                    },
-                    enum: ["cover", "fit"]
-                  },
-                  align: {
-                    type: "string",
-                    title: "Align",
-                    display: {
-                      type: "align-group",
-                      direction: "horizontal"
-                    },
-                    enum: ["start", "center", "end"]
-                  },
-                  triggers: {
-                    type: "string",
-                    title: "Triggers",
-                    display: {
-                      type: "ratio-group",
-                      direction: "horizontal"
-                    },
-                    enum: ["clk", "hov"]
-                  },
-                  grid: {
-                    type: "object",
-                    title: "Grid",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      size: {
-                        type: "number",
-                        label: "Box",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      gap: {
-                        type: "number",
-                        label: "Gap",
-                        scalingEnabled: true,
-                        min: 0,
-                        display: {
-                          type: "numeric-input"
-                        }
-                      }
-                    }
-                  },
-                  offset: {
-                    type: "object",
-                    title: "Offset",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      x: {
-                        type: "number",
-                        label: "X",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      y: {
-                        type: "number",
-                        label: "Y",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      }
-                    }
-                  },
-                  opacity: {
-                    type: "number",
-                    title: "Opacity",
-                    label: "icon:opacity",
-                    min: 0,
-                    max: 100,
-                    step: 1,
-                    display: {
-                      type: "numeric-input"
-                    }
-                  },
-                  activeState: {
-                    type: "object",
-                    title: "ACTIVE",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      scale: {
-                        type: "number",
-                        title: "Scale",
-                        min: 1,
-                        max: 5,
-                        step: 0.1,
-                        display: {
-                          type: "range-control"
-                        }
-                      },
-                      opacity: {
-                        type: "number",
-                        title: "Opacity",
-                        label: "icon:opacity",
-                        min: 0,
-                        max: 100,
-                        step: 1,
-                        display: {
-                          type: "numeric-input"
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              layout: {
-                title: "LAYOUT",
-                icon: "layout",
-                tooltip: "Layout",
-                type: "object",
-                properties: {
-                  position: {
-                    display: {
-                      type: "align-grid"
-                    },
-                    type: "string",
-                    enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
-                  },
-                  offset: {
-                    type: "object",
-                    title: "Offset",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      x: {
-                        type: "number",
-                        label: "X",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      y: {
-                        type: "number",
-                        label: "Y",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      }
-                    }
-                  },
-                  padding: {
-                    type: "object",
-                    title: "Padding",
-                    display: {
-                      type: "padding-controls"
-                    },
-                    properties: {
-                      top: {
-                        min: 0,
-                        step: 1,
-                        type: "number"
-                      },
-                      left: {
-                        min: 0,
-                        step: 1,
-                        type: "number"
-                      },
-                      right: {
-                        min: 0,
-                        step: 1,
-                        type: "number"
-                      },
-                      bottom: {
-                        min: 0,
-                        step: 1,
-                        type: "number"
-                      }
-                    }
-                  }
-                }
-              },
-              controls: {
-                title: "CONTROLS",
-                icon: "controls",
-                tooltip: "Controls",
-                type: "object",
-                properties: {
-                  isActive: {
-                    type: "boolean",
-                    display: {
-                      type: "setting-toggle"
-                    }
-                  },
-                  arrowsImgUrl: {
-                    type: ["string", "null"],
-                    display: {
-                      type: "settings-image-input"
-                    }
-                  },
-                  offset: {
-                    title: "Offset",
-                    type: "object",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      x: {
-                        type: "number",
-                        label: "X",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      y: {
-                        type: "number",
-                        label: "Y",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      }
-                    }
-                  },
-                  scale: {
-                    type: "number",
-                    title: "Scale",
-                    min: 0.5,
-                    max: 5,
-                    step: 0.1,
-                    display: {
-                      type: "range-control"
-                    }
-                  },
-                  color: {
-                    title: "Color",
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  },
-                  hover: {
-                    title: "Hover",
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  }
-                }
-              },
-              area: {
-                title: "AREA",
-                icon: "area",
-                tooltip: "Area",
-                type: "object",
-                properties: {
-                  color: {
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  },
-                  blur: {
-                    type: "number",
-                    label: "icon:blur",
-                    display: {
-                      type: "numeric-input"
-                    }
-                  },
-                  closeIconUrl: {
-                    type: ["string", "null"],
-                    title: "Close Icon",
-                    display: {
-                      type: "settings-image-input"
-                    }
-                  },
-                  closeIconAlign: {
-                    display: {
-                      type: "align-grid",
-                      direction: "horizontal"
-                    },
-                    type: "string",
-                    enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
-                  },
-                  closeIconScale: {
-                    type: "number",
-                    title: "Scale",
-                    min: 0.5,
-                    max: 5,
-                    step: 0.1,
-                    display: {
-                      type: "range-control"
-                    }
-                  },
-                  closeIconOffset: {
-                    type: "object",
-                    title: "Offset",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      x: {
-                        type: "number",
-                        label: "X",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      y: {
-                        type: "number",
-                        label: "Y",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      }
-                    }
-                  },
-                  closeIconColor: {
-                    title: "Color",
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  },
-                  closeIconHover: {
-                    title: "Hover",
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  }
-                }
-              },
-              caption: {
-                title: "DESC",
-                icon: "text-icon",
-                tooltip: "Description",
-                type: "object",
-                properties: {
-                  isActive: {
-                    type: "boolean",
-                    display: {
-                      type: "setting-toggle"
-                    }
-                  },
-                  alignment: {
-                    type: "string",
-                    display: {
-                      type: "align-grid"
-                    },
-                    enum: ["top-left", "top-center", "top-right", "middle-left", "middle-center", "middle-right", "bottom-left", "bottom-center", "bottom-right"]
-                  },
-                  offset: {
-                    title: "Offset",
-                    type: "object",
-                    display: {
-                      type: "group"
-                    },
-                    properties: {
-                      x: {
-                        type: "number",
-                        label: "X",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      },
-                      y: {
-                        type: "number",
-                        label: "Y",
-                        scalingEnabled: true,
-                        display: {
-                          type: "numeric-input",
-                          visible: true
-                        }
-                      }
-                    }
-                  },
-                  hover: {
-                    title: "Link Hover",
-                    type: "string",
-                    display: {
-                      type: "settings-color-picker",
-                      format: "single"
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        default: {
-          "d": {
-            thumbnailBlock: {
-              cover: {
-                url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
-              }
-            },
-            lightboxBlock: {
-              appear: {
-                type: "slide in",
-                duration: "1000ms",
-                direction: "bottom"
-              },
-              triggers: {
-                type: "click",
-                switch: "image",
-                repeat: "loop"
-              },
-              slider: {
-                type: "slide",
-                direction: "vert",
-                duration: "1000ms"
-              },
-              thumbnail: {
-                isActive: true,
-                position: "middle-left",
-                fit: "fit",
-                align: "start",
-                triggers: "hov",
-                grid: {
-                  size: 0.05,
-                  gap: 0.01
-                },
-                offset: { x: 0.01, y: 0 },
-                opacity: 50,
-                activeState: {
-                  scale: 1,
-                  opacity: 100
-                }
-              },
-              layout: {
-                position: "middle-center",
-                offset: { x: 0, y: 0 },
-                padding: { top: 0.06, right: 0, bottom: 0.06, left: 0 }
-              },
-              controls: {
-                isActive: false,
-                arrowsImgUrl: null,
-                offset: { x: 0, y: 0 },
-                scale: 1,
-                color: "#000000",
-                hover: "#cccccc"
-              },
-              area: {
-                color: "rgba(28,31,34,0.9)",
-                blur: 0,
-                closeIconUrl: null,
-                closeIconColor: "#000000",
-                closeIconHover: "#cccccc",
-                closeIconAlign: "top-right",
-                closeIconOffset: { x: 0, y: 0 },
-                closeIconScale: 1
-              },
-              caption: {
-                isActive: true,
-                alignment: "middle-center",
-                offset: { x: 0, y: 0 },
-                hover: "#cccccc"
-              }
-            }
-          },
-          "m": {
-            thumbnailBlock: {
-              cover: {
-                url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
-              }
-            },
-            lightboxBlock: {
-              appear: {
-                type: "fade in",
-                duration: "500ms",
-                direction: "bottom"
-              },
-              triggers: {
-                type: "click",
-                switch: "image",
-                repeat: "loop"
-              },
-              slider: {
-                type: "slide",
-                direction: "horiz",
-                duration: "1000ms"
-              },
-              thumbnail: {
-                isActive: true,
-                position: "bottom-center",
-                fit: "fit",
-                align: "start",
-                triggers: "hov",
-                grid: {
-                  size: 0.1,
-                  gap: 0.05
-                },
-                offset: { x: 0.01, y: -0.05 },
-                opacity: 50,
-                activeState: {
-                  scale: 1,
-                  opacity: 100
-                }
-              },
-              layout: {
-                position: "middle-center",
-                offset: { x: 0, y: 0 },
-                padding: { top: 0.06, right: 0.05, bottom: 0.06, left: 0.05 }
-              },
-              controls: {
-                isActive: false,
-                arrowsImgUrl: null,
-                offset: { x: 0, y: 0 },
-                scale: 1,
-                color: "#000000",
-                hover: "#cccccc"
-              },
-              area: {
-                color: "rgba(28,31,34,0.9)",
-                blur: 0,
-                closeIconUrl: null,
-                closeIconColor: "#000000",
-                closeIconHover: "#cccccc",
-                closeIconAlign: "top-right",
-                closeIconOffset: { x: 0, y: 0 },
-                closeIconScale: 1
-              },
-              caption: {
-                isActive: true,
-                alignment: "middle-center",
-                offset: { x: 0, y: 0 },
-                hover: "#cccccc"
-              }
-            }
-          },
-          "t": {
-            thumbnailBlock: {
-              cover: {
-                url: "https://cdn.cntrl.site/component-assets/Cover.jpg"
-              }
-            },
-            lightboxBlock: {
-              appear: {
-                type: "fade in",
-                duration: "500ms",
-                direction: "bottom"
-              },
-              triggers: {
-                type: "click",
-                switch: "image",
-                repeat: "loop"
-              },
-              slider: {
-                type: "slide",
-                direction: "vert",
-                duration: "1000ms"
-              },
-              thumbnail: {
-                isActive: true,
-                position: "middle-left",
-                fit: "fit",
-                align: "start",
-                triggers: "hov",
-                grid: {
-                  size: 0.05,
-                  gap: 0.01
-                },
-                offset: { x: 0.03, y: 0 },
-                opacity: 50,
-                activeState: {
-                  scale: 1,
-                  opacity: 100
-                }
-              },
-              layout: {
-                position: "middle-center",
-                offset: { x: 0, y: 0 },
-                padding: { top: 0.06, right: 0.1, bottom: 0.06, left: 0.1 }
-              },
-              controls: {
-                isActive: false,
-                arrowsImgUrl: null,
-                offset: { x: 0, y: 0 },
-                scale: 1,
-                color: "#000000",
-                hover: "#cccccc"
-              },
-              area: {
-                color: "rgba(28,31,34,0.9)",
-                blur: 0,
-                closeIconUrl: null,
-                closeIconColor: "#000000",
-                closeIconHover: "#cccccc",
-                closeIconAlign: "top-right",
-                closeIconOffset: { x: 0, y: 0 },
-                closeIconScale: 1
-              },
-              caption: {
-                isActive: true,
-                alignment: "middle-center",
-                offset: { x: 0, y: 0 },
-                hover: "#cccccc"
-              }
-            }
-          }
-        },
-        displayRules: [
-          {
-            if: {
-              name: "lightboxBlock.appear.type",
-              value: "slide in"
-            },
-            then: {
-              name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: true
-            }
-          },
-          {
-            if: {
-              name: "lightboxBlock.slider.direction",
-              value: "vert"
-            },
-            then: {
-              name: "properties.lightboxBlock.properties.thumbnail.properties.align.display.direction",
-              value: "vertical"
-            }
-          },
-          {
-            if: {
-              name: "lightboxBlock.appear.type",
-              value: "mix"
-            },
-            then: {
-              name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: true
-            }
-          },
-          {
-            if: {
-              name: "lightboxBlock.appear.type",
-              value: "fade in"
-            },
-            then: {
-              name: "properties.lightboxBlock.properties.appear.properties.direction.display.visible",
-              value: false
-            }
-          },
-          {
-            if: [
-              { name: "lightboxBlock.triggers.type", value: "click" },
-              { name: "lightboxBlock.triggers.switch", value: "image" }
-            ],
-            then: {
-              name: "properties.lightboxBlock.properties.triggers.properties.repeat.display.visible",
-              value: true
-            }
-          }
-        ]
-      },
-      content: {
-        layoutBased: false,
-        type: "array",
-        settings: {
-          addItemFromFileExplorer: true,
-          defaultWidth: 500
-        },
-        items: {
-          type: "object",
-          properties: {
-            image: {
-              type: "object",
-              label: "Image",
-              display: {
-                type: "media-input",
-                minWidth: 58,
-                maxWidth: 108
-              },
-              properties: {
-                url: {
-                  type: "string"
-                },
-                name: {
-                  type: "string"
-                },
-                objectFit: {
-                  type: "string",
-                  enum: ["cover", "contain"]
-                }
-              },
-              required: ["url", "name"]
-            },
-            imageCaption: {
-              label: "Description",
-              placeholder: "Add Caption...",
-              display: {
-                type: "rich-text",
-                minWidth: 300,
-                maxWidth: 550
-              }
-            }
-          },
-          required: ["image"]
-        },
-        default: [
-          {
-            image: {
-              objectFit: "contain",
-              url: "https://cdn.cntrl.site/component-assets/2.jpg",
-              name: "Slider-1.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          },
-          {
-            image: {
-              objectFit: "contain",
-              url: "https://cdn.cntrl.site/component-assets/3.jpg",
-              name: "Slider-2.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          },
-          {
-            image: {
-              objectFit: "contain",
-              url: "https://cdn.cntrl.site/component-assets/4.jpg",
-              name: "Slider-3.png"
-            },
-            imageCaption: [
-              {
-                type: "paragraph",
-                children: [{ text: "" }]
-              }
-            ]
-          }
-        ]
-      },
-      styles: {
-        layoutBased: true,
-        type: "object",
-        properties: {
-          imageCaption: {
-            dataName: "caption",
-            type: "object",
-            properties: {
-              fontSettings: {
-                type: "object",
-                display: {
-                  type: "font-settings"
-                },
-                properties: {
-                  fontFamily: {
-                    type: "string"
-                  },
-                  fontWeight: {
-                    type: "number"
-                  },
-                  fontStyle: {
-                    type: "string"
-                  }
-                }
-              },
-              widthSettings: {
-                display: {
-                  type: "text-width-control"
-                },
-                type: "object",
-                properties: {
-                  width: {
-                    type: "number"
-                  },
-                  sizing: {
-                    type: "string",
-                    enum: ["auto", "manual"]
-                  }
-                }
-              },
-              fontSizeLineHeight: {
-                type: "object",
-                display: {
-                  type: "font-size-line-height"
-                },
-                properties: {
-                  fontSize: {
-                    type: "number"
-                  },
-                  lineHeight: {
-                    type: "number"
-                  }
-                }
-              },
-              letterSpacing: {
-                display: {
-                  type: "letter-spacing-input"
-                },
-                type: "number"
-              },
-              wordSpacing: {
-                display: {
-                  type: "word-spacing-input"
-                },
-                type: "number"
-              },
-              textAlign: {
-                display: {
-                  type: "text-align-control"
-                },
-                type: "string",
-                enum: ["left", "center", "right", "justify"]
-              },
-              textAppearance: {
-                display: {
-                  type: "text-appearance"
-                },
-                properties: {
-                  textTransform: {
-                    type: "string",
-                    enum: ["none", "uppercase", "lowercase", "capitalize"]
-                  },
-                  textDecoration: {
-                    type: "string",
-                    enum: ["none", "underline"]
-                  },
-                  fontVariant: {
-                    type: "string",
-                    enum: ["normal", "small-caps"]
-                  }
-                }
-              },
-              color: {
-                display: {
-                  type: "style-panel-color-picker"
-                },
-                type: "string"
-              }
-            }
-          }
-        },
-        default: {
-          imageCaption: {
-            widthSettings: {
-              width: 0.13,
-              sizing: "auto"
-            },
-            fontSettings: {
-              fontFamily: "Arial",
-              fontWeight: 400,
-              fontStyle: "normal"
-            },
-            fontSizeLineHeight: {
-              fontSize: 0.02,
-              lineHeight: 0.02
-            },
-            letterSpacing: 0,
-            wordSpacing: 0,
-            textAlign: "left",
-            textAppearance: {
-              textTransform: "none",
-              textDecoration: "none",
-              fontVariant: "normal"
-            },
-            color: "#000000"
-          }
-        }
-      }
-    },
-    required: ["settings", "content", "styles"]
-  }
-};
-const components = [
-  ControlSliderComponent,
-  ControlImageRevealSliderComponent,
-  LightboxComponent
-];
-exports.components = components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),M=require("react"),se=require("classnames"),Pr=require("react-dom"),Br="ControlSlider-module__wrapper___sHEkd",zr="ControlSlider-module__hoverArrow___A-dOH",Fr="ControlSlider-module__sliderItem___QQSkR",Wr="ControlSlider-module__sliderImage___9hRl-",Mr="ControlSlider-module__arrow___05ghY",Vr="ControlSlider-module__arrowVertical___tBfVN",$r="ControlSlider-module__nextArrow___-30Yc",Hr="ControlSlider-module__arrowInner___aEra3",Ur="ControlSlider-module__arrowIcon___S4ztF",Yr="ControlSlider-module__arrowImg___2dwJW",Gr="ControlSlider-module__mirror___brd6U",Xr="ControlSlider-module__pagination___bicLF",Kr="ControlSlider-module__paginationInner___bT-P-",qr="ControlSlider-module__paginationVertical___zYqKw",Jr="ControlSlider-module__paginationItem___nTRbk",Zr="ControlSlider-module__dot___p1Qun",Qr="ControlSlider-module__activeDot___LHFaj",ei="ControlSlider-module__paginationInsideBottom___R3FWn",ti="ControlSlider-module__paginationInsideTop___V-qb-",ni="ControlSlider-module__paginationOutsideBottom___14w8D",ri="ControlSlider-module__paginationOutsideTop___SCLqB",ii="ControlSlider-module__paginationInsideLeft___yOBRZ",oi="ControlSlider-module__paginationInsideRight___Rtt3o",ai="ControlSlider-module__paginationOutsideLeft___lahaw",si="ControlSlider-module__paginationOutsideRight___EtuQa",li="ControlSlider-module__imgWrapper___UjEgB",ci="ControlSlider-module__captionBlock___dJ6-j",ui="ControlSlider-module__captionTextWrapper___HFlpf",di="ControlSlider-module__captionText___uGBVc",pi="ControlSlider-module__active___WZK4G",fi="ControlSlider-module__withPointerEvents___t-18M",gi="ControlSlider-module__topLeftAlignment___zjnGM",mi="ControlSlider-module__topCenterAlignment___gD1xW",hi="ControlSlider-module__topRightAlignment___NMapS",vi="ControlSlider-module__middleLeftAlignment___OnUrY",yi="ControlSlider-module__middleCenterAlignment___Tdkl0",_i="ControlSlider-module__middleRightAlignment___wEbfX",bi="ControlSlider-module__bottomLeftAlignment___cTP2-",Si="ControlSlider-module__bottomCenterAlignment___c54fB",Ei="ControlSlider-module__bottomRightAlignment___kEwrz",wi="ControlSlider-module__clickOverlay___DZA28",xi="ControlSlider-module__contain___pLyq7",Ci="ControlSlider-module__cover___KdDat",$={wrapper:Br,hoverArrow:zr,sliderItem:Fr,sliderImage:Wr,arrow:Mr,arrowVertical:Vr,nextArrow:$r,arrowInner:Hr,arrowIcon:Ur,arrowImg:Yr,mirror:Gr,pagination:Xr,paginationInner:Kr,paginationVertical:qr,paginationItem:Jr,dot:Zr,activeDot:Qr,paginationInsideBottom:ei,paginationInsideTop:ti,paginationOutsideBottom:ni,paginationOutsideTop:ri,paginationInsideLeft:ii,paginationInsideRight:oi,paginationOutsideLeft:ai,paginationOutsideRight:si,imgWrapper:li,captionBlock:ci,captionTextWrapper:ui,captionText:di,active:pi,withPointerEvents:fi,topLeftAlignment:gi,topCenterAlignment:mi,topRightAlignment:hi,middleLeftAlignment:vi,middleCenterAlignment:yi,middleRightAlignment:_i,bottomLeftAlignment:bi,bottomCenterAlignment:Si,bottomRightAlignment:Ei,clickOverlay:wi,contain:xi,cover:Ci};function Ai(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Ii(e,n,t){return n&&Ai(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var Tn="(prefers-reduced-motion: reduce)",Ke=1,Li=2,Ze=3,tt=4,mt=5,Lt=6,kt=7,Ti={CREATED:Ke,MOUNTED:Li,IDLE:Ze,MOVING:tt,SCROLLING:mt,DRAGGING:Lt,DESTROYED:kt};function Oe(e){e.length=0}function ze(e,n,t){return Array.prototype.slice.call(e,n,t)}function ie(e){return e.bind.apply(e,[null].concat(ze(arguments,1)))}var qn=setTimeout,Qt=function(){};function Rn(e){return requestAnimationFrame(e)}function Bt(e,n){return typeof n===e}function lt(e){return!un(e)&&Bt("object",e)}var cn=Array.isArray,Jn=ie(Bt,"function"),Pe=ie(Bt,"string"),ht=ie(Bt,"undefined");function un(e){return e===null}function Zn(e){try{return e instanceof(e.ownerDocument.defaultView||window).HTMLElement}catch{return!1}}function vt(e){return cn(e)?e:[e]}function Se(e,n){vt(e).forEach(n)}function dn(e,n){return e.indexOf(n)>-1}function Tt(e,n){return e.push.apply(e,vt(n)),e}function Re(e,n,t){e&&Se(n,function(r){r&&e.classList[t?"add":"remove"](r)})}function Ce(e,n){Re(e,Pe(n)?n.split(" "):n,!0)}function yt(e,n){Se(n,e.appendChild.bind(e))}function pn(e,n){Se(e,function(t){var r=(n||t).parentNode;r&&r.insertBefore(t,n)})}function ct(e,n){return Zn(e)&&(e.msMatchesSelector||e.matches).call(e,n)}function Qn(e,n){var t=e?ze(e.children):[];return n?t.filter(function(r){return ct(r,n)}):t}function _t(e,n){return n?Qn(e,n)[0]:e.firstElementChild}var ut=Object.keys;function Ve(e,n,t){return e&&(t?ut(e).reverse():ut(e)).forEach(function(r){r!=="__proto__"&&n(e[r],r)}),e}function dt(e){return ze(arguments,1).forEach(function(n){Ve(n,function(t,r){e[r]=n[r]})}),e}function De(e){return ze(arguments,1).forEach(function(n){Ve(n,function(t,r){cn(t)?e[r]=t.slice():lt(t)?e[r]=De({},lt(e[r])?e[r]:{},t):e[r]=t})}),e}function Nn(e,n){Se(n||ut(e),function(t){delete e[t]})}function Ae(e,n){Se(e,function(t){Se(n,function(r){t&&t.removeAttribute(r)})})}function q(e,n,t){lt(n)?Ve(n,function(r,o){q(e,o,r)}):Se(e,function(r){un(t)||t===""?Ae(r,n):r.setAttribute(n,String(t))})}function qe(e,n,t){var r=document.createElement(e);return n&&(Pe(n)?Ce(r,n):q(r,n)),t&&yt(t,r),r}function Ee(e,n,t){if(ht(t))return getComputedStyle(e)[n];un(t)||(e.style[n]=""+t)}function pt(e,n){Ee(e,"display",n)}function er(e){e.setActive&&e.setActive()||e.focus({preventScroll:!0})}function we(e,n){return e.getAttribute(n)}function kn(e,n){return e&&e.classList.contains(n)}function _e(e){return e.getBoundingClientRect()}function $e(e){Se(e,function(n){n&&n.parentNode&&n.parentNode.removeChild(n)})}function tr(e){return _t(new DOMParser().parseFromString(e,"text/html").body)}function Te(e,n){e.preventDefault(),n&&(e.stopPropagation(),e.stopImmediatePropagation())}function nr(e,n){return e&&e.querySelector(n)}function fn(e,n){return n?ze(e.querySelectorAll(n)):[]}function Ne(e,n){Re(e,n,!1)}function en(e){return e.timeStamp}function Me(e){return Pe(e)?e:e?e+"px":""}var bt="splide",gn="data-"+bt;function ot(e,n){if(!e)throw new Error("["+bt+"] "+(n||""))}var Be=Math.min,Ot=Math.max,jt=Math.floor,ft=Math.ceil,ye=Math.abs;function rr(e,n,t){return ye(e-n)<t}function Rt(e,n,t,r){var o=Be(n,t),a=Ot(n,t);return r?o<e&&e<a:o<=e&&e<=a}function Ge(e,n,t){var r=Be(n,t),o=Ot(n,t);return Be(Ot(r,e),o)}function tn(e){return+(e>0)-+(e<0)}function nn(e,n){return Se(n,function(t){e=e.replace("%s",""+t)}),e}function mn(e){return e<10?"0"+e:""+e}var On={};function Ri(e){return""+e+mn(On[e]=(On[e]||0)+1)}function ir(){var e=[];function n(i,l,s,d){o(i,l,function(u,S,m){var v="addEventListener"in u,c=v?u.removeEventListener.bind(u,S,s,d):u.removeListener.bind(u,s);v?u.addEventListener(S,s,d):u.addListener(s),e.push([u,S,m,s,c])})}function t(i,l,s){o(i,l,function(d,u,S){e=e.filter(function(m){return m[0]===d&&m[1]===u&&m[2]===S&&(!s||m[3]===s)?(m[4](),!1):!0})})}function r(i,l,s){var d,u=!0;return typeof CustomEvent=="function"?d=new CustomEvent(l,{bubbles:u,detail:s}):(d=document.createEvent("CustomEvent"),d.initCustomEvent(l,u,!1,s)),i.dispatchEvent(d),d}function o(i,l,s){Se(i,function(d){d&&Se(l,function(u){u.split(" ").forEach(function(S){var m=S.split(".");s(d,m[0],m[1])})})})}function a(){e.forEach(function(i){i[4]()}),Oe(e)}return{bind:n,unbind:t,dispatch:r,destroy:a}}var Fe="mounted",rn="ready",je="move",nt="moved",hn="click",or="active",ar="inactive",sr="visible",lr="hidden",de="refresh",he="updated",Qe="resize",zt="resized",cr="drag",ur="dragging",dr="dragged",Ft="scroll",Ue="scrolled",Ni="overflow",vn="destroy",pr="arrows:mounted",fr="arrows:updated",gr="pagination:mounted",mr="pagination:updated",yn="navigation:mounted",_n="autoplay:play",hr="autoplay:playing",bn="autoplay:pause",Sn="lazyload:loaded",vr="sk",yr="sh",Dt="ei";function le(e){var n=e?e.event.bus:document.createDocumentFragment(),t=ir();function r(a,i){t.bind(n,vt(a).join(" "),function(l){i.apply(i,cn(l.detail)?l.detail:[])})}function o(a){t.dispatch(n,a,ze(arguments,1))}return e&&e.event.on(vn,t.destroy),dt(t,{bus:n,on:r,off:ie(t.unbind,n),emit:o})}function Wt(e,n,t,r){var o=Date.now,a,i=0,l,s=!0,d=0;function u(){if(!s){if(i=e?Be((o()-a)/e,1):1,t&&t(i),i>=1&&(n(),a=o(),r&&++d>=r))return m();l=Rn(u)}}function S(w){w||c(),a=o()-(w?i*e:0),s=!1,l=Rn(u)}function m(){s=!0}function v(){a=o(),i=0,t&&t(i)}function c(){l&&cancelAnimationFrame(l),i=0,l=0,s=!0}function p(w){e=w}function E(){return s}return{start:S,rewind:v,pause:m,cancel:c,set:p,isPaused:E}}function ki(e){var n=e;function t(o){n=o}function r(o){return dn(vt(o),n)}return{set:t,is:r}}function Oi(e,n){var t=Wt(0,e,null,1);return function(){t.isPaused()&&t.start()}}function ji(e,n,t){var r=e.state,o=t.breakpoints||{},a=t.reducedMotion||{},i=ir(),l=[];function s(){var c=t.mediaQuery==="min";ut(o).sort(function(p,E){return c?+p-+E:+E-+p}).forEach(function(p){u(o[p],"("+(c?"min":"max")+"-width:"+p+"px)")}),u(a,Tn),S()}function d(c){c&&i.destroy()}function u(c,p){var E=matchMedia(p);i.bind(E,"change",S),l.push([c,E])}function S(){var c=r.is(kt),p=t.direction,E=l.reduce(function(w,g){return De(w,g[1].matches?g[0]:{})},{});Nn(t),v(E),t.destroy?e.destroy(t.destroy==="completely"):c?(d(!0),e.mount()):p!==t.direction&&e.refresh()}function m(c){matchMedia(Tn).matches&&(c?De(t,a):Nn(t,ut(a)))}function v(c,p,E){De(t,c),p&&De(Object.getPrototypeOf(t),c),(E||!r.is(Ke))&&e.emit(he,t)}return{setup:s,destroy:d,reduce:m,set:v}}var Mt="Arrow",Vt=Mt+"Left",$t=Mt+"Right",_r=Mt+"Up",br=Mt+"Down",jn="rtl",Ht="ttb",Xt={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[_r,$t],ArrowRight:[br,Vt]};function Di(e,n,t){function r(a,i,l){l=l||t.direction;var s=l===jn&&!i?1:l===Ht?0:-1;return Xt[a]&&Xt[a][s]||a.replace(/width|left|right/i,function(d,u){var S=Xt[d.toLowerCase()][s]||d;return u>0?S.charAt(0).toUpperCase()+S.slice(1):S})}function o(a){return a*(t.direction===jn?1:-1)}return{resolve:r,orient:o}}var ke="role",Je="tabindex",Pi="disabled",xe="aria-",St=xe+"controls",Sr=xe+"current",Dn=xe+"selected",be=xe+"label",En=xe+"labelledby",Er=xe+"hidden",wn=xe+"orientation",gt=xe+"roledescription",Pn=xe+"live",Bn=xe+"busy",zn=xe+"atomic",xn=[ke,Je,Pi,St,Sr,be,En,Er,wn,gt],Ie=bt+"__",We="is-",Kt=bt,Fn=Ie+"track",Bi=Ie+"list",Ut=Ie+"slide",wr=Ut+"--clone",zi=Ut+"__container",Cn=Ie+"arrows",Yt=Ie+"arrow",xr=Yt+"--prev",Cr=Yt+"--next",Gt=Ie+"pagination",Ar=Gt+"__page",Fi=Ie+"progress",Wi=Fi+"__bar",Mi=Ie+"toggle",Vi=Ie+"spinner",$i=Ie+"sr",Hi=We+"initialized",He=We+"active",Ir=We+"prev",Lr=We+"next",on=We+"visible",an=We+"loading",Tr=We+"focus-in",Rr=We+"overflow",Ui=[He,on,Ir,Lr,an,Tr,Rr],Yi={slide:Ut,clone:wr,arrows:Cn,arrow:Yt,prev:xr,next:Cr,pagination:Gt,page:Ar,spinner:Vi};function Gi(e,n){if(Jn(e.closest))return e.closest(n);for(var t=e;t&&t.nodeType===1&&!ct(t,n);)t=t.parentElement;return t}var Xi=5,Wn=200,Nr="touchstart mousedown",qt="touchmove mousemove",Jt="touchend touchcancel mouseup click";function Ki(e,n,t){var r=le(e),o=r.on,a=r.bind,i=e.root,l=t.i18n,s={},d=[],u=[],S=[],m,v,c;function p(){b(),W(),g()}function E(){o(de,w),o(de,p),o(he,g),a(document,Nr+" keydown",function(h){c=h.type==="keydown"},{capture:!0}),a(i,"focusin",function(){Re(i,Tr,!!c)})}function w(h){var x=xn.concat("style");Oe(d),Ne(i,u),Ne(m,S),Ae([m,v],x),Ae(i,h?x:["style",gt])}function g(){Ne(i,u),Ne(m,S),u=A(Kt),S=A(Fn),Ce(i,u),Ce(m,S),q(i,be,t.label),q(i,En,t.labelledby)}function b(){m=B("."+Fn),v=_t(m,"."+Bi),ot(m&&v,"A track/list element is missing."),Tt(d,Qn(v,"."+Ut+":not(."+wr+")")),Ve({arrows:Cn,pagination:Gt,prev:xr,next:Cr,bar:Wi,toggle:Mi},function(h,x){s[x]=B("."+h)}),dt(s,{root:i,track:m,list:v,slides:d})}function W(){var h=i.id||Ri(bt),x=t.role;i.id=h,m.id=m.id||h+"-track",v.id=v.id||h+"-list",!we(i,ke)&&i.tagName!=="SECTION"&&x&&q(i,ke,x),q(i,gt,l.carousel),q(v,ke,"presentation")}function B(h){var x=nr(i,h);return x&&Gi(x,"."+Kt)===i?x:void 0}function A(h){return[h+"--"+t.type,h+"--"+t.direction,t.drag&&h+"--draggable",t.isNavigation&&h+"--nav",h===Kt&&He]}return dt(s,{setup:p,mount:E,destroy:w})}var et="slide",rt="loop",Et="fade";function qi(e,n,t,r){var o=le(e),a=o.on,i=o.emit,l=o.bind,s=e.Components,d=e.root,u=e.options,S=u.isNavigation,m=u.updateOnMove,v=u.i18n,c=u.pagination,p=u.slideFocus,E=s.Direction.resolve,w=we(r,"style"),g=we(r,be),b=t>-1,W=_t(r,"."+zi),B;function A(){b||(r.id=d.id+"-slide"+mn(n+1),q(r,ke,c?"tabpanel":"group"),q(r,gt,v.slide),q(r,be,g||nn(v.slideLabel,[n+1,e.length]))),h()}function h(){l(r,"click",ie(i,hn,I)),l(r,"keydown",ie(i,vr,I)),a([nt,yr,Ue],T),a(yn,k),m&&a(je,z)}function x(){B=!0,o.destroy(),Ne(r,Ui),Ae(r,xn),q(r,"style",w),q(r,be,g||"")}function k(){var L=e.splides.map(function(_){var O=_.splide.Components.Slides.getAt(n);return O?O.slide.id:""}).join(" ");q(r,be,nn(v.slideX,(b?t:n)+1)),q(r,St,L),q(r,ke,p?"button":""),p&&Ae(r,gt)}function z(){B||T()}function T(){if(!B){var L=e.index;j(),P(),Re(r,Ir,n===L-1),Re(r,Lr,n===L+1)}}function j(){var L=H();L!==kn(r,He)&&(Re(r,He,L),q(r,Sr,S&&L||""),i(L?or:ar,I))}function P(){var L=f(),_=!L&&(!H()||b);if(e.state.is([tt,mt])||q(r,Er,_||""),q(fn(r,u.focusableNodes||""),Je,_?-1:""),p&&q(r,Je,_?-1:0),L!==kn(r,on)&&(Re(r,on,L),i(L?sr:lr,I)),!L&&document.activeElement===r){var O=s.Slides.getAt(e.index);O&&er(O.slide)}}function U(L,_,O){Ee(O&&W||r,L,_)}function H(){var L=e.index;return L===n||u.cloneStatus&&L===t}function f(){if(e.is(Et))return H();var L=_e(s.Elements.track),_=_e(r),O=E("left",!0),X=E("right",!0);return jt(L[O])<=ft(_[O])&&jt(_[X])<=ft(L[X])}function R(L,_){var O=ye(L-n);return!b&&(u.rewind||e.is(rt))&&(O=Be(O,e.length-O)),O<=_}var I={index:n,slideIndex:t,slide:r,container:W,isClone:b,mount:A,destroy:x,update:T,style:U,isWithin:R};return I}function Ji(e,n,t){var r=le(e),o=r.on,a=r.emit,i=r.bind,l=n.Elements,s=l.slides,d=l.list,u=[];function S(){m(),o(de,v),o(de,m)}function m(){s.forEach(function(T,j){p(T,j,-1)})}function v(){B(function(T){T.destroy()}),Oe(u)}function c(){B(function(T){T.update()})}function p(T,j,P){var U=qi(e,j,P,T);U.mount(),u.push(U),u.sort(function(H,f){return H.index-f.index})}function E(T){return T?A(function(j){return!j.isClone}):u}function w(T){var j=n.Controller,P=j.toIndex(T),U=j.hasFocus()?1:t.perPage;return A(function(H){return Rt(H.index,P,P+U-1)})}function g(T){return A(T)[0]}function b(T,j){Se(T,function(P){if(Pe(P)&&(P=tr(P)),Zn(P)){var U=s[j];U?pn(P,U):yt(d,P),Ce(P,t.classes.slide),x(P,ie(a,Qe))}}),a(de)}function W(T){$e(A(T).map(function(j){return j.slide})),a(de)}function B(T,j){E(j).forEach(T)}function A(T){return u.filter(Jn(T)?T:function(j){return Pe(T)?ct(j.slide,T):dn(vt(T),j.index)})}function h(T,j,P){B(function(U){U.style(T,j,P)})}function x(T,j){var P=fn(T,"img"),U=P.length;U?P.forEach(function(H){i(H,"load error",function(){--U||j()})}):j()}function k(T){return T?s.length:u.length}function z(){return u.length>t.perPage}return{mount:S,destroy:v,update:c,register:p,get:E,getIn:w,getAt:g,add:b,remove:W,forEach:B,filter:A,style:h,getLength:k,isEnough:z}}function Zi(e,n,t){var r=le(e),o=r.on,a=r.bind,i=r.emit,l=n.Slides,s=n.Direction.resolve,d=n.Elements,u=d.root,S=d.track,m=d.list,v=l.getAt,c=l.style,p,E,w;function g(){b(),a(window,"resize load",Oi(ie(i,Qe))),o([he,de],b),o(Qe,W)}function b(){p=t.direction===Ht,Ee(u,"maxWidth",Me(t.width)),Ee(S,s("paddingLeft"),B(!1)),Ee(S,s("paddingRight"),B(!0)),W(!0)}function W(I){var L=_e(u);(I||E.width!==L.width||E.height!==L.height)&&(Ee(S,"height",A()),c(s("marginRight"),Me(t.gap)),c("width",x()),c("height",k(),!0),E=L,i(zt),w!==(w=R())&&(Re(u,Rr,w),i(Ni,w)))}function B(I){var L=t.padding,_=s(I?"right":"left");return L&&Me(L[_]||(lt(L)?0:L))||"0px"}function A(){var I="";return p&&(I=h(),ot(I,"height or heightRatio is missing."),I="calc("+I+" - "+B(!1)+" - "+B(!0)+")"),I}function h(){return Me(t.height||_e(m).width*t.heightRatio)}function x(){return t.autoWidth?null:Me(t.fixedWidth)||(p?"":z())}function k(){return Me(t.fixedHeight)||(p?t.autoHeight?null:z():h())}function z(){var I=Me(t.gap);return"calc((100%"+(I&&" + "+I)+")/"+(t.perPage||1)+(I&&" - "+I)+")"}function T(){return _e(m)[s("width")]}function j(I,L){var _=v(I||0);return _?_e(_.slide)[s("width")]+(L?0:H()):0}function P(I,L){var _=v(I);if(_){var O=_e(_.slide)[s("right")],X=_e(m)[s("left")];return ye(O-X)+(L?0:H())}return 0}function U(I){return P(e.length-1)-P(0)+j(0,I)}function H(){var I=v(0);return I&&parseFloat(Ee(I.slide,s("marginRight")))||0}function f(I){return parseFloat(Ee(S,s("padding"+(I?"Right":"Left"))))||0}function R(){return e.is(Et)||U(!0)>T()}return{mount:g,resize:W,listSize:T,slideSize:j,sliderSize:U,totalSize:P,getPadding:f,isOverflow:R}}var Qi=2;function eo(e,n,t){var r=le(e),o=r.on,a=n.Elements,i=n.Slides,l=n.Direction.resolve,s=[],d;function u(){o(de,S),o([he,Qe],v),(d=E())&&(c(d),n.Layout.resize(!0))}function S(){m(),u()}function m(){$e(s),Oe(s),r.destroy()}function v(){var w=E();d!==w&&(d<w||!w)&&r.emit(de)}function c(w){var g=i.get().slice(),b=g.length;if(b){for(;g.length<w;)Tt(g,g);Tt(g.slice(-w),g.slice(0,w)).forEach(function(W,B){var A=B<w,h=p(W.slide,B);A?pn(h,g[0].slide):yt(a.list,h),Tt(s,h),i.register(h,B-w+(A?0:b),W.index)})}}function p(w,g){var b=w.cloneNode(!0);return Ce(b,t.classes.clone),b.id=e.root.id+"-clone"+mn(g+1),b}function E(){var w=t.clones;if(!e.is(rt))w=0;else if(ht(w)){var g=t[l("fixedWidth")]&&n.Layout.slideSize(0),b=g&&ft(_e(a.track)[l("width")]/g);w=b||t[l("autoWidth")]&&e.length||t.perPage*Qi}return w}return{mount:u,destroy:m}}function to(e,n,t){var r=le(e),o=r.on,a=r.emit,i=e.state.set,l=n.Layout,s=l.slideSize,d=l.getPadding,u=l.totalSize,S=l.listSize,m=l.sliderSize,v=n.Direction,c=v.resolve,p=v.orient,E=n.Elements,w=E.list,g=E.track,b;function W(){b=n.Transition,o([Fe,zt,he,de],B)}function B(){n.Controller.isBusy()||(n.Scroll.cancel(),h(e.index),n.Slides.update())}function A(_,O,X,re){_!==O&&I(_>X)&&(T(),x(z(U(),_>X),!0)),i(tt),a(je,O,X,_),b.start(O,function(){i(Ze),a(nt,O,X,_),re&&re()})}function h(_){x(P(_,!0))}function x(_,O){if(!e.is(Et)){var X=O?_:k(_);Ee(w,"transform","translate"+c("X")+"("+X+"px)"),_!==X&&a(yr)}}function k(_){if(e.is(rt)){var O=j(_),X=O>n.Controller.getEnd(),re=O<0;(re||X)&&(_=z(_,X))}return _}function z(_,O){var X=_-R(O),re=m();return _-=p(re*(ft(ye(X)/re)||1))*(O?1:-1),_}function T(){x(U(),!0),b.cancel()}function j(_){for(var O=n.Slides.get(),X=0,re=1/0,te=0;te<O.length;te++){var me=O[te].index,C=ye(P(me,!0)-_);if(C<=re)re=C,X=me;else break}return X}function P(_,O){var X=p(u(_-1)-f(_));return O?H(X):X}function U(){var _=c("left");return _e(w)[_]-_e(g)[_]+p(d(!1))}function H(_){return t.trimSpace&&e.is(et)&&(_=Ge(_,0,p(m(!0)-S()))),_}function f(_){var O=t.focus;return O==="center"?(S()-s(_,!0))/2:+O*s(_)||0}function R(_){return P(_?n.Controller.getEnd():0,!!t.trimSpace)}function I(_){var O=p(z(U(),_));return _?O>=0:O<=w[c("scrollWidth")]-_e(g)[c("width")]}function L(_,O){O=ht(O)?U():O;var X=_!==!0&&p(O)<p(R(!1)),re=_!==!1&&p(O)>p(R(!0));return X||re}return{mount:W,move:A,jump:h,translate:x,shift:z,cancel:T,toIndex:j,toPosition:P,getPosition:U,getLimit:R,exceededLimit:L,reposition:B}}function no(e,n,t){var r=le(e),o=r.on,a=r.emit,i=n.Move,l=i.getPosition,s=i.getLimit,d=i.toPosition,u=n.Slides,S=u.isEnough,m=u.getLength,v=t.omitEnd,c=e.is(rt),p=e.is(et),E=ie(U,!1),w=ie(U,!0),g=t.start||0,b,W=g,B,A,h;function x(){k(),o([he,de,Dt],k),o(zt,z)}function k(){B=m(!0),A=t.perMove,h=t.perPage,b=I();var C=Ge(g,0,v?b:B-1);C!==g&&(g=C,i.reposition())}function z(){b!==I()&&a(Dt)}function T(C,J,ge){if(!me()){var oe=P(C),fe=R(oe);fe>-1&&(J||fe!==g)&&(X(fe),i.move(oe,fe,W,ge))}}function j(C,J,ge,oe){n.Scroll.scroll(C,J,ge,function(){var fe=R(i.toIndex(l()));X(v?Be(fe,b):fe),oe&&oe()})}function P(C){var J=g;if(Pe(C)){var ge=C.match(/([+\-<>])(\d+)?/)||[],oe=ge[1],fe=ge[2];oe==="+"||oe==="-"?J=H(g+ +(""+oe+(+fe||1)),g):oe===">"?J=fe?L(+fe):E(!0):oe==="<"&&(J=w(!0))}else J=c?C:Ge(C,0,b);return J}function U(C,J){var ge=A||(te()?1:h),oe=H(g+ge*(C?-1:1),g,!(A||te()));return oe===-1&&p&&!rr(l(),s(!C),1)?C?0:b:J?oe:R(oe)}function H(C,J,ge){if(S()||te()){var oe=f(C);oe!==C&&(J=C,C=oe,ge=!1),C<0||C>b?!A&&(Rt(0,C,J,!0)||Rt(b,J,C,!0))?C=L(_(C)):c?C=ge?C<0?-(B%h||h):B:C:t.rewind?C=C<0?b:0:C=-1:ge&&C!==J&&(C=L(_(J)+(C<J?-1:1)))}else C=-1;return C}function f(C){if(p&&t.trimSpace==="move"&&C!==g)for(var J=l();J===d(C,!0)&&Rt(C,0,e.length-1,!t.rewind);)C<g?--C:++C;return C}function R(C){return c?(C+B)%B||0:C}function I(){for(var C=B-(te()||c&&A?1:h);v&&C-- >0;)if(d(B-1,!0)!==d(C,!0)){C++;break}return Ge(C,0,B-1)}function L(C){return Ge(te()?C:h*C,0,b)}function _(C){return te()?Be(C,b):jt((C>=b?B-1:C)/h)}function O(C){var J=i.toIndex(C);return p?Ge(J,0,b):J}function X(C){C!==g&&(W=g,g=C)}function re(C){return C?W:g}function te(){return!ht(t.focus)||t.isNavigation}function me(){return e.state.is([tt,mt])&&!!t.waitForTransition}return{mount:x,go:T,scroll:j,getNext:E,getPrev:w,getAdjacent:U,getEnd:I,setIndex:X,getIndex:re,toIndex:L,toPage:_,toDest:O,hasFocus:te,isBusy:me}}var ro="http://www.w3.org/2000/svg",io="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z",At=40;function oo(e,n,t){var r=le(e),o=r.on,a=r.bind,i=r.emit,l=t.classes,s=t.i18n,d=n.Elements,u=n.Controller,S=d.arrows,m=d.track,v=S,c=d.prev,p=d.next,E,w,g={};function b(){B(),o(he,W)}function W(){A(),b()}function B(){var j=t.arrows;j&&!(c&&p)&&k(),c&&p&&(dt(g,{prev:c,next:p}),pt(v,j?"":"none"),Ce(v,w=Cn+"--"+t.direction),j&&(h(),T(),q([c,p],St,m.id),i(pr,c,p)))}function A(){r.destroy(),Ne(v,w),E?($e(S?[c,p]:v),c=p=null):Ae([c,p],xn)}function h(){o([Fe,nt,de,Ue,Dt],T),a(p,"click",ie(x,">")),a(c,"click",ie(x,"<"))}function x(j){u.go(j,!0)}function k(){v=S||qe("div",l.arrows),c=z(!0),p=z(!1),E=!0,yt(v,[c,p]),!S&&pn(v,m)}function z(j){var P='<button class="'+l.arrow+" "+(j?l.prev:l.next)+'" type="button"><svg xmlns="'+ro+'" viewBox="0 0 '+At+" "+At+'" width="'+At+'" height="'+At+'" focusable="false"><path d="'+(t.arrowPath||io)+'" />';return tr(P)}function T(){if(c&&p){var j=e.index,P=u.getPrev(),U=u.getNext(),H=P>-1&&j<P?s.last:s.prev,f=U>-1&&j>U?s.first:s.next;c.disabled=P<0,p.disabled=U<0,q(c,be,H),q(p,be,f),i(fr,c,p,P,U)}}return{arrows:g,mount:b,destroy:A,update:T}}var ao=gn+"-interval";function so(e,n,t){var r=le(e),o=r.on,a=r.bind,i=r.emit,l=Wt(t.interval,e.go.bind(e,">"),h),s=l.isPaused,d=n.Elements,u=n.Elements,S=u.root,m=u.toggle,v=t.autoplay,c,p,E=v==="pause";function w(){v&&(g(),m&&q(m,St,d.track.id),E||b(),A())}function g(){t.pauseOnHover&&a(S,"mouseenter mouseleave",function(k){c=k.type==="mouseenter",B()}),t.pauseOnFocus&&a(S,"focusin focusout",function(k){p=k.type==="focusin",B()}),m&&a(m,"click",function(){E?b():W(!0)}),o([je,Ft,de],l.rewind),o(je,x)}function b(){s()&&n.Slides.isEnough()&&(l.start(!t.resetProgress),p=c=E=!1,A(),i(_n))}function W(k){k===void 0&&(k=!0),E=!!k,A(),s()||(l.pause(),i(bn))}function B(){E||(c||p?W(!1):b())}function A(){m&&(Re(m,He,!E),q(m,be,t.i18n[E?"play":"pause"]))}function h(k){var z=d.bar;z&&Ee(z,"width",k*100+"%"),i(hr,k)}function x(k){var z=n.Slides.getAt(k);l.set(z&&+we(z.slide,ao)||t.interval)}return{mount:w,destroy:l.cancel,play:b,pause:W,isPaused:s}}function lo(e,n,t){var r=le(e),o=r.on;function a(){t.cover&&(o(Sn,ie(l,!0)),o([Fe,he,de],ie(i,!0)))}function i(s){n.Slides.forEach(function(d){var u=_t(d.container||d.slide,"img");u&&u.src&&l(s,u,d)})}function l(s,d,u){u.style("background",s?'center/cover no-repeat url("'+d.src+'")':"",!0),pt(d,s?"none":"")}return{mount:a,destroy:ie(i,!1)}}var co=10,uo=600,po=.6,fo=1.5,go=800;function mo(e,n,t){var r=le(e),o=r.on,a=r.emit,i=e.state.set,l=n.Move,s=l.getPosition,d=l.getLimit,u=l.exceededLimit,S=l.translate,m=e.is(et),v,c,p=1;function E(){o(je,W),o([he,de],B)}function w(h,x,k,z,T){var j=s();if(W(),k&&(!m||!u())){var P=n.Layout.sliderSize(),U=tn(h)*P*jt(ye(h)/P)||0;h=l.toPosition(n.Controller.toDest(h%P))+U}var H=rr(j,h,1);p=1,x=H?0:x||Ot(ye(h-j)/fo,go),c=z,v=Wt(x,g,ie(b,j,h,T),1),i(mt),a(Ft),v.start()}function g(){i(Ze),c&&c(),a(Ue)}function b(h,x,k,z){var T=s(),j=h+(x-h)*A(z),P=(j-T)*p;S(T+P),m&&!k&&u()&&(p*=po,ye(P)<co&&w(d(u(!0)),uo,!1,c,!0))}function W(){v&&v.cancel()}function B(){v&&!v.isPaused()&&(W(),g())}function A(h){var x=t.easingFunc;return x?x(h):1-Math.pow(1-h,4)}return{mount:E,destroy:W,scroll:w,cancel:B}}var Xe={passive:!1,capture:!0};function ho(e,n,t){var r=le(e),o=r.on,a=r.emit,i=r.bind,l=r.unbind,s=e.state,d=n.Move,u=n.Scroll,S=n.Controller,m=n.Elements.track,v=n.Media.reduce,c=n.Direction,p=c.resolve,E=c.orient,w=d.getPosition,g=d.exceededLimit,b,W,B,A,h,x=!1,k,z,T;function j(){i(m,qt,Qt,Xe),i(m,Jt,Qt,Xe),i(m,Nr,U,Xe),i(m,"click",R,{capture:!0}),i(m,"dragstart",Te),o([Fe,he],P)}function P(){var F=t.drag;wt(!F),A=F==="free"}function U(F){if(k=!1,!z){var y=fe(F);oe(F.target)&&(y||!F.button)&&(S.isBusy()?Te(F,!0):(T=y?m:window,h=s.is([tt,mt]),B=null,i(T,qt,H,Xe),i(T,Jt,f,Xe),d.cancel(),u.cancel(),I(F)))}}function H(F){if(s.is(Lt)||(s.set(Lt),a(cr)),F.cancelable)if(h){d.translate(b+ge(te(F)));var y=me(F)>Wn,V=x!==(x=g());(y||V)&&I(F),k=!0,a(ur),Te(F)}else O(F)&&(h=_(F),Te(F))}function f(F){s.is(Lt)&&(s.set(Ze),a(dr)),h&&(L(F),Te(F)),l(T,qt,H),l(T,Jt,f),h=!1}function R(F){!z&&k&&Te(F,!0)}function I(F){B=W,W=F,b=w()}function L(F){var y=X(F),V=re(y),G=t.rewind&&t.rewindByDrag;v(!1),A?S.scroll(V,0,t.snap):e.is(Et)?S.go(E(tn(y))<0?G?"<":"-":G?">":"+"):e.is(et)&&x&&G?S.go(g(!0)?">":"<"):S.go(S.toDest(V),!0),v(!0)}function _(F){var y=t.dragMinThreshold,V=lt(y),G=V&&y.mouse||0,Z=(V?y.touch:+y)||10;return ye(te(F))>(fe(F)?Z:G)}function O(F){return ye(te(F))>ye(te(F,!0))}function X(F){if(e.is(rt)||!x){var y=me(F);if(y&&y<Wn)return te(F)/y}return 0}function re(F){return w()+tn(F)*Be(ye(F)*(t.flickPower||600),A?1/0:n.Layout.listSize()*(t.flickMaxPages||1))}function te(F,y){return J(F,y)-J(C(F),y)}function me(F){return en(F)-en(C(F))}function C(F){return W===F&&B||W}function J(F,y){return(fe(F)?F.changedTouches[0]:F)["page"+p(y?"Y":"X")]}function ge(F){return F/(x&&e.is(et)?Xi:1)}function oe(F){var y=t.noDrag;return!ct(F,"."+Ar+", ."+Yt)&&(!y||!ct(F,y))}function fe(F){return typeof TouchEvent<"u"&&F instanceof TouchEvent}function it(){return h}function wt(F){z=F}return{mount:j,disable:wt,isDragging:it}}var vo={Spacebar:" ",Right:$t,Left:Vt,Up:_r,Down:br};function An(e){return e=Pe(e)?e:e.key,vo[e]||e}var Mn="keydown";function yo(e,n,t){var r=le(e),o=r.on,a=r.bind,i=r.unbind,l=e.root,s=n.Direction.resolve,d,u;function S(){m(),o(he,v),o(he,m),o(je,p)}function m(){var w=t.keyboard;w&&(d=w==="global"?window:l,a(d,Mn,E))}function v(){i(d,Mn)}function c(w){u=w}function p(){var w=u;u=!0,qn(function(){u=w})}function E(w){if(!u){var g=An(w);g===s(Vt)?e.go("<"):g===s($t)&&e.go(">")}}return{mount:S,destroy:v,disable:c}}var at=gn+"-lazy",Nt=at+"-srcset",_o="["+at+"], ["+Nt+"]";function bo(e,n,t){var r=le(e),o=r.on,a=r.off,i=r.bind,l=r.emit,s=t.lazyLoad==="sequential",d=[nt,Ue],u=[];function S(){t.lazyLoad&&(m(),o(de,m))}function m(){Oe(u),v(),s?w():(a(d),o(d,c),c())}function v(){n.Slides.forEach(function(g){fn(g.slide,_o).forEach(function(b){var W=we(b,at),B=we(b,Nt);if(W!==b.src||B!==b.srcset){var A=t.classes.spinner,h=b.parentElement,x=_t(h,"."+A)||qe("span",A,h);u.push([b,g,x]),b.src||pt(b,"none")}})})}function c(){u=u.filter(function(g){var b=t.perPage*((t.preloadPages||1)+1)-1;return g[1].isWithin(e.index,b)?p(g):!0}),u.length||a(d)}function p(g){var b=g[0];Ce(g[1].slide,an),i(b,"load error",ie(E,g)),q(b,"src",we(b,at)),q(b,"srcset",we(b,Nt)),Ae(b,at),Ae(b,Nt)}function E(g,b){var W=g[0],B=g[1];Ne(B.slide,an),b.type!=="error"&&($e(g[2]),pt(W,""),l(Sn,W,B),l(Qe)),s&&w()}function w(){u.length&&p(u.shift())}return{mount:S,destroy:ie(Oe,u),check:c}}function So(e,n,t){var r=le(e),o=r.on,a=r.emit,i=r.bind,l=n.Slides,s=n.Elements,d=n.Controller,u=d.hasFocus,S=d.getIndex,m=d.go,v=n.Direction.resolve,c=s.pagination,p=[],E,w;function g(){b(),o([he,de,Dt],g);var z=t.pagination;c&&pt(c,z?"":"none"),z&&(o([je,Ft,Ue],k),W(),k(),a(gr,{list:E,items:p},x(e.index)))}function b(){E&&($e(c?ze(E.children):E),Ne(E,w),Oe(p),E=null),r.destroy()}function W(){var z=e.length,T=t.classes,j=t.i18n,P=t.perPage,U=u()?d.getEnd()+1:ft(z/P);E=c||qe("ul",T.pagination,s.track.parentElement),Ce(E,w=Gt+"--"+h()),q(E,ke,"tablist"),q(E,be,j.select),q(E,wn,h()===Ht?"vertical":"");for(var H=0;H<U;H++){var f=qe("li",null,E),R=qe("button",{class:T.page,type:"button"},f),I=l.getIn(H).map(function(_){return _.slide.id}),L=!u()&&P>1?j.pageX:j.slideX;i(R,"click",ie(B,H)),t.paginationKeyboard&&i(R,"keydown",ie(A,H)),q(f,ke,"presentation"),q(R,ke,"tab"),q(R,St,I.join(" ")),q(R,be,nn(L,H+1)),q(R,Je,-1),p.push({li:f,button:R,page:H})}}function B(z){m(">"+z,!0)}function A(z,T){var j=p.length,P=An(T),U=h(),H=-1;P===v($t,!1,U)?H=++z%j:P===v(Vt,!1,U)?H=(--z+j)%j:P==="Home"?H=0:P==="End"&&(H=j-1);var f=p[H];f&&(er(f.button),m(">"+H),Te(T,!0))}function h(){return t.paginationDirection||t.direction}function x(z){return p[d.toPage(z)]}function k(){var z=x(S(!0)),T=x(S());if(z){var j=z.button;Ne(j,He),Ae(j,Dn),q(j,Je,-1)}if(T){var P=T.button;Ce(P,He),q(P,Dn,!0),q(P,Je,"")}a(mr,{list:E,items:p},z,T)}return{items:p,mount:g,destroy:b,getAt:x,update:k}}var Eo=[" ","Enter"];function wo(e,n,t){var r=t.isNavigation,o=t.slideFocus,a=[];function i(){e.splides.forEach(function(c){c.isParent||(d(e,c.splide),d(c.splide,e))}),r&&u()}function l(){a.forEach(function(c){c.destroy()}),Oe(a)}function s(){l(),i()}function d(c,p){var E=le(c);E.on(je,function(w,g,b){p.go(p.is(rt)?b:w)}),a.push(E)}function u(){var c=le(e),p=c.on;p(hn,m),p(vr,v),p([Fe,he],S),a.push(c),c.emit(yn,e.splides)}function S(){q(n.Elements.list,wn,t.direction===Ht?"vertical":"")}function m(c){e.go(c.index)}function v(c,p){dn(Eo,An(p))&&(m(c),Te(p))}return{setup:ie(n.Media.set,{slideFocus:ht(o)?r:o},!0),mount:i,destroy:l,remount:s}}function xo(e,n,t){var r=le(e),o=r.bind,a=0;function i(){t.wheel&&o(n.Elements.track,"wheel",l,Xe)}function l(d){if(d.cancelable){var u=d.deltaY,S=u<0,m=en(d),v=t.wheelMinThreshold||0,c=t.wheelSleep||0;ye(u)>v&&m-a>c&&(e.go(S?"<":">"),a=m),s(S)&&Te(d)}}function s(d){return!t.releaseWheel||e.state.is(tt)||n.Controller.getAdjacent(d)!==-1}return{mount:i}}var Co=90;function Ao(e,n,t){var r=le(e),o=r.on,a=n.Elements.track,i=t.live&&!t.isNavigation,l=qe("span",$i),s=Wt(Co,ie(u,!1));function d(){i&&(m(!n.Autoplay.isPaused()),q(a,zn,!0),l.textContent="…",o(_n,ie(m,!0)),o(bn,ie(m,!1)),o([nt,Ue],ie(u,!0)))}function u(v){q(a,Bn,v),v?(yt(a,l),s.start()):($e(l),s.cancel())}function S(){Ae(a,[Pn,zn,Bn]),$e(l)}function m(v){i&&q(a,Pn,v?"off":"polite")}return{mount:d,disable:m,destroy:S}}var Io=Object.freeze({__proto__:null,Media:ji,Direction:Di,Elements:Ki,Slides:Ji,Layout:Zi,Clones:eo,Move:to,Controller:no,Arrows:oo,Autoplay:so,Cover:lo,Scroll:mo,Drag:ho,Keyboard:yo,LazyLoad:bo,Pagination:So,Sync:wo,Wheel:xo,Live:Ao}),Lo={prev:"Previous slide",next:"Next slide",first:"Go to first slide",last:"Go to last slide",slideX:"Go to slide %s",pageX:"Go to page %s",play:"Start autoplay",pause:"Pause autoplay",carousel:"carousel",slide:"slide",select:"Select a slide to show",slideLabel:"%s of %s"},To={type:"slide",role:"region",speed:400,perPage:1,cloneStatus:!0,arrows:!0,pagination:!0,paginationKeyboard:!0,interval:5e3,pauseOnHover:!0,pauseOnFocus:!0,resetProgress:!0,easing:"cubic-bezier(0.25, 1, 0.5, 1)",drag:!0,direction:"ltr",trimSpace:!0,focusableNodes:"a, button, textarea, input, select, iframe",live:!0,classes:Yi,i18n:Lo,reducedMotion:{speed:0,rewindSpeed:0,autoplay:"pause"}};function Ro(e,n,t){var r=n.Slides;function o(){le(e).on([Fe,de],a)}function a(){r.forEach(function(l){l.style("transform","translateX(-"+100*l.index+"%)")})}function i(l,s){r.style("transition","opacity "+t.speed+"ms "+t.easing),qn(s)}return{mount:o,start:i,cancel:Qt}}function No(e,n,t){var r=n.Move,o=n.Controller,a=n.Scroll,i=n.Elements.list,l=ie(Ee,i,"transition"),s;function d(){le(e).bind(i,"transitionend",function(v){v.target===i&&s&&(S(),s())})}function u(v,c){var p=r.toPosition(v,!0),E=r.getPosition(),w=m(v);ye(p-E)>=1&&w>=1?t.useScroll?a.scroll(p,w,!1,c):(l("transform "+w+"ms "+t.easing),r.translate(p,!0),s=c):(r.jump(v),c())}function S(){l(""),a.cancel()}function m(v){var c=t.rewindSpeed;if(e.is(et)&&c){var p=o.getIndex(!0),E=o.getEnd();if(p===0&&v>=E||p>=E&&v===0)return c}return t.speed}return{mount:d,start:u,cancel:S}}var ko=(function(){function e(t,r){this.event=le(),this.Components={},this.state=ki(Ke),this.splides=[],this._o={},this._E={};var o=Pe(t)?nr(document,t):t;ot(o,o+" is invalid."),this.root=o,r=De({label:we(o,be)||"",labelledby:we(o,En)||""},To,e.defaults,r||{});try{De(r,JSON.parse(we(o,gn)))}catch{ot(!1,"Invalid JSON")}this._o=Object.create(De({},r))}var n=e.prototype;return n.mount=function(r,o){var a=this,i=this.state,l=this.Components;ot(i.is([Ke,kt]),"Already mounted!"),i.set(Ke),this._C=l,this._T=o||this._T||(this.is(Et)?Ro:No),this._E=r||this._E;var s=dt({},Io,this._E,{Transition:this._T});return Ve(s,function(d,u){var S=d(a,l,a._o);l[u]=S,S.setup&&S.setup()}),Ve(l,function(d){d.mount&&d.mount()}),this.emit(Fe),Ce(this.root,Hi),i.set(Ze),this.emit(rn),this},n.sync=function(r){return this.splides.push({splide:r}),r.splides.push({splide:this,isParent:!0}),this.state.is(Ze)&&(this._C.Sync.remount(),r.Components.Sync.remount()),this},n.go=function(r){return this._C.Controller.go(r),this},n.on=function(r,o){return this.event.on(r,o),this},n.off=function(r){return this.event.off(r),this},n.emit=function(r){var o;return(o=this.event).emit.apply(o,[r].concat(ze(arguments,1))),this},n.add=function(r,o){return this._C.Slides.add(r,o),this},n.remove=function(r){return this._C.Slides.remove(r),this},n.is=function(r){return this._o.type===r},n.refresh=function(){return this.emit(de),this},n.destroy=function(r){r===void 0&&(r=!0);var o=this.event,a=this.state;return a.is(Ke)?le(this).on(rn,this.destroy.bind(this,r)):(Ve(this._C,function(i){i.destroy&&i.destroy(r)},!0),o.emit(vn),o.destroy(),r&&Oe(this.splides),a.set(kt)),this},Ii(e,[{key:"options",get:function(){return this._o},set:function(r){this._C.Media.set(r,!0,!0)}},{key:"length",get:function(){return this._C.Slides.getLength(!0)}},{key:"index",get:function(){return this._C.Controller.getIndex()}}]),e})(),In=ko;In.defaults={};In.STATES=Ti;var Vn=[[Fe,"onMounted"],[rn,"onReady"],[je,"onMove"],[nt,"onMoved"],[hn,"onClick"],[or,"onActive"],[ar,"onInactive"],[sr,"onVisible"],[lr,"onHidden"],[de,"onRefresh"],[he,"onUpdated"],[Qe,"onResize"],[zt,"onResized"],[cr,"onDrag"],[ur,"onDragging"],[dr,"onDragged"],[Ft,"onScroll"],[Ue,"onScrolled"],[vn,"onDestroy"],[pr,"onArrowsMounted"],[fr,"onArrowsUpdated"],[gr,"onPaginationMounted"],[mr,"onPaginationUpdated"],[yn,"onNavigationMounted"],[_n,"onAutoplayPlay"],[hr,"onAutoplayPlaying"],[bn,"onAutoplayPause"],[Sn,"onLazyLoadLoaded"]];function Ln(...e){return e.filter(Boolean).join(" ")}function Pt(e){return e!==null&&typeof e=="object"}function sn(e,n){if(Array.isArray(e)&&Array.isArray(n))return e.length===n.length&&!e.some((t,r)=>!sn(t,n[r]));if(Pt(e)&&Pt(n)){const t=Object.keys(e),r=Object.keys(n);return t.length===r.length&&!t.some(o=>!Object.prototype.hasOwnProperty.call(n,o)||!sn(e[o],n[o]))}return e===n}function Oo(e,n){return e.length===n.length&&!e.some((t,r)=>t!==n[r])}function jo(e,n){if(e){const t=Object.keys(e);for(let r=0;r<t.length;r++){const o=t[r];if(o!=="__proto__"&&n(e[o],o)===!1)break}}return e}function ln(e,n){const t=e;return jo(n,(r,o)=>{Array.isArray(r)?t[o]=r.slice():Pt(r)?t[o]=ln(Pt(t[o])?t[o]:{},r):t[o]=r}),t}var Do=({children:e,className:n,...t})=>M.createElement("div",{className:Ln("splide__track",n),...t},M.createElement("ul",{className:"splide__list"},e)),kr=class extends M.Component{constructor(){super(...arguments),this.splideRef=M.createRef(),this.slides=[]}componentDidMount(){const{options:e,extensions:n,transition:t}=this.props,{current:r}=this.splideRef;r&&(this.splide=new In(r,e),this.bind(this.splide),this.splide.mount(n,t),this.options=ln({},e||{}),this.slides=this.getSlides())}componentWillUnmount(){this.splide&&(this.splide.destroy(),this.splide=void 0),this.options=void 0,this.slides.length=0}componentDidUpdate(){if(!this.splide)return;const{options:e}=this.props;e&&!sn(this.options,e)&&(this.splide.options=e,this.options=ln({},e));const n=this.getSlides();Oo(this.slides,n)||(this.splide.refresh(),this.slides=n)}sync(e){var n;(n=this.splide)==null||n.sync(e)}go(e){var n;(n=this.splide)==null||n.go(e)}getSlides(){var e;if(this.splide){const n=(e=this.splide.Components.Elements)==null?void 0:e.list.children;return n&&Array.prototype.slice.call(n)||[]}return[]}bind(e){Vn.forEach(([n,t])=>{const r=this.props[t];typeof r=="function"&&e.on(n,(...o)=>{r(e,...o)})})}omit(e,n){return n.forEach(t=>{Object.prototype.hasOwnProperty.call(e,t)&&delete e[t]}),e}render(){const{className:e,tag:n="div",hasTrack:t=!0,children:r,...o}=this.props;return M.createElement(n,{className:Ln("splide",e),ref:this.splideRef,...this.omit(o,["options",...Vn.map(a=>a[1])])},t?M.createElement(Do,null,r):r)}},Or=({children:e,className:n,...t})=>M.createElement("li",{className:Ln("splide__slide",n),...t},e);/*!
+ * Splide.js
+ * Version  : 4.1.3
+ * License  : MIT
+ * Copyright: 2022 Naotoshi Fujita
+ */const Po="RichTextRenderer-module__link___BWeZ2",Bo={link:Po},jr=({content:e})=>{const n=t=>t.map((r,o)=>r.type==="link"?N.jsx("a",{className:Bo.link,href:r.value,target:r.target,children:n(r.children)},o):N.jsx("span",{style:zo(r),children:r.text},o));return N.jsx(N.Fragment,{children:e.map((t,r)=>{const o=t.children;return N.jsx("div",{children:n(o)},r)})})};function zo(e){return{...e.fontFamily&&{fontFamily:e.fontFamily},...e.fontWeight&&{fontWeight:e.fontWeight},...e.fontStyle&&{fontStyle:e.fontStyle},...e.textDecoration&&{textDecoration:e.textDecoration},...e.textTransform&&{textTransform:e.textTransform},...e.fontVariant&&{fontVariant:e.fontVariant},...e.verticalAlign&&{verticalAlign:e.verticalAlign,lineHeight:"0px"}}}function Y(e,n=!1){return n?`calc(var(--cntrl-article-width) * ${e})`:`${e*100}vw`}const Fo="SvgImage-module__svg___q3xE-",Wo="SvgImage-module__img___VsTm-",$n={svg:Fo,img:Wo},st=({url:e,fill:n="#000000",hoverFill:t="#CCCCCC",className:r=""})=>{const[o,a]=M.useState(!0);return M.useEffect(()=>{if(typeof window<"u"&&window.CSS){const i=CSS.supports("mask-image",'url("")')||CSS.supports("-webkit-mask-image",'url("")');a(i)}},[]),!e.endsWith(".svg")||!o?N.jsx("img",{src:e,alt:"",className:se($n.img,r)}):N.jsx("span",{"data-supports-mask":o,className:se($n.svg,r),style:{"--svg":`url(${e})`,"--fill":n,"--hover-fill":t}})},Mo={"top-left":$.topLeftAlignment,"top-center":$.topCenterAlignment,"top-right":$.topRightAlignment,"middle-left":$.middleLeftAlignment,"middle-center":$.middleCenterAlignment,"middle-right":$.middleRightAlignment,"bottom-left":$.bottomLeftAlignment,"bottom-center":$.bottomCenterAlignment,"bottom-right":$.bottomRightAlignment};function Vo({settings:e,content:n,styles:t,isEditor:r}){const[o,a]=M.useState(null),{widthSettings:i,fontSettings:l,letterSpacing:s,textAlign:d,wordSpacing:u,fontSizeLineHeight:S,textAppearance:m,color:v}=t.imageCaption,[c,p]=M.useState(void 0),[E,w]=M.useState(null),[g,b]=M.useState(0),[W,B]=M.useState(0),{direction:A,transition:h,controls:x,pagination:k,imageCaption:z,triggers:T}=e,j=M.useRef(h.type),{x:P,y:U}=e.controls.offset,H=f=>{o&&o.go(f)};return M.useEffect(()=>{if(!E)return;const f=new ResizeObserver(R=>{if(!o)return;const[I]=R;p({width:Math.round(I.contentRect.width),height:Math.round(I.contentRect.height)})});return f.observe(E),()=>f.unobserve(E)},[E]),M.useEffect(()=>{!o||j.current===h.type||(B(f=>f+1),j.current=h.type)},[h.type]),N.jsx("div",{className:se($.wrapper,{[$.editor]:r}),ref:w,children:N.jsxs("div",{className:$.sliderInner,style:{width:c?c.width:"100%",height:c?c.height:"100%",backgroundColor:h.backgroundColor&&h.type==="fade in"?h.backgroundColor:"transparent"},children:[e.imageCaption.isActive&&N.jsx("div",{className:se($.captionBlock),children:N.jsx("div",{className:$.captionTextWrapper,children:n.map((f,R)=>N.jsx("div",{className:se($.captionText,Mo[z.alignment],{[$.withPointerEvents]:R===g&&r,[$.active]:R===g}),style:{fontFamily:l.fontFamily,fontWeight:l.fontWeight,fontStyle:l.fontStyle,width:i.sizing==="auto"?"max-content":Y(i.width,r),letterSpacing:Y(s,r),wordSpacing:Y(u,r),textAlign:d,fontSize:Y(S.fontSize,r),lineHeight:Y(S.lineHeight,r),textTransform:m.textTransform??"none",textDecoration:m.textDecoration??"none",fontVariant:m.fontVariant??"normal",color:v,transitionDuration:h.duration?`${Math.round(parseInt(h.duration)/2)}ms`:"500ms"},children:N.jsx("div",{"data-styles":"imageCaption",className:$.captionTextInner,style:{"--link-hover-color":z.hover,position:"relative",top:Y(z.offset.y,r),left:Y(z.offset.x,r)},children:N.jsx(jr,{content:f.imageCaption})})},R))})}),N.jsx(kr,{onMove:f=>{b(f.index)},ref:a,options:{arrows:!1,speed:h.duration?parseInt(h.duration):500,autoplay:T.autoPlay!==null,...T.autoPlay!==null&&{interval:parseInt(T.autoPlay)*1e3},direction:A==="horiz"||h.type==="fade in"?"ltr":"ttb",pagination:!1,drag:T.triggersList.drag,perPage:1,width:c?c.width:"100%",height:c?c.height:"100%",type:h.type==="fade in"?"fade":"loop",rewind:!0},children:n.map((f,R)=>N.jsx(Or,{children:N.jsx("div",{className:$.sliderItem,children:N.jsx("div",{className:$.imgWrapper,children:N.jsx("img",{className:se($.sliderImage,{[$.contain]:f.image.objectFit==="contain",[$.cover]:f.image.objectFit==="cover"}),src:f.image.url,alt:f.image.name??""})})})},R))},W),x.isActive&&N.jsxs(N.Fragment,{children:[N.jsx("div",{className:se($.arrow,{[$.arrowVertical]:A==="vert",[$.hoverArrow]:x.show==="on hover"}),style:{color:x.color,"--arrow-hover-color":x.hover},children:N.jsxs("button",{onClick:()=>{H("-1")},className:$.arrowInner,style:{transform:`translate(${Y(P,r)}, ${Y(U*(A==="horiz"?1:-1),r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[x.arrowsImgUrl&&N.jsx(st,{url:x.arrowsImgUrl,fill:x.color,hoverFill:x.hover,className:se($.arrowImg,$.mirror)}),!x.arrowsImgUrl&&N.jsx(Hn,{color:x.color,className:se($.arrowIcon,$.arrowImg,$.mirror)})]})}),N.jsx("div",{className:se($.arrow,$.nextArrow,{[$.arrowVertical]:A==="vert",[$.hoverArrow]:x.show==="on hover"}),style:{color:x.color,"--arrow-hover-color":x.hover},children:N.jsxs("button",{className:$.arrowInner,onClick:()=>H("+1"),style:{transform:`translate(${Y(P*(A==="horiz"?-1:1),r)}, ${Y(U,r)}) scale(${e.controls.scale/100}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:[x.arrowsImgUrl&&N.jsx(st,{url:x.arrowsImgUrl,fill:x.color,hoverFill:x.hover,className:$.arrowImg}),!x.arrowsImgUrl&&N.jsx(Hn,{color:x.color,className:se($.arrowIcon,$.arrowImg)})]})})]}),T.triggersList.click&&N.jsx("div",{className:$.clickOverlay,onClick:()=>{o&&o.go("+1")}}),k.isActive&&N.jsx("div",{className:se($.pagination,{[$.paginationInsideBottom]:k.position==="inside-1"&&A==="horiz",[$.paginationInsideTop]:k.position==="inside-2"&&A==="horiz",[$.paginationOutsideBottom]:k.position==="outside-1"&&A==="horiz",[$.paginationOutsideTop]:k.position==="outside-2"&&A==="horiz",[$.paginationInsideLeft]:k.position==="inside-1"&&A==="vert",[$.paginationInsideRight]:k.position==="inside-2"&&A==="vert",[$.paginationOutsideLeft]:k.position==="outside-1"&&A==="vert",[$.paginationOutsideRight]:k.position==="outside-2"&&A==="vert",[$.paginationVertical]:A==="vert"}),children:N.jsx("div",{className:$.paginationInner,style:{backgroundColor:k.colors[2],transform:`scale(${k.scale/100}) translate(${Y(k.offset.x,r)}, ${Y(k.offset.y,r)}) rotate(${A==="horiz"?"0deg":"90deg"})`},children:n.map((f,R)=>N.jsx("button",{onClick:()=>{o&&o.go(R)},className:se($.paginationItem),children:N.jsx("div",{className:se($.dot,{[$.activeDot]:R===g}),style:{backgroundColor:R===g?k.colors[0]:k.colors[1],"--pagination-hover-color":k.hover}})},R))})})]})})}function Hn({color:e,className:n}){return N.jsx("svg",{viewBox:"0 0 10 18",className:n,children:N.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:N.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:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const $o={element:Vo,id:"control-slider",name:"Slider",preview:{type:"video",url:"https://cdn.cntrl.site/component-assets/Control-slider-preview.mp4"},defaultSize:{width:400,height:400},schema:{type:"object",properties:{settings:{layoutBased:!0,type:"object",display:{type:"settings-block"},properties:{triggers:{title:"triggers",icon:"target",tooltip:"Triggers",type:"object",properties:{triggersList:{type:"object",display:{type:"toggle-ratio-group"},properties:{click:{type:"boolean"},drag:{type:"boolean"}}},autoPlay:{type:["string","null"],label:"Auto",display:{type:"step-selector"},enum:[null,"1s","2s","3s","4s","5s"]}}},direction:{icon:"horizontal-resize",tooltip:"Direction",type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},transition:{title:"transit",icon:"transition",tooltip:"Transition",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade in"]},backgroundColor:{type:["string","null"],title:"BG Color",display:{visible:!1,type:"settings-color-picker",format:"single"}},duration:{type:"string",label:"icon:hourglass",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},controls:{title:"controls",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:50,max:600,display:{type:"range-control"}},color:{title:"color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}},show:{title:"Show",type:"string",display:{type:"ratio-group"},enum:["always","on hover"]}}},pagination:{title:"nav",icon:"pagination",tooltip:"Navigation",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"socket",direction:"horizontal"},type:"string",enum:["outside-1","outside-2","inside-1","inside-2"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"scale",min:10,max:400,display:{type:"range-control"}},colors:{display:{type:"settings-color-picker",format:"multiple"},title:"color",type:"array",items:{type:"string"}},hover:{title:"hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},imageCaption:{title:"Caption",icon:"text-icon",tooltip:"Caption",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},hover:{title:"Link Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}}},default:{triggers:{triggersList:{click:!1,drag:!0},autoPlay:null},controls:{isActive:!0,arrowsImgUrl:null,offset:{x:0,y:0},scale:100,color:"#000000",hover:"#cccccc",show:"always"},transition:{type:"slide",duration:"500ms",backgroundColor:null},pagination:{isActive:!0,scale:50,position:"outside-1",offset:{x:0,y:0},colors:["#cccccc","#cccccc","#000000"],hover:"#cccccc"},direction:"horiz",imageCaption:{offset:{x:0,y:0},isActive:!0,alignment:"middle-center",hover:"#cccccc"}},displayRules:[{if:{name:"direction",value:"vert"},then:{name:"properties.pagination.properties.position.display.direction",value:"vertical"}},{if:{name:"transition.type",value:"fade in"},then:{name:"properties.transition.properties.backgroundColor.display.visible",value:!0}}]},content:{layoutBased:!1,type:"array",settings:{addItemFromFileExplorer:!0,defaultWidth:500},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{minWidth:58,maxWidth:108,type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{placeholder:"Add Caption...",label:"Description",display:{type:"rich-text",minWidth:300,maxWidth:550}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-1.png",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-2.png",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/component-assets/Control-slider-default-picture-3.png",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{layoutBased:!0,type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}},Ho="ImageRevealSlider-module__imageRevealSlider___UE5Ob",Uo="ImageRevealSlider-module__image___Qjt-e",Yo="ImageRevealSlider-module__link___N-iLG",Go="ImageRevealSlider-module__cursor___2U03d",Ye={imageRevealSlider:Ho,image:Uo,link:Yo,cursor:Go};function Un(e,n,t){for(const r of t){const o=new Image;o.src=r.url;const a=r.width?Number.parseFloat(r.width):o.naturalWidth,i=o.naturalHeight/o.naturalWidth*a,l=a/2,s=i/2;if(e>=r.x-l&&e<=r.x+l&&n>=r.y-s&&n<=r.y+s)return!0}return!1}function Zt(e){return new Promise(n=>{const t=new Image;t.src=e,t.onload=()=>{n({width:t.naturalWidth,height:t.naturalHeight})}})}async function Xo(e,n,t,r){let o,a;if(n==="custom"){o=t;const i=await Zt(e);a=i.height/i.width*o}else if(n==="random"){o=Math.random()*(r.max-r.min)+r.min;const i=await Zt(e);a=i.height/i.width*o}else{const i=await Zt(e);o=i.width,a=i.height}return{width:o,height:a,finalWidth:`${o}px`}}function Ko({settings:e,content:n,isEditor:t}){const[r,o]=M.useState(null),[a,i]=M.useState([]),[l,s]=M.useState(0),d=M.useRef(0),[u,S]=M.useState({x:0,y:0}),[m,v]=M.useState(1),[c,p]=M.useState("none"),E=M.useRef({x:0,y:0}),[w,g]=M.useState(!1),{sizeType:b,imageWidth:W,randomRangeImageWidth:B}=e.imageSize,{revealPosition:A,visible:h}=e.position,{cursorType:x,target:k,defaultCursorScale:z,defaultCursor:T,hoverCursorScale:j,hoverCursor:P}=e.cursor;M.useEffect(()=>{if(!r)return;const f=(L,_)=>{const O=r.getBoundingClientRect(),X=L-O.left,re=_-O.top;if(S({x:X,y:re}),x==="system"){p("none"),v(1);return}const te=X,me=re,C=document.elementFromPoint(O.left+te,O.top+me);if(C&&C.closest("a")){p("none"),v(1);return}const J=Un(te,me,a)||k==="area"?{img:P??"none",scale:j}:{img:T??"none",scale:z};p(J.img),v(J.scale)},R=L=>{L.stopPropagation(),E.current={x:L.clientX,y:L.clientY},f(L.clientX,L.clientY)},I=()=>{w&&f(E.current.x,E.current.y)};return r.addEventListener("mousemove",R),window.addEventListener("scroll",I,!0),()=>{r.removeEventListener("mousemove",R),window.removeEventListener("scroll",I,!0)}},[r,w,u,x,k,P,T,j,z,a]),M.useEffect(()=>{w||(p("none"),v(0))},[w]);const U=async(f,R,I,L={})=>{const{width:_,height:O,finalWidth:X}=await Xo(f.image.url,b,W,B);let re=0,te=0;A==="same"?(re=R/2,te=I/2):(re=L.x??Math.random()*R,te=L.y??Math.random()*I);const me=Math.min(Math.max(re,_/2),R-_/2),C=Math.min(Math.max(te,O/2),I-O/2);return{id:d.current++,url:f.image.url,link:f.link,name:f.image.name,x:me,y:C,width:X}};M.useEffect(()=>{if(!r||n.length===0)return;const f=r.getBoundingClientRect(),R=f.width,I=f.height,L=[];(async()=>{const O=n[0],X=await U(O,R,I);L.push(X),i(L),s(1)})()},[b,W,B,A,r]),M.useEffect(()=>{h==="last One"&&i(f=>f.length>0?[f[f.length-1]]:[])},[h]);const H=async f=>{if(!r)return;const R=r.getBoundingClientRect(),I=f.clientX-R.left,L=f.clientY-R.top;if(k==="image"&&!Un(I,L,a))return;let _=0,O=0;A==="on Click"?(_=I,O=L):A==="same"?(_=R.width/2,O=R.height/2):(_=Math.random()*R.width,O=Math.random()*R.height);const X=n[l],re=await U(X,R.width,R.height,{x:_,y:O});i(te=>h==="all"?[...te,re]:[re]),s(te=>te>=n.length-1?0:te+1)};return N.jsxs("div",{ref:o,onClick:H,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),className:Ye.imageRevealSlider,style:{cursor:c==="none"?"default":"none"},children:[a.map(f=>N.jsx("div",{className:Ye.wrapper,style:{top:`${f.y}px`,left:`${f.x}px`,position:"absolute",transform:"translate(-50%, -50%)",width:f.width??"auto",height:"auto",cursor:c==="none"?"default":"none"},children:k==="area"&&f.link?N.jsx("a",{href:f.link,target:"_blank",className:Ye.link,children:N.jsx("img",{src:f.url,alt:f.name,className:Ye.image},f.id)}):N.jsx("img",{src:f.url,alt:f.name,className:Ye.image},f.id)},f.id)),w&&N.jsx("div",{className:Ye.cursor,style:{left:`${u.x}px`,top:`${u.y}px`,transform:`translate(-50%, -50%) scale(${m})`,backgroundImage:`url('${c}')`,backgroundSize:"cover",backgroundPosition:"center",position:"absolute",pointerEvents:"none"}})]})}const qo={element:Ko,id:"control-image-reveal",name:"Click Gallery",preview:{type:"video",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7EQ3WSW43JG5YMC8B2HTPKT.mp4"},defaultSize:{width:"100%",height:"100%"},schema:{type:"object",properties:{settings:{layoutBased:!0,type:"object",display:{type:"settings-block"},properties:{imageSize:{title:"IMG SIZE",icon:"size",tooltip:"IMG SIZE",type:"object",properties:{sizeType:{type:"string",display:{type:"ratio-group"},enum:["as Is","custom","random"]},imageWidth:{type:"number",label:"W",display:{type:"numeric-input",visible:!1}},randomRangeImageWidth:{type:"object",display:{type:"random-range-controls",visible:!1},properties:{min:{type:"number"},max:{type:"number"}}}}},cursor:{title:"cursor",icon:"cursor",tooltip:"cursor",type:"object",properties:{cursorType:{type:"string",display:{type:"ratio-group"},enum:["system","custom"]},target:{type:"string",title:"Target",display:{type:"ratio-group"},enum:["area","image"]},defaultCursor:{type:["string","null"],title:"Default",display:{type:"settings-image-input",visible:!1}},defaultCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}},hoverCursor:{type:["string","null"],title:"Hover",display:{type:"settings-image-input",visible:!1}},hoverCursorScale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control",visible:!1}}}},position:{title:"position",icon:"transition",tooltip:"Position",type:"object",properties:{revealPosition:{type:"string",display:{type:"ratio-group"},enum:["random","same","on Click"]},visible:{type:"string",title:"Visible",display:{type:"ratio-group"},enum:["all","last One"]}}}},default:{imageSize:{sizeType:"custom",imageWidth:500,randomRangeImageWidth:{min:100,max:1e3}},cursor:{cursorType:"system",target:"area",defaultCursor:null,defaultCursorScale:2,hoverCursor:null,hoverCursorScale:2},position:{revealPosition:"random",visible:"all"}},displayRules:[{if:{name:"imageSize.sizeType",value:"custom"},then:{name:"properties.imageSize.properties.imageWidth.display.visible",value:!0}},{if:{name:"imageSize.sizeType",value:"random"},then:{name:"properties.imageSize.properties.randomRangeImageWidth.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"}],then:{name:"properties.cursor.properties.defaultCursor.display.visible",value:!0}},{if:[{name:"cursor.target",value:"image"},{name:"cursor.cursorType",value:"custom"},{name:"cursor.defaultCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.defaultCursorScale.display.visible",value:!0}},{if:{name:"cursor.cursorType",value:"custom"},then:{name:"properties.cursor.properties.hoverCursor.display.visible",value:!0}},{if:[{name:"cursor.cursorType",value:"custom"},{name:"cursor.hoverCursor",value:null,isNotEqual:!0}],then:{name:"properties.cursor.properties.hoverCursorScale.display.visible",value:!0}}]},content:{layoutBased:!1,type:"array",settings:{addItemFromFileExplorer:!0,defaultWidth:500},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{isObjectFitEditable:!1,minWidth:58,maxWidth:108,type:"media-input"},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},link:{label:"URL",placeholder:"Enter link...",display:{type:"text-input",minWidth:300,maxWidth:550}}},required:["image"]},default:[{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQK9211QXBE9W284ZNKB8.png",name:"Slider-1.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQMFT72JD18WKP0Q2DVAT.png",name:"Slider-2.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQNEVRXPSRX5K1YTMJQY9.png",name:"Slider-3.png"},link:""},{image:{objectFit:"cover",url:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01K7ERQP84JKRDT7WNWDQZR4Y9.png",name:"Slider-4.png"},link:""}]}}}},Jo="LightBox-module__hidden___9s-9x",Zo="LightBox-module__heroImage___sTxNF",Qo="LightBox-module__background___rm9ml",ea="LightBox-module__editor___4ACaY",ta="LightBox-module__contentStyle___Bgnsq",na="LightBox-module__imageStyle___tLIlB",ra="LightBox-module__imgWrapper___LuFUp",ia="LightBox-module__contain___8-yaS",oa="LightBox-module__cover___hNvOG",aa="LightBox-module__caption___b6L2I",sa="LightBox-module__captionTextInner___rCGNH",la="LightBox-module__lightboxSplide___XFuWC",ca="LightBox-module__arrow___iz38X",ua="LightBox-module__arrowVertical___Zfz81",da="LightBox-module__nextArrow___zkAQN",pa="LightBox-module__arrowInner___p48sW",fa="LightBox-module__arrowIcon___3VaFf",ga="LightBox-module__arrowImg___pNV88",ma="LightBox-module__mirror___pjeXc",ha="LightBox-module__thumbsWrapper___GB-nU",va="LightBox-module__thumbsContainerVertical___wttk5",ya="LightBox-module__thumbsContainer___osSma",_a="LightBox-module__thumbsAlignStart___MO6tY",ba="LightBox-module__thumbsAlignCenter___Q4sUx",Sa="LightBox-module__thumbsAlignEnd___p4y9R",Ea="LightBox-module__thumbItem___HvnF3",wa="LightBox-module__closeButton___g2khP",xa="LightBox-module__fadeIn___0m5GW",Ca="LightBox-module__slideInLeft___gPYwC",Aa="LightBox-module__slideInRight___S-pPp",Ia="LightBox-module__slideInTop___DFdAj",La="LightBox-module__slideInBottom___m27kZ",Ta="LightBox-module__fadeOut___55qBR",Ra="LightBox-module__slideOutLeft___NvU7P",Na="LightBox-module__slideOutRight___SK7eC",ka="LightBox-module__slideOutTop___Vgg0z",Oa="LightBox-module__slideOutBottom___nJ0Ef",ja="LightBox-module__scaleSlide___vZriG",D={hidden:Jo,heroImage:Zo,background:Qo,editor:ea,contentStyle:ta,imageStyle:na,imgWrapper:ra,contain:ia,cover:oa,caption:aa,captionTextInner:sa,lightboxSplide:la,arrow:ca,arrowVertical:ua,nextArrow:da,arrowInner:pa,arrowIcon:fa,arrowImg:ga,mirror:ma,thumbsWrapper:ha,thumbsContainerVertical:va,thumbsContainer:ya,thumbsAlignStart:_a,thumbsAlignCenter:ba,thumbsAlignEnd:Sa,thumbItem:Ea,closeButton:wa,fadeIn:xa,slideInLeft:Ca,slideInRight:Aa,slideInTop:Ia,slideInBottom:La,fadeOut:Ta,slideOutLeft:Ra,slideOutRight:Na,slideOutTop:ka,slideOutBottom:Oa,scaleSlide:ja},It=(e,n,t)=>{const r={},[o,a]=e.split("-");return o==="top"?(r.top="0",r.bottom="auto"):o==="middle"?(r.top="50%",r.bottom="auto"):o==="bottom"&&(r.top="auto",r.bottom="0"),a==="left"?(r.left="0",r.right="auto"):a==="center"?(r.left="50%",r.right="auto"):a==="right"&&(r.left="auto",r.right="0"),o==="middle"&&a==="center"?r.transform=`translate(calc(-50% + ${Y(n.x,t)}), calc(-50% + ${Y(n.y,t)}))`:o==="middle"?r.transform=`translate(${Y(n.x,t)}, calc(-50% + ${Y(n.y,t)}))`:a==="center"?r.transform=`translate(calc(-50% + ${Y(n.x,t)}), ${Y(n.y,t)})`:r.transform=`translate(${Y(n.x,t)}, ${Y(n.y,t)})`,r};function Dr(e){const n=window.getComputedStyle(e);return{top:parseFloat(n.paddingTop)||0,right:parseFloat(n.paddingRight)||0,bottom:parseFloat(n.paddingBottom)||0,left:parseFloat(n.paddingLeft)||0}}function Yn(e){const n=e.getBoundingClientRect(),t=Dr(e),r=Math.max(0,n.width-t.left-t.right),o=Math.max(0,n.height-t.top-t.bottom),a=e.naturalWidth,i=e.naturalHeight,l=r/o,s=a/i;let d,u;s>l?(d=r,u=r/s):(u=o,d=o*s);const S=n.left+t.left,m=n.top+t.top,v=(r-d)/2+S,c=(o-u)/2+m;return{x:v,y:c,width:d,height:u}}function Gn(e){const n=e.getBoundingClientRect(),t=Dr(e);return{left:n.left+t.left,right:n.right-t.right,top:n.top+t.top,bottom:n.bottom-t.bottom}}function Xn(e){const n=e.match(/rgba?\(([^)]+)\)/);if(n){const r=n[1].split(",").map(o=>parseFloat(o.trim()));return r.length===4?r[3]:1}const t=e.match(/^#([0-9a-fA-F]{8})$/);if(t){const r=t[1].substring(6,8);return parseInt(r,16)/255}return e.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/),1}function Da(e,n){const t=(()=>{if(e==="fade in")return D.fadeIn;if(e==="slide in"||e==="mix")switch(n){case"left":return D.slideInLeft;case"right":return D.slideInRight;case"top":return D.slideInTop;case"bottom":return D.slideInBottom;default:return D.slideInRight}return D.fadeIn})(),r=(()=>{if(e==="fade in"||e==="mix")return D.fadeIn;if(e==="slide in")switch(n){case"left":return D.slideInLeft;case"right":return D.slideInRight;case"top":return D.slideInTop;case"bottom":return D.slideInBottom;default:return D.slideInRight}return D.fadeIn})(),o=(()=>{if(e==="fade in"||e==="mix")return D.fadeOut;if(e==="slide in")switch(n){case"left":return D.slideOutLeft;case"right":return D.slideOutRight;case"top":return D.slideOutTop;case"bottom":return D.slideOutBottom;default:return D.slideOutRight}return D.fadeOut})(),a=(()=>{if(e==="fade in")return D.fadeOut;if(e==="slide in"||e==="mix")switch(n){case"left":return D.slideOutLeft;case"right":return D.slideOutRight;case"top":return D.slideOutTop;case"bottom":return D.slideOutBottom;default:return D.slideOutRight}return D.fadeOut})();return{appearClass:t,backdropAppearClass:r,backdropDisappearClass:o,disappearClass:a}}const Pa=({settings:e,content:n,styles:t,portalId:r,activeEvent:o,isEditor:a})=>{const[i,l]=M.useState(!1),{url:s}=e.thumbnailBlock.cover;return M.useEffect(()=>{o==="close"&&l(!1),o==="open"&&l(!0)},[o]),N.jsxs(N.Fragment,{children:[N.jsx("img",{src:s,alt:"Cover",className:D.heroImage,onClick:()=>l(!0)}),N.jsx(Ba,{isOpen:i,onClose:()=>l(!1),content:n,settings:e,lightboxStyles:t,portalId:r,isEditor:a})]})},Ba=({isOpen:e,onClose:n,content:t,lightboxStyles:r,settings:o,portalId:a,isEditor:i,metadata:l})=>{var F;const[s,d]=M.useState(0),[u,S]=M.useState(0),[m,v]=M.useState(!1),[c,p]=M.useState(!1),[E,w]=M.useState({}),g=M.useRef(null),b=M.useRef(null),W=M.useRef(null),B=M.useRef(!1),A=M.useRef(null),h=M.useRef(null),x=M.useRef(null),k=M.useRef(null),z=M.useRef(!1),T=M.useRef(null),[j,P]=M.useState(!1),{appear:U,triggers:H,slider:f,thumbnail:R,controls:I,area:L,caption:_,layout:O}=o.lightboxBlock,{appearClass:X,backdropAppearClass:re,backdropDisappearClass:te,disappearClass:me}=Da(U.type,U.direction),C=(l==null?void 0:l.itemId)??null;M.useEffect(()=>{const y=()=>{setTimeout(()=>{var G,Z;(Z=(G=g.current)==null?void 0:G.splide)==null||Z.refresh()},16)},V=()=>{S(G=>G+1)};return window.addEventListener("ArticleEditor.Layout:change",y),window.addEventListener("ArticleEditor.ComponentContent:change",V),()=>{window.removeEventListener("ArticleEditor.Layout:change",y),window.removeEventListener("ArticleEditor.ComponentContent:change",V)}},[]),M.useEffect(()=>{if(!e||!R.isActive){P(!1);return}const y=T.current;if(!y)return;const V=()=>{f.direction==="horiz"?P(y.scrollWidth>y.clientWidth):P(y.scrollHeight>y.clientHeight)};V();const G=new ResizeObserver(V);return G.observe(y),()=>G.disconnect()},[e,R.isActive,t.length,E,f.direction]);const J=M.useCallback(()=>{const y=window.matchMedia("(max-width: 768px)").matches,V=Xn(L.color);y&&!i&&V>.9&&(document.body.style.backgroundColor=""),v(!0),B.current=!0;const G=Z=>{Z.target===A.current&&Z.animationName&&(A.current&&h.current&&A.current.removeEventListener("animationend",h.current),h.current=null,B.current&&(B.current=!1,n()),v(!1))};A.current&&(h.current=G,A.current.addEventListener("animationend",G))},[n,L.color,i]),ge=(y,V,G)=>{var Z,ne;if(y){if(H.type==="click"&&H.switch==="image")H.repeat==="close"&&s===t.length-1?J():(Z=g.current)==null||Z.go("+1");else if(H.type==="click"&&H.switch==="50/50"){const Q=y.getBoundingClientRect(),K=V-Q.left,ae=G-Q.top,ve=Q.width,ce=Q.height;let pe;f.direction==="horiz"?pe=K<ve/2?"-1":"+1":pe=ae<ce/2?"-1":"+1",(ne=g.current)==null||ne.go(pe)}}},oe=y=>{if(z.current){z.current=!1;return}const V=t[s],G=(V==null?void 0:V.image.objectFit)==="cover";let Z,ne;if("changedTouches"in y&&y.changedTouches.length>0)Z=y.changedTouches[0].clientX,ne=y.changedTouches[0].clientY;else if("clientX"in y)Z=y.clientX,ne=y.clientY;else return;let Q;if(G&&W.current){const K=Gn(W.current);Q=Z>=K.left&&Z<=K.right&&ne>=K.top&&ne<=K.bottom}else{const K=W.current?Yn(W.current):null;if(!K){y.target===y.currentTarget&&J();return}Q=Z>=K.x&&Z<=K.x+K.width&&ne>=K.y&&ne<=K.y+K.height}Q?ge(W.current,Z,ne):J()},fe=y=>{const V=y.target;(V.classList.contains(D.thumbsWrapper)||V.classList.contains(D.thumbsContainer))&&oe(y)};M.useEffect(()=>{if(!e)return;const y=V=>{var G,Z;if(V.key==="Escape"){J();return}if(V.key==="ArrowRight"){d(ne=>(ne+1)%Math.max(t.length,1)),(G=g.current)==null||G.go("+1");return}V.key==="ArrowLeft"&&(d(ne=>(ne-1+Math.max(t.length,1))%Math.max(t.length,1)),(Z=g.current)==null||Z.go("-1"))};return window.addEventListener("keydown",y),()=>{window.removeEventListener("keydown",y)}},[e,J,t.length]),M.useEffect(()=>{if(e){if(d(0),S(V=>V+1),B.current=!1,v(!1),p(!1),w({}),!C)return;const y=new CustomEvent("page-overlay",{detail:{itemId:C}});window.dispatchEvent(y)}return()=>{A.current&&h.current&&(A.current.removeEventListener("animationend",h.current),h.current=null),p(!1)}},[e,C]),M.useEffect(()=>{b.current!==null&&b.current!==f.type&&S(y=>y+1),b.current=f.type},[f.type]),M.useEffect(()=>{if(!e)return;const y=document.body.style.overflow,V=window.matchMedia("(max-width: 768px)").matches,G=Xn(L.color);document.body.style.overflow="hidden",p(!1);const Z=Q=>{Q.target===A.current&&!B.current&&Q.animationName&&(V&&!i&&G>.9&&(document.body.style.backgroundColor=L.color),p(!0),A.current&&x.current&&A.current.removeEventListener("animationend",x.current),x.current=null)};A.current&&(x.current=Z,A.current.addEventListener("animationend",Z));const ne=Q=>{const K=Q.target;K&&(K.closest(`.${D.thumbsWrapper}`)||K.closest(`.${D.thumbsContainer}`))||f.type!=="slide"&&Q.preventDefault()};return document.addEventListener("touchmove",ne,{passive:!1}),()=>{document.body.style.overflow=y,document.removeEventListener("touchmove",ne),A.current&&x.current&&(A.current.removeEventListener("animationend",x.current),x.current=null),p(!1)}},[e,i,L.color,f.type]),M.useEffect(()=>{if(!e)return;const y=V=>{var Z,ne;if(B.current){V.stopPropagation();return}if(z.current){z.current=!1;return}const G=V.target;if(!(G&&(G.closest(`.${D.thumbsContainer}`)||G.closest(`.${D.thumbItem}`)))){if(f.type==="slide"&&H.type==="drag"&&((ne=(Z=g.current)==null?void 0:Z.splide)!=null&&ne.root)){const Q=g.current.splide.root;if(G&&(Q.contains(G)||Q===G))return}if(V.touches.length===0&&V.changedTouches.length>0){const Q=t[s],K=(Q==null?void 0:Q.image.objectFit)==="cover",ae=V.changedTouches[0];let ve;if(K&&W.current){const ce=Gn(W.current);ve=ae.clientX>=ce.left&&ae.clientX<=ce.right&&ae.clientY>=ce.top&&ae.clientY<=ce.bottom}else{const ce=W.current?Yn(W.current):null;if(!ce)return;ve=ae.clientX>=ce.x&&ae.clientX<=ce.x+ce.width&&ae.clientY>=ce.y&&ae.clientY<=ce.y+ce.height}if(!ve){V.stopPropagation(),B.current=!0;const ce=pe=>{pe.stopPropagation(),pe.preventDefault(),document.removeEventListener("click",ce,!0)};document.addEventListener("click",ce,!0),J()}}}};return document.addEventListener("touchend",y,{passive:!0}),()=>{document.removeEventListener("touchend",y)}},[e,J,s,t]);const it=(f.type==="scale"||f.type==="fade")&&f.direction==="vert"&&H.type==="drag";M.useEffect(()=>{var pe,xt;if(!e||!it||!((xt=(pe=g.current)==null?void 0:pe.splide)!=null&&xt.root))return;const y=g.current.splide.root,V=30,G=(ee,ue)=>{if(k.current){const Le=Math.abs(ee-k.current.x),Ct=Math.abs(ue-k.current.y);(Le>0||Ct>0)&&(z.current=!0)}},Z=ee=>{k.current&&(ee.preventDefault(),G(ee.clientX,ee.clientY))},ne=ee=>{k.current&&ee.touches.length>0&&(ee.preventDefault(),G(ee.touches[0].clientX,ee.touches[0].clientY))},Q=(ee,ue)=>{if(!k.current||!g.current){k.current=null;return}const Le=Math.abs(ee-k.current.x),Ct=Math.abs(ue-k.current.y);Ct>V&&Ct>Le&&g.current.go(ue<k.current.y?"+1":"-1"),k.current=null},K=ee=>{k.current&&Q(ee.clientX,ee.clientY),document.removeEventListener("pointerup",K),document.removeEventListener("pointercancel",K),document.removeEventListener("pointermove",Z)},ae=ee=>{if(k.current){if(ee.changedTouches.length>0){const ue=ee.changedTouches[0];Q(ue.clientX,ue.clientY)}document.removeEventListener("touchend",ae),document.removeEventListener("touchcancel",ae),document.removeEventListener("touchmove",ne)}},ve=ee=>{k.current={x:ee.clientX,y:ee.clientY},z.current=!1,document.addEventListener("pointermove",Z,{passive:!1}),document.addEventListener("pointerup",K),document.addEventListener("pointercancel",K)},ce=ee=>{ee.touches.length>0&&(k.current={x:ee.touches[0].clientX,y:ee.touches[0].clientY},z.current=!1,document.addEventListener("touchmove",ne,{passive:!1}),document.addEventListener("touchend",ae),document.addEventListener("touchcancel",ae))};return y.addEventListener("pointerdown",ve),y.addEventListener("touchstart",ce),()=>{y.removeEventListener("pointerdown",ve),y.removeEventListener("touchstart",ce),document.removeEventListener("pointermove",Z),document.removeEventListener("pointerup",K),document.removeEventListener("pointercancel",K),document.removeEventListener("touchmove",ne),document.removeEventListener("touchend",ae),document.removeEventListener("touchcancel",ae),k.current=null,z.current=!1}},[e,it,u]);const wt={backgroundColor:L.color,backdropFilter:`blur(${L.blur}px)`,animationDuration:`${parseInt(U.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"};return document.getElementById(a)?Pr.createPortal(N.jsxs(N.Fragment,{children:[N.jsx("div",{ref:i?null:A,className:se(D.background,m?te:re,{[D.editor]:i},{[D.hidden]:!e}),style:{...wt,...c&&!i&&!m?{position:"absolute"}:{}}}),N.jsxs("div",{ref:i?A:null,className:se(D.contentStyle,m?me:X,{[D.editor]:i},{[D.hidden]:!e}),style:{animationDuration:`${parseInt(U.duration)}ms`,animationTimingFunction:"ease",animationFillMode:"both"},children:[N.jsx(kr,{onMove:y=>d(y.index),ref:g,className:D.lightboxSplide,options:{arrows:!1,speed:f.duration?parseInt(f.duration):500,direction:f.direction==="horiz"||f.type==="fade"||f.type==="scale"?"ltr":"ttb",pagination:!1,drag:H.type==="drag"&&!it,perPage:1,width:"100%",height:"100%",type:f.type==="fade"||f.type==="scale"?"fade":"loop",padding:0,rewind:H.repeat!=="close",start:0},style:{"--splide-speed":f.duration},children:t.map((y,V)=>{const G=It(O.position,O.offset,i),Z=`${Y(O.padding.top,i)} ${Y(O.padding.right,i)} ${Y(O.padding.bottom,i)} ${Y(O.padding.left,i)}`,ne=f.type==="scale"?(()=>{const{transform:Q,...K}=G;return{...K,position:"absolute",padding:Z,boxSizing:"border-box","--position-transform":Q||"none"}})():{...G,position:"absolute",padding:Z,boxSizing:"border-box"};return N.jsx(Or,{children:N.jsx("div",{className:D.imgWrapper,onClick:oe,children:N.jsx("img",{ref:V===s?W:null,className:se(D.imageStyle,{[D.contain]:y.image.objectFit==="contain",[D.cover]:y.image.objectFit==="cover",[D.scaleSlide]:f.type==="scale"}),src:y.image.url,alt:y.image.name??"",style:{...ne,pointerEvents:y.image.objectFit==="contain"?"none":"auto"}})})},V)})},u),I.isActive&&N.jsxs(N.Fragment,{children:[N.jsx("div",{className:se(D.arrow,{[D.arrowVertical]:f.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:N.jsxs("button",{className:D.arrowInner,style:{transform:`translate(${Y(I.offset.x,i)}, ${Y(I.offset.y*(f.direction==="horiz"?1:-1),i)}) scale(${I.scale}) rotate(${f.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=g.current)==null?void 0:y.go("-1")},"aria-label":"Previous",children:[I.arrowsImgUrl&&N.jsx(st,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:se(D.arrowImg,D.mirror)}),!I.arrowsImgUrl&&N.jsx(Kn,{color:I.color,className:se(D.arrowIcon,D.arrowImg,D.mirror)})]})}),N.jsx("div",{className:se(D.arrow,D.nextArrow,{[D.arrowVertical]:f.direction==="vert"}),style:{color:I.color,"--arrow-hover-color":I.hover},children:N.jsxs("button",{className:D.arrowInner,style:{transform:`translate(${Y(I.offset.x*(f.direction==="horiz"?-1:1),i)}, ${Y(I.offset.y,i)}) scale(${I.scale}) rotate(${f.direction==="horiz"?"0deg":"90deg"})`},onClick:()=>{var y;return(y=g.current)==null?void 0:y.go("+1")},"aria-label":"Next",children:[I.arrowsImgUrl&&N.jsx(st,{url:I.arrowsImgUrl,fill:I.color,hoverFill:I.hover,className:D.arrowImg}),!I.arrowsImgUrl&&N.jsx(Kn,{color:I.color,className:se(D.arrowIcon,D.arrowImg)})]})})]}),L.closeIconUrl&&(()=>{const y=It(L.closeIconAlign,L.closeIconOffset,i),V=`scale(${L.closeIconScale})`,G=y.transform?`${y.transform} ${V}`:V;return N.jsx("button",{className:D.closeButton,style:{...y,transform:G},onClick:J,"aria-label":"Close lightbox",children:N.jsx(st,{url:L.closeIconUrl,fill:L.closeIconColor??"#000000",hoverFill:L.closeIconHover??"#cccccc"})})})(),_&&_.isActive&&r.imageCaption&&((F=t[s])==null?void 0:F.imageCaption)&&(()=>{const{widthSettings:y,fontSettings:V,letterSpacing:G,textAlign:Z,wordSpacing:ne,fontSizeLineHeight:Q,textAppearance:K,color:ae}=r.imageCaption;return N.jsx("div",{className:D.caption,style:{...It(_.alignment,_.offset,i),fontFamily:V.fontFamily,fontWeight:V.fontWeight,fontStyle:V.fontStyle,width:y.sizing==="auto"?"max-content":Y(y.width,i),letterSpacing:Y(G,i),wordSpacing:Y(ne,i),textAlign:Z,fontSize:Y(Q.fontSize,i),lineHeight:Y(Q.lineHeight,i),textTransform:K.textTransform??"none",textDecoration:K.textDecoration??"none",fontVariant:K.fontVariant??"normal",color:ae},onClick:ve=>ve.stopPropagation(),children:N.jsx("div",{"data-styles":"imageCaption",className:D.captionTextInner,style:{"--link-hover-color":_.hover},children:N.jsx(jr,{content:t[s].imageCaption})})})})(),R.isActive&&(()=>{const[y,V]=R.position.split("-"),G=f.direction==="horiz"?`${y}-left`:R.position,Z=It(G,R.offset,i),ne=()=>{if(f.direction==="horiz"){if(V==="left")return"flex-start";if(V==="center")return"center";if(V==="right")return"flex-end"}else{if(y==="top")return"flex-start";if(y==="middle")return"center";if(y==="bottom")return"flex-end"}return"flex-start"};return N.jsx("div",{ref:T,className:D.thumbsWrapper,onClick:Q=>fe(Q),style:{position:i?"absolute":"fixed",...Z,...f.direction==="horiz"?{maxWidth:"100vw",width:"100%",overflowX:"auto",overflowY:"hidden"}:{maxHeight:"100vh",overflowY:"auto",overflowX:"hidden"}},children:N.jsx("div",{className:se(D.thumbsContainer,{[D.thumbsContainerVertical]:f.direction==="vert",[D.thumbsAlignStart]:R.align==="start",[D.thumbsAlignCenter]:R.align==="center",[D.thumbsAlignEnd]:R.align==="end"}),style:{gap:Y(R.grid.gap,i),justifyContent:j?"flex-start":ne()},children:t.map((Q,K)=>{const ae=K===s,ve=E[K],pe=R.grid.size*(ae?R.activeState.scale:1),xt=()=>{if(R.fit!=="fit")return{};if(!ve)return f.direction==="horiz"?{height:Y(pe,i)}:{width:Y(pe,i)};const ee=ve.width/ve.height;if(f.direction==="horiz"){const ue=pe,Le=ue*ee;return{width:Y(Le,i),height:Y(ue,i)}}else{const ue=pe,Le=ue/ee;return{width:Y(ue,i),height:Y(Le,i)}}};return N.jsx("button",{className:D.thumbItem,style:{...f.direction==="horiz"&&R.fit!=="fit"?{height:Y(pe,i)}:{},...f.direction==="vert"&&R.fit!=="fit"?{width:Y(pe,i)}:{},...R.fit==="cover"?{width:Y(pe,i),height:Y(pe,i)}:{},...xt(),transition:ae?"all 0.25s ease-out":"none",opacity:ae?R.activeState.opacity/100:R.opacity/100,"--thumb-hover":R.activeState.opacity/100},onClick:ee=>{var ue;ee.stopPropagation(),d(K),(ue=g.current)==null||ue.go(K)},onMouseEnter:()=>{var ee;R.triggers==="hov"&&((ee=g.current)==null||ee.go(K))},children:N.jsx("img",{src:Q.image.url,alt:Q.image.name??"",onLoad:ee=>{const ue=ee.currentTarget;ue.naturalWidth&&ue.naturalHeight&&w(Le=>({...Le,[K]:{width:ue.naturalWidth,height:ue.naturalHeight}}))},style:{objectFit:R.fit==="cover"?"cover":"contain",...R.fit==="fit"?{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"}:{},...R.fit==="cover"?{width:"100%",height:"100%"}:{}}})},`${Q.image.name}-${K}`)})})})})()]})]}),document.getElementById(a)):null};function Kn({color:e,className:n}){return N.jsx("svg",{viewBox:"0 0 10 18",className:n,children:N.jsx("g",{id:"Symbols",stroke:"none",strokeWidth:"1",fillRule:"evenodd",children:N.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:e,transform:"translate(5, 9) rotate(-90) translate(-5, -9)"})})})}const za={element:Pa,id:"lightbox",name:"Lightbox",preview:{type:"video",url:"https://cdn.cntrl.site/component-assets/lightbox.mp4"},defaultSize:{width:440,height:550},schema:{type:"object",properties:{settings:{layoutBased:!0,type:"object",properties:{thumbnailBlock:{display:{type:"settings-block",triggerEvent:"close"},type:"object",properties:{cover:{title:"COVER",icon:"cover",tooltip:"Cover Image",type:"object",properties:{url:{type:"string",display:{type:"cover-image-input"}}}}}},lightboxBlock:{display:{type:"settings-block",triggerEvent:"open"},type:"object",properties:{appear:{title:"APPEAR",icon:"transition",tooltip:"Appearance",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide in","fade in","mix"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]},direction:{type:"string",title:"From",display:{type:"direction-control"},enum:["top","left","right","bottom"]}}},triggers:{title:"TRIGGERS",icon:"target",tooltip:"Triggers",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["click","drag"]},switch:{type:"string",display:{type:"ratio-group"},enum:["image","50/50"]},repeat:{type:"string",title:"Repeat",display:{visible:!1,type:"ratio-group"},enum:["close","loop"]}}},slider:{title:"SLIDER",icon:"horizontal-resize",tooltip:"Slider",type:"object",properties:{type:{type:"string",display:{type:"ratio-group"},enum:["slide","fade","scale"]},direction:{type:"string",display:{type:"ratio-group"},enum:["horiz","vert"]},duration:{type:"string",label:"T",display:{type:"step-selector"},enum:["100ms","250ms","500ms","1000ms","1500ms","2000ms"]}}},thumbnail:{title:"THUMB",icon:"thumbnail",tooltip:"Thumbnail",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},fit:{type:"string",display:{type:"ratio-group"},enum:["cover","fit"]},align:{type:"string",title:"Align",display:{type:"align-group",direction:"horizontal"},enum:["start","center","end"]},triggers:{type:"string",title:"Triggers",display:{type:"ratio-group",direction:"horizontal"},enum:["clk","hov"]},grid:{type:"object",title:"Grid",display:{type:"group"},properties:{size:{type:"number",label:"Box",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},gap:{type:"number",label:"Gap",scalingEnabled:!0,min:0,display:{type:"numeric-input"}}}},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}},activeState:{type:"object",title:"ACTIVE",display:{type:"group"},properties:{scale:{type:"number",title:"Scale",min:1,max:5,step:.1,display:{type:"range-control"}},opacity:{type:"number",title:"Opacity",label:"icon:opacity",min:0,max:100,step:1,display:{type:"numeric-input"}}}}}},layout:{title:"LAYOUT",icon:"layout",tooltip:"Layout",type:"object",properties:{position:{display:{type:"align-grid"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},padding:{type:"object",title:"Padding",display:{type:"padding-controls"},properties:{top:{min:0,step:1,type:"number"},left:{min:0,step:1,type:"number"},right:{min:0,step:1,type:"number"},bottom:{min:0,step:1,type:"number"}}}}},controls:{title:"CONTROLS",icon:"controls",tooltip:"Controls",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},arrowsImgUrl:{type:["string","null"],display:{type:"settings-image-input"}},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},scale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},color:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},hover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},area:{title:"AREA",icon:"area",tooltip:"Area",type:"object",properties:{color:{type:"string",display:{type:"settings-color-picker",format:"single"}},blur:{type:"number",label:"icon:blur",display:{type:"numeric-input"}},closeIconUrl:{type:["string","null"],title:"Close Icon",display:{type:"settings-image-input"}},closeIconAlign:{display:{type:"align-grid",direction:"horizontal"},type:"string",enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},closeIconScale:{type:"number",title:"Scale",min:.5,max:5,step:.1,display:{type:"range-control"}},closeIconOffset:{type:"object",title:"Offset",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},closeIconColor:{title:"Color",type:"string",display:{type:"settings-color-picker",format:"single"}},closeIconHover:{title:"Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}},caption:{title:"DESC",icon:"text-icon",tooltip:"Description",type:"object",properties:{isActive:{type:"boolean",display:{type:"setting-toggle"}},alignment:{type:"string",display:{type:"align-grid"},enum:["top-left","top-center","top-right","middle-left","middle-center","middle-right","bottom-left","bottom-center","bottom-right"]},offset:{title:"Offset",type:"object",display:{type:"group"},properties:{x:{type:"number",label:"X",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}},y:{type:"number",label:"Y",scalingEnabled:!0,display:{type:"numeric-input",visible:!0}}}},hover:{title:"Link Hover",type:"string",display:{type:"settings-color-picker",format:"single"}}}}}}},default:{d:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"slide in",duration:"1000ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.01,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:0,bottom:.06,left:0}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}},m:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"horiz",duration:"1000ms"},thumbnail:{isActive:!0,position:"bottom-center",fit:"fit",align:"start",triggers:"hov",grid:{size:.1,gap:.05},offset:{x:.01,y:-.05},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.05,bottom:.06,left:.05}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}},t:{thumbnailBlock:{cover:{url:"https://cdn.cntrl.site/component-assets/Cover.jpg"}},lightboxBlock:{appear:{type:"fade in",duration:"500ms",direction:"bottom"},triggers:{type:"click",switch:"image",repeat:"loop"},slider:{type:"slide",direction:"vert",duration:"1000ms"},thumbnail:{isActive:!0,position:"middle-left",fit:"fit",align:"start",triggers:"hov",grid:{size:.05,gap:.01},offset:{x:.03,y:0},opacity:50,activeState:{scale:1,opacity:100}},layout:{position:"middle-center",offset:{x:0,y:0},padding:{top:.06,right:.1,bottom:.06,left:.1}},controls:{isActive:!1,arrowsImgUrl:null,offset:{x:0,y:0},scale:1,color:"#000000",hover:"#cccccc"},area:{color:"rgba(28,31,34,0.9)",blur:0,closeIconUrl:null,closeIconColor:"#000000",closeIconHover:"#cccccc",closeIconAlign:"top-right",closeIconOffset:{x:0,y:0},closeIconScale:1},caption:{isActive:!0,alignment:"middle-center",offset:{x:0,y:0},hover:"#cccccc"}}}},displayRules:[{if:{name:"lightboxBlock.appear.type",value:"slide in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.slider.direction",value:"vert"},then:{name:"properties.lightboxBlock.properties.thumbnail.properties.align.display.direction",value:"vertical"}},{if:{name:"lightboxBlock.appear.type",value:"mix"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!0}},{if:{name:"lightboxBlock.appear.type",value:"fade in"},then:{name:"properties.lightboxBlock.properties.appear.properties.direction.display.visible",value:!1}},{if:[{name:"lightboxBlock.triggers.type",value:"click"},{name:"lightboxBlock.triggers.switch",value:"image"}],then:{name:"properties.lightboxBlock.properties.triggers.properties.repeat.display.visible",value:!0}}]},content:{layoutBased:!1,type:"array",settings:{addItemFromFileExplorer:!0,defaultWidth:500},items:{type:"object",properties:{image:{type:"object",label:"Image",display:{type:"media-input",minWidth:58,maxWidth:108},properties:{url:{type:"string"},name:{type:"string"},objectFit:{type:"string",enum:["cover","contain"]}},required:["url","name"]},imageCaption:{label:"Description",placeholder:"Add Caption...",display:{type:"rich-text",minWidth:300,maxWidth:550}}},required:["image"]},default:[{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/2.jpg",name:"Slider-1.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/3.jpg",name:"Slider-2.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]},{image:{objectFit:"contain",url:"https://cdn.cntrl.site/component-assets/4.jpg",name:"Slider-3.png"},imageCaption:[{type:"paragraph",children:[{text:""}]}]}]},styles:{layoutBased:!0,type:"object",properties:{imageCaption:{dataName:"caption",type:"object",properties:{fontSettings:{type:"object",display:{type:"font-settings"},properties:{fontFamily:{type:"string"},fontWeight:{type:"number"},fontStyle:{type:"string"}}},widthSettings:{display:{type:"text-width-control"},type:"object",properties:{width:{type:"number"},sizing:{type:"string",enum:["auto","manual"]}}},fontSizeLineHeight:{type:"object",display:{type:"font-size-line-height"},properties:{fontSize:{type:"number"},lineHeight:{type:"number"}}},letterSpacing:{display:{type:"letter-spacing-input"},type:"number"},wordSpacing:{display:{type:"word-spacing-input"},type:"number"},textAlign:{display:{type:"text-align-control"},type:"string",enum:["left","center","right","justify"]},textAppearance:{display:{type:"text-appearance"},properties:{textTransform:{type:"string",enum:["none","uppercase","lowercase","capitalize"]},textDecoration:{type:"string",enum:["none","underline"]},fontVariant:{type:"string",enum:["normal","small-caps"]}}},color:{display:{type:"style-panel-color-picker"},type:"string"}}}},default:{imageCaption:{widthSettings:{width:.13,sizing:"auto"},fontSettings:{fontFamily:"Arial",fontWeight:400,fontStyle:"normal"},fontSizeLineHeight:{fontSize:.02,lineHeight:.02},letterSpacing:0,wordSpacing:0,textAlign:"left",textAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},color:"#000000"}}}},required:["settings","content","styles"]}},Fa=[$o,qo,za];exports.components=Fa;