@wix/editor-react-components 1.2500.0 → 1.2501.0

package/dist/site/components/AccordionComponent/component.js

@@ -1365,18 +1365,18 @@ function composeContextScopes(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-function setRef$2(ref, value) {
+function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$2(...refs) {
+function composeRefs(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef$2(ref, node);
+      const cleanup = setRef(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -1389,15 +1389,15 @@ function composeRefs$2(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef$2(refs[i], null);
+            setRef(refs[i], null);
           }
         }
       };
     }
   };
 }
-function useComposedRefs$2(...refs) {
-  return React.useCallback(composeRefs$2(...refs), refs);
+function useComposedRefs(...refs) {
+  return React.useCallback(composeRefs(...refs), refs);
 }
 // @__NO_SIDE_EFFECTS__
 function createSlot$2(ownerName) {
@@ -1431,7 +1431,7 @@ function createSlotClone$2(ownerName) {
       const childrenRef = getElementRef$3(children);
       const props2 = mergeProps$2(slotProps, children.props);
       if (children.type !== React.Fragment) {
-        props2.ref = forwardedRef ? composeRefs$2(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
       return React.cloneElement(children, props2);
     }
@@ -1502,7 +1502,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs$2(forwardedRef, context.collectionRef);
+      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsx(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
@@ -1514,7 +1514,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React__default.useRef(null);
-      const composedRefs = useComposedRefs$2(forwardedRef, ref);
+      const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React__default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -1544,40 +1544,6 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
-function setRef$1(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs$1(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef$1(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef$1(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs$1(...refs) {
-  return React.useCallback(composeRefs$1(...refs), refs);
-}
 function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler == null ? void 0 : originalEventHandler(event);
@@ -1686,7 +1652,7 @@ function createSlotClone$1(ownerName) {
       const childrenRef = getElementRef$2(children);
       const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== React.Fragment) {
-        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
       return React.cloneElement(children, props2);
     }
@@ -1779,40 +1745,6 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 var useLayoutEffect2$1 = (globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
 };
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
-}
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -2287,7 +2219,7 @@ var AccordionImpl = React__default.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
     const accordionRef = React__default.useRef(null);
-    const composedRefs = useComposedRefs$1(accordionRef, forwardedRef);
+    const composedRefs = useComposedRefs(accordionRef, forwardedRef);
     const getItems = useCollection(__scopeAccordion);
     const direction = useDirection(dir);
     const isDirectionLTR = direction === "ltr";

package/dist/site/components/Image3/component.js

@@ -4,101 +4,16 @@ import { a as getDataAttributes, n as normalizeWixUri } from "../chunks/dataUtil
 import { e as getTabIndexAttribute } from "../chunks/a11y.js";
 import { L as Link } from "../chunks/Link.js";
 import * as React from "react";
-import { a as getData, c as getFileExtension, d as fileType, b as alignTypes, f as fittingTypes, g as getPlaceholder, S as STATIC_MEDIA_URL$2 } from "../chunks/index5.js";
-import { f as fastdom } from "../chunks/fastdom.js";
+import { a as getData, g as getPlaceholder, S as STATIC_MEDIA_URL$1 } from "../chunks/index5.js";
+import { g as getMediaSizeQueryString, c as camelToKebab, a as getMediaUrlByContext, i as initCustomElement } from "../chunks/customElementInit.js";
 import { useService } from "@wix/services-manager-react";
 import { R as RenderingContextDefinition } from "../chunks/index3.js";
-const camelToKebab = (str) => str.replace(/[A-Z]+(?![^A-Z])|[A-Z]/g, (a, b) => (b ? "-" : "") + a.toLowerCase());
-const CSS_NUMERIC_VALUES = {
-  columnCount: 1,
-  columns: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  zIndex: 1,
-  zoom: 1
-};
-const pick = (obj, props) => {
-  const propsArr = Array.isArray(props) ? props : [props];
-  return propsArr.reduce((subObj, prop) => {
-    const val = obj[prop];
-    return val !== void 0 ? Object.assign(subObj, { [prop]: val }) : subObj;
-  }, {});
-};
-const addDefaultUnitIfNeeded = (prop, value) => typeof value === "number" && !CSS_NUMERIC_VALUES[prop] ? `${value}px` : value.toString();
-const setStyle = (node, styleProperties) => node && styleProperties && Object.keys(styleProperties).forEach((prop) => {
-  const styleProp = prop;
-  const propValue = styleProperties[styleProp];
-  if (propValue !== void 0) {
-    node.style[styleProp] = addDefaultUnitIfNeeded(styleProp, propValue);
-  } else {
-    node.style.removeProperty(styleProp);
-  }
-});
-const getScreenHeight = (heightOverride) => heightOverride || document.documentElement.clientHeight || window.innerHeight || 0;
-const getImageComputedProperties = (extendedImageInfo, envConsts, htmlTag) => {
-  if (!extendedImageInfo.targetWidth || !extendedImageInfo.targetHeight || !extendedImageInfo.imageData.uri) {
-    return { uri: "", css: {}, transformed: false };
-  }
-  const { imageData } = extendedImageInfo;
-  const fittingType = extendedImageInfo.displayMode || fittingTypes.SCALE_TO_FILL;
-  const imageOptions = Object.assign(pick(imageData, ["upscaleMethod"]), pick(extendedImageInfo, [
-    "filters",
-    "encoding",
-    "allowFullGIFTransformation"
-  ]), extendedImageInfo.quality || imageData.quality, {
-    hasAnimation: (extendedImageInfo == null ? void 0 : extendedImageInfo.hasAnimation) || (imageData == null ? void 0 : imageData.hasAnimation)
-  });
-  const devicePixelRatioFromData = extendedImageInfo.imageData.devicePixelRatio || envConsts.devicePixelRatio;
-  const devicePixelRatio = getDevicePixelRatio$1(devicePixelRatioFromData);
-  const src = Object.assign(pick(imageData, ["width", "height", "crop", "name", "focalPoint"]), { id: imageData.uri });
-  const target = {
-    width: extendedImageInfo.targetWidth,
-    height: extendedImageInfo.targetHeight,
-    htmlTag,
-    pixelAspectRatio: devicePixelRatio,
-    alignment: extendedImageInfo.alignType || alignTypes.CENTER
-  };
-  const imageComputedProperties = getData(fittingType, src, target, imageOptions);
-  imageComputedProperties.uri = getMediaUrlByContext(imageComputedProperties.uri, envConsts.staticMediaUrl, envConsts.mediaRootUrl);
-  return imageComputedProperties;
-};
-const getMediaUrlByContext = (imageUri, staticMediaUrl, mediaRootUrl) => {
-  var _a;
-  const isExternalUrl = /(^https?)|(^data)|(^blob)|(^\/\/)/.test(imageUri);
-  if (isExternalUrl) {
-    return imageUri;
-  }
-  let path = `${staticMediaUrl}/`;
-  if (imageUri) {
-    if (/^micons\//.test(imageUri)) {
-      path = mediaRootUrl;
-    } else if (((_a = /[^.]+$/.exec(imageUri)) == null ? void 0 : _a[0]) === "ico") {
-      path = path.replace("media", "ficons");
-    }
-  }
-  return path + imageUri;
-};
-const getDevicePixelRatio$1 = (devicePixelRatio) => {
-  const queryParams = window.location.search.split("&").map((query) => query.split("="));
-  const devicePixelRatioQueryParam = queryParams.find((query) => {
-    var _a;
-    return (_a = query[0]) == null ? void 0 : _a.toLowerCase().includes("devicepixelratio");
-  });
-  const devicePixelRatioValueForceFromUrl = (devicePixelRatioQueryParam == null ? void 0 : devicePixelRatioQueryParam[1]) ? Number(devicePixelRatioQueryParam[1]) : null;
-  return devicePixelRatioValueForceFromUrl || devicePixelRatio || 1;
-};
-const getImageSrc = (imageNode) => imageNode.getAttribute("src");
-const imageIsAnimated = (uri, hasAnimation) => getFileExtension(uri) === fileType.GIF || getFileExtension(uri) === fileType.WEBP && hasAnimation;
-const getMediaSizeQueryString = (media) => {
-  return Object.entries(media).filter(([_, value]) => value || value === 0).map(([key, value]) => `(${camelToKebab(key)}: ${value}px)`).join(" and ");
-};
 const image = "image__iWj48";
 const styles = {
   image
 };
-const STATIC_MEDIA_URL$1 = "https://static.wixstatic.com/media/";
-const MEDIA_ROOT_URL$1 = "https://static.wixstatic.com/";
+const STATIC_MEDIA_URL = "https://static.wixstatic.com/media/";
+const MEDIA_ROOT_URL = "https://static.wixstatic.com/";
 function getURL(image2, targetSize) {
   if (!image2.height || !image2.width) {
     return "";
@@ -137,7 +52,7 @@ function getURL(image2, targetSize) {
     devicePixelRatio
   };
   const { uri } = getData("fill", src, target, options);
-  return uri && getMediaUrlByContext(uri, STATIC_MEDIA_URL$1, MEDIA_ROOT_URL$1);
+  return uri && getMediaUrlByContext(uri, STATIC_MEDIA_URL, MEDIA_ROOT_URL);
 }
 const ImageNG = (props) => {
   const { id, alt, sources, priority, decorative, role, dataset } = props;
@@ -169,394 +84,6 @@ const ImageNG = (props) => {
     React.createElement("img", { ...priority === "high" ? { fetchpriority: "high" } : { loading: "lazy" }, ...decorative && { "aria-hidden": true }, src: fullSizeSrc, alt: decorative ? "" : alt, role, width: image2.width, height: image2.height })
   );
 };
-const MOBILE_SAFE_ADDRESSBAR_HEIGHT = 80;
-function getHeightOverride(height, mediaHeightOverrideType) {
-  return mediaHeightOverrideType === "fixed" || mediaHeightOverrideType === "viewport" ? document.documentElement.clientHeight + MOBILE_SAFE_ADDRESSBAR_HEIGHT : height;
-}
-function computeScaleOverrides(imageStyle, targetScale = 1) {
-  return targetScale !== 1 ? {
-    ...imageStyle,
-    width: "100%",
-    height: "100%"
-  } : imageStyle;
-}
-function computeStyleOverrides(mediaHeightOverrideType, imageStyle, displayMode, targetScale, isResponsive) {
-  const styleWithScale = computeScaleOverrides(imageStyle, targetScale);
-  if (isResponsive) {
-    delete styleWithScale.height;
-    styleWithScale.width = "100%";
-  }
-  if (!mediaHeightOverrideType) {
-    return styleWithScale;
-  }
-  const style2 = { ...styleWithScale };
-  if (displayMode === "fill") {
-    style2.position = "absolute";
-    style2.top = "0";
-  } else if (displayMode === "fit") {
-    style2.height = "100%";
-  }
-  if (mediaHeightOverrideType === "fixed") {
-    style2["will-change"] = "transform";
-  }
-  if (style2.objectPosition) {
-    style2.objectPosition = imageStyle.objectPosition.replace(/(center|bottom)$/, "top");
-  }
-  return style2;
-}
-function getSourceSetsTargetHeightByEffect(sourceSets, offsetWidth, offsetHeight, screenHeight, services) {
-  const sourceSetsTargetHeights = {};
-  sourceSets.forEach(({ mediaQuery, scrollEffect }) => {
-    var _a;
-    sourceSetsTargetHeights[mediaQuery] = ((_a = services.getMediaDimensionsByEffect) == null ? void 0 : _a.call(services, scrollEffect, offsetWidth, offsetHeight, screenHeight).height) || offsetHeight;
-  });
-  return sourceSetsTargetHeights;
-}
-function computeSrcSets(measures, imageInfo, envConsts) {
-  const { sourceSets } = imageInfo;
-  if (!sourceSets || !sourceSets.length) {
-    return;
-  }
-  const mediaToUri = {};
-  sourceSets.forEach(({ mediaQuery, crop, focalPoint }) => {
-    const imageInfoClone = {
-      ...imageInfo,
-      targetHeight: (measures.sourceSetsTargetHeights || {})[mediaQuery] || 0,
-      imageData: {
-        ...imageInfo.imageData,
-        crop,
-        focalPoint
-      }
-    };
-    const imageComputedProperties = getImageComputedProperties(imageInfoClone, envConsts, "img");
-    mediaToUri[mediaQuery] = imageComputedProperties.uri || "";
-  });
-  return mediaToUri;
-}
-function measure(id, measures, domNodes, { containerElm, bgEffect = "none", sourceSets }, services) {
-  var _a, _b;
-  const innerImage = domNodes.image;
-  const wixImage = domNodes[id];
-  const screenHeight = getScreenHeight((_a = services.getScreenHeightOverride) == null ? void 0 : _a.call(services));
-  const mediaHeightOverrideType = containerElm == null ? void 0 : containerElm.dataset.mediaHeightOverrideType;
-  const hasBgEffect = bgEffect && bgEffect !== "none" || sourceSets && sourceSets.some((srcset) => srcset.scrollEffect);
-  const sourceOfDimensions = containerElm && hasBgEffect ? containerElm : wixImage;
-  const cssBgEffect = window.getComputedStyle(wixImage).getPropertyValue("--bg-scrub-effect");
-  const { width, height } = ((_b = services.getMediaDimensionsByEffect) == null ? void 0 : _b.call(services, cssBgEffect || bgEffect, sourceOfDimensions.offsetWidth, sourceOfDimensions.offsetHeight, screenHeight)) || {
-    width: wixImage.offsetWidth,
-    height: wixImage.offsetHeight
-  };
-  if (sourceSets) {
-    measures.sourceSetsTargetHeights = getSourceSetsTargetHeightByEffect(sourceSets, sourceOfDimensions.offsetWidth, sourceOfDimensions.offsetHeight, screenHeight, services);
-  }
-  if (!innerImage) {
-    return;
-  }
-  const imgSrc = getImageSrc(innerImage);
-  if (cssBgEffect) {
-    measures.top = 0.5 * (wixImage.offsetHeight - height);
-    measures.left = 0.5 * (wixImage.offsetWidth - width);
-  }
-  measures.width = width;
-  measures.height = getHeightOverride(height, mediaHeightOverrideType);
-  measures.screenHeight = screenHeight;
-  measures.imgSrc = imgSrc;
-  measures.boundingRect = wixImage.getBoundingClientRect();
-  measures.mediaHeightOverrideType = mediaHeightOverrideType;
-  measures.srcset = innerImage.srcset;
-}
-function patch(id, measures, domNodes, imageInfo, services, envConsts, loadImage, isResponsive, bgEffect, loadImageImmediately) {
-  var _a, _b;
-  if (!Object.keys(measures).length) {
-    return;
-  }
-  const { imageData } = imageInfo;
-  const wixImageNode = domNodes[id];
-  const image2 = domNodes.image;
-  if (bgEffect) {
-    imageData.devicePixelRatio = 1;
-  }
-  const targetScale = imageInfo.targetScale || 1;
-  const allowFullGIFTransformation = (_a = services.isExperimentOpen) == null ? void 0 : _a.call(services, "specs.thunderbolt.allowFullGIFTransformation");
-  const extendedImageInfo = {
-    ...imageInfo,
-    ...!imageInfo.skipMeasure && {
-      targetWidth: (measures.width || 0) * targetScale,
-      targetHeight: (measures.height || 0) * targetScale
-    },
-    displayMode: imageData.displayMode,
-    allowFullGIFTransformation
-  };
-  const imageComputedProperties = getImageComputedProperties(extendedImageInfo, envConsts, "img");
-  const computedStyle = ((_b = imageComputedProperties == null ? void 0 : imageComputedProperties.css) == null ? void 0 : _b.img) || {};
-  const imageStyle = computeStyleOverrides(measures.mediaHeightOverrideType, computedStyle, imageData.displayMode, targetScale, isResponsive);
-  setStyle(image2, imageStyle);
-  if (measures.top || measures.left) {
-    setStyle(wixImageNode, {
-      top: `${measures.top}px`,
-      left: `${measures.left}px`
-    });
-  }
-  const src = (imageComputedProperties == null ? void 0 : imageComputedProperties.uri) || "";
-  const hasAnimation = (imageData == null ? void 0 : imageData.hasAnimation) || (imageInfo == null ? void 0 : imageInfo.hasAnimation);
-  const mediaToUri = computeSrcSets(measures, extendedImageInfo, envConsts);
-  if (loadImageImmediately) {
-    image2.dataset.ssrSrcDone = "true";
-  }
-  if (imageInfo.isLQIP && imageInfo.lqipTransition && !("transitioned" in wixImageNode.dataset)) {
-    wixImageNode.dataset.transitioned = "";
-    if (image2.complete) {
-      image2.onload = function() {
-        image2.dataset.loadDone = "";
-      };
-    } else {
-      image2.onload = function() {
-        if (image2.complete) {
-          image2.dataset.loadDone = "";
-        } else {
-          image2.onload = function() {
-            image2.dataset.loadDone = "";
-          };
-        }
-      };
-    }
-  }
-  if (loadImage) {
-    if (imageIsAnimated(imageData.uri, hasAnimation)) {
-      image2.setAttribute("fetchpriority", "low");
-      image2.setAttribute("loading", "lazy");
-      image2.setAttribute("decoding", "async");
-    } else {
-      image2.setAttribute("fetchpriority", "high");
-    }
-    image2.currentSrc !== src && image2.setAttribute("src", src);
-    const srcIsMissingFromSrcset = measures.srcset && !measures.srcset.split(", ").some((source) => source.split(" ")[0] === src);
-    if (srcIsMissingFromSrcset) {
-      image2.setAttribute("srcset", src);
-    }
-    if (domNodes.picture && extendedImageInfo.sourceSets) {
-      Array.from(domNodes.picture.querySelectorAll("source")).forEach((sourceNode) => {
-        const mediaQuery = sourceNode.media || "";
-        const uri = mediaToUri == null ? void 0 : mediaToUri[mediaQuery];
-        if (sourceNode.srcset !== uri) {
-          sourceNode.setAttribute("srcset", uri || "");
-        }
-      });
-    }
-  }
-}
-const imageLayout = {
-  measure,
-  patch
-};
-const TIMEOUT = 250;
-const imageEffectMap = {
-  parallax: "ImageParallax",
-  fixed: "ImageReveal"
-};
-function wowImageFactory(services, environmentConsts, contextWindow) {
-  return class WowImage extends contextWindow.HTMLElement {
-    constructor() {
-      super();
-      this.childListObserver = null;
-      this.timeoutId = null;
-    }
-    attributeChangedCallback(_, oldValue) {
-      if (oldValue) {
-        this.reLayout();
-      }
-    }
-    connectedCallback() {
-      if (environmentConsts.disableImagesLazyLoading) {
-        this.reLayout();
-      } else {
-        this.observeIntersect();
-      }
-    }
-    disconnectedCallback() {
-      this.unobserveResize();
-      this.unobserveIntersect();
-      this.unobserveChildren();
-    }
-    static get observedAttributes() {
-      return ["data-image-info"];
-    }
-    reLayout() {
-      const domNodes = {};
-      const measures = {};
-      const imageId = this.getAttribute("id");
-      const imageInfo = JSON.parse(this.dataset.imageInfo || "");
-      const isResponsive = this.dataset.isResponsive === "true";
-      const { bgEffectName } = this.dataset;
-      const { scrollEffect } = imageInfo.imageData;
-      const { sourceSets } = imageInfo;
-      const bgEffect = bgEffectName || scrollEffect && imageEffectMap[scrollEffect];
-      if (sourceSets && sourceSets.length) {
-        sourceSets.forEach((sourceSet) => {
-          if (sourceSet.scrollEffect) {
-            sourceSet.scrollEffect = imageEffectMap[sourceSet.scrollEffect];
-          }
-        });
-      }
-      domNodes[imageId] = this;
-      if (imageInfo.containerId) {
-        domNodes[imageInfo.containerId] = contextWindow.document.getElementById(`${imageInfo.containerId}`);
-      }
-      const containerElm = imageInfo.containerId ? domNodes[imageInfo.containerId] : void 0;
-      domNodes.image = this.querySelector("img");
-      domNodes.picture = this.querySelector("picture");
-      if (!domNodes.image) {
-        const target = this;
-        this.observeChildren(target);
-        return;
-      }
-      this.unobserveChildren();
-      this.observeChildren(this);
-      services.mutationService.measure(() => {
-        imageLayout.measure(imageId, measures, domNodes, {
-          containerElm,
-          bgEffect,
-          sourceSets
-        }, services);
-      });
-      const patchImage = (shouldLoadImage, loadImageImmediately2) => {
-        services.mutationService.mutate(() => {
-          imageLayout.patch(imageId, measures, domNodes, imageInfo, services, environmentConsts, shouldLoadImage, isResponsive, bgEffect, loadImageImmediately2);
-        });
-      };
-      const imageElement = domNodes.image;
-      const ssrSrcNeedProcessing = this.dataset.hasSsrSrc && !imageElement.dataset.ssrSrcDone;
-      const loadImageImmediately = !getImageSrc(imageElement) || ssrSrcNeedProcessing;
-      if (loadImageImmediately) {
-        patchImage(true, true);
-      } else {
-        this.debounceImageLoad(patchImage);
-      }
-    }
-    /**
-     * Debounce consecutive image loads
-     *
-     * @param {function} patchImage closure for patching the image
-     */
-    debounceImageLoad(patchImage) {
-      clearTimeout(this.timeoutId);
-      this.timeoutId = contextWindow.setTimeout(() => {
-        patchImage(true);
-      }, TIMEOUT);
-      patchImage(false);
-    }
-    observeResize() {
-      var _a;
-      (_a = services.resizeService) == null ? void 0 : _a.observe(this);
-    }
-    unobserveResize() {
-      var _a;
-      (_a = services.resizeService) == null ? void 0 : _a.unobserve(this);
-    }
-    observeIntersect() {
-      var _a;
-      (_a = services.intersectionService) == null ? void 0 : _a.observe(this);
-    }
-    unobserveIntersect() {
-      var _a;
-      (_a = services.intersectionService) == null ? void 0 : _a.unobserve(this);
-    }
-    /**
-     * Observe DOM mutations to wait for addition of missing children
-     *
-     * @param {HTMLElement} parent
-     */
-    observeChildren(parent) {
-      if (!this.childListObserver) {
-        this.childListObserver = new contextWindow.MutationObserver(() => {
-          this.reLayout();
-        });
-      }
-      this.childListObserver.observe(parent, { childList: true });
-    }
-    /**
-     * Remove DOM MutationObserver if one was created
-     */
-    unobserveChildren() {
-      if (this.childListObserver) {
-        this.childListObserver.disconnect();
-        this.childListObserver = null;
-      }
-    }
-  };
-}
-function init(contextWindow, services) {
-  const elementName = "wow-image";
-  contextWindow = contextWindow || window;
-  if (contextWindow.customElements.get(elementName) === void 0) {
-    let resizeObserver;
-    if (contextWindow.ResizeObserver) {
-      resizeObserver = new contextWindow.ResizeObserver((entries) => entries.map((entry) => entry.target.reLayout()));
-    }
-    let intersectionObserver;
-    if (contextWindow.IntersectionObserver) {
-      intersectionObserver = new IntersectionObserver((entries) => entries.map((entry) => {
-        if (entry.isIntersecting) {
-          const wowImage2 = entry.target;
-          wowImage2.unobserveIntersect();
-          wowImage2.observeResize();
-        }
-        return entry;
-      }), {
-        /**
-         * old: 50% from 1080 (desktop) is 540px, 800 (mobile) 400px
-         * new: 150% from 1080 (desktop) is 1620, 800 (mobile) 1200
-         * chrome [loading=lazy]: 4g - 1250px, lower then 3g - 2500px
-         * @see https://web.dev/articles/browser-level-image-lazy-loading#improved-thresholds
-         */
-        rootMargin: "150% 100%"
-      });
-    }
-    return function(env) {
-      const WowImage = wowImageFactory({
-        resizeService: resizeObserver,
-        intersectionService: intersectionObserver,
-        mutationService: fastdom,
-        ...services
-      }, env, contextWindow);
-      contextWindow.customElements.define(elementName, WowImage);
-    };
-  }
-  return;
-}
-const getDevicePixelRatio = () => {
-  const isMSMobileDevice = /iemobile/i.test(navigator.userAgent);
-  if (isMSMobileDevice) {
-    return Math.round(window.screen.availWidth / (window.screen.width || window.document.documentElement.clientWidth));
-  }
-  return window.devicePixelRatio;
-};
-const getIsImagesLazyLoadingDisabled = () => {
-  try {
-    return new URL(window.location.href).searchParams.get("disableLazyLoading") === "true";
-  } catch {
-    return false;
-  }
-};
-const STATIC_MEDIA_URL = "https://static.wixstatic.com/media";
-const MEDIA_ROOT_URL = "https://static.wixstatic.com";
-function initCustomElement(services = {}, contextWindow = null, envConsts = {}) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  const env = {
-    staticMediaUrl: STATIC_MEDIA_URL,
-    mediaRootUrl: MEDIA_ROOT_URL,
-    experiments: {},
-    devicePixelRatio: getDevicePixelRatio(),
-    disableImagesLazyLoading: getIsImagesLazyLoadingDisabled(),
-    ...envConsts
-  };
-  const define = init(contextWindow, services);
-  if (define) {
-    define(env);
-  }
-}
 const root = "root__FuiJG";
 const image3 = "image3__6ufCe";
 const fitWidth = "fitWidth__0L5O4";
@@ -644,7 +171,7 @@ const Image3 = (props) => {
             loading: priority === "low" ? "lazy" : void 0,
             fetchpriority: priority === "high" ? "high" : void 0,
             alt: image2.alt ?? "",
-            src: renderingContext.SEO ? `${STATIC_MEDIA_URL$2}${seoImageUrl}` : void 0,
+            src: renderingContext.SEO ? `${STATIC_MEDIA_URL$1}${seoImageUrl}` : void 0,
             ...role && { role }
           }
         ) })