@jetshop/ui 5.13.0 → 5.13.10-0

package/Image/useConstructImage.js

@@ -1,97 +1,97 @@
-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, srcset, lqip, webpSrcset } = React.useMemo(() => {
-        if (hasFalsySrc) {
-            return {};
-        }
-        const widths = getImageWidths(Object.values(breakpoints), sizes);
-        const srcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, widths, aspect, {
-            crop,
-            gravity,
-            quality,
-            webp,
-            focalPointX,
-            focalPointY
-        }, modifiedDate);
-        const srcset = srcSetFromWidths({ webp: false });
-        const webpSrcset = srcSetFromWidths({ webp: true });
-        // If this is a critical image, don't calculate LQIP
-        const lqip = critical ? null : getLQIP(imageSrc, widths, aspect, crop);
-        const sizesMap = getSizesMap(Object.values(breakpoints), sizes);
-        return { sizesMap, srcset, lqip, webpSrcset };
-    }, [
-        aspect,
-        breakpoints,
-        crop,
-        gravity,
-        hasFalsySrc,
-        imageSrc,
-        quality,
-        sizes,
-        critical,
-        modifiedDate,
-        focalPointX,
-        focalPointY
-    ]);
-    return {
-        srcset,
-        webpSrcset,
-        sizes: sizesMap,
-        lqip,
-        src: imageSrc,
-        hasFalsySrc
-    };
-}
+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, srcset, lqip, webpSrcset } = React.useMemo(() => {
+        if (hasFalsySrc) {
+            return {};
+        }
+        const widths = getImageWidths(Object.values(breakpoints), sizes);
+        const srcSetFromWidths = ({ webp }) => getSrcSetFromWidths(imageSrc, widths, aspect, {
+            crop,
+            gravity,
+            quality,
+            webp,
+            focalPointX,
+            focalPointY
+        }, modifiedDate);
+        const srcset = srcSetFromWidths({ webp: false });
+        const webpSrcset = srcSetFromWidths({ webp: true });
+        // If this is a critical image, don't calculate LQIP
+        const lqip = critical ? null : getLQIP(imageSrc, widths, aspect, crop);
+        const sizesMap = getSizesMap(Object.values(breakpoints), sizes);
+        return { sizesMap, srcset, lqip, webpSrcset };
+    }, [
+        aspect,
+        breakpoints,
+        crop,
+        gravity,
+        hasFalsySrc,
+        imageSrc,
+        quality,
+        sizes,
+        critical,
+        modifiedDate,
+        focalPointX,
+        focalPointY
+    ]);
+    return {
+        srcset,
+        webpSrcset,
+        sizes: sizesMap,
+        lqip,
+        src: imageSrc,
+        hasFalsySrc
+    };
+}
 //# sourceMappingURL=useConstructImage.js.map

package/Image/utils/aspectRatioToFraction.d.ts

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

package/Image/utils/aspectRatioToFraction.js

@@ -1,11 +1,11 @@
-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');
-};
+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/getFullUrl.d.ts

@@ -1,6 +1,6 @@
-/**
- * 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;
+/**
+ * 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 +1,18 @@
-/**
- * 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;
-};
+/**
+ * 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/getImageWidth.d.ts

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

package/Image/utils/getImageWidth.js

@@ -1,12 +1,12 @@
-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);
-};
+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/getImageWidths.d.ts

@@ -1,2 +1,2 @@
-import { BreakpointValues, ImageBreakpointSizes } from '../Image';
-export declare const getImageWidths: (breakpoints: BreakpointValues, sizes: ImageBreakpointSizes) => number[];
+import { BreakpointValues, ImageBreakpointSizes } from '../Image';
+export declare const getImageWidths: (breakpoints: BreakpointValues, sizes: ImageBreakpointSizes) => number[];

package/Image/utils/getImageWidths.js

@@ -1,14 +1,14 @@
-import { getImageWidth } from './getImageWidth';
-import { remToPx } from './remToPx';
-import { getSizeForBreakpoint } from './getSizeForBreakpoint';
-export const getImageWidths = (breakpoints, sizes) => {
-    const all = new Set();
-    for (let i = 0; i < breakpoints.length; i++) {
-        const bpSize = getSizeForBreakpoint(sizes, i);
-        const px = remToPx(breakpoints[i]);
-        all.add(getImageWidth(bpSize, px, 1));
-        all.add(getImageWidth(bpSize, px, 2));
-    }
-    return Array.from(all).sort();
-};
+import { getImageWidth } from './getImageWidth';
+import { remToPx } from './remToPx';
+import { getSizeForBreakpoint } from './getSizeForBreakpoint';
+export const getImageWidths = (breakpoints, sizes) => {
+    const all = new Set();
+    for (let i = 0; i < breakpoints.length; i++) {
+        const bpSize = getSizeForBreakpoint(sizes, i);
+        const px = remToPx(breakpoints[i]);
+        all.add(getImageWidth(bpSize, px, 1));
+        all.add(getImageWidth(bpSize, px, 2));
+    }
+    return Array.from(all).sort();
+};
 //# sourceMappingURL=getImageWidths.js.map

package/Image/utils/getLQIP.d.ts

@@ -1,8 +1,8 @@
-/**
- * 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): string;
+/**
+ * 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): string;

package/Image/utils/getLQIP.js

@@ -1,20 +1,20 @@
-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) {
-    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';
-    return finalSrc;
-}
+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) {
+    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';
+    return finalSrc;
+}
 //# sourceMappingURL=getLQIP.js.map

package/Image/utils/getLargestSize.d.ts

@@ -1,7 +1,7 @@
-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;
+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 +1,17 @@
-/**
- * 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();
-    }
-};
+/**
+ * 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/getSizeForBreakpoint.d.ts

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

package/Image/utils/getSizeForBreakpoint.js

@@ -1,16 +1,16 @@
-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;
-};
+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/getSizesMap.d.ts

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

package/Image/utils/getSizesMap.js

@@ -1,22 +1,22 @@
-import { getSizeForBreakpoint } from './getSizeForBreakpoint';
-export const getSizesMap = (breakpoints, sizes) => breakpoints
-    .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 < breakpoints.length) {
-        return `(max-width: ${breakpoint}) ${width}`;
-    }
-    return width;
-})
-    .join(', ');
+import { getSizeForBreakpoint } from './getSizeForBreakpoint';
+export const getSizesMap = (breakpoints, sizes) => breakpoints
+    .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 < breakpoints.length) {
+        return `(max-width: ${breakpoint}) ${width}`;
+    }
+    return width;
+})
+    .join(', ');
 //# sourceMappingURL=getSizesMap.js.map

package/Image/utils/getSmallestSize.d.ts

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

package/Image/utils/getSmallestSize.js

@@ -1,12 +1,12 @@
-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();
-    }
-};
+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/getSrcSetFromWidths.d.ts

@@ -1,10 +1,10 @@
-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;
+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 +1,9 @@
-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(', ');
-};
+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/getSrcWithParams.d.ts

@@ -1,3 +1,3 @@
-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;
+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;