@bbl-digital/snorre 4.0.1 → 4.0.2

package/esm/core/ImageViewer/ImageViewer.stories.js

@@ -0,0 +1,13 @@
+import ImageViewer from '.';
+const meta = {
+  title: 'Core/ImageViewer',
+  component: ImageViewer
+};
+export default meta;
+export const Default = {
+  name: 'Image viewer',
+  args: {
+    images: ['https://random.imagecdn.app/500/500', 'https://random.imagecdn.app/750/750', 'https://random.imagecdn.app/1080/2000', 'https://random.imagecdn.app/1980/1020'],
+    onClose: () => console.log('close')
+  }
+};

package/esm/core/ImageViewer/index.js

@@ -0,0 +1,93 @@
+/** @jsxImportSource @emotion/react */
+import { useTheme } from '@emotion/react';
+import { styles } from './styles';
+import Image from '../Image';
+import Carousel from 'nuka-carousel';
+import Text from '../Text';
+import IconChevronLeft from '../../icons/General/IconChevronLeft';
+import IconClose from '../../icons/General/IconClose';
+import { useEffect, useState } from 'react';
+import { Key } from '../../enums/Keyboard';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const ImageViewer = ({
+  images,
+  onClose
+}) => {
+  const theme = useTheme();
+  const [isZoomed, setIsZoomed] = useState(false);
+  useEffect(() => {
+    // Trigger close event on "escape" keydown
+    const handleKeyDown = event => {
+      if (event.key === Key.escape) onClose();
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, []);
+  const hasMultipleImages = Boolean(images.length > 1);
+  return _jsx("div", {
+    css: styles.overlay,
+    children: _jsx("div", {
+      css: styles.carousel,
+      role: "dialog",
+      children: _jsx(Carousel, {
+        enableKeyboardControls: true,
+        swiping: hasMultipleImages,
+        dragging: hasMultipleImages,
+        wrapAround: true,
+        cellSpacing: 15,
+        onUserNavigation: () => setIsZoomed(false),
+        renderTopRightControls: () => _jsx("button", {
+          css: styles.closeBtn,
+          onClick: onClose,
+          children: _jsx(IconClose, {
+            color: "white"
+          })
+        }),
+        renderCenterRightControls: ({
+          nextSlide
+        }) => hasMultipleImages && _jsx("button", {
+          css: styles.controlBtn('right'),
+          onClick: nextSlide,
+          children: _jsx(IconChevronLeft, {
+            size: 18,
+            color: theme.btnDefaultFontColor,
+            flip: true
+          })
+        }),
+        renderCenterLeftControls: ({
+          previousSlide
+        }) => hasMultipleImages && _jsx("button", {
+          css: styles.controlBtn('left'),
+          onClick: previousSlide,
+          children: _jsx(IconChevronLeft, {
+            size: 18,
+            color: theme.btnDefaultFontColor
+          })
+        }),
+        renderBottomCenterControls: ({
+          currentSlide
+        }) => _jsx("div", {
+          css: styles.pageInfo,
+          children: _jsxs(Text, {
+            color: theme.btnDefaultFontColor,
+            size: "14px",
+            children: [currentSlide + 1, " / ", images.length]
+          })
+        }),
+        children: images.map((imageSrc, i) => _jsx("div", {
+          css: [styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRXlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXYgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9IHJvbGU9XCJkaWFsb2dcIj5cbiAgICAgICAgPENhcm91c2VsXG4gICAgICAgICAgZW5hYmxlS2V5Ym9hcmRDb250cm9sc1xuICAgICAgICAgIHN3aXBpbmc9e2hhc011bHRpcGxlSW1hZ2VzfVxuICAgICAgICAgIGRyYWdnaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICB3cmFwQXJvdW5kXG4gICAgICAgICAgY2VsbFNwYWNpbmc9ezE1fVxuICAgICAgICAgIG9uVXNlck5hdmlnYXRpb249eygpID0+IHNldElzWm9vbWVkKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJUb3BSaWdodENvbnRyb2xzPXsoKSA9PiAoXG4gICAgICAgICAgICA8YnV0dG9uIGNzcz17c3R5bGVzLmNsb3NlQnRufSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgPEljb25DbG9zZSBjb2xvcj1cIndoaXRlXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgICAgcmVuZGVyQ2VudGVyUmlnaHRDb250cm9scz17KHsgbmV4dFNsaWRlIH0pID0+XG4gICAgICAgICAgICBoYXNNdWx0aXBsZUltYWdlcyAmJiAoXG4gICAgICAgICAgICAgIDxidXR0b24gY3NzPXtzdHlsZXMuY29udHJvbEJ0bigncmlnaHQnKX0gb25DbGljaz17bmV4dFNsaWRlfT5cbiAgICAgICAgICAgICAgICB7LyogVXNlcyBJY29uQ2hldnJvbkxlZnQsIGJlY2F1c2UgSWNvbkNoZXZyb25SaWdodCBpcyBub3QgY2VudGVyZWQgcHJvcGVybHkgICovfVxuICAgICAgICAgICAgICAgIDxJY29uQ2hldnJvbkxlZnRcbiAgICAgICAgICAgICAgICAgIHNpemU9ezE4fVxuICAgICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9XG4gICAgICAgICAgICAgICAgICBmbGlwXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckNlbnRlckxlZnRDb250cm9scz17KHsgcHJldmlvdXNTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uIGNzcz17c3R5bGVzLmNvbnRyb2xCdG4oJ2xlZnQnKX0gb25DbGljaz17cHJldmlvdXNTbGlkZX0+XG4gICAgICAgICAgICAgICAgPEljb25DaGV2cm9uTGVmdCBzaXplPXsxOH0gY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9IC8+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cbiAgICAgICAgICByZW5kZXJCb3R0b21DZW50ZXJDb250cm9scz17KHsgY3VycmVudFNsaWRlIH0pID0+IChcbiAgICAgICAgICAgIDxkaXYgY3NzPXtzdHlsZXMucGFnZUluZm99PlxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn0gc2l6ZT1cIjE0cHhcIj5cbiAgICAgICAgICAgICAgICB7Y3VycmVudFNsaWRlICsgMX0gLyB7aW1hZ2VzLmxlbmd0aH1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpbWFnZXMubWFwKChpbWFnZVNyYywgaSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBrZXk9e2l9IGNzcz17W3N0eWxlcy5pbWFnZUNvbnRhaW5lcihpc1pvb21lZCldfT5cbiAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgc3JjPXtpbWFnZVNyY31cbiAgICAgICAgICAgICAgICBhbHQ9XCJiaWxkZVwiXG4gICAgICAgICAgICAgICAgb2JqZWN0Rml0PVwiY29udGFpblwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNab29tZWQoIWlzWm9vbWVkKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0Nhcm91c2VsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IEltYWdlVmlld2VyXG4iXX0= */"],
+          children: _jsx(Image, {
+            src: imageSrc,
+            alt: "bilde",
+            objectFit: "contain",
+            onClick: () => setIsZoomed(!isZoomed)
+          })
+        }, i))
+      })
+    })
+  });
+};
+export default ImageViewer;

package/esm/core/ImageViewer/styles.js

@@ -0,0 +1,36 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+const _controlBg = 'rgba(0, 0, 0, 0.5)';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1ezukv3",
+  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out"
+} : {
+  name: "z84szd-imageContainer",
+  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out;label:imageContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const styles = {
+  overlay: process.env.NODE_ENV === "production" ? {
+    name: "1ked4ob",
+    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center"
+  } : {
+    name: "2usvsy-overlay",
+    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center;label:overlay;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZVZpZXdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IF9jb250cm9sQmcgPSAncmdiYSgwLCAwLCAwLCAwLjUpJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBvdmVybGF5OiBjc3NgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgei1pbmRleDogMTAwMTtcbiAgICBwYWRkaW5nOiAxZW07XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjgpO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBgLFxuICBjYXJvdXNlbDogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZXItZnJhbWUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnNsaWRlci1saXN0IHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxuICBpbWFnZUNvbnRhaW5lcjogKHpvb21lZDogYm9vbGVhbikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGhlaWdodDogMTAwJTtcblxuICAgIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICAgIG1pbi13aWR0aDogMTAwcHg7XG4gICAgICBtaW4taGVpZ2h0OiAxMDBweDtcbiAgICAgIGN1cnNvcjogem9vbS1pbjtcbiAgICAgIHRyYW5zaXRpb246IG1pbi13aWR0aCA1MG1zIGVhc2U7XG4gICAgICAke3pvb21lZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBtaW4td2lkdGg6IDUwdnc7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDUwdmg7XG4gICAgICAgIGN1cnNvcjogem9vbS1vdXQ7XG4gICAgICBgfVxuICAgIH1cbiAgYCxcbiAgY29udHJvbEJ0bjogKGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JykgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJzNweCcgOiAnMCd9O1xuICAgIG1hcmdpbi1yaWdodDogJHtkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnM3B4JyA6ICcwJ307XG4gIGAsXG4gIHBhZ2VJbmZvOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwLjI1ZW0gMWVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICBgLFxuICBjbG9zZUJ0bjogKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUubXlwYWdlQm94Qm9yZGVyUmFkaXVzfTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufVxuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  carousel: process.env.NODE_ENV === "production" ? {
+    name: "1cx7q4s",
+    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;}"
+  } : {
+    name: "i05i4-carousel",
+    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;};label:carousel;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  imageContainer: zoomed => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;height:100%;img{max-width:100%;max-height:100%;width:fit-content;height:fit-content;min-width:100px;min-height:100px;cursor:zoom-in;transition:min-width 50ms ease;", zoomed && _ref, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:imageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzBDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */"),
+  controlBtn: direction => /*#__PURE__*/css("background-color:", _controlBg, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;margin-left:", direction === 'left' ? '3px' : '0', ";margin-right:", direction === 'right' ? '3px' : '0', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:controlBtn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRWtEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */"),
+  pageInfo: /*#__PURE__*/css("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", _controlBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:pageInfo;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */"),
+  closeBtn: theme => /*#__PURE__*/css("background-color:", _controlBg, ";border:none;border-radius:", theme.mypageBoxBorderRadius, ";padding:0.75em;cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:closeBtn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */")
+};

package/esm/core/MediaCarousel/MediaCarousel.stories.js

@@ -1,12 +1,12 @@
-import React from 'react';
 import MediaCarousel from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/MediaCarousel',
   component: MediaCarousel
 };
+export default meta;
 export const DefaultWithImages = {
-  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+  name: 'Carousel with images',
+  args: {
     media: [{
       src: 'https://via.placeholder.com/150',
       mimeType: 'image/png'
@@ -14,11 +14,11 @@ export const DefaultWithImages = {
       src: 'https://via.placeholder.com/150',
       mimeType: 'image/png'
     }]
-  }),
-  name: 'Carousel with images'
+  }
 };
 export const CarouselWithVideosAndImages = {
-  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+  name: 'Carousel with videos and images',
+  args: {
     media: [{
       src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOi0mWLRO2c4favdUBtcHm8KiB9pAtWnkihu4-e8nY0g&s',
       mimeType: 'image/jpeg'
@@ -29,6 +29,5 @@ export const CarouselWithVideosAndImages = {
       src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
       mimeType: 'video/mp4'
     }]
-  }),
-  name: 'Carousel with videos and images'
+  }
 };

package/lib/core/ImageViewer/ImageViewer.stories.d.ts

@@ -0,0 +1,7 @@
+import ImageViewer from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof ImageViewer>;
+export default meta;
+declare type Story = StoryObj<typeof ImageViewer>;
+export declare const Default: Story;
+//# sourceMappingURL=ImageViewer.stories.d.ts.map

package/lib/core/ImageViewer/ImageViewer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/ImageViewer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,GAAG,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA"}

package/lib/core/ImageViewer/ImageViewer.stories.js

@@ -0,0 +1,13 @@
+import ImageViewer from '.';
+const meta = {
+  title: 'Core/ImageViewer',
+  component: ImageViewer
+};
+export default meta;
+export const Default = {
+  name: 'Image viewer',
+  args: {
+    images: ['https://random.imagecdn.app/500/500', 'https://random.imagecdn.app/750/750', 'https://random.imagecdn.app/1080/2000', 'https://random.imagecdn.app/1980/1020'],
+    onClose: () => console.log('close')
+  }
+};

package/lib/core/ImageViewer/index.d.ts

@@ -0,0 +1,9 @@
+declare type Props = {
+    /** Image src's */
+    images: string[];
+    /** On close callback */
+    onClose: () => void;
+};
+declare const ImageViewer: ({ images, onClose }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ImageViewer;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/ImageViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/index.tsx"],"names":[],"mappings":"AAWA,aAAK,KAAK,GAAG;IACX,kBAAkB;IAClB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,WAAW,wBAAyB,KAAK,qDA0E9C,CAAA;AACD,eAAe,WAAW,CAAA"}

package/lib/core/ImageViewer/index.js

@@ -0,0 +1,93 @@
+/** @jsxImportSource @emotion/react */
+import { useTheme } from '@emotion/react';
+import { styles } from './styles';
+import Image from '../Image';
+import Carousel from 'nuka-carousel';
+import Text from '../Text';
+import IconChevronLeft from '../../icons/General/IconChevronLeft';
+import IconClose from '../../icons/General/IconClose';
+import { useEffect, useState } from 'react';
+import { Key } from '../../enums/Keyboard';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const ImageViewer = ({
+  images,
+  onClose
+}) => {
+  const theme = useTheme();
+  const [isZoomed, setIsZoomed] = useState(false);
+  useEffect(() => {
+    // Trigger close event on "escape" keydown
+    const handleKeyDown = event => {
+      if (event.key === Key.escape) onClose();
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, []);
+  const hasMultipleImages = Boolean(images.length > 1);
+  return _jsx("div", {
+    css: styles.overlay,
+    children: _jsx("div", {
+      css: styles.carousel,
+      role: "dialog",
+      children: _jsx(Carousel, {
+        enableKeyboardControls: true,
+        swiping: hasMultipleImages,
+        dragging: hasMultipleImages,
+        wrapAround: true,
+        cellSpacing: 15,
+        onUserNavigation: () => setIsZoomed(false),
+        renderTopRightControls: () => _jsx("button", {
+          css: styles.closeBtn,
+          onClick: onClose,
+          children: _jsx(IconClose, {
+            color: "white"
+          })
+        }),
+        renderCenterRightControls: ({
+          nextSlide
+        }) => hasMultipleImages && _jsx("button", {
+          css: styles.controlBtn('right'),
+          onClick: nextSlide,
+          children: _jsx(IconChevronLeft, {
+            size: 18,
+            color: theme.btnDefaultFontColor,
+            flip: true
+          })
+        }),
+        renderCenterLeftControls: ({
+          previousSlide
+        }) => hasMultipleImages && _jsx("button", {
+          css: styles.controlBtn('left'),
+          onClick: previousSlide,
+          children: _jsx(IconChevronLeft, {
+            size: 18,
+            color: theme.btnDefaultFontColor
+          })
+        }),
+        renderBottomCenterControls: ({
+          currentSlide
+        }) => _jsx("div", {
+          css: styles.pageInfo,
+          children: _jsxs(Text, {
+            color: theme.btnDefaultFontColor,
+            size: "14px",
+            children: [currentSlide + 1, " / ", images.length]
+          })
+        }),
+        children: images.map((imageSrc, i) => _jsx("div", {
+          css: [styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRXlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXYgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9IHJvbGU9XCJkaWFsb2dcIj5cbiAgICAgICAgPENhcm91c2VsXG4gICAgICAgICAgZW5hYmxlS2V5Ym9hcmRDb250cm9sc1xuICAgICAgICAgIHN3aXBpbmc9e2hhc011bHRpcGxlSW1hZ2VzfVxuICAgICAgICAgIGRyYWdnaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICB3cmFwQXJvdW5kXG4gICAgICAgICAgY2VsbFNwYWNpbmc9ezE1fVxuICAgICAgICAgIG9uVXNlck5hdmlnYXRpb249eygpID0+IHNldElzWm9vbWVkKGZhbHNlKX1cbiAgICAgICAgICByZW5kZXJUb3BSaWdodENvbnRyb2xzPXsoKSA9PiAoXG4gICAgICAgICAgICA8YnV0dG9uIGNzcz17c3R5bGVzLmNsb3NlQnRufSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgPEljb25DbG9zZSBjb2xvcj1cIndoaXRlXCIgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgICAgcmVuZGVyQ2VudGVyUmlnaHRDb250cm9scz17KHsgbmV4dFNsaWRlIH0pID0+XG4gICAgICAgICAgICBoYXNNdWx0aXBsZUltYWdlcyAmJiAoXG4gICAgICAgICAgICAgIDxidXR0b24gY3NzPXtzdHlsZXMuY29udHJvbEJ0bigncmlnaHQnKX0gb25DbGljaz17bmV4dFNsaWRlfT5cbiAgICAgICAgICAgICAgICB7LyogVXNlcyBJY29uQ2hldnJvbkxlZnQsIGJlY2F1c2UgSWNvbkNoZXZyb25SaWdodCBpcyBub3QgY2VudGVyZWQgcHJvcGVybHkgICovfVxuICAgICAgICAgICAgICAgIDxJY29uQ2hldnJvbkxlZnRcbiAgICAgICAgICAgICAgICAgIHNpemU9ezE4fVxuICAgICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9XG4gICAgICAgICAgICAgICAgICBmbGlwXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckNlbnRlckxlZnRDb250cm9scz17KHsgcHJldmlvdXNTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uIGNzcz17c3R5bGVzLmNvbnRyb2xCdG4oJ2xlZnQnKX0gb25DbGljaz17cHJldmlvdXNTbGlkZX0+XG4gICAgICAgICAgICAgICAgPEljb25DaGV2cm9uTGVmdCBzaXplPXsxOH0gY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9IC8+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgKVxuICAgICAgICAgIH1cbiAgICAgICAgICByZW5kZXJCb3R0b21DZW50ZXJDb250cm9scz17KHsgY3VycmVudFNsaWRlIH0pID0+IChcbiAgICAgICAgICAgIDxkaXYgY3NzPXtzdHlsZXMucGFnZUluZm99PlxuICAgICAgICAgICAgICA8VGV4dCBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn0gc2l6ZT1cIjE0cHhcIj5cbiAgICAgICAgICAgICAgICB7Y3VycmVudFNsaWRlICsgMX0gLyB7aW1hZ2VzLmxlbmd0aH1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpbWFnZXMubWFwKChpbWFnZVNyYywgaSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBrZXk9e2l9IGNzcz17W3N0eWxlcy5pbWFnZUNvbnRhaW5lcihpc1pvb21lZCldfT5cbiAgICAgICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICAgICAgc3JjPXtpbWFnZVNyY31cbiAgICAgICAgICAgICAgICBhbHQ9XCJiaWxkZVwiXG4gICAgICAgICAgICAgICAgb2JqZWN0Rml0PVwiY29udGFpblwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNab29tZWQoIWlzWm9vbWVkKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0Nhcm91c2VsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IEltYWdlVmlld2VyXG4iXX0= */"],
+          children: _jsx(Image, {
+            src: imageSrc,
+            alt: "bilde",
+            objectFit: "contain",
+            onClick: () => setIsZoomed(!isZoomed)
+          })
+        }, i))
+      })
+    })
+  });
+};
+export default ImageViewer;

package/lib/core/ImageViewer/styles.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@emotion/react';
+export declare const styles: {
+    overlay: import("@emotion/utils").SerializedStyles;
+    carousel: import("@emotion/utils").SerializedStyles;
+    imageContainer: (zoomed: boolean) => import("@emotion/utils").SerializedStyles;
+    controlBtn: (direction: 'left' | 'right') => import("@emotion/utils").SerializedStyles;
+    pageInfo: import("@emotion/utils").SerializedStyles;
+    closeBtn: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/ImageViewer/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ImageViewer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAI3C,eAAO,MAAM,MAAM;;;6BAwCQ,OAAO;4BAwBR,MAAM,GAAG,OAAO;;sBAgBtB,KAAK;CAOxB,CAAA"}

package/lib/core/ImageViewer/styles.js

@@ -0,0 +1,36 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+const _controlBg = 'rgba(0, 0, 0, 0.5)';
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1ezukv3",
+  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out"
+} : {
+  name: "z84szd-imageContainer",
+  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out;label:imageContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const styles = {
+  overlay: process.env.NODE_ENV === "production" ? {
+    name: "1ked4ob",
+    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center"
+  } : {
+    name: "2usvsy-overlay",
+    styles: "position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;right:0;bottom:0;z-index:1001;padding:1em;background:rgba(0, 0, 0, 0.8);overflow:auto;display:flex;justify-content:center;align-items:center;label:overlay;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZVZpZXdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IF9jb250cm9sQmcgPSAncmdiYSgwLCAwLCAwLCAwLjUpJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBvdmVybGF5OiBjc3NgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgei1pbmRleDogMTAwMTtcbiAgICBwYWRkaW5nOiAxZW07XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjgpO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBgLFxuICBjYXJvdXNlbDogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZXItZnJhbWUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnNsaWRlci1saXN0IHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxuICBpbWFnZUNvbnRhaW5lcjogKHpvb21lZDogYm9vbGVhbikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGhlaWdodDogMTAwJTtcblxuICAgIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICAgIG1pbi13aWR0aDogMTAwcHg7XG4gICAgICBtaW4taGVpZ2h0OiAxMDBweDtcbiAgICAgIGN1cnNvcjogem9vbS1pbjtcbiAgICAgIHRyYW5zaXRpb246IG1pbi13aWR0aCA1MG1zIGVhc2U7XG4gICAgICAke3pvb21lZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBtaW4td2lkdGg6IDUwdnc7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDUwdmg7XG4gICAgICAgIGN1cnNvcjogem9vbS1vdXQ7XG4gICAgICBgfVxuICAgIH1cbiAgYCxcbiAgY29udHJvbEJ0bjogKGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JykgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJzNweCcgOiAnMCd9O1xuICAgIG1hcmdpbi1yaWdodDogJHtkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnM3B4JyA6ICcwJ307XG4gIGAsXG4gIHBhZ2VJbmZvOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwLjI1ZW0gMWVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICBgLFxuICBjbG9zZUJ0bjogKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUubXlwYWdlQm94Qm9yZGVyUmFkaXVzfTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufVxuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  carousel: process.env.NODE_ENV === "production" ? {
+    name: "1cx7q4s",
+    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;}"
+  } : {
+    name: "i05i4-carousel",
+    styles: "position:relative;display:flex;height:100%;width:100%;.slider-container{height:100%;width:100%;}.slider-frame{height:100%!important;}.slider-list{height:100%;}.slide{height:100%!important;};label:carousel;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  imageContainer: zoomed => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;height:100%;img{max-width:100%;max-height:100%;width:fit-content;height:fit-content;min-width:100px;min-height:100px;cursor:zoom-in;transition:min-width 50ms ease;", zoomed && _ref, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:imageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzBDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */"),
+  controlBtn: direction => /*#__PURE__*/css("background-color:", _controlBg, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;margin-left:", direction === 'left' ? '3px' : '0', ";margin-right:", direction === 'right' ? '3px' : '0', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:controlBtn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRWtEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */"),
+  pageInfo: /*#__PURE__*/css("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", _controlBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:pageInfo;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */"),
+  closeBtn: theme => /*#__PURE__*/css("background-color:", _controlBg, ";border:none;border-radius:", theme.mypageBoxBorderRadius, ";padding:0.75em;cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:closeBtn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgX2NvbnRyb2xCZyA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIG92ZXJsYXk6IGNzc2BcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAxMDAxO1xuICAgIHBhZGRpbmc6IDFlbTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGAsXG4gIGNhcm91c2VsOiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLnNsaWRlci1jb250YWluZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlci1mcmFtZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWxpc3Qge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZSB7XG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG4gIGltYWdlQ29udGFpbmVyOiAoem9vbWVkOiBib29sZWFuKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgaW1nIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgbWluLXdpZHRoOiAxMDBweDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMHB4O1xuICAgICAgY3Vyc29yOiB6b29tLWluO1xuICAgICAgdHJhbnNpdGlvbjogbWluLXdpZHRoIDUwbXMgZWFzZTtcbiAgICAgICR7em9vbWVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIG1pbi13aWR0aDogNTB2dztcbiAgICAgICAgbWluLWhlaWdodDogNTB2aDtcbiAgICAgICAgY3Vyc29yOiB6b29tLW91dDtcbiAgICAgIGB9XG4gICAgfVxuICBgLFxuICBjb250cm9sQnRuOiAoZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgbWFyZ2luLWxlZnQ6ICR7ZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnM3B4JyA6ICcwJ307XG4gICAgbWFyZ2luLXJpZ2h0OiAke2RpcmVjdGlvbiA9PT0gJ3JpZ2h0JyA/ICczcHgnIDogJzAnfTtcbiAgYCxcbiAgcGFnZUluZm86IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gIGAsXG4gIGNsb3NlQnRuOiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5teXBhZ2VCb3hCb3JkZXJSYWRpdXN9O1xuICAgIHBhZGRpbmc6IDAuNzVlbTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIGAsXG59XG4iXX0= */")
+};

package/lib/core/MediaCarousel/MediaCarousel.stories.d.ts

@@ -1,12 +1,8 @@
-import React from 'react';
-declare const _default;
-export default _default;
-export declare const DefaultWithImages: {
-    render: () => React.JSX.Element;
-    name: string;
-};
-export declare const CarouselWithVideosAndImages: {
-    render: () => React.JSX.Element;
-    name: string;
-};
+import MediaCarousel from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof MediaCarousel>;
+export default meta;
+declare type Story = StoryObj<typeof MediaCarousel>;
+export declare const DefaultWithImages: Story;
+export declare const CarouselWithVideosAndImages: Story;
 //# sourceMappingURL=MediaCarousel.stories.d.ts.map

package/lib/core/MediaCarousel/MediaCarousel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAIzB,wBAGS;AAET,eAAO,MAAM,iBAAiB;;;CAgB7B,CAAA;AAED,eAAO,MAAM,2BAA2B;;;CAoBvC,CAAA"}
+{"version":3,"file":"MediaCarousel.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MediaCarousel/MediaCarousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,GAAG,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAkBzC,CAAA"}

package/lib/core/MediaCarousel/MediaCarousel.stories.js

@@ -1,12 +1,12 @@
-import React from 'react';
 import MediaCarousel from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/MediaCarousel',
   component: MediaCarousel
 };
+export default meta;
 export const DefaultWithImages = {
-  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+  name: 'Carousel with images',
+  args: {
     media: [{
       src: 'https://via.placeholder.com/150',
       mimeType: 'image/png'
@@ -14,11 +14,11 @@ export const DefaultWithImages = {
       src: 'https://via.placeholder.com/150',
       mimeType: 'image/png'
     }]
-  }),
-  name: 'Carousel with images'
+  }
 };
 export const CarouselWithVideosAndImages = {
-  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+  name: 'Carousel with videos and images',
+  args: {
     media: [{
       src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOi0mWLRO2c4favdUBtcHm8KiB9pAtWnkihu4-e8nY0g&s',
       mimeType: 'image/jpeg'
@@ -29,6 +29,5 @@ export const CarouselWithVideosAndImages = {
       src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
       mimeType: 'video/mp4'
     }]
-  }),
-  name: 'Carousel with videos and images'
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -25,7 +25,7 @@
     "focus-trap-react": "^10.0.0",
     "match-sorter": "^6.3.1",
     "mdx-state": "^0.0.4",
-    "nuka-carousel": "^5.5.0",
+    "nuka-carousel": "^6.0.3",
     "react-aria": "^3.23.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-day-picker": "^8.3.4",