@bbl-digital/snorre 4.2.30 → 4.2.32

package/lib/core/ImageViewer/index.js

@@ -1,26 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+var _Image = _interopRequireDefault(require("../Image"));
+var _nukaCarousel = _interopRequireDefault(require("nuka-carousel"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _IconChevronLeft = _interopRequireDefault(require("../../icons/General/IconChevronLeft"));
+var _IconClose = _interopRequireDefault(require("../../icons/General/IconClose"));
+var _react2 = require("react");
+var _Keyboard = require("../../enums/Keyboard");
+var _reactAria = require("react-aria");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @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 { VisuallyHidden } from 'react-aria';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 const ImageViewer = ({
   images,
   initialImage = 0,
   onClose
 }) => {
-  const theme = useTheme();
-  const [isZoomed, setIsZoomed] = useState(false);
-  useEffect(() => {
+  const theme = (0, _react.useTheme)();
+  const [isZoomed, setIsZoomed] = (0, _react2.useState)(false);
+  (0, _react2.useEffect)(() => {
     // Trigger close event on "escape" keydown
     const handleKeyDown = event => {
-      if (event.key === Key.escape) onClose();
+      if (event.key === _Keyboard.Key.escape) onClose();
     };
     document.addEventListener('keydown', handleKeyDown);
     return () => {
@@ -28,17 +36,17 @@ const ImageViewer = ({
     };
   }, []);
   const hasMultipleImages = Boolean(images.length > 1);
-  return _jsx("div", {
-    css: styles.overlay,
-    children: _jsxs("div", {
-      css: styles.carousel,
+  return (0, _jsxRuntime.jsx)("div", {
+    css: _styles.styles.overlay,
+    children: (0, _jsxRuntime.jsxs)("div", {
+      css: _styles.styles.carousel,
       role: "dialog",
       "aria-modal": true,
       "aria-labelledby": "carousel-heading",
-      children: [_jsx(VisuallyHidden, {
+      children: [(0, _jsxRuntime.jsx)(_reactAria.VisuallyHidden, {
         id: "carousel-heading",
         children: "Bildevisning"
-      }), _jsx(Carousel, {
+      }), (0, _jsxRuntime.jsx)(_nukaCarousel.default, {
         enableKeyboardControls: true,
         swiping: hasMultipleImages,
         dragging: hasMultipleImages,
@@ -46,21 +54,21 @@ const ImageViewer = ({
         slideIndex: initialImage,
         cellSpacing: 15,
         onUserNavigation: () => setIsZoomed(false),
-        renderTopRightControls: () => _jsx("button", {
-          css: styles.closeBtn,
+        renderTopRightControls: () => (0, _jsxRuntime.jsx)("button", {
+          css: _styles.styles.closeBtn,
           onClick: onClose,
           "aria-label": "Lukk bildevisning",
-          children: _jsx(IconClose, {
+          children: (0, _jsxRuntime.jsx)(_IconClose.default, {
             color: "white"
           })
         }),
         renderCenterRightControls: ({
           nextSlide
-        }) => hasMultipleImages && _jsx("button", {
-          css: styles.controlBtn('right'),
+        }) => hasMultipleImages && (0, _jsxRuntime.jsx)("button", {
+          css: _styles.styles.controlBtn('right'),
           onClick: nextSlide,
           "aria-label": "Naviger til neste bilde",
-          children: _jsx(IconChevronLeft, {
+          children: (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
             size: 18,
             color: theme.btnDefaultFontColor,
             flip: true
@@ -68,29 +76,29 @@ const ImageViewer = ({
         }),
         renderCenterLeftControls: ({
           previousSlide
-        }) => hasMultipleImages && _jsx("button", {
-          css: styles.controlBtn('left'),
+        }) => hasMultipleImages && (0, _jsxRuntime.jsx)("button", {
+          css: _styles.styles.controlBtn('left'),
           onClick: previousSlide,
           "aria-label": "Naviger til forrige bilde",
-          children: _jsx(IconChevronLeft, {
+          children: (0, _jsxRuntime.jsx)(_IconChevronLeft.default, {
             size: 18,
             color: theme.btnDefaultFontColor
           })
         }),
         renderBottomCenterControls: ({
           currentSlide
-        }) => _jsx("div", {
-          css: styles.pageInfo,
-          children: _jsxs(Text, {
+        }) => (0, _jsxRuntime.jsx)("div", {
+          css: _styles.styles.pageInfo,
+          children: (0, _jsxRuntime.jsxs)(_Text.default, {
             color: theme.btnDefaultFontColor,
             size: "14px",
             "aria-label": `Bilde ${currentSlide + 1} av ${images.length}`,
             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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R3lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuaW1wb3J0IHsgVmlzdWFsbHlIaWRkZW4gfSBmcm9tICdyZWFjdC1hcmlhJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogSW1hZ2UgbGlzdCBpbmRleCB0byBkaXNwbGF5IGluaXRpYWxseSwgZGVmYXVsdHMgdG8gMCAqL1xuICBpbml0aWFsSW1hZ2U6IG51bWJlclxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgaW5pdGlhbEltYWdlID0gMCwgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICBhcmlhLW1vZGFsPXt0cnVlfVxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJjYXJvdXNlbC1oZWFkaW5nXCJcbiAgICAgID5cbiAgICAgICAgPFZpc3VhbGx5SGlkZGVuIGlkPVwiY2Fyb3VzZWwtaGVhZGluZ1wiPkJpbGRldmlzbmluZzwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDxDYXJvdXNlbFxuICAgICAgICAgIGVuYWJsZUtleWJvYXJkQ29udHJvbHNcbiAgICAgICAgICBzd2lwaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICBkcmFnZ2luZz17aGFzTXVsdGlwbGVJbWFnZXN9XG4gICAgICAgICAgd3JhcEFyb3VuZFxuICAgICAgICAgIHNsaWRlSW5kZXg9e2luaXRpYWxJbWFnZX1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MTV9XG4gICAgICAgICAgb25Vc2VyTmF2aWdhdGlvbj17KCkgPT4gc2V0SXNab29tZWQoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlclRvcFJpZ2h0Q29udHJvbHM9eygpID0+IChcbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY2xvc2VCdG59XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJMdWtrIGJpbGRldmlzbmluZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJY29uQ2xvc2UgY29sb3I9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHJlbmRlckNlbnRlclJpZ2h0Q29udHJvbHM9eyh7IG5leHRTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY29udHJvbEJ0bigncmlnaHQnKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtuZXh0U2xpZGV9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIk5hdmlnZXIgdGlsIG5lc3RlIGJpbGRlXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsvKiBVc2VzIEljb25DaGV2cm9uTGVmdCwgYmVjYXVzZSBJY29uQ2hldnJvblJpZ2h0IGlzIG5vdCBjZW50ZXJlZCBwcm9wZXJseSAgKi99XG4gICAgICAgICAgICAgICAgPEljb25DaGV2cm9uTGVmdFxuICAgICAgICAgICAgICAgICAgc2l6ZT17MTh9XG4gICAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn1cbiAgICAgICAgICAgICAgICAgIGZsaXBcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICB9XG4gICAgICAgICAgcmVuZGVyQ2VudGVyTGVmdENvbnRyb2xzPXsoeyBwcmV2aW91c1NsaWRlIH0pID0+XG4gICAgICAgICAgICBoYXNNdWx0aXBsZUltYWdlcyAmJiAoXG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5jb250cm9sQnRuKCdsZWZ0Jyl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17cHJldmlvdXNTbGlkZX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiTmF2aWdlciB0aWwgZm9ycmlnZSBiaWxkZVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbkNoZXZyb25MZWZ0IHNpemU9ezE4fSBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn0gLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckJvdHRvbUNlbnRlckNvbnRyb2xzPXsoeyBjdXJyZW50U2xpZGUgfSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBjc3M9e3N0eWxlcy5wYWdlSW5mb30+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9XG4gICAgICAgICAgICAgICAgc2l6ZT1cIjE0cHhcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BCaWxkZSAke2N1cnJlbnRTbGlkZSArIDF9IGF2ICR7aW1hZ2VzLmxlbmd0aH1gfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2N1cnJlbnRTbGlkZSArIDF9IC8ge2ltYWdlcy5sZW5ndGh9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2VTcmMsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYga2V5PXtpfSBjc3M9e1tzdHlsZXMuaW1hZ2VDb250YWluZXIoaXNab29tZWQpXX0+XG4gICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgIHNyYz17aW1hZ2VTcmN9XG4gICAgICAgICAgICAgICAgYWx0PXtgQmlsZGUgJHtpICsgMX0gYXYgJHtpbWFnZXMubGVuZ3RofWB9XG4gICAgICAgICAgICAgICAgb2JqZWN0Rml0PVwiY29udGFpblwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNab29tZWQoIWlzWm9vbWVkKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0Nhcm91c2VsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IEltYWdlVmlld2VyXG4iXX0= */"],
-          children: _jsx(Image, {
+        children: images.map((imageSrc, i) => (0, _jsxRuntime.jsx)("div", {
+          css: [_styles.styles.imageContainer(isZoomed), process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R3lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnXG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnXG5pbXBvcnQgQ2Fyb3VzZWwgZnJvbSAnbnVrYS1jYXJvdXNlbCdcbmltcG9ydCBUZXh0IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgSWNvbkNoZXZyb25MZWZ0IGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkNoZXZyb25MZWZ0J1xuaW1wb3J0IEljb25DbG9zZSBmcm9tICcuLi8uLi9pY29ucy9HZW5lcmFsL0ljb25DbG9zZSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEtleSB9IGZyb20gJy4uLy4uL2VudW1zL0tleWJvYXJkJ1xuaW1wb3J0IHsgVmlzdWFsbHlIaWRkZW4gfSBmcm9tICdyZWFjdC1hcmlhJ1xuXG50eXBlIFByb3BzID0ge1xuICAvKiogSW1hZ2Ugc3JjJ3MgKi9cbiAgaW1hZ2VzOiBzdHJpbmdbXVxuICAvKiogSW1hZ2UgbGlzdCBpbmRleCB0byBkaXNwbGF5IGluaXRpYWxseSwgZGVmYXVsdHMgdG8gMCAqL1xuICBpbml0aWFsSW1hZ2U6IG51bWJlclxuICAvKiogT24gY2xvc2UgY2FsbGJhY2sgKi9cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBJbWFnZVZpZXdlciA9ICh7IGltYWdlcywgaW5pdGlhbEltYWdlID0gMCwgb25DbG9zZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW2lzWm9vbWVkLCBzZXRJc1pvb21lZF0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIFRyaWdnZXIgY2xvc2UgZXZlbnQgb24gXCJlc2NhcGVcIiBrZXlkb3duXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gS2V5LmVzY2FwZSkgb25DbG9zZSgpXG4gICAgfVxuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFzTXVsdGlwbGVJbWFnZXMgPSBCb29sZWFuKGltYWdlcy5sZW5ndGggPiAxKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e3N0eWxlcy5vdmVybGF5fT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtzdHlsZXMuY2Fyb3VzZWx9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICBhcmlhLW1vZGFsPXt0cnVlfVxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJjYXJvdXNlbC1oZWFkaW5nXCJcbiAgICAgID5cbiAgICAgICAgPFZpc3VhbGx5SGlkZGVuIGlkPVwiY2Fyb3VzZWwtaGVhZGluZ1wiPkJpbGRldmlzbmluZzwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICAgIDxDYXJvdXNlbFxuICAgICAgICAgIGVuYWJsZUtleWJvYXJkQ29udHJvbHNcbiAgICAgICAgICBzd2lwaW5nPXtoYXNNdWx0aXBsZUltYWdlc31cbiAgICAgICAgICBkcmFnZ2luZz17aGFzTXVsdGlwbGVJbWFnZXN9XG4gICAgICAgICAgd3JhcEFyb3VuZFxuICAgICAgICAgIHNsaWRlSW5kZXg9e2luaXRpYWxJbWFnZX1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MTV9XG4gICAgICAgICAgb25Vc2VyTmF2aWdhdGlvbj17KCkgPT4gc2V0SXNab29tZWQoZmFsc2UpfVxuICAgICAgICAgIHJlbmRlclRvcFJpZ2h0Q29udHJvbHM9eygpID0+IChcbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY2xvc2VCdG59XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJMdWtrIGJpbGRldmlzbmluZ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJY29uQ2xvc2UgY29sb3I9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHJlbmRlckNlbnRlclJpZ2h0Q29udHJvbHM9eyh7IG5leHRTbGlkZSB9KSA9PlxuICAgICAgICAgICAgaGFzTXVsdGlwbGVJbWFnZXMgJiYgKFxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgY3NzPXtzdHlsZXMuY29udHJvbEJ0bigncmlnaHQnKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtuZXh0U2xpZGV9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIk5hdmlnZXIgdGlsIG5lc3RlIGJpbGRlXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsvKiBVc2VzIEljb25DaGV2cm9uTGVmdCwgYmVjYXVzZSBJY29uQ2hldnJvblJpZ2h0IGlzIG5vdCBjZW50ZXJlZCBwcm9wZXJseSAgKi99XG4gICAgICAgICAgICAgICAgPEljb25DaGV2cm9uTGVmdFxuICAgICAgICAgICAgICAgICAgc2l6ZT17MTh9XG4gICAgICAgICAgICAgICAgICBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn1cbiAgICAgICAgICAgICAgICAgIGZsaXBcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIClcbiAgICAgICAgICB9XG4gICAgICAgICAgcmVuZGVyQ2VudGVyTGVmdENvbnRyb2xzPXsoeyBwcmV2aW91c1NsaWRlIH0pID0+XG4gICAgICAgICAgICBoYXNNdWx0aXBsZUltYWdlcyAmJiAoXG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBjc3M9e3N0eWxlcy5jb250cm9sQnRuKCdsZWZ0Jyl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17cHJldmlvdXNTbGlkZX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiTmF2aWdlciB0aWwgZm9ycmlnZSBiaWxkZVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SWNvbkNoZXZyb25MZWZ0IHNpemU9ezE4fSBjb2xvcj17dGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvcn0gLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckJvdHRvbUNlbnRlckNvbnRyb2xzPXsoeyBjdXJyZW50U2xpZGUgfSkgPT4gKFxuICAgICAgICAgICAgPGRpdiBjc3M9e3N0eWxlcy5wYWdlSW5mb30+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3J9XG4gICAgICAgICAgICAgICAgc2l6ZT1cIjE0cHhcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BCaWxkZSAke2N1cnJlbnRTbGlkZSArIDF9IGF2ICR7aW1hZ2VzLmxlbmd0aH1gfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2N1cnJlbnRTbGlkZSArIDF9IC8ge2ltYWdlcy5sZW5ndGh9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2VTcmMsIGkpID0+IChcbiAgICAgICAgICAgIDxkaXYga2V5PXtpfSBjc3M9e1tzdHlsZXMuaW1hZ2VDb250YWluZXIoaXNab29tZWQpXX0+XG4gICAgICAgICAgICAgIDxJbWFnZVxuICAgICAgICAgICAgICAgIHNyYz17aW1hZ2VTcmN9XG4gICAgICAgICAgICAgICAgYWx0PXtgQmlsZGUgJHtpICsgMX0gYXYgJHtpbWFnZXMubGVuZ3RofWB9XG4gICAgICAgICAgICAgICAgb2JqZWN0Rml0PVwiY29udGFpblwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNab29tZWQoIWlzWm9vbWVkKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0Nhcm91c2VsPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IEltYWdlVmlld2VyXG4iXX0= */"],
+          children: (0, _jsxRuntime.jsx)(_Image.default, {
             src: imageSrc,
             alt: `Bilde ${i + 1} av ${images.length}`,
             objectFit: "contain",
@@ -101,4 +109,4 @@ const ImageViewer = ({
     })
   });
 };
-export default ImageViewer;
+var _default = exports.default = ImageViewer;

package/lib/core/ImageViewer/styles.js

@@ -1,23 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _react = require("@emotion/react");
 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== */",
+  styles: "min-width:50vw;min-height:50vh;cursor:zoom-out;label:imageContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VWaWV3ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBfY29udHJvbEJnID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgb3ZlcmxheTogY3NzYFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDEwMDE7XG4gICAgcGFkZGluZzogMWVtO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC44KTtcbiAgICBvdmVyZmxvdzogYXV0bztcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYCxcbiAgY2Fyb3VzZWw6IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGVyLWZyYW1lIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5zbGlkZXItbGlzdCB7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLnNsaWRlIHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbiAgaW1hZ2VDb250YWluZXI6ICh6b29tZWQ6IGJvb2xlYW4pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICBtaW4td2lkdGg6IDEwMHB4O1xuICAgICAgbWluLWhlaWdodDogMTAwcHg7XG4gICAgICBjdXJzb3I6IHpvb20taW47XG4gICAgICB0cmFuc2l0aW9uOiBtaW4td2lkdGggNTBtcyBlYXNlO1xuICAgICAgJHt6b29tZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLXdpZHRoOiA1MHZ3O1xuICAgICAgICBtaW4taGVpZ2h0OiA1MHZoO1xuICAgICAgICBjdXJzb3I6IHpvb20tb3V0O1xuICAgICAgYH1cbiAgICB9XG4gIGAsXG4gIGNvbnRyb2xCdG46IChkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXJnaW4tbGVmdDogJHtkaXJlY3Rpb24gPT09ICdsZWZ0JyA/ICczcHgnIDogJzAnfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7ZGlyZWN0aW9uID09PSAncmlnaHQnID8gJzNweCcgOiAnMCd9O1xuICBgLFxuICBwYWdlSW5mbzogY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtfY29udHJvbEJnfTtcbiAgYCxcbiAgY2xvc2VCdG46ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLm15cGFnZUJveEJvcmRlclJhZGl1c307XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgYCxcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export const styles = {
+const styles = exports.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 */",
+    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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlVmlld2VyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZVZpZXdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IF9jb250cm9sQmcgPSAncmdiYSgwLCAwLCAwLCAwLjUpJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBvdmVybGF5OiBjc3NgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgei1pbmRleDogMTAwMTtcbiAgICBwYWRkaW5nOiAxZW07XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjgpO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBgLFxuICBjYXJvdXNlbDogY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIC5zbGlkZXItZnJhbWUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLnNsaWRlci1saXN0IHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAuc2xpZGUge1xuICAgICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxuICBpbWFnZUNvbnRhaW5lcjogKHpvb21lZDogYm9vbGVhbikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGhlaWdodDogMTAwJTtcblxuICAgIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICAgIG1pbi13aWR0aDogMTAwcHg7XG4gICAgICBtaW4taGVpZ2h0OiAxMDBweDtcbiAgICAgIGN1cnNvcjogem9vbS1pbjtcbiAgICAgIHRyYW5zaXRpb246IG1pbi13aWR0aCA1MG1zIGVhc2U7XG4gICAgICAke3pvb21lZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBtaW4td2lkdGg6IDUwdnc7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDUwdmg7XG4gICAgICAgIGN1cnNvcjogem9vbS1vdXQ7XG4gICAgICBgfVxuICAgIH1cbiAgYCxcbiAgY29udHJvbEJ0bjogKGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JykgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1hcmdpbi1sZWZ0OiAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJzNweCcgOiAnMCd9O1xuICAgIG1hcmdpbi1yaWdodDogJHtkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnM3B4JyA6ICcwJ307XG4gIGAsXG4gIHBhZ2VJbmZvOiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwLjI1ZW0gMWVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke19jb250cm9sQmd9O1xuICBgLFxuICBjbG9zZUJ0bjogKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7X2NvbnRyb2xCZ307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUubXlwYWdlQm94Qm9yZGVyUmFkaXVzfTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufVxuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
   carousel: process.env.NODE_ENV === "production" ? {
@@ -25,12 +29,11 @@ export const styles = {
     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== */",
+    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;/*# 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= */")
+  imageContainer: zoomed => /*#__PURE__*/(0, _react.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__*/(0, _react.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__*/(0, _react.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__*/(0, _react.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/InfoButton/InfoButton.stories.js

@@ -1,54 +1,61 @@
-import InfoButton from '.';
-import IconHelp from '../../icons/General/IconHelp';
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Width = exports.Right = exports.Left = exports.Default = exports.Bottom = void 0;
+var _ = _interopRequireDefault(require("."));
+var _IconHelp = _interopRequireDefault(require("../../icons/General/IconHelp"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {
   title: 'Core/InfoButton',
-  component: InfoButton
+  component: _.default
 };
-export default meta;
-export const Default = {
+var _default = exports.default = meta;
+const Default = exports.Default = {
   args: {
     children: 'This will be the content',
-    icon: /*#__PURE__*/_jsx(IconHelp, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
       primary: true
     })
   },
   name: 'Default'
 };
-export const Right = {
+const Right = exports.Right = {
   args: {
     children: 'This will be the content. This very long and unnecessary text shows how the tooltip will handle responsiveness',
-    icon: /*#__PURE__*/_jsx(IconHelp, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
       primary: true
     }),
     place: 'right'
   },
   name: 'Right'
 };
-export const Bottom = {
+const Bottom = exports.Bottom = {
   args: {
     children: 'This will be the content',
-    icon: /*#__PURE__*/_jsx(IconHelp, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
       primary: true
     }),
     place: 'bottom'
   },
   name: 'Bottom'
 };
-export const Left = {
+const Left = exports.Left = {
   args: {
     children: 'This will be the content',
-    icon: /*#__PURE__*/_jsx(IconHelp, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
       primary: true
     }),
     place: 'left'
   },
   name: 'Left'
 };
-export const Width = {
+const Width = exports.Width = {
   args: {
     children: 'Custom width',
-    icon: /*#__PURE__*/_jsx(IconHelp, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconHelp.default, {
       primary: true
     }),
     place: 'right',

package/lib/core/InfoButton/index.js

@@ -1,9 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("./styles");
+var _reactTransitionGroup = require("react-transition-group");
+var _Text = _interopRequireDefault(require("../Text"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsxImportSource @emotion/react */
-import React, { useState, useEffect, createRef } from 'react';
-import { Tooltip, StyledButton, Wrapper, styles } from './styles';
-import { CSSTransition } from 'react-transition-group';
-import Text from '../Text';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 const InfoButton = ({
   trackingName,
   icon,
@@ -14,13 +24,13 @@ const InfoButton = ({
   width,
   className
 }) => {
-  const ref = /*#__PURE__*/createRef();
-  const [showTooltip, setShowTooltip] = useState(false);
+  const ref = /*#__PURE__*/(0, _react.createRef)();
+  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
   const handleClick = e => {
     stopPropagation && e.stopPropagation();
     setShowTooltip(!showTooltip);
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const handleClickOutside = e => {
       const node = ref.current;
       if (node && node.contains(e.target)) {
@@ -37,30 +47,30 @@ const InfoButton = ({
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [showTooltip, ref]);
-  return _jsxs(Wrapper, {
+  return (0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     ref: ref,
     className: className,
-    children: [_jsx(StyledButton, {
+    children: [(0, _jsxRuntime.jsx)(_styles.StyledButton, {
       "aria-label": ariaLabel,
       trackingName: trackingName,
       nostyle: true,
       onClick: handleClick,
       children: icon ? icon : ''
-    }), _jsx(CSSTransition, {
+    }), (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
       in: showTooltip,
       unmountOnExit: true,
       timeout: 80,
       classNames: "tooltip",
-      children: _jsx(Tooltip, {
+      children: (0, _jsxRuntime.jsx)(_styles.Tooltip, {
         role: "tooltip",
         id: "info-tooltip",
         "aria-hidden": !showTooltip,
-        css: () => [styles.default, place === 'top' && styles.top, place === 'right' && styles.right, place === 'bottom' && styles.bottom, place === 'left' && styles.left, width && styles.width(width, place)],
-        children: _jsx(Text, {
+        css: () => [_styles.styles.default, place === 'top' && _styles.styles.top, place === 'right' && _styles.styles.right, place === 'bottom' && _styles.styles.bottom, place === 'left' && _styles.styles.left, width && _styles.styles.width(width, place)],
+        children: (0, _jsxRuntime.jsx)(_Text.default, {
           children: children ? children : ''
         })
       })
     })]
   });
 };
-export default InfoButton;
+var _default = exports.default = InfoButton;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;sBAKe,SACvC;uBAMI,SAAS;gCAIO,SACrB;;;;4BAUK,UACL;8BAGoD,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAxB7D,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;mBAmFF,MAAM,SAAS,MAAM;CAQrC,CAAA;AAED,eAAO,MAAM,OAAO;;eAjFP,WAAW;yGAkHvB,CAAA;AAED,eAAO,MAAM,OAAO;;eApHP,WAAW;2GAwHvB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/InfoButton/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;gBAKQ,MAAO,SACvC;iBAKmB,MACf,SAAS;0BAIA,MAAO,SACrB;;;;sBAUI,MAAC,UACL;wBAG6C,MAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAxB7D,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;mBAmFF,MAAM,SAAS,MAAM;CAQrC,CAAA;AAED,eAAO,MAAM,OAAO;;SAnFG,MAAO,WAAW;yGAoHxC,CAAA;AAED,eAAO,MAAM,OAAO;;SAtHG,MAAO,WAAW;2GA0HxC,CAAA"}