@jetshop/ui 6.3.5 → 7.0.0-alpha-3

package/Image/FlightImage.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { ProductImageSize } from '@jetshop/core/types';
-export type ImageSrcType = string | ProductImageSize[];
-export type ImageBreakpointSize = number | string;
-export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
-export type AspectRatio = string | number;
-export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
-export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-interface ImageParameters {
-    /** The image src
-     * Also accepts an array of objects with `url` keys (deprecated image field)
-     */
-    src: ImageSrcType;
-    /**
-     * Whether to crop the image instead of resizing it when aspect ratio is provided
-     * @default false
-     */
-    crop?: boolean;
-    gravity?: Gravity;
-    quality?: number;
-    /** An array of image sizes, will be mapped against breakpoints.
-     * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
-     */
-    sizes: ImageBreakpointSizes;
-    /**
-     * The aspect ratio of the image
-     * If unknown, use null to preserve original aspect ratio
-     */
-    aspect?: string;
-    critical?: boolean;
-    modifiedDate?: string;
-    focalPointX?: number;
-    focalPointY?: number;
-}
-interface ImageProps extends ImageParameters {
-    /** Whether or not to use `background-size: cover` */
-    cover?: boolean;
-    error?: (args: any) => React.ReactElement<any>;
-    alt?: string;
-    title?: string;
-    /**
-     * Useful for banner images. Sets the following CSS automatically:
-     * object-fit: cover
-     * padding-top: 0;
-     */
-    fillAvailableSpace?: boolean;
-    className?: string;
-    badges?: React.ReactElement<any>;
-}
-declare function FlightImage(props: ImageProps): React.JSX.Element;
-export default FlightImage;

package/Image/FlightImage.js

@@ -1,59 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
-import Image from './BaseImage';
-import React from 'react';
-import t from '@jetshop/intl';
-import { useConstructImage } from './useConstructImage';
-import ChannelContext from '@jetshop/core/components/ChannelContext';
-import { Below } from '../Breakpoints';
-export const transparentDataImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-function Error() {
-    return (React.createElement("div", { style: {
-            background: '#e2e2e2',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            position: `absolute`,
-            top: 0,
-            left: 0,
-            width: `100%`,
-            height: `100%`
-        } }, t('Image Not Found')));
-}
-function FlightImage(props) {
-    const { gravity, crop, src: originalSrc, sizes: sizesArray = [1], aspect, quality, critical, modifiedDate, error: ErrorComp = Error, focalPointX, focalPointY } = props, rest = __rest(props, ["gravity", "crop", "src", "sizes", "aspect", "quality", "critical", "modifiedDate", "error", "focalPointX", "focalPointY"]);
-    const { theme: { breakpoints }, useMobileImageSizes = false } = useShopConfig();
-    // The baseUrl will change based on the currently-selected channel.
-    // We need it to correctly construct the image url
-    const { selectedChannel } = React.useContext(ChannelContext);
-    const baseUrl = (selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.imageUrl)
-        ? String(selectedChannel.imageUrl)
-        : null;
-    const { src, hasFalsySrc, lqip, sizes, sizesMobile, srcset, webpSrcset, srcsetMobile, webpSrcsetMobile } = useConstructImage({
-        gravity,
-        crop,
-        src: originalSrc,
-        sizes: sizesArray,
-        aspect,
-        quality,
-        critical,
-        modifiedDate,
-        breakpoints,
-        baseUrl,
-        focalPointX,
-        focalPointY
-    });
-    return (React.createElement(Below, { breakpoint: 'sm' }, (matches) => (React.createElement(Image, Object.assign({}, rest, { critical: critical, aspect: aspect, src: hasFalsySrc && typeof originalSrc === 'boolean' ? false : src, hasFalsySrc: hasFalsySrc, lqip: lqip, sizes: matches && useMobileImageSizes ? sizesMobile : sizes, srcset: matches && useMobileImageSizes ? srcsetMobile : srcset, webpSrcset: matches && useMobileImageSizes ? webpSrcsetMobile : webpSrcset, error: ErrorComp })))));
-}
-export default FlightImage;
-//# sourceMappingURL=FlightImage.js.map

package/Image/FlightImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlightImage.js","sourceRoot":"","sources":["FlightImage.tsx"],"names":[],"mappings":"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"}

package/Image/Image.d.ts

@@ -1,2 +0,0 @@
-export * from './FlightImage';
-export { default } from './FlightImage';

package/Image/Image.js

@@ -1,3 +0,0 @@
-export * from './FlightImage';
-export { default } from './FlightImage';
-//# sourceMappingURL=Image.js.map

package/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/Image/index.d.ts

@@ -1 +0,0 @@
-export { default } from './FlightImage';

package/Image/index.js

@@ -1,2 +0,0 @@
-export { default } from './FlightImage';
-//# sourceMappingURL=index.js.map

package/Image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/Image/useConstructImage.d.ts

@@ -1,49 +0,0 @@
-import { ImageValue, ProductImageSize } from '@jetshop/core/types';
-type ImageSrcType = string | ProductImageSize[] | ImageValue;
-export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
-export type ImageBreakpointSize = number | string;
-export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
-interface ImageParameters {
-    /** The image src
-     * Also accepts an array of objects with `url` keys (deprecated image field)
-     */
-    src: ImageSrcType;
-    /**
-     * Whether to crop the image instead of resizing it when aspect ratio is provided
-     * @default false
-     */
-    crop?: boolean;
-    gravity?: Gravity;
-    quality?: number;
-    /** An array of image sizes, will be mapped against breakpoints.
-     * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
-     */
-    sizes: ImageBreakpointSizes;
-    /**
-     * The aspect ratio of the image
-     * If unknown, use null to preserve original aspect ratio
-     */
-    aspect?: string;
-    critical?: boolean;
-    modifiedDate?: string;
-    breakpoints: Record<string, string>;
-    baseUrl: string;
-    focalPointX?: number;
-    focalPointY?: number;
-}
-/**
- * Dynamically constructs the query parameters used by ImageMagick to size the image appropriately.
- * Also generates a LQIP using query parameters, to display while the full image loads.
- */
-export declare function useConstructImage({ gravity, crop, src, sizes, aspect, critical, quality, modifiedDate, breakpoints, baseUrl, focalPointX, focalPointY }: ImageParameters): {
-    srcset: string;
-    webpSrcset: string;
-    sizes: string;
-    sizesMobile: string;
-    lqip: string;
-    src: string;
-    hasFalsySrc: boolean;
-    srcsetMobile: string;
-    webpSrcsetMobile: string;
-};
-export {};

package/Image/useConstructImage.js

@@ -1,122 +0,0 @@
-import useWarningInDev from '@jetshop/core/hooks/useWarningInDev';
-import { getFullUrl } from './utils/getFullUrl';
-import { getImageWidths } from './utils/getImageWidths';
-import { getLargestSize } from './utils/getLargestSize';
-import { getLQIP } from './utils/getLQIP';
-import { getSizesMap } from './utils/getSizesMap';
-import { getSrcSetFromWidths } from './utils/getSrcSetFromWidths';
-import React from 'react';
-/**
- * Dynamically constructs the query parameters used by ImageMagick to size the image appropriately.
- * Also generates a LQIP using query parameters, to display while the full image loads.
- */
-export function useConstructImage({ gravity, crop, src, sizes, aspect, critical, quality, modifiedDate, breakpoints, baseUrl, focalPointX, focalPointY }) {
-    // Warn if gravity was provided but crop was not
-    useWarningInDev(gravity && !crop, 'You have provided a gravity without setting crop to true. Your image will not be cropped, and the `gravity` prop will do nothing. Please remove the `gravity` prop.');
-    // Warn if the src is a falsy value
-    useWarningInDev(!!!src, 'You have provided a falsy value to the Image component. If you intentionally want to display a blank Image component, you may import `transparentDataImg` and use it for the src. Otherwise, this is probably a bug.');
-    /*
-      For backwards-compatibility (and dev convenience) reasons, we accept a
-      falsy `src` prop on Image. undefined | null will act just like the normal
-      Image component does, except that it will show a transparent image where
-      the image would normally load. This may be useful in cases where the end
-      user is lazy and wants to do this:
-  
-      const { imageSrc } = someDataRequest();
-      <Image src={imageSrc} />
-  
-      Where imageSrc may be undefined | null while the request is occurring. The
-      preferred method is to be more explicit:
-  
-      const {imageSrc, loading} = someDataRequest();
-      <Image src={loading ? transparentDataImg : imageSrc } />
-  
-      Therefore, whilst we will handle a null | undefined src, we will warn
-      against its usage in dev.
-    */
-    let hasFalsySrc = true;
-    let imageSrc = '';
-    if (Array.isArray(src)) {
-        // maintain support for deprecated image sizes array
-        hasFalsySrc = false;
-        imageSrc = getFullUrl(getLargestSize(src), baseUrl);
-    }
-    // When we have a string for the src
-    if (!!src && typeof src === 'string') {
-        hasFalsySrc = false;
-        imageSrc = getFullUrl(src, baseUrl);
-    }
-    if (!!src && typeof src === 'object' && src.value) {
-        hasFalsySrc = false;
-        imageSrc = getFullUrl(src.value, baseUrl);
-    }
-    // useMemo so this runs only if the image props change. It calculates the
-    // strings used for `sizes`, `srcset`, and the `lqip`
-    const { sizesMap, sizesMapMobile, srcset, lqip, webpSrcset, srcsetMobile, webpSrcsetMobile } = React.useMemo(() => {
-        if (hasFalsySrc) {
-            return {};
-        }
-        const widths = getImageWidths(breakpoints, sizes);
-        const mobileWidths = getImageWidths(breakpoints, sizes, true);
-        const srcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, widths, aspect, {
-            crop,
-            gravity,
-            quality,
-            webp,
-            focalPointX,
-            focalPointY
-        }, modifiedDate);
-        const mobileSrcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, mobileWidths, aspect, {
-            crop,
-            gravity,
-            quality,
-            webp,
-            focalPointX,
-            focalPointY
-        }, modifiedDate);
-        const srcset = srcSetFromWidths({ webp: false });
-        const webpSrcset = srcSetFromWidths({ webp: true });
-        const srcsetMobile = mobileSrcSetFromWidths({ webp: false });
-        const webpSrcsetMobile = mobileSrcSetFromWidths({ webp: true });
-        // If this is a critical image, don't calculate LQIP
-        const lqip = critical
-            ? null
-            : getLQIP(imageSrc, widths, aspect, crop, modifiedDate);
-        const sizesMap = getSizesMap(breakpoints, sizes);
-        const sizesMapMobile = getSizesMap(breakpoints, sizes, true);
-        return {
-            sizesMap,
-            sizesMapMobile,
-            srcset,
-            lqip,
-            webpSrcset,
-            srcsetMobile,
-            webpSrcsetMobile
-        };
-    }, [
-        aspect,
-        breakpoints,
-        crop,
-        gravity,
-        hasFalsySrc,
-        imageSrc,
-        quality,
-        sizes,
-        critical,
-        modifiedDate,
-        focalPointX,
-        focalPointY
-    ]);
-    return {
-        srcset,
-        webpSrcset,
-        sizes: sizesMap,
-        sizesMobile: sizesMapMobile,
-        lqip,
-        src: imageSrc,
-        hasFalsySrc,
-        srcsetMobile,
-        webpSrcsetMobile
-    };
-}
-//# sourceMappingURL=useConstructImage.js.map

package/Image/useConstructImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConstructImage.js","sourceRoot":"","sources":["useConstructImage.tsx"],"names":[],"mappings":"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"}

package/Image/utils/aspectRatioToFraction.d.ts

@@ -1,2 +0,0 @@
-import { AspectRatio } from '../Image';
-export declare const aspectRatioToFraction: (aspect: AspectRatio) => number;

package/Image/utils/aspectRatioToFraction.js

@@ -1,11 +0,0 @@
-export const aspectRatioToFraction = (aspect) => {
-    if (typeof aspect === 'string' && aspect.indexOf(':') > 0) {
-        const [a, b] = aspect.split(':');
-        return b / a;
-    }
-    else if (typeof aspect === 'number') {
-        return aspect;
-    }
-    throw new TypeError('Aspect ratio is not a Number or String with the format n:m');
-};
-//# sourceMappingURL=aspectRatioToFraction.js.map

package/Image/utils/aspectRatioToFraction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspectRatioToFraction.js","sourceRoot":"","sources":["aspectRatioToFraction.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAmB,EAAE,EAAE;IAC3D,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACzD,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAyB,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,CAAC;KACd;SAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QACrC,OAAO,MAAM,CAAC;KACf;IACD,MAAM,IAAI,SAAS,CACjB,4DAA4D,CAC7D,CAAC;AACJ,CAAC,CAAC"}

package/Image/utils/getFullUrl.d.ts

@@ -1,6 +0,0 @@
-/**
- * Constructs the image url by combining the passed-in url with the selected channel
- * @param url The image url
- * @param baseUrl The baseUrl from the currently-selected channel
- */
-export declare const getFullUrl: (url: string, baseUrl: string) => string;

package/Image/utils/getFullUrl.js

@@ -1,18 +0,0 @@
-/**
- * Constructs the image url by combining the passed-in url with the selected channel
- * @param url The image url
- * @param baseUrl The baseUrl from the currently-selected channel
- */
-export const getFullUrl = (url, baseUrl) => {
-    if (!baseUrl || !url) {
-        return url;
-    }
-    url = url.trim();
-    if (url.indexOf('/') === 0 &&
-        url.indexOf('//:') === -1 &&
-        url.indexOf('static/media') === -1) {
-        return baseUrl + url;
-    }
-    return url;
-};
-//# sourceMappingURL=getFullUrl.js.map

package/Image/utils/getFullUrl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFullUrl.js","sourceRoot":"","sources":["getFullUrl.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACzD,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE;QACpB,OAAO,GAAG,CAAC;KACZ;IACD,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACjB,IACE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAClC;QACA,OAAO,OAAO,GAAG,GAAG,CAAC;KACtB;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/Image/utils/getImageWidth.d.ts

@@ -1 +0,0 @@
-export declare const getImageWidth: (size: number | string, vw: number, pixelRatio: number) => number;

package/Image/utils/getImageWidth.js

@@ -1,12 +0,0 @@
-import { sizeToNumber } from './sizeToNumber';
-export const getImageWidth = (size = 1, vw, pixelRatio) => {
-    // Convert input size to fraction or px value
-    size = sizeToNumber(size);
-    // Size is in px
-    if (size > 2) {
-        return Math.round(size * pixelRatio);
-    }
-    // Size is a fraction
-    return Math.round(vw * size * pixelRatio);
-};
-//# sourceMappingURL=getImageWidth.js.map

package/Image/utils/getImageWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getImageWidth.js","sourceRoot":"","sources":["getImageWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAwB,CAAC,EACzB,EAAU,EACV,UAAkB,EAClB,EAAE;IACF,6CAA6C;IAC7C,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,gBAAgB;IAChB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC;KACtC;IACD,qBAAqB;IACrB,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/Image/utils/getImageWidths.d.ts

@@ -1,2 +0,0 @@
-import { ImageBreakpointSizes } from '../Image';
-export declare const getImageWidths: (breakpoints: Record<string, string>, sizes: ImageBreakpointSizes, mobile?: boolean) => number[];

package/Image/utils/getImageWidths.js

@@ -1,21 +0,0 @@
-import { getImageWidth } from './getImageWidth';
-import { remToPx } from './remToPx';
-import { getSizeForBreakpoint } from './getSizeForBreakpoint';
-export const getImageWidths = (breakpoints, sizes, mobile = false) => {
-    const all = new Set();
-    const breakpointArray = Object.entries(breakpoints).map(([key, value]) => ({
-        key,
-        value
-    }));
-    for (let i = 0; i < breakpointArray.length; i++) {
-        const bpSize = getSizeForBreakpoint(sizes, i);
-        const px = remToPx(breakpointArray[i].value);
-        all.add(getImageWidth(bpSize, px, 1));
-        all.add(getImageWidth(bpSize, px, 2));
-        if (mobile && breakpointArray[i].key === 'sm') {
-            break;
-        }
-    }
-    return Array.from(all).sort();
-};
-//# sourceMappingURL=getImageWidths.js.map

package/Image/utils/getImageWidths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getImageWidths.js","sourceRoot":"","sources":["getImageWidths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAmC,EACnC,KAA2B,EAC3B,MAAM,GAAG,KAAK,EACd,EAAE;IACF,MAAM,GAAG,GAAG,IAAI,GAAG,EAAU,CAAC;IAE9B,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAE/C,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAE7C,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAI,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE;YAC7C,MAAM;SACP;KACF;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAChC,CAAC,CAAC"}

package/Image/utils/getLQIP.d.ts

@@ -1,8 +0,0 @@
-/**
- * Generates a LQIP (Low Quality Image Placeholder) using the Flight image
- * handling API (via query params)
- * @param src The image src
- * @param widths An array of image widths
- * @param aspect The desired aspect ratio of the placeholder
- */
-export declare function getLQIP(src: string, widths: number[], aspect: string, crop: boolean, modifiedDate: string): string;

package/Image/utils/getLQIP.js

@@ -1,20 +0,0 @@
-import { getSrcWithParams } from './getSrcWithParams';
-/**
- * Generates a LQIP (Low Quality Image Placeholder) using the Flight image
- * handling API (via query params)
- * @param src The image src
- * @param widths An array of image widths
- * @param aspect The desired aspect ratio of the placeholder
- */
-export function getLQIP(src, widths, aspect, crop = false, modifiedDate) {
-    const transparent = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-    if (!src)
-        return transparent;
-    // Use the smallest width for the placeholder, to ensure it is the smallest filesize possible
-    const smallestWidth = widths.sort((a, b) => a - b)[0];
-    const finalSrc = `${getSrcWithParams(smallestWidth, aspect, src, false, {
-        crop
-    })}&sigma=2.5&minampl=0.5&quality=30&type=auto${modifiedDate ? '&timestamp=' + modifiedDate : ''}`;
-    return finalSrc;
-}
-//# sourceMappingURL=getLQIP.js.map

package/Image/utils/getLQIP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getLQIP.js","sourceRoot":"","sources":["getLQIP.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CACrB,GAAW,EACX,MAAgB,EAChB,MAAc,EACd,OAAgB,KAAK,EACrB,YAAoB;IAEpB,MAAM,WAAW,GACf,oHAAoH,CAAC;IACvH,IAAI,CAAC,GAAG;QAAE,OAAO,WAAW,CAAC;IAE7B,6FAA6F;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,GAAG,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE;QACtE,IAAI;KACL,CAAC,8CACA,YAAY,CAAC,CAAC,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,EAChD,EAAE,CAAC;IAEH,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/Image/utils/getLargestSize.d.ts

@@ -1,7 +0,0 @@
-import { ProductImageSize } from '@jetshop/core/types';
-/**
- * This exists to handle the deprecated `ProductImageSize` field from the API
- * Takes an array of sizes, and returns the url of the largest one
- * @param sizes Sizes field returned from API
- */
-export declare const getLargestSize: (sizes: string | ProductImageSize[]) => any;

package/Image/utils/getLargestSize.js

@@ -1,17 +0,0 @@
-/**
- * This exists to handle the deprecated `ProductImageSize` field from the API
- * Takes an array of sizes, and returns the url of the largest one
- * @param sizes Sizes field returned from API
- */
-export const getLargestSize = (sizes) => {
-    if (Array.isArray(sizes)) {
-        if (sizes.length === 0) {
-            throw new Error('Sizes must not be an empty array');
-        }
-        return sizes[sizes.length - 1].url;
-    }
-    else {
-        return sizes.toString();
-    }
-};
-//# sourceMappingURL=getLargestSize.js.map

package/Image/utils/getLargestSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getLargestSize.js","sourceRoot":"","sources":["getLargestSize.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAkC,EAAE,EAAE;IACnE,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACpC;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KACzB;AACH,CAAC,CAAC"}

package/Image/utils/getSizeForBreakpoint.d.ts

@@ -1,2 +0,0 @@
-import { ImageBreakpointSizes } from '../Image';
-export declare const getSizeForBreakpoint: (sizes: ImageBreakpointSizes, offset: number) => number;

package/Image/utils/getSizeForBreakpoint.js

@@ -1,16 +0,0 @@
-import { sizeToNumber } from './sizeToNumber';
-export const getSizeForBreakpoint = (sizes, offset) => {
-    if (Array.isArray(sizes)) {
-        do {
-            if (sizes[offset]) {
-                return sizeToNumber(sizes[offset]);
-            }
-            offset--;
-        } while (offset >= 0);
-    }
-    else {
-        return sizeToNumber(sizes);
-    }
-    return 1;
-};
-//# sourceMappingURL=getSizeForBreakpoint.js.map

package/Image/utils/getSizeForBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSizeForBreakpoint.js","sourceRoot":"","sources":["getSizeForBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAA2B,EAC3B,MAAc,EACd,EAAE;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,GAAG;YACD,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;gBACjB,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;aACpC;YACD,MAAM,EAAE,CAAC;SACV,QAAQ,MAAM,IAAI,CAAC,EAAE;KACvB;SAAM;QACL,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC;KAC5B;IACD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC"}

package/Image/utils/getSizesMap.d.ts

@@ -1,2 +0,0 @@
-import { ImageBreakpointSizes } from '../Image';
-export declare const getSizesMap: (breakpoints: Record<string, string>, sizes: ImageBreakpointSizes, mobile?: boolean) => string;

package/Image/utils/getSizesMap.js

@@ -1,35 +0,0 @@
-import { getSizeForBreakpoint } from './getSizeForBreakpoint';
-export const getSizesMap = (breakpoints, sizes, mobile = false) => {
-    const breakpointArray = Object.entries(breakpoints).map(([key, value]) => ({
-        key,
-        value
-    }));
-    const breakpointWidths = [];
-    for (let i = 0; i < breakpointArray.length; i++) {
-        breakpointWidths.push(breakpointArray[i].value);
-        if (mobile && breakpointArray[i].key === 'sm') {
-            break;
-        }
-    }
-    return breakpointWidths
-        .map((breakpoint, i) => {
-        const size = getSizeForBreakpoint(sizes, i);
-        let width;
-        if (size > 2) {
-            // Size is absolute value in px
-            width = size + 'px';
-        }
-        else {
-            // Size is already a fraction (or unset). Convert it to vw (percentage
-            // of viewport width)
-            width = Math.round(100 * (size || 1)) + 'vw';
-        }
-        // Include a media query for all but the last size
-        if (i + 1 < breakpointWidths.length) {
-            return `(max-width: ${breakpoint}) ${width}`;
-        }
-        return width;
-    })
-        .join(', ');
-};
-//# sourceMappingURL=getSizesMap.js.map

package/Image/utils/getSizesMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSizesMap.js","sourceRoot":"","sources":["getSizesMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,WAAmC,EACnC,KAA2B,EAC3B,MAAM,GAAG,KAAK,EACd,EAAE;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACzE,GAAG;QACH,KAAK;KACN,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAa,EAAE,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/C,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE;YAC7C,MAAM;SACP;KACF;IAED,OAAO,gBAAgB;SACpB,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;QACrB,MAAM,IAAI,GAAG,oBAAoB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,GAAG,CAAC,EAAE;YACZ,+BAA+B;YAC/B,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;SACrB;aAAM;YACL,sEAAsE;YACtE,qBAAqB;YACrB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SAC9C;QACD,kDAAkD;QAClD,IAAI,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE;YACnC,OAAO,eAAe,UAAU,KAAK,KAAK,EAAE,CAAC;SAC9C;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC,CAAC"}

package/Image/utils/getSmallestSize.d.ts

@@ -1,2 +0,0 @@
-import { ImageSrcType } from '../Image';
-export declare const getSmallestSize: (sizes: ImageSrcType) => any;

package/Image/utils/getSmallestSize.js

@@ -1,12 +0,0 @@
-export const getSmallestSize = (sizes) => {
-    if (Array.isArray(sizes)) {
-        if (sizes.length === 0) {
-            throw new Error('Sizes must not be an empty array');
-        }
-        return sizes[0].url;
-    }
-    else {
-        return sizes.toString();
-    }
-};
-//# sourceMappingURL=getSmallestSize.js.map

package/Image/utils/getSmallestSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSmallestSize.js","sourceRoot":"","sources":["getSmallestSize.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;SACrD;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KACrB;SAAM;QACL,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KACzB;AACH,CAAC,CAAC"}

package/Image/utils/getSrcSetFromWidths.d.ts

@@ -1,10 +0,0 @@
-import { AspectRatio, Gravity } from '../Image';
-export interface ImageParamOptions {
-    crop: boolean;
-    gravity?: Gravity;
-    quality?: number;
-    webp?: boolean;
-    focalPointX?: number;
-    focalPointY?: number;
-}
-export declare const getSrcSetFromWidths: (src: string, widths: number[], aspect: AspectRatio, options?: ImageParamOptions, timestamp?: string) => string;

package/Image/utils/getSrcSetFromWidths.js

@@ -1,9 +0,0 @@
-import { getSrcWithParams } from './getSrcWithParams';
-export const getSrcSetFromWidths = (src, widths, aspect, options = { crop: false, webp: false }, timestamp) => {
-    const l = [];
-    for (const w of widths) {
-        l.push(getSrcWithParams(w, aspect, src, true, options, timestamp));
-    }
-    return l.join(', ');
-};
-//# sourceMappingURL=getSrcSetFromWidths.js.map

package/Image/utils/getSrcSetFromWidths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSrcSetFromWidths.js","sourceRoot":"","sources":["getSrcSetFromWidths.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAW,EACX,MAAgB,EAChB,MAAmB,EACnB,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzD,SAAkB,EAClB,EAAE;IACF,MAAM,CAAC,GAAG,EAAE,CAAC;IAEb,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;QACtB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;KACpE;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC,CAAC"}

package/Image/utils/getSrcWithParams.d.ts

@@ -1,3 +0,0 @@
-import { AspectRatio } from '../Image';
-import { ImageParamOptions } from './getSrcSetFromWidths';
-export declare function getSrcWithParams(width: number, aspect: AspectRatio, src: string, includeViewportSize?: boolean, options?: ImageParamOptions, timestamp?: string): string;