@wix/editor-react-components 1.2153.0

package/dist/site/components/chunks/index3.js

@@ -0,0 +1,1465 @@
+const API_VERSION = "v1";
+const MAX_DEVICE_PIXEL_RATIO = 2;
+const DSKTP_MAX_BG_SITE_LEGACY_WIDTH = 1920;
+const DSKTP_MAX_BG_SITE_LEGACY_HEIGHT = 1920;
+const MOBILE_MAX_BG_SITE_LEGACY_WIDTH = 1e3;
+const MOBILE_MAX_BG_SITE_LEGACY_HEIGHT = 1e3;
+const fittingTypes = {
+  SCALE_TO_FILL: "fill",
+  SCALE_TO_FIT: "fit",
+  STRETCH: "stretch",
+  ORIGINAL_SIZE: "original_size",
+  TILE: "tile",
+  TILE_HORIZONTAL: "tile_horizontal",
+  TILE_VERTICAL: "tile_vertical",
+  FIT_AND_TILE: "fit_and_tile",
+  LEGACY_STRIP_TILE: "legacy_strip_tile",
+  LEGACY_STRIP_TILE_HORIZONTAL: "legacy_strip_tile_horizontal",
+  LEGACY_STRIP_TILE_VERTICAL: "legacy_strip_tile_vertical",
+  LEGACY_STRIP_SCALE_TO_FILL: "legacy_strip_fill",
+  LEGACY_STRIP_SCALE_TO_FIT: "legacy_strip_fit",
+  LEGACY_STRIP_FIT_AND_TILE: "legacy_strip_fit_and_tile",
+  LEGACY_STRIP_ORIGINAL_SIZE: "legacy_strip_original_size",
+  LEGACY_ORIGINAL_SIZE: "actual_size",
+  LEGACY_FIT_WIDTH: "fitWidth",
+  LEGACY_FIT_HEIGHT: "fitHeight",
+  LEGACY_FULL: "full",
+  LEGACY_BG_FIT_AND_TILE: "legacy_tile",
+  LEGACY_BG_FIT_AND_TILE_HORIZONTAL: "legacy_tile_horizontal",
+  LEGACY_BG_FIT_AND_TILE_VERTICAL: "legacy_tile_vertical",
+  LEGACY_BG_NORMAL: "legacy_normal"
+};
+const transformTypes = {
+  FIT: "fit",
+  FILL: "fill",
+  FILL_FOCAL: "fill_focal",
+  CROP: "crop",
+  LEGACY_CROP: "legacy_crop",
+  LEGACY_FILL: "legacy_fill"
+};
+const alignTypes = {
+  CENTER: "center",
+  TOP: "top",
+  TOP_LEFT: "top_left",
+  TOP_RIGHT: "top_right",
+  BOTTOM: "bottom",
+  BOTTOM_LEFT: "bottom_left",
+  BOTTOM_RIGHT: "bottom_right",
+  LEFT: "left",
+  RIGHT: "right"
+};
+const ALIGN_TYPE_TO_FOCAL_POINT = {
+  [alignTypes.CENTER]: { x: 0.5, y: 0.5 },
+  [alignTypes.TOP_LEFT]: { x: 0, y: 0 },
+  [alignTypes.TOP_RIGHT]: { x: 1, y: 0 },
+  [alignTypes.TOP]: { x: 0.5, y: 0 },
+  [alignTypes.BOTTOM_LEFT]: { x: 0, y: 1 },
+  [alignTypes.BOTTOM_RIGHT]: { x: 1, y: 1 },
+  [alignTypes.BOTTOM]: { x: 0.5, y: 1 },
+  [alignTypes.RIGHT]: { x: 1, y: 0.5 },
+  [alignTypes.LEFT]: { x: 0, y: 0.5 }
+};
+const alignTypesMap = {
+  center: "c",
+  top: "t",
+  top_left: "tl",
+  top_right: "tr",
+  bottom: "b",
+  bottom_left: "bl",
+  bottom_right: "br",
+  left: "l",
+  right: "r"
+};
+const htmlTag = {
+  BG: "bg",
+  SVG: "svg"
+};
+const upscaleMethods = {
+  AUTO: "auto",
+  CLASSIC: "classic",
+  SUPER: "super"
+};
+const upscaleMethodsValues = {
+  classic: 1,
+  super: 2
+};
+const defaultUSM = {
+  radius: "0.66",
+  amount: "1.00",
+  threshold: "0.01"
+};
+const emptyData = {
+  uri: "",
+  css: {
+    img: {},
+    container: {}
+  },
+  attr: {
+    img: {},
+    container: {}
+  },
+  transformed: false
+};
+const MAX_TRANSFORMED_IMAGE_WIDTH = 5e3;
+const MAX_TRANSFORMED_IMAGE_HEIGHT = 5e3;
+const SAFE_TRANSFORMED_AREA = MAX_TRANSFORMED_IMAGE_WIDTH * MAX_TRANSFORMED_IMAGE_HEIGHT;
+const SUPER_UPSCALE_MODELS = [1.5, 2, 4];
+const imageScaleDefaults = {
+  HIGH: {
+    size: 1400 * 1400,
+    quality: 90,
+    maxUpscale: 1
+  },
+  MEDIUM: {
+    size: 600 * 600,
+    quality: 85,
+    maxUpscale: 1
+  },
+  LOW: {
+    size: 400 * 400,
+    quality: 80,
+    maxUpscale: 1.2
+  },
+  TINY: {
+    size: 0,
+    quality: 80,
+    maxUpscale: 1.4
+  }
+};
+const imageQuality = {
+  HIGH: "HIGH",
+  MEDIUM: "MEDIUM",
+  LOW: "LOW",
+  TINY: "TINY"
+};
+const imageFilters = {
+  CONTRAST: "contrast",
+  BRIGHTNESS: "brightness",
+  SATURATION: "saturation",
+  HUE: "hue",
+  BLUR: "blur"
+};
+const fileType = {
+  JPG: "jpg",
+  JPEG: "jpeg",
+  JPE: "jpe",
+  PNG: "png",
+  WEBP: "webp",
+  WIX_ICO_MP: "wix_ico_mp",
+  WIX_MP: "wix_mp",
+  GIF: "gif",
+  AVIF: "avif",
+  UNRECOGNIZED: "unrecognized"
+};
+const encodingTypes = {
+  AVIF: "AVIF",
+  PAVIF: "PAVIF"
+};
+function template(strings, ...keys) {
+  return function(...values) {
+    const dict = values[values.length - 1] || {};
+    const result = [strings[0]];
+    keys.forEach(function(key, i) {
+      const value = Number.isInteger(key) ? values[key] : dict[key];
+      result.push(value, strings[i + 1]);
+    });
+    return result.join("");
+  };
+}
+function last(array) {
+  return array[array.length - 1];
+}
+const SUPPORTED_IMAGE_EXTENSIONS = [
+  fileType.PNG,
+  fileType.JPEG,
+  fileType.JPG,
+  fileType.JPE,
+  fileType.WIX_ICO_MP,
+  fileType.WIX_MP,
+  fileType.WEBP,
+  fileType.AVIF
+];
+const JPG_EXTENSIONS = [
+  fileType.JPEG,
+  fileType.JPG,
+  fileType.JPE
+];
+function isImageTypeSupported(uri) {
+  return SUPPORTED_IMAGE_EXTENSIONS.includes(getFileExtension(uri));
+}
+function isValidRequest(fittingType, src, target) {
+  return target && src && !isUrlEmptyOrNone(src.id) && Object.values(fittingTypes).includes(fittingType);
+}
+function canTransformAnimatedWebpOrAvif(uri, hasAnimation, allowAnimatedTransform) {
+  const isAvifWebpFormat = isWEBP(uri) || isAVIF(uri);
+  if (!isAvifWebpFormat || !hasAnimation) {
+    return true;
+  }
+  return allowAnimatedTransform;
+}
+function canTransformGIF(uri, allowAnimatedTransform, allowFullGIFTransformation) {
+  if (!isGIF(uri)) {
+    return false;
+  }
+  return !!(allowAnimatedTransform || allowFullGIFTransformation);
+}
+function isImageTransformApplicable(uri, hasAnimation, allowAnimatedTransform, allowFullGIFTransformation) {
+  if (isExternalUrl(uri)) {
+    return false;
+  }
+  if (!canTransformAnimatedWebpOrAvif(uri, hasAnimation, allowAnimatedTransform)) {
+    return false;
+  }
+  const isSupportedImageType = isImageTypeSupported(uri);
+  const isTransformableGif = canTransformGIF(uri, allowAnimatedTransform, allowFullGIFTransformation);
+  return isSupportedImageType || isTransformableGif;
+}
+function isJPG(uri) {
+  return JPG_EXTENSIONS.includes(getFileExtension(uri));
+}
+function isPNG(uri) {
+  return getFileExtension(uri) === fileType.PNG;
+}
+function isWEBP(uri) {
+  return getFileExtension(uri) === fileType.WEBP;
+}
+function isGIF(uri) {
+  return getFileExtension(uri) === fileType.GIF;
+}
+function isAVIF(uri) {
+  return getFileExtension(uri) === fileType.AVIF;
+}
+function isExternalUrl(url) {
+  return /(^https?)|(^data)|(^\/\/)/.test(url);
+}
+function isUrlEmptyOrNone(url) {
+  return !url || !url.trim() || url.toLowerCase() === "none";
+}
+function isSEOBot(options) {
+  return (options == null ? void 0 : options.isSEOBot) ?? false;
+}
+const ILLEGAL_CHARS = ["/", "\\", "?", "<", ">", "|", "“", ":", '"'].map(encodeURIComponent);
+const URL_SAFE_ILLEGAL_CHARS = ["\\.", "\\*"];
+const ILLEGAL_CHARS_REPLACEMENT = "_";
+function getFileName(uri, name) {
+  const beforeLeadingSlashRegexp = /\/(.*?)$/;
+  const fileExtensionRegexp = /\.([^.]*)$/;
+  const illegalCharsRegex = new RegExp(`(${ILLEGAL_CHARS.concat(URL_SAFE_ILLEGAL_CHARS).join("|")})`, "g");
+  if (name && name.length) {
+    let fileName2 = name;
+    const extension = name.match(fileExtensionRegexp);
+    if (extension && SUPPORTED_IMAGE_EXTENSIONS.includes(extension[1])) {
+      fileName2 = name.replace(fileExtensionRegexp, "");
+    }
+    return encodeURIComponent(fileName2).replace(illegalCharsRegex, ILLEGAL_CHARS_REPLACEMENT);
+  }
+  const trimmed = uri.match(beforeLeadingSlashRegexp);
+  const fileName = trimmed ? trimmed[1] : uri;
+  return fileName.replace(fileExtensionRegexp, "");
+}
+function getFileType(uri) {
+  if (isJPG(uri)) {
+    return fileType.JPG;
+  } else if (isPNG(uri)) {
+    return fileType.PNG;
+  } else if (isWEBP(uri)) {
+    return fileType.WEBP;
+  } else if (isGIF(uri)) {
+    return fileType.GIF;
+  } else if (isAVIF(uri)) {
+    return fileType.AVIF;
+  }
+  return fileType.UNRECOGNIZED;
+}
+function getFileExtension(uri) {
+  const splitURI = /[.]([^.]+)$/.exec(uri);
+  return (splitURI && /[.]([^.]+)$/.exec(uri)[1] || "").toLowerCase();
+}
+function getFitScaleFactor(sWidth, sHeight, dWidth, dHeight) {
+  return Math.min(dWidth / sWidth, dHeight / sHeight);
+}
+function getFillScaleFactor(sWidth, sHeight, dWidth, dHeight) {
+  return Math.max(dWidth / sWidth, dHeight / sHeight);
+}
+function getScaleFactor(sWidth, sHeight, dWidth, dHeight, transformType) {
+  let scaleFactor;
+  if (transformType === transformTypes.FILL) {
+    scaleFactor = getFillScaleFactor(sWidth, sHeight, dWidth, dHeight);
+  } else if (transformType === transformTypes.FIT) {
+    scaleFactor = getFitScaleFactor(sWidth, sHeight, dWidth, dHeight);
+  } else {
+    scaleFactor = 1;
+  }
+  return scaleFactor;
+}
+function getSafeTransformData(sWidth, sHeight, dWidth, dHeight, transformType) {
+  let scaleFactor;
+  let width = dWidth;
+  let height = dHeight;
+  scaleFactor = getScaleFactor(sWidth, sHeight, dWidth, dHeight, transformType);
+  if (transformType === transformTypes.FIT) {
+    width = sWidth * scaleFactor;
+    height = sHeight * scaleFactor;
+  }
+  if (width && height && width * height > SAFE_TRANSFORMED_AREA) {
+    const dimensionScaleFactor = Math.sqrt(SAFE_TRANSFORMED_AREA / (width * height));
+    width *= dimensionScaleFactor;
+    height *= dimensionScaleFactor;
+    scaleFactor = getScaleFactor(sWidth, sHeight, width, height, transformType);
+  }
+  return {
+    scaleFactor,
+    width,
+    height
+  };
+}
+function getTransformData(sWidth, sHeight, transformType, target, dpr, upscaleMethod) {
+  sWidth = sWidth || target.width;
+  sHeight = sHeight || target.height;
+  const { scaleFactor, width, height } = getSafeTransformData(sWidth, sHeight, target.width * dpr, target.height * dpr, transformType);
+  return getOptimizedTransformData(sWidth, sHeight, width, height, upscaleMethod, scaleFactor, transformType);
+}
+function getFocalPointFrom9GridAlignment(alignment = alignTypes.CENTER) {
+  return ALIGN_TYPE_TO_FOCAL_POINT[alignment];
+}
+function getAlignedRect(sRect, dRect, sFP, alignment) {
+  const fp = getFocalPoint(sFP) || getFocalPointFrom9GridAlignment(alignment);
+  const x = Math.max(0, Math.min(sRect.width - dRect.width, fp.x * sRect.width - dRect.width / 2));
+  const y = Math.max(0, Math.min(sRect.height - dRect.height, fp.y * sRect.height - dRect.height / 2));
+  return {
+    x,
+    y,
+    width: Math.min(sRect.width, dRect.width),
+    height: Math.min(sRect.height, dRect.height)
+  };
+}
+function getOverlappingRect(sRect, dRect) {
+  const width = Math.max(0, Math.min(sRect.width, dRect.x + dRect.width) - Math.max(0, dRect.x));
+  const height = Math.max(0, Math.min(sRect.height, dRect.y + dRect.height) - Math.max(0, dRect.y));
+  const isValidRect = width && height && (sRect.width !== width || sRect.height !== height);
+  return isValidRect ? {
+    x: Math.max(0, dRect.x),
+    y: Math.max(0, dRect.y),
+    width,
+    height
+  } : null;
+}
+function getDevicePixelRatio(target) {
+  return Math.min(target.pixelAspectRatio || 1, MAX_DEVICE_PIXEL_RATIO);
+}
+function getAlignment(target) {
+  return target.alignment && alignTypesMap[target.alignment] || alignTypesMap[alignTypes.CENTER];
+}
+function getFocalPoint(focalPoint) {
+  let fp;
+  if (focalPoint && typeof focalPoint.x === "number" && !isNaN(focalPoint.x) && typeof focalPoint.y === "number" && !isNaN(focalPoint.y)) {
+    fp = {
+      x: roundToFixed(Math.max(0, Math.min(100, focalPoint.x)) / 100, 2),
+      y: roundToFixed(Math.max(0, Math.min(100, focalPoint.y)) / 100, 2)
+    };
+  }
+  return fp;
+}
+function getPreferredImageQuality(imageWidth, imageHeight) {
+  return imageScaleDefaults[getImageQualityKey(imageWidth, imageHeight)].quality;
+}
+function getClassicScaleData(sWidth, sHeight) {
+  const imageKey = getImageQualityKey(sWidth, sHeight);
+  return {
+    optimizedScaleFactor: imageScaleDefaults[imageKey].maxUpscale,
+    upscaleMethodValue: upscaleMethodsValues.classic,
+    forceUSM: false
+  };
+}
+function getAutoScaleData(sWidth, sHeight) {
+  const imageKey = getImageQualityKey(sWidth, sHeight);
+  return {
+    optimizedScaleFactor: imageScaleDefaults[imageKey].maxUpscale,
+    upscaleMethodValue: upscaleMethodsValues.classic,
+    forceUSM: false
+  };
+}
+function getSuperScaleData(scaleFactor) {
+  return {
+    optimizedScaleFactor: last(SUPER_UPSCALE_MODELS),
+    upscaleMethodValue: upscaleMethodsValues.super,
+    forceUSM: !(SUPER_UPSCALE_MODELS.includes(scaleFactor) || scaleFactor > last(SUPER_UPSCALE_MODELS))
+  };
+}
+function getOptimizedScaleData(sWidth, sHeight, scaleFactor, upscaleMethod) {
+  if (upscaleMethod === "auto") {
+    return getAutoScaleData(sWidth, sHeight);
+  } else if (upscaleMethod === "super") {
+    return getSuperScaleData(scaleFactor);
+  }
+  return getClassicScaleData(sWidth, sHeight);
+}
+function getOptimizedTransformData(sWidth, sHeight, tWidth, tHeight, upscaleMethod, scaleFactor, transformType) {
+  const { optimizedScaleFactor, upscaleMethodValue, forceUSM } = getOptimizedScaleData(sWidth, sHeight, scaleFactor, upscaleMethod);
+  let width = tWidth;
+  let height = tHeight;
+  if (scaleFactor <= optimizedScaleFactor) {
+    return {
+      width,
+      height,
+      scaleFactor,
+      upscaleMethodValue,
+      forceUSM,
+      cssUpscaleNeeded: false
+    };
+  }
+  switch (transformType) {
+    case transformTypes.FILL:
+      width = tWidth * (optimizedScaleFactor / scaleFactor);
+      height = tHeight * (optimizedScaleFactor / scaleFactor);
+      break;
+    case transformTypes.FIT:
+      width = sWidth * optimizedScaleFactor;
+      height = sHeight * optimizedScaleFactor;
+      break;
+  }
+  return {
+    width,
+    height,
+    scaleFactor: optimizedScaleFactor,
+    upscaleMethodValue,
+    forceUSM,
+    cssUpscaleNeeded: true
+  };
+}
+function getImageQualityKey(imageWidth, imageHeight) {
+  const size = imageWidth * imageHeight;
+  if (size > imageScaleDefaults[imageQuality.HIGH].size) {
+    return imageQuality.HIGH;
+  } else if (size > imageScaleDefaults[imageQuality.MEDIUM].size) {
+    return imageQuality.MEDIUM;
+  } else if (size > imageScaleDefaults[imageQuality.LOW].size) {
+    return imageQuality.LOW;
+  }
+  return imageQuality.TINY;
+}
+function getDimension(sWidth, sHeight, tWidth, tHeight, transformType) {
+  const scaleFactor = getScaleFactor(sWidth, sHeight, tWidth, tHeight, transformType);
+  return {
+    width: Math.round(sWidth * scaleFactor),
+    height: Math.round(sHeight * scaleFactor)
+  };
+}
+function roundToFixed(value, precision) {
+  const truncatePrecision = Math.pow(10, precision);
+  return (value * truncatePrecision / truncatePrecision).toFixed(precision);
+}
+function getUpscaleString(options) {
+  if (!options || !options.upscaleMethod) {
+    return upscaleMethods.AUTO;
+  }
+  return upscaleMethods[options.upscaleMethod.toUpperCase()] || upscaleMethods.AUTO;
+}
+function imageIsAnimated(uri, hasAnimation) {
+  const isAvifWebpFormat = isWEBP(uri) || isAVIF(uri);
+  return getFileExtension(uri) === fileType.GIF || isAvifWebpFormat && hasAnimation;
+}
+const globalFeaturesSupportObj = {
+  /**
+   * @type {object<boolean>}
+   */
+  isMobile: false
+};
+const getFeature = function(feature) {
+  return globalFeaturesSupportObj[feature];
+};
+const setFeature = function(feature, value) {
+  globalFeaturesSupportObj[feature] = value;
+};
+function populateGlobalFeatureSupport() {
+  if (typeof window !== "undefined" && typeof navigator !== "undefined") {
+    const isSmallScreen = window.matchMedia && window.matchMedia("(max-width: 767px)").matches;
+    const isMobileAgent = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    setFeature("isMobile", isSmallScreen && isMobileAgent);
+  }
+}
+function getCSS$1(transformsObj, target) {
+  const attributes = {
+    css: {
+      container: {}
+    }
+  };
+  const { css } = attributes;
+  const { fittingType } = transformsObj;
+  switch (fittingType) {
+    case fittingTypes.ORIGINAL_SIZE:
+    case fittingTypes.LEGACY_ORIGINAL_SIZE:
+    case fittingTypes.LEGACY_STRIP_ORIGINAL_SIZE:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "no-repeat";
+      break;
+    case fittingTypes.SCALE_TO_FIT:
+    case fittingTypes.LEGACY_STRIP_SCALE_TO_FIT:
+      css.container.backgroundSize = "contain";
+      css.container.backgroundRepeat = "no-repeat";
+      break;
+    case fittingTypes.STRETCH:
+      css.container.backgroundSize = "100% 100%";
+      css.container.backgroundRepeat = "no-repeat";
+      break;
+    case fittingTypes.SCALE_TO_FILL:
+    case fittingTypes.LEGACY_STRIP_SCALE_TO_FILL:
+      css.container.backgroundSize = "cover";
+      css.container.backgroundRepeat = "no-repeat";
+      break;
+    case fittingTypes.TILE_HORIZONTAL:
+    case fittingTypes.LEGACY_STRIP_TILE_HORIZONTAL:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat-x";
+      break;
+    case fittingTypes.TILE_VERTICAL:
+    case fittingTypes.LEGACY_STRIP_TILE_VERTICAL:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat-y";
+      break;
+    case fittingTypes.TILE:
+    case fittingTypes.LEGACY_STRIP_TILE:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat";
+      break;
+    case fittingTypes.LEGACY_STRIP_FIT_AND_TILE:
+      css.container.backgroundSize = "contain";
+      css.container.backgroundRepeat = "repeat";
+      break;
+    case fittingTypes.FIT_AND_TILE:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat";
+      break;
+    // Legacy old editor bg types.
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat";
+      break;
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_HORIZONTAL:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat-x";
+      break;
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_VERTICAL:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "repeat-y";
+      break;
+    case fittingTypes.LEGACY_BG_NORMAL:
+      css.container.backgroundSize = "auto";
+      css.container.backgroundRepeat = "no-repeat";
+      break;
+  }
+  switch (target.alignment) {
+    case alignTypes.CENTER:
+      css.container.backgroundPosition = "center center";
+      break;
+    case alignTypes.LEFT:
+      css.container.backgroundPosition = "left center";
+      break;
+    case alignTypes.RIGHT:
+      css.container.backgroundPosition = "right center";
+      break;
+    case alignTypes.TOP:
+      css.container.backgroundPosition = "center top";
+      break;
+    case alignTypes.BOTTOM:
+      css.container.backgroundPosition = "center bottom";
+      break;
+    case alignTypes.TOP_RIGHT:
+      css.container.backgroundPosition = "right top";
+      break;
+    case alignTypes.TOP_LEFT:
+      css.container.backgroundPosition = "left top";
+      break;
+    case alignTypes.BOTTOM_RIGHT:
+      css.container.backgroundPosition = "right bottom";
+      break;
+    case alignTypes.BOTTOM_LEFT:
+      css.container.backgroundPosition = "left bottom";
+      break;
+  }
+  return attributes;
+}
+function alignTypeToPosition(verticalMiddle, horizontalMiddle, target) {
+  return {
+    [alignTypes.TOP_LEFT]: { top: 0, left: 0 },
+    [alignTypes.TOP_RIGHT]: { top: 0, right: 0 },
+    [alignTypes.TOP]: { top: 0, left: horizontalMiddle },
+    [alignTypes.BOTTOM_LEFT]: { bottom: 0, left: 0 },
+    [alignTypes.BOTTOM_RIGHT]: { bottom: 0, right: 0 },
+    [alignTypes.BOTTOM]: { bottom: 0, left: horizontalMiddle },
+    [alignTypes.RIGHT]: { top: verticalMiddle, right: 0 },
+    [alignTypes.LEFT]: { top: verticalMiddle, left: 0 },
+    [alignTypes.CENTER]: {
+      width: target.width,
+      height: target.height,
+      objectFit: "none"
+    }
+  };
+}
+const alignTypeToPositionStr = {
+  [alignTypes.CENTER]: "center",
+  [alignTypes.TOP]: "top",
+  [alignTypes.TOP_LEFT]: "top left",
+  [alignTypes.TOP_RIGHT]: "top right",
+  [alignTypes.BOTTOM]: "bottom",
+  [alignTypes.BOTTOM_LEFT]: "bottom left",
+  [alignTypes.BOTTOM_RIGHT]: "bottom right",
+  [alignTypes.LEFT]: "left",
+  [alignTypes.RIGHT]: "right"
+};
+const aligmentDefaults = {
+  position: "absolute",
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function getCSS(transformsObj, target) {
+  const attributes = {
+    css: {
+      container: {},
+      img: {}
+    }
+  };
+  const { css } = attributes;
+  const { fittingType } = transformsObj;
+  const alignType = target.alignment;
+  css.container.position = "relative";
+  switch (fittingType) {
+    case fittingTypes.ORIGINAL_SIZE:
+    case fittingTypes.LEGACY_ORIGINAL_SIZE:
+      if (transformsObj.parts && transformsObj.parts.length) {
+        css.img.width = transformsObj.parts[0].width;
+        css.img.height = transformsObj.parts[0].height;
+      } else {
+        css.img.width = transformsObj.src.width;
+        css.img.height = transformsObj.src.height;
+      }
+      break;
+    case fittingTypes.SCALE_TO_FIT:
+    case fittingTypes.LEGACY_FIT_WIDTH:
+    case fittingTypes.LEGACY_FIT_HEIGHT:
+    case fittingTypes.LEGACY_FULL:
+      css.img.width = target.width;
+      css.img.height = target.height;
+      css.img.objectFit = "contain";
+      css.img.objectPosition = alignTypeToPositionStr[alignType] || "unset";
+      break;
+    // BG_NORMAL is a sitebackground legacy for original size fitting type.
+    // target width and height were modified in transform.js
+    case fittingTypes.LEGACY_BG_NORMAL:
+      css.img.width = "100%";
+      css.img.height = "100%";
+      css.img.objectFit = "none";
+      css.img.objectPosition = alignTypeToPositionStr[alignType] || "unset";
+      break;
+    case fittingTypes.STRETCH:
+      css.img.width = target.width;
+      css.img.height = target.height;
+      css.img.objectFit = "fill";
+      break;
+    case fittingTypes.SCALE_TO_FILL:
+      css.img.width = target.width;
+      css.img.height = target.height;
+      css.img.objectFit = "cover";
+      break;
+  }
+  if (typeof css.img.width === "number" && typeof css.img.height === "number" && (css.img.width !== target.width || css.img.height !== target.height)) {
+    const verticalMiddle = Math.round((target.height - css.img.height) / 2);
+    const horizontalMiddle = Math.round((target.width - css.img.width) / 2);
+    Object.assign(css.img, aligmentDefaults, alignTypeToPosition(verticalMiddle, horizontalMiddle, target)[alignType]);
+  }
+  return attributes;
+}
+function getSvgAttr(transformsObj, target) {
+  const attributes = {
+    css: {
+      container: {}
+    },
+    attr: {
+      container: {},
+      img: {}
+    }
+  };
+  const { css, attr } = attributes;
+  const { fittingType } = transformsObj;
+  const alignType = target.alignment;
+  const { width: sourceWidth, height: sourceHeight } = transformsObj.src;
+  let imageScale;
+  css.container.position = "relative";
+  switch (fittingType) {
+    case fittingTypes.ORIGINAL_SIZE:
+    case fittingTypes.LEGACY_ORIGINAL_SIZE:
+    case fittingTypes.TILE:
+      if (transformsObj.parts && transformsObj.parts.length) {
+        attr.img.width = transformsObj.parts[0].width;
+        attr.img.height = transformsObj.parts[0].height;
+      } else {
+        attr.img.width = sourceWidth;
+        attr.img.height = sourceHeight;
+      }
+      attr.img.preserveAspectRatio = "xMidYMid slice";
+      break;
+    case fittingTypes.SCALE_TO_FIT:
+    case fittingTypes.LEGACY_FIT_WIDTH:
+    case fittingTypes.LEGACY_FIT_HEIGHT:
+    case fittingTypes.LEGACY_FULL:
+      attr.img.width = "100%";
+      attr.img.height = "100%";
+      attr.img.transform = "";
+      attr.img.preserveAspectRatio = "";
+      break;
+    case fittingTypes.STRETCH:
+      attr.img.width = target.width;
+      attr.img.height = target.height;
+      attr.img.x = 0;
+      attr.img.y = 0;
+      attr.img.transform = "";
+      attr.img.preserveAspectRatio = "none";
+      break;
+    case fittingTypes.SCALE_TO_FILL:
+      if (!isImageTransformApplicable(transformsObj.src.id)) {
+        imageScale = getDimension(sourceWidth, sourceHeight, target.width, target.height, transformTypes.FILL);
+        attr.img.width = imageScale.width;
+        attr.img.height = imageScale.height;
+      } else {
+        attr.img.width = target.width;
+        attr.img.height = target.height;
+      }
+      attr.img.x = 0;
+      attr.img.y = 0;
+      attr.img.transform = "";
+      attr.img.preserveAspectRatio = "xMidYMid slice";
+      break;
+  }
+  if (typeof attr.img.width === "number" && typeof attr.img.height === "number" && (attr.img.width !== target.width || attr.img.height !== target.height)) {
+    let x = 0;
+    let y = 0;
+    let right;
+    let bottom;
+    if (fittingType === fittingTypes.TILE) {
+      right = target.width % attr.img.width;
+      bottom = target.height % attr.img.height;
+    } else {
+      right = target.width - attr.img.width;
+      bottom = target.height - attr.img.height;
+    }
+    const center = Math.round(right / 2);
+    const middle = Math.round(bottom / 2);
+    switch (alignType) {
+      case alignTypes.TOP_LEFT:
+        x = 0;
+        y = 0;
+        break;
+      case alignTypes.TOP:
+        x = center;
+        y = 0;
+        break;
+      case alignTypes.TOP_RIGHT:
+        x = right;
+        y = 0;
+        break;
+      case alignTypes.LEFT:
+        x = 0;
+        y = middle;
+        break;
+      case alignTypes.CENTER:
+        x = center;
+        y = middle;
+        break;
+      case alignTypes.RIGHT:
+        x = right;
+        y = middle;
+        break;
+      case alignTypes.BOTTOM_LEFT:
+        x = 0;
+        y = bottom;
+        break;
+      case alignTypes.BOTTOM:
+        x = center;
+        y = bottom;
+        break;
+      case alignTypes.BOTTOM_RIGHT:
+        x = right;
+        y = bottom;
+        break;
+    }
+    attr.img.x = x;
+    attr.img.y = y;
+  }
+  attr.container.width = target.width;
+  attr.container.height = target.height;
+  attr.container.viewBox = [0, 0, target.width, target.height].join(" ");
+  return attributes;
+}
+function getAttributes(transformsObj, target) {
+  let attributesGetter;
+  if (target.htmlTag === htmlTag.BG) {
+    attributesGetter = getCSS$1;
+  } else if (target.htmlTag === htmlTag.SVG) {
+    attributesGetter = getSvgAttr;
+  } else {
+    attributesGetter = getCSS;
+  }
+  return attributesGetter(transformsObj, target);
+}
+function isMobile() {
+  return getFeature("isMobile");
+}
+function setTransformParts(transformsObj, src, target) {
+  let rect;
+  if (src.crop) {
+    rect = getOverlappingRect(src, src.crop);
+    if (rect) {
+      transformsObj.src.width = rect.width;
+      transformsObj.src.height = rect.height;
+      transformsObj.src.isCropped = true;
+      transformsObj.parts.push(getCropPart(rect));
+    }
+  }
+  switch (transformsObj.fittingType) {
+    case fittingTypes.SCALE_TO_FIT:
+    case fittingTypes.LEGACY_FIT_WIDTH:
+    case fittingTypes.LEGACY_FIT_HEIGHT:
+    case fittingTypes.LEGACY_FULL:
+    case fittingTypes.FIT_AND_TILE:
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE:
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_HORIZONTAL:
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_VERTICAL:
+    case fittingTypes.LEGACY_BG_NORMAL:
+      transformsObj.parts.push(getFitPart(transformsObj, target));
+      break;
+    case fittingTypes.SCALE_TO_FILL:
+      transformsObj.parts.push(getFillPart(transformsObj, target));
+      break;
+    case fittingTypes.STRETCH:
+      transformsObj.parts.push(getStretchPart(transformsObj, target));
+      break;
+    case fittingTypes.TILE_HORIZONTAL:
+    case fittingTypes.TILE_VERTICAL:
+    case fittingTypes.TILE:
+    case fittingTypes.LEGACY_ORIGINAL_SIZE:
+    case fittingTypes.ORIGINAL_SIZE:
+      rect = getAlignedRect(transformsObj.src, target, transformsObj.focalPoint, target.alignment);
+      if (transformsObj.src.isCropped) {
+        Object.assign(transformsObj.parts[0], rect);
+        transformsObj.src.width = rect.width;
+        transformsObj.src.height = rect.height;
+      } else {
+        transformsObj.parts.push(getCropPart(rect));
+      }
+      break;
+    // ---------------------------------------------------------------------------------------
+    // handles a legacy bug on bgImageStrip, background html tag
+    // component Full Width Strip stored incorrect image source width and height
+    // ---------------------------------------------------------------------------------------
+    case fittingTypes.LEGACY_STRIP_TILE_HORIZONTAL:
+    case fittingTypes.LEGACY_STRIP_TILE_VERTICAL:
+    case fittingTypes.LEGACY_STRIP_TILE:
+    case fittingTypes.LEGACY_STRIP_ORIGINAL_SIZE:
+      transformsObj.parts.push(getLegacyCropPart(target));
+      break;
+    case fittingTypes.LEGACY_STRIP_SCALE_TO_FIT:
+    case fittingTypes.LEGACY_STRIP_FIT_AND_TILE:
+      transformsObj.parts.push(getLegacyFitPart(target));
+      break;
+    case fittingTypes.LEGACY_STRIP_SCALE_TO_FILL:
+      transformsObj.parts.push(getLegacyFillPart(target));
+      break;
+  }
+}
+function getFitPart(transformsObj, target) {
+  const transformedData = getTransformData(transformsObj.src.width, transformsObj.src.height, transformTypes.FIT, target, transformsObj.devicePixelRatio, transformsObj.upscaleMethod);
+  const isMissingSrcDimensions = !transformsObj.src.width || !transformsObj.src.height;
+  const transformType = isMissingSrcDimensions ? transformTypes.FIT : transformTypes.FILL;
+  return {
+    transformType,
+    width: Math.round(transformedData.width),
+    height: Math.round(transformedData.height),
+    alignment: alignTypesMap.center,
+    upscale: transformedData.scaleFactor > 1,
+    forceUSM: transformedData.forceUSM,
+    scaleFactor: transformedData.scaleFactor,
+    cssUpscaleNeeded: transformedData.cssUpscaleNeeded,
+    upscaleMethodValue: transformedData.upscaleMethodValue
+  };
+}
+function getFillPart(transformsObj, target) {
+  const transformedData = getTransformData(transformsObj.src.width, transformsObj.src.height, transformTypes.FILL, target, transformsObj.devicePixelRatio, transformsObj.upscaleMethod);
+  const focalPoint = getFocalPoint(transformsObj.focalPoint);
+  const transformType = focalPoint ? transformTypes.FILL_FOCAL : transformTypes.FILL;
+  return {
+    transformType,
+    width: Math.round(transformedData.width),
+    height: Math.round(transformedData.height),
+    alignment: getAlignment(target),
+    focalPointX: focalPoint && focalPoint.x,
+    focalPointY: focalPoint && focalPoint.y,
+    upscale: transformedData.scaleFactor > 1,
+    forceUSM: transformedData.forceUSM,
+    scaleFactor: transformedData.scaleFactor,
+    cssUpscaleNeeded: transformedData.cssUpscaleNeeded,
+    upscaleMethodValue: transformedData.upscaleMethodValue
+  };
+}
+function getStretchPart(transformsObj, target) {
+  const scaleFactor = getScaleFactor(transformsObj.src.width, transformsObj.src.height, target.width, target.height, transformTypes.FILL);
+  const clonedTarget = { ...target };
+  clonedTarget.width = transformsObj.src.width * scaleFactor;
+  clonedTarget.height = transformsObj.src.height * scaleFactor;
+  return getFitPart(transformsObj, clonedTarget);
+}
+function getCropPart(rect) {
+  return {
+    transformType: transformTypes.CROP,
+    x: Math.round(rect.x),
+    y: Math.round(rect.y),
+    width: Math.round(rect.width),
+    height: Math.round(rect.height),
+    upscale: false,
+    forceUSM: false,
+    scaleFactor: 1,
+    cssUpscaleNeeded: false
+  };
+}
+function getLegacyFitPart(target) {
+  return {
+    transformType: transformTypes.FIT,
+    width: Math.round(target.width),
+    height: Math.round(target.height),
+    upscale: false,
+    forceUSM: true,
+    scaleFactor: 1,
+    cssUpscaleNeeded: false
+  };
+}
+function getLegacyFillPart(target) {
+  return {
+    transformType: transformTypes.LEGACY_FILL,
+    width: Math.round(target.width),
+    height: Math.round(target.height),
+    alignment: getAlignment(target),
+    upscale: false,
+    forceUSM: true,
+    scaleFactor: 1,
+    cssUpscaleNeeded: false
+  };
+}
+function getLegacyCropPart(target) {
+  return {
+    transformType: transformTypes.LEGACY_CROP,
+    width: Math.round(target.width),
+    height: Math.round(target.height),
+    alignment: getAlignment(target),
+    upscale: false,
+    forceUSM: false,
+    scaleFactor: 1,
+    cssUpscaleNeeded: false
+  };
+}
+function setTransformOptions(transformsObj, options) {
+  options = options || {};
+  transformsObj.quality = getQuality(transformsObj, options);
+  transformsObj.progressive = getProgressive(options);
+  transformsObj.watermark = getWatermark(options);
+  transformsObj.autoEncode = options.autoEncode ?? true;
+  transformsObj.encoding = options == null ? void 0 : options.encoding;
+  transformsObj.unsharpMask = getUnsharpMask(transformsObj, options);
+  transformsObj.filters = getFilters(options);
+}
+function getWatermark(options) {
+  return options.watermark;
+}
+function getProgressive(options) {
+  return options.progressive !== false;
+}
+function getQuality(transformsObj, options) {
+  const isPNG2 = transformsObj.fileType === fileType.PNG;
+  const isJPG2 = transformsObj.fileType === fileType.JPG;
+  const isWEBP2 = transformsObj.fileType === fileType.WEBP;
+  const isAVIF2 = transformsObj.fileType === fileType.AVIF;
+  const isQualitySupported = isJPG2 || isPNG2 || isWEBP2 || isAVIF2;
+  if (isQualitySupported) {
+    const transformData = last(transformsObj.parts);
+    const defaultQuality = getPreferredImageQuality(transformData.width, transformData.height);
+    let quality = options.quality && options.quality >= 5 && options.quality <= 90 ? options.quality : defaultQuality;
+    quality = isPNG2 ? quality + 5 : quality;
+    return quality;
+  }
+  return 0;
+}
+function getFilters(options) {
+  const filterOptions = options.filters || {};
+  const filters = {};
+  if (isValidImageFilter(filterOptions[imageFilters.CONTRAST], -100, 100)) {
+    filters[imageFilters.CONTRAST] = filterOptions[imageFilters.CONTRAST];
+  }
+  if (isValidImageFilter(filterOptions[imageFilters.BRIGHTNESS], -100, 100)) {
+    filters[imageFilters.BRIGHTNESS] = filterOptions[imageFilters.BRIGHTNESS];
+  }
+  if (isValidImageFilter(filterOptions[imageFilters.SATURATION], -100, 100)) {
+    filters[imageFilters.SATURATION] = filterOptions[imageFilters.SATURATION];
+  }
+  if (isValidImageFilter(filterOptions[imageFilters.HUE], -180, 180)) {
+    filters[imageFilters.HUE] = filterOptions[imageFilters.HUE];
+  }
+  if (isValidImageFilter(filterOptions[imageFilters.BLUR], 0, 100)) {
+    filters[imageFilters.BLUR] = filterOptions[imageFilters.BLUR];
+  }
+  return filters;
+}
+function isValidImageFilter(filterValue, minValue, maxValue) {
+  return typeof filterValue === "number" && !isNaN(filterValue) && filterValue !== 0 && filterValue >= minValue && filterValue <= maxValue;
+}
+function getUnsharpMask(transformsObj, options) {
+  var _a, _b, _c;
+  if (isUSMValid(options.unsharpMask)) {
+    return {
+      radius: roundToFixed((_a = options.unsharpMask) == null ? void 0 : _a.radius, 2),
+      amount: roundToFixed((_b = options.unsharpMask) == null ? void 0 : _b.amount, 2),
+      threshold: roundToFixed((_c = options.unsharpMask) == null ? void 0 : _c.threshold, 2)
+    };
+  } else if (!isZeroUSM(options.unsharpMask) && isUSMNeeded(transformsObj)) {
+    return defaultUSM;
+  }
+  return;
+}
+function isUSMNeeded(transformsObj) {
+  const transformPart = last(transformsObj.parts);
+  const upscale = transformPart.scaleFactor >= 1;
+  return !upscale || transformPart.forceUSM || transformPart.transformType === transformTypes.FIT;
+}
+function isUSMValid(usm) {
+  usm = usm || {};
+  const radius = typeof usm.radius === "number" && !isNaN(usm.radius) && usm.radius >= 0.1 && usm.radius <= 500;
+  const amount = typeof usm.amount === "number" && !isNaN(usm.amount) && usm.amount >= 0 && usm.amount <= 10;
+  const threshold = typeof usm.threshold === "number" && !isNaN(usm.threshold) && usm.threshold >= 0 && usm.threshold <= 255;
+  return radius && amount && threshold;
+}
+function isZeroUSM(usm) {
+  usm = usm || {};
+  return typeof usm.radius === "number" && !isNaN(usm.radius) && usm.radius === 0 && typeof usm.amount === "number" && !isNaN(usm.amount) && usm.amount === 0 && typeof usm.threshold === "number" && !isNaN(usm.threshold) && usm.threshold === 0;
+}
+function getTransform(fittingType, src, target, options) {
+  const _isSEOBot = isSEOBot(options);
+  const fileType2 = getFileType(src.id);
+  const fileName = getFileName(src.id, src.name);
+  const devicePixelRatio = _isSEOBot ? 1 : getDevicePixelRatio(target);
+  const fileExtension = getFileExtension(src.id);
+  const preferredExtension = fileExtension;
+  const canTransformImage = isImageTransformApplicable(src.id, options == null ? void 0 : options.hasAnimation, options == null ? void 0 : options.allowAnimatedTransform, options == null ? void 0 : options.allowFullGIFTransformation);
+  const transformsObj = {
+    fileName,
+    fileExtension,
+    fileType: fileType2,
+    fittingType,
+    preferredExtension,
+    src: {
+      id: src.id,
+      width: src.width,
+      height: src.height,
+      isCropped: false,
+      isAnimated: imageIsAnimated(src.id, options == null ? void 0 : options.hasAnimation)
+    },
+    focalPoint: {
+      x: src.focalPoint && src.focalPoint.x,
+      y: src.focalPoint && src.focalPoint.y
+    },
+    parts: [],
+    // options - general
+    devicePixelRatio,
+    quality: 0,
+    upscaleMethod: getUpscaleString(options),
+    progressive: true,
+    watermark: "",
+    unsharpMask: {},
+    filters: {},
+    transformed: canTransformImage,
+    allowFullGIFTransformation: options == null ? void 0 : options.allowFullGIFTransformation,
+    isPlaceholderFlow: options == null ? void 0 : options.isPlaceholderFlow
+  };
+  if (canTransformImage) {
+    setTransformParts(transformsObj, src, target);
+    setTransformOptions(transformsObj, options);
+  }
+  return transformsObj;
+}
+function getTarget(fittingType, src, target) {
+  const targetObj = { ...target };
+  const _isMobile = isMobile();
+  switch (fittingType) {
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE:
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_HORIZONTAL:
+    case fittingTypes.LEGACY_BG_FIT_AND_TILE_VERTICAL:
+    case fittingTypes.LEGACY_BG_NORMAL:
+      const maxBGSiteLegacyWidth = _isMobile ? MOBILE_MAX_BG_SITE_LEGACY_WIDTH : DSKTP_MAX_BG_SITE_LEGACY_WIDTH;
+      const maxBGSiteLegacyHeight = _isMobile ? MOBILE_MAX_BG_SITE_LEGACY_HEIGHT : DSKTP_MAX_BG_SITE_LEGACY_HEIGHT;
+      targetObj.width = Math.min(maxBGSiteLegacyWidth, src.width);
+      targetObj.height = Math.min(maxBGSiteLegacyHeight, Math.round(targetObj.width / (src.width / src.height)));
+      targetObj.pixelAspectRatio = 1;
+  }
+  return targetObj;
+}
+const fitTemplate = template`fit/w_${"width"},h_${"height"}`;
+const fillTemplate = template`fill/w_${"width"},h_${"height"},al_${"alignment"}`;
+const fillFocalTemplate = template`fill/w_${"width"},h_${"height"},fp_${"focalPointX"}_${"focalPointY"}`;
+const cropTemplate = template`crop/x_${"x"},y_${"y"},w_${"width"},h_${"height"}`;
+const legacyCropTemplate = template`crop/w_${"width"},h_${"height"},al_${"alignment"}`;
+const legacyFillTemplate = template`fill/w_${"width"},h_${"height"},al_${"alignment"}`;
+const upscaleTemplate = template`,lg_${"upscaleMethodValue"}`;
+const qualityTemplate = template`,q_${"quality"}`;
+const qualityAutoTemplate = template`,quality_auto`;
+const unSharpMaskTemplate = template`,usm_${"radius"}_${"amount"}_${"threshold"}`;
+const nonProgressiveTemplate = template`,bl`;
+const watermarkTemplate = template`,wm_${"watermark"}`;
+const filterTemplatesMap = {
+  [imageFilters.CONTRAST]: template`,con_${"contrast"}`,
+  [imageFilters.BRIGHTNESS]: template`,br_${"brightness"}`,
+  [imageFilters.SATURATION]: template`,sat_${"saturation"}`,
+  [imageFilters.HUE]: template`,hue_${"hue"}`,
+  [imageFilters.BLUR]: template`,blur_${"blur"}`
+};
+const autoEncodeTemplate = template`,enc_auto`;
+const AVIFEncodeTemplate = template`,enc_avif`;
+const pAVIFEncodeTemplate = template`,enc_pavif`;
+const animatedTransformTemplate = template`,pstr`;
+const animatedGIFTransformTemplate = template`,anm_all`;
+function getImageURI(transformsObj) {
+  var _a;
+  const transformsObjStrArr = [];
+  transformsObj.parts.forEach((transformPart) => {
+    switch (transformPart.transformType) {
+      case transformTypes.CROP:
+        transformsObjStrArr.push(cropTemplate(transformPart));
+        break;
+      case transformTypes.LEGACY_CROP:
+        transformsObjStrArr.push(legacyCropTemplate(transformPart));
+        break;
+      case transformTypes.LEGACY_FILL:
+        let legacyFillStr = legacyFillTemplate(transformPart);
+        if (transformPart.upscale) {
+          legacyFillStr += upscaleTemplate(transformPart);
+        }
+        transformsObjStrArr.push(legacyFillStr);
+        break;
+      case transformTypes.FIT:
+        let fitStr = fitTemplate(transformPart);
+        if (transformPart.upscale) {
+          fitStr += upscaleTemplate(transformPart);
+        }
+        transformsObjStrArr.push(fitStr);
+        break;
+      case transformTypes.FILL:
+        let fillStr = fillTemplate(transformPart);
+        if (transformPart.upscale) {
+          fillStr += upscaleTemplate(transformPart);
+        }
+        transformsObjStrArr.push(fillStr);
+        break;
+      case transformTypes.FILL_FOCAL:
+        let fillFocalStr = fillFocalTemplate(transformPart);
+        if (transformPart.upscale) {
+          fillFocalStr += upscaleTemplate(transformPart);
+        }
+        transformsObjStrArr.push(fillFocalStr);
+        break;
+    }
+  });
+  let transformsStr = transformsObjStrArr.join("/");
+  if (transformsObj.quality) {
+    transformsStr += qualityTemplate(transformsObj);
+  }
+  if (transformsObj.unsharpMask) {
+    transformsStr += unSharpMaskTemplate(transformsObj.unsharpMask);
+  }
+  if (!transformsObj.progressive) {
+    transformsStr += nonProgressiveTemplate(transformsObj);
+  }
+  if (transformsObj.watermark) {
+    transformsStr += watermarkTemplate(transformsObj);
+  }
+  if (transformsObj.filters) {
+    transformsStr += Object.keys(transformsObj.filters).map((filterName) => filterTemplatesMap[filterName](transformsObj.filters)).join("");
+  }
+  if (transformsObj.fileType !== fileType.GIF) {
+    if (transformsObj.encoding === encodingTypes.AVIF) {
+      transformsStr += AVIFEncodeTemplate(transformsObj);
+      transformsStr += qualityAutoTemplate(transformsObj);
+    } else if (transformsObj.encoding === encodingTypes.PAVIF) {
+      transformsStr += pAVIFEncodeTemplate(transformsObj);
+      transformsStr += qualityAutoTemplate(transformsObj);
+    } else if (transformsObj.autoEncode) {
+      transformsStr += autoEncodeTemplate(transformsObj);
+    }
+  }
+  if (((_a = transformsObj.src) == null ? void 0 : _a.isAnimated) && transformsObj.transformed) {
+    const isGif = isGIF(transformsObj.src.id);
+    const isPlaceholderFlow = transformsObj.isPlaceholderFlow === true;
+    const allowFullGIFTransformation = transformsObj.allowFullGIFTransformation === true;
+    if (isPlaceholderFlow) {
+      transformsStr += animatedTransformTemplate(transformsObj);
+    } else if (isGif && allowFullGIFTransformation) {
+      transformsStr += animatedGIFTransformTemplate(transformsObj);
+    }
+  }
+  return `${transformsObj.src.id}/${API_VERSION}/${transformsStr}/${transformsObj.fileName}.${transformsObj.preferredExtension}`;
+}
+function getURI(fittingType, src, target, options = {}, transformObj) {
+  if (isImageTransformApplicable(src.id, options == null ? void 0 : options.hasAnimation, options == null ? void 0 : options.allowAnimatedTransform, options == null ? void 0 : options.allowFullGIFTransformation)) {
+    if (isWEBP(src.id) || isAVIF(src.id)) {
+      const { alignment, ...transformTarget } = target;
+      src.focalPoint = { x: void 0, y: void 0 };
+      src == null ? true : delete src.crop;
+      transformObj = getTransform(fittingType, src, transformTarget, options);
+    } else {
+      transformObj = transformObj || getTransform(fittingType, src, target, options);
+    }
+    return getImageURI(transformObj);
+  }
+  return src.id;
+}
+function getSrcset(fittingType, src, target, options, data) {
+  const dpr = target.pixelAspectRatio || 1;
+  return {
+    dpr: [
+      `${dpr === 1 ? data.uri : getURI(fittingType, src, {
+        ...target,
+        pixelAspectRatio: 1
+      }, options)} 1x`,
+      `${dpr === 2 ? data.uri : getURI(fittingType, src, {
+        ...target,
+        pixelAspectRatio: 2
+      }, options)} 2x`
+    ]
+  };
+}
+const ALIGN_TYPE_TO_POSITION = {
+  [alignTypes.CENTER]: "50% 50%",
+  [alignTypes.TOP_LEFT]: "0% 0%",
+  [alignTypes.TOP_RIGHT]: "100% 0%",
+  [alignTypes.TOP]: "50% 0%",
+  [alignTypes.BOTTOM_LEFT]: "0% 100%",
+  [alignTypes.BOTTOM_RIGHT]: "100% 100%",
+  [alignTypes.BOTTOM]: "50% 100%",
+  [alignTypes.RIGHT]: "100% 50%",
+  [alignTypes.LEFT]: "0% 50%"
+};
+const POSITION_TO_ALIGN_TYPE = Object.entries(ALIGN_TYPE_TO_POSITION).reduce((acc, [align, position]) => {
+  acc[position] = align;
+  return acc;
+}, {});
+const TILE_FITTING_TYPES = [
+  fittingTypes.TILE,
+  fittingTypes.TILE_HORIZONTAL,
+  fittingTypes.TILE_VERTICAL,
+  fittingTypes.LEGACY_BG_FIT_AND_TILE,
+  fittingTypes.LEGACY_BG_FIT_AND_TILE_HORIZONTAL,
+  fittingTypes.LEGACY_BG_FIT_AND_TILE_VERTICAL
+];
+const NON_SCALING_FITTING_TYPES = [
+  fittingTypes.LEGACY_ORIGINAL_SIZE,
+  fittingTypes.ORIGINAL_SIZE,
+  fittingTypes.LEGACY_BG_NORMAL
+];
+function getIsFakeTile(fittingType, src, { width: targetWidth, height: targetHeight }) {
+  return fittingType === fittingTypes.TILE && src.width > targetWidth && src.height > targetHeight;
+}
+function getScaledDimensions(fittingType, src, { width, height }, isSEOBot2 = false) {
+  if (isSEOBot2) {
+    return { width, height };
+  }
+  const isScalable = !NON_SCALING_FITTING_TYPES.includes(fittingType);
+  const isFakeTile = getIsFakeTile(fittingType, src, { width, height });
+  const isTile = !isFakeTile && TILE_FITTING_TYPES.includes(fittingType);
+  const _width = isTile ? src.width : width;
+  const _height = isTile ? src.height : height;
+  const scaleFactor = isScalable ? getScaleFactorByWidth(_width, isPNG(src.id)) : 1;
+  return {
+    width: isFakeTile ? 1920 : _width * scaleFactor,
+    height: _height * scaleFactor
+  };
+}
+function getConvertedFitting(fittingType, isFakeTile) {
+  const isTile = TILE_FITTING_TYPES.includes(fittingType) && !isFakeTile;
+  const isFill = fittingType === fittingTypes.SCALE_TO_FILL;
+  return isFill || isTile ? fittingTypes.SCALE_TO_FIT : fittingType;
+}
+function validateTargetDimensions(src, { width, height }) {
+  if (!width || !height) {
+    const _width = width || Math.min(980, src.width);
+    const heightRatio = _width / src.width;
+    return {
+      width: _width,
+      height: height || src.height * heightRatio
+    };
+  }
+  return { width, height };
+}
+function getScaleFactorByWidth(width, isHighQuality) {
+  if (width > 900) {
+    return isHighQuality ? 0.05 : 0.15;
+  } else if (width > 500) {
+    return isHighQuality ? 0.1 : 0.18;
+  } else if (width > 200) {
+    return 0.25;
+  }
+  return 1;
+}
+function getBlurValue(width, fittingType, isSEOBot2) {
+  if (isSEOBot2) {
+    return 0;
+  }
+  if (TILE_FITTING_TYPES.includes(fittingType)) {
+    return 1;
+  }
+  if (width > 200) {
+    return 2;
+  }
+  return 3;
+}
+function getCSSOverrides(fittingType, src, target, alignment = "center") {
+  const returnValue = {
+    img: {},
+    container: {}
+  };
+  if (fittingType === fittingTypes.SCALE_TO_FILL) {
+    const alignTypeFromFocalPoint = src.focalPoint && convertFocalPointToAlignType(src.focalPoint);
+    const alignType = alignTypeFromFocalPoint || alignment;
+    if (src.focalPoint && !alignTypeFromFocalPoint) {
+      returnValue.img = {
+        objectPosition: convertFillFocalToPosition(src, target, src.focalPoint)
+      };
+    } else {
+      returnValue.img = {
+        objectPosition: ALIGN_TYPE_TO_POSITION[alignType]
+      };
+    }
+  } else if ([fittingTypes.LEGACY_ORIGINAL_SIZE, fittingTypes.ORIGINAL_SIZE].includes(fittingType)) {
+    returnValue.img = {
+      objectFit: "none",
+      top: "auto",
+      left: "auto",
+      right: "auto",
+      bottom: "auto"
+    };
+  } else if (TILE_FITTING_TYPES.includes(fittingType)) {
+    returnValue.container = {
+      backgroundSize: `${src.width}px ${src.height}px`
+    };
+  }
+  return returnValue;
+}
+function convertFocalPointToAlignType(focalPoint) {
+  const position = `${focalPoint.x}% ${focalPoint.y}%`;
+  return POSITION_TO_ALIGN_TYPE[position] || "";
+}
+function convertFillFocalToPosition(src, target, focalPoint) {
+  const { width: sW, height: sH } = src;
+  const { width: tW, height: tH } = target;
+  const { x: fpX, y: fpY } = focalPoint;
+  if (!tW || !tH) {
+    return `${fpX}% ${fpY}%`;
+  }
+  const fillScaleFactor = Math.max(tW / sW, tH / sH);
+  const imgScaledW = sW * fillScaleFactor;
+  const imgScaledH = sH * fillScaleFactor;
+  const x = Math.max(0, Math.min(imgScaledW - tW, imgScaledW * (fpX / 100) - tW / 2));
+  const y = Math.max(0, Math.min(imgScaledH - tH, imgScaledH * (fpY / 100) - tH / 2));
+  const posX = x && Math.floor(x / (imgScaledW - tW) * 100);
+  const posY = y && Math.floor(y / (imgScaledH - tH) * 100);
+  return `${posX}% ${posY}%`;
+}
+const PLACEHOLDER_IMG_CSS_OVERRIDES = { width: "100%", height: "100%" };
+function getPlaceholder(fittingType, src, target, options = {}) {
+  const { autoEncode = true, isSEOBot: isSEOBot2, shouldLoadHQImage, hasAnimation, allowAnimatedTransform, encoding } = options;
+  if (!isValidRequest(fittingType, src, target)) {
+    return emptyData;
+  }
+  const IS_IN_PLACEHOLDER_FLOW = true;
+  const shouldAllowAnimatedTransformInPlaceholder = allowAnimatedTransform ?? IS_IN_PLACEHOLDER_FLOW;
+  const canTransformImage = isImageTransformApplicable(src.id, hasAnimation, shouldAllowAnimatedTransformInPlaceholder);
+  if (!canTransformImage || shouldLoadHQImage) {
+    return getData(fittingType, src, target, {
+      ...options,
+      autoEncode,
+      useSrcset: canTransformImage
+    });
+  }
+  const newTarget = {
+    ...target,
+    ...validateTargetDimensions(src, target)
+  };
+  const { alignment, htmlTag: htmlTag2 } = newTarget;
+  const isFakeTile = getIsFakeTile(fittingType, src, newTarget);
+  const scaledDimensions = getScaledDimensions(fittingType, src, newTarget, isSEOBot2);
+  const blur = getBlurValue(newTarget.width, fittingType, isSEOBot2);
+  const convertedFittingType = getConvertedFitting(fittingType, isFakeTile);
+  const overrideCSS = getCSSOverrides(fittingType, src, target, alignment);
+  const { uri } = getData(convertedFittingType, src, {
+    ...scaledDimensions,
+    alignment,
+    htmlTag: htmlTag2
+  }, {
+    autoEncode,
+    filters: blur ? { blur } : {},
+    hasAnimation,
+    allowAnimatedTransform: shouldAllowAnimatedTransformInPlaceholder,
+    encoding,
+    isPlaceholderFlow: IS_IN_PLACEHOLDER_FLOW
+  });
+  const { attr = {}, css } = getData(fittingType, src, {
+    ...newTarget,
+    alignment,
+    htmlTag: htmlTag2
+  }, {});
+  css.img = css.img || {};
+  css.container = css.container || {};
+  Object.assign(css.img, overrideCSS.img, PLACEHOLDER_IMG_CSS_OVERRIDES);
+  Object.assign(css.container, overrideCSS.container);
+  return { uri, css, attr, transformed: true };
+}
+function getData(fittingType, src, target, options) {
+  let data = {};
+  if (isValidRequest(fittingType, src, target)) {
+    const targetObj = getTarget(fittingType, src, target);
+    const transformObj = getTransform(fittingType, src, targetObj, options);
+    data.uri = getURI(fittingType, src, targetObj, options, transformObj);
+    if (options == null ? void 0 : options.useSrcset) {
+      data.srcset = getSrcset(fittingType, src, targetObj, options, data);
+    }
+    Object.assign(data, getAttributes(transformObj, targetObj), {
+      transformed: transformObj.transformed
+    });
+  } else {
+    data = emptyData;
+  }
+  return data;
+}
+const wixStaticWithMedia = "https://static.wixstatic.com/media/";
+populateGlobalFeatureSupport();
+populateGlobalFeatureSupport();
+const STATIC_MEDIA_URL = wixStaticWithMedia;
+const imageKit = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  STATIC_MEDIA_URL,
+  alignTypes,
+  fileType,
+  fittingTypes,
+  getData,
+  getFileExtension,
+  getPlaceholder,
+  htmlTag,
+  isWEBP,
+  populateGlobalFeatureSupport,
+  upscaleMethods
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  STATIC_MEDIA_URL as S,
+  getData as a,
+  getFileExtension as b,
+  alignTypes as c,
+  fittingTypes as d,
+  fileType as f,
+  getPlaceholder as g,
+  imageKit as i
+};