@jetshop/ui 6.3.8-alpha.25 → 6.3.8-alpha.28

package/Image/utils/aspectRatioToFraction.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getFullUrl.js

@@ -0,0 +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;
+};
+//# sourceMappingURL=getFullUrl.js.map

package/Image/utils/getFullUrl.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getImageWidth.js

@@ -0,0 +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);
+};
+//# sourceMappingURL=getImageWidth.js.map

package/Image/utils/getImageWidth.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getImageWidths.js

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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, modifiedDate: string): string;

package/Image/utils/getLQIP.js

@@ -0,0 +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, 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

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getLargestSize.js

@@ -0,0 +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();
+    }
+};
+//# sourceMappingURL=getLargestSize.js.map

package/Image/utils/getLargestSize.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getSizeForBreakpoint.js

@@ -0,0 +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;
+};
+//# sourceMappingURL=getSizeForBreakpoint.js.map

package/Image/utils/getSizeForBreakpoint.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getSizesMap.js

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getSmallestSize.js

@@ -0,0 +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();
+    }
+};
+//# sourceMappingURL=getSmallestSize.js.map

package/Image/utils/getSmallestSize.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getSrcSetFromWidths.js

@@ -0,0 +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(', ');
+};
+//# sourceMappingURL=getSrcSetFromWidths.js.map

package/Image/utils/getSrcSetFromWidths.js.map

@@ -0,0 +1 @@
+{"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

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

package/Image/utils/getSrcWithParams.js

@@ -0,0 +1,29 @@
+import { aspectRatioToFraction } from './aspectRatioToFraction';
+export function getSrcWithParams(width, aspect, src, includeViewportSize = true, options = { crop: false, webp: false }, timestamp) {
+    const resizeMethod = options.crop ? 'crop' : 'fit';
+    const gravity = options.gravity;
+    const quality = options.quality;
+    const height = aspect
+        ? Math.round(width * aspectRatioToFraction(aspect))
+        : null;
+    let qstring;
+    if (height) {
+        qstring = `?extend=copy&width=${width}&method=${resizeMethod}&height=${height}`;
+        if (gravity)
+            qstring += `&gravity=${gravity}`;
+    }
+    else {
+        qstring = `?extend=copy&width=${width}&method=resize`;
+    }
+    if (quality)
+        qstring += `&quality=${quality}`;
+    if (options.webp)
+        qstring += `&type=webp`;
+    if (timestamp)
+        qstring += `&timestamp=${timestamp}`;
+    if (options.focalPointX && options.focalPointY) {
+        qstring += `&im=RegionOfInterestCrop=(${width},${height}),style=crop,gravity=Center,regionOfInterest=(anchor=(x=${options.focalPointX},y=${options.focalPointY}),width=${width},height=${height})`;
+    }
+    return src + qstring + `${includeViewportSize ? ` ${width}w` : ''}`;
+}
+//# sourceMappingURL=getSrcWithParams.js.map

package/Image/utils/getSrcWithParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSrcWithParams.js","sourceRoot":"","sources":["getSrcWithParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,MAAM,UAAU,gBAAgB,CAC9B,KAAa,EACb,MAAmB,EACnB,GAAW,EACX,mBAAmB,GAAG,IAAI,EAC1B,UAA6B,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzD,SAAkB;IAElB,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,MAAM,GAAG,MAAM;QACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC,IAAI,CAAC;IAET,IAAI,OAAO,CAAC;IACZ,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,sBAAsB,KAAK,WAAW,YAAY,WAAW,MAAM,EAAE,CAAC;QAChF,IAAI,OAAO;YAAE,OAAO,IAAI,YAAY,OAAO,EAAE,CAAC;KAC/C;SAAM;QACL,OAAO,GAAG,sBAAsB,KAAK,gBAAgB,CAAC;KACvD;IACD,IAAI,OAAO;QAAE,OAAO,IAAI,YAAY,OAAO,EAAE,CAAC;IAC9C,IAAI,OAAO,CAAC,IAAI;QAAE,OAAO,IAAI,YAAY,CAAC;IAC1C,IAAI,SAAS;QAAE,OAAO,IAAI,cAAc,SAAS,EAAE,CAAC;IACpD,IAAI,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,WAAW,EAAE;QAC9C,OAAO,IAAI,6BAA6B,KAAK,IAAI,MAAM,2DAA2D,OAAO,CAAC,WAAW,MAAM,OAAO,CAAC,WAAW,WAAW,KAAK,WAAW,MAAM,GAAG,CAAC;KACpM;IAED,OAAO,GAAG,GAAG,OAAO,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACtE,CAAC"}

package/Image/utils/paddingForAspectRatio.d.ts

@@ -0,0 +1 @@
+export declare const paddingForAspectRatio: (aspect?: string) => string;

package/Image/utils/paddingForAspectRatio.js

@@ -0,0 +1,6 @@
+export const paddingForAspectRatio = (aspect = '1:1') => {
+    const numbers = aspect.split(/[^\d]/).map(Number);
+    const ratio = numbers[1] / numbers[0];
+    return `${(ratio * 100).toFixed(4)}%`;
+};
+//# sourceMappingURL=paddingForAspectRatio.js.map

package/Image/utils/paddingForAspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingForAspectRatio.js","sourceRoot":"","sources":["paddingForAspectRatio.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACxC,CAAC,CAAC"}

package/Image/utils/remToPx.d.ts

@@ -0,0 +1 @@
+export declare const remToPx: (rems: string, base?: number) => number;

package/Image/utils/remToPx.js

@@ -0,0 +1,2 @@
+export const remToPx = (rems, base = 16) => parseInt(rems) * base;
+//# sourceMappingURL=remToPx.js.map

package/Image/utils/remToPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remToPx.js","sourceRoot":"","sources":["remToPx.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC"}

package/Image/utils/sizeToNumber.d.ts

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

package/Image/utils/sizeToNumber.js

@@ -0,0 +1,27 @@
+import { remToPx } from './remToPx';
+const sizeRegexp = new RegExp(/(\d+)\s?(\w+)?/g);
+export const sizeToNumber = (size) => {
+    if (typeof size === 'string') {
+        try {
+            sizeRegexp.lastIndex = 0;
+            const matches = sizeRegexp.exec(size.toLowerCase().trim());
+            const num = matches && matches[1];
+            const unit = matches && matches[2];
+            if ((!unit || unit === 'px') && num) {
+                return +num;
+            }
+            else if (unit === 'rem') {
+                return remToPx(num);
+            }
+            else {
+                throw Error('Unknown unit ' + unit);
+            }
+        }
+        catch (e) {
+            console.error('Responsive Image: Unit conversion failed for', size, e);
+            return 1;
+        }
+    }
+    return size;
+};
+//# sourceMappingURL=sizeToNumber.js.map

package/Image/utils/sizeToNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToNumber.js","sourceRoot":"","sources":["sizeToNumber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;IACxD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,IAAI;YACF,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC;YACzB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;YAC3D,MAAM,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YAClC,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YACnC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,EAAE;gBACnC,OAAO,CAAC,GAAG,CAAC;aACb;iBAAM,IAAI,IAAI,KAAK,KAAK,EAAE;gBACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;aACrB;iBAAM;gBACL,MAAM,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;aACrC;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,8CAA8C,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,CAAC;SACV;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import React, { InputHTMLAttributes } from 'react';
+declare const TrendInput: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+    as?: React.ElementType<any>;
+}>;
+export default TrendInput;
+export declare const Quantity: React.SFC<InputHTMLAttributes<HTMLInputElement>>;

package/Input/Input.js

@@ -0,0 +1,45 @@
+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 { styled } from 'linaria/react';
+import React from 'react';
+const QuantityWrapper = styled('div') `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const TrendInput = styled('input') `
+  border: 0.5px solid #bfbdbd;
+  height: 35px;
+  font-size: 20px;
+`;
+export default TrendInput;
+const QuantityInput = styled('input') `
+  border: 1px solid #000000;
+  width: 54px;
+  height: 54px;
+  font-size: 20px;
+  text-align: center;
+  padding: 0px;
+`;
+const QuantityLabel = styled('label') `
+  font-size: 12px;
+  text-align: center;
+  letter-spacing: 0.05em;
+  margin-bottom: 10px;
+`;
+export const Quantity = (_a) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(QuantityWrapper, { className: className },
+        React.createElement(QuantityLabel, null, "Quantity"),
+        React.createElement(QuantityInput, Object.assign({}, rest))));
+};
+//# sourceMappingURL=Input.js.map

package/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIpC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAIjC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;CAOpC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAqD,CAAC,EAG1E,EAAE,EAAE;QAHsE,EACzE,SAAS,OAEV,EADI,IAAI,cAFkE,aAG1E,CADQ;IAEP,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;QACnC,oBAAC,aAAa,mBAAyB;QACvC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CACX,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/Input/index.d.ts

@@ -0,0 +1,3 @@
+import Input, { Quantity } from './Input';
+export default Input;
+export { Quantity };

package/Input/index.js

@@ -0,0 +1,4 @@
+import Input, { Quantity } from './Input';
+export default Input;
+export { Quantity };
+//# sourceMappingURL=index.js.map

package/Input/index.js.map

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

package/JetshopText.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const JetshopText: React.FC;
+export default JetshopText;

package/JetshopText.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+const SmallText = styled('p') `
+  font-size: 12px;
+  margin-top: 10px;
+  text-align: right;
+`;
+const JetshopText = () => {
+    return (React.createElement(SmallText, null,
+        React.createElement("a", { href: "https://www.norce.io" }, "Powered by Norce")));
+};
+export default JetshopText;
+//# sourceMappingURL=JetshopText.js.map

package/JetshopText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JetshopText.js","sourceRoot":"","sources":["JetshopText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAC;AAEF,MAAM,WAAW,GAAa,GAAG,EAAE;IACjC,OAAO,CACL,oBAAC,SAAS;QACR,2BAAG,IAAI,EAAC,sBAAsB,uBAAqB,CACzC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/Loading/LoadingBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RouteComponentProps } from 'react-router';
+interface LoadingBarProps extends RouteComponentProps {
+    loading: boolean;
+    color: string;
+}
+declare const _default: React.ComponentClass<Pick<LoadingBarProps, "color" | "loading">, any> & import("react-router").WithRouterStatics<React.FC<LoadingBarProps>>;
+export default _default;

package/Loading/LoadingBar.js

@@ -0,0 +1,58 @@
+import { NProgress } from '@tanem/react-nprogress';
+import { css, cx } from 'linaria';
+import { styled } from 'linaria/react';
+import React, { useEffect, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { withRouter } from 'react-router';
+import { useApolloNetworkStatus } from '@jetshop/core/boot/NetworkStatusNotifier';
+const canUseDOM = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+const containerStyles = css `
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 2147483647;
+  opacity: 1;
+  transition: opacity 0.4s ease-out;
+  &.is-finished {
+    opacity: 0;
+  }
+`;
+const Bar = styled('div') `
+  height: 2px;
+  transition: width 0.1s linear;
+`;
+const Container = function Container({ progress, className, color }) {
+    return (React.createElement("div", { className: cx(containerStyles, className) },
+        React.createElement(Bar, { className: "loading-bar", style: {
+                width: `${progress * 100}%`,
+                background: color
+            } })));
+};
+const MemoizedNProgress = ({ loading, color }) => {
+    return (React.createElement(NProgress, { isAnimating: loading }, ({ isFinished, progress }) => (React.createElement(Container, { progress: progress, className: isFinished && 'is-finished', color: color }))));
+};
+const LoadingBarClient = function LoadingBarClient(props) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const status = useApolloNetworkStatus({
+        shouldHandleOperation: (operation) => operation.getContext().useNetworkStatusNotifier !== false
+    });
+    return (mounted &&
+        canUseDOM &&
+        ReactDOM.createPortal(React.createElement(MemoizedNProgress, { loading: status.numPendingMutations + status.numPendingQueries > 0, key: props.location.key, color: props.color }), document.getElementById('root')));
+};
+const LoadingBar = function LoadingBar(props) {
+    if (__IN_SERVER__) {
+        return null;
+    }
+    else {
+        return React.createElement(LoadingBarClient, Object.assign({}, props));
+    }
+};
+export default withRouter(LoadingBar);
+//# sourceMappingURL=LoadingBar.js.map

package/Loading/LoadingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["LoadingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAuB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAalF,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAGxB,CAAC;AAEF,MAAM,SAAS,GAA6B,SAAS,SAAS,CAAC,EAC7D,QAAQ,EACR,SAAS,EACT,KAAK,EACN;IACC,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC;QAC5C,oBAAC,GAAG,IACF,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG;gBAC3B,UAAU,EAAE,KAAK;aAClB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAGlB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1B,OAAO,CACL,oBAAC,SAAS,IAAC,WAAW,EAAE,OAAO,IAC5B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7B,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,IAAI,aAAa,EACtC,KAAK,EAAE,KAAK,GACZ,CACH,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAA8B,SAAS,gBAAgB,CAC3E,KAAK;IAEL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,sBAAsB,CAAC;QACpC,qBAAqB,EAAE,CAAC,SAAc,EAAE,EAAE,CACxC,SAAS,CAAC,UAAU,EAAE,CAAC,wBAAwB,KAAK,KAAK;KAC5D,CAAC,CAAC;IAEH,OAAO,CACL,OAAO;QACP,SAAS;QACT,QAAQ,CAAC,YAAY,CACnB,oBAAC,iBAAiB,IAChB,OAAO,EAAE,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,GAAG,CAAC,EAClE,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,EACF,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAChC,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAA8B,SAAS,UAAU,CAAC,KAAK;IACrE,IAAI,aAAa,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;KACxC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,UAAU,CAAC,CAAC"}

package/Loading/LoadingLine.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+interface LoadingLineProps {
+    /** The color of each line
+     * @default #f5f5f5
+     */
+    color?: string;
+    /** Width in rems
+     * @default 5
+     */
+    widthRem?: number;
+    /**
+     * Rems to randomize the width of each line by. Will randomize on every
+     * render.
+     * @default 0
+     */
+    randomizeWidthBy?: number;
+    /** How many lines to render
+     * @default 1
+     */
+    count?: number;
+    /** The height of each line, in pixels
+     * @default 16
+     */
+    heightPx?: number;
+    /** Optional className to apply to each line */
+    className?: string;
+    style?: any;
+}
+export declare const LoadingLine: React.FC<LoadingLineProps>;
+export declare function randomizeWithinRange(value: number, range: number): number;
+export {};

package/Loading/LoadingLine.js

@@ -0,0 +1,26 @@
+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 * as React from 'react';
+export const LoadingLine = React.memo(function LoadingLine(_a) {
+    var { widthRem = 5, randomizeWidthBy = 0, count = 1, color = '#F5F5F5', heightPx = 16, className, children, style } = _a, rest = __rest(_a, ["widthRem", "randomizeWidthBy", "count", "color", "heightPx", "className", "children", "style"]);
+    const times = new Array(count).fill(null);
+    return (React.createElement(React.Fragment, null, times.map((_, index) => (React.createElement("div", Object.assign({}, rest, { key: index, className: className, style: Object.assign({ maxWidth: '100%', background: color, height: `${heightPx}px`, width: `${randomizeWidthBy
+                ? randomizeWithinRange(widthRem, randomizeWidthBy)
+                : widthRem}rem` }, style) }), children)))));
+});
+export function randomizeWithinRange(value, range) {
+    const lowerBound = value - range;
+    const upperBound = value + range;
+    return (Math.round((Math.random() * (upperBound - lowerBound) + lowerBound) * 100) /
+        100);
+}
+//# sourceMappingURL=LoadingLine.js.map

package/Loading/LoadingLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingLine.js","sourceRoot":"","sources":["LoadingLine.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,CAAC,MAAM,WAAW,GAA+B,KAAK,CAAC,IAAI,CAC/D,SAAS,WAAW,CAAC,EAUpB;QAVoB,EACnB,QAAQ,GAAG,CAAC,EACZ,gBAAgB,GAAG,CAAC,EACpB,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,EAAE,EACb,SAAS,EACT,QAAQ,EACR,KAAK,OAEN,EADI,IAAI,cATY,gGAUpB,CADQ;IAEP,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,CACL,0CACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,6CACM,IAAI,IACR,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,GAAG,QAAQ,IAAI,EACvB,KAAK,EAAE,GACL,gBAAgB;gBACd,CAAC,CAAC,oBAAoB,CAAC,QAAQ,EAAE,gBAAgB,CAAC;gBAClD,CAAC,CAAC,QACN,KAAK,IACF,KAAK,MAGT,QAAQ,CACL,CACP,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,KAAa;IAC/D,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACjC,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IACjC,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC;QAC1E,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/Loading/NetworkStatusNotifier.d.ts

@@ -0,0 +1,6 @@
+/**
+ * deprecate in favor of @jetshop/core/boot/NetworkStatusNotifier
+ * @deprecated deprecated in favor of @jetshop/core/boot/NetworkStatusNotifier
+ */
+declare const link: import("react-apollo-network-status/dist/src/ApolloLinkNetworkStatus").default, useApolloNetworkStatus: (options?: import("react-apollo-network-status/dist/src/useApolloNetworkStatus").UseApolloNetworkStatusOptions) => import("react-apollo-network-status").NetworkStatus;
+export { link, useApolloNetworkStatus };