@jenesei-software/jenesei-kit-react 1.0.0

package/build/component.constants-DbNhxh0k.js

@@ -0,0 +1,759 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { motion, AnimatePresence } from "framer-motion";
+import { useMemo, useState, useCallback, useEffect } from "react";
+import { c as Button } from "./component-DZxbW_Jz.js";
+import { I as Image } from "./component.styles-Do1NYZEO.js";
+import styled from "styled-components";
+import { b as Stack, c as StackMotion } from "./component-jPZYT5iL.js";
+import { j as Typography } from "./component-C2JFFh-k.js";
+import { a as useDialog } from "./context.constants-CsZRZ7gH.js";
+import { K as KEY_SIZE_DATA } from "./theme.global-bN9HlSWE.js";
+import { I as Icon } from "./component.styles-BapdQNhL.js";
+const SliderImage = styled(motion.div)`
+  display: flex;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  touch-action: pan-y;
+  &:hover {
+    cursor: grab;
+  }
+
+  &:active {
+    cursor: grabbing;
+  }
+`;
+const SliderDot = styled(motion.div)`
+  width: 6px;
+  height: 6px;
+  background-color: ${(props) => props.theme.palette.whiteStandard};
+  border-radius: 5px;
+  opacity: 0.8;
+  cursor: pointer;
+`;
+const useImageSlider = (props) => {
+  var _a;
+  const { onIndexChange } = props;
+  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);
+  const br = useMemo(() => `${size.radius}px`, [size.radius]);
+  const images = useMemo(() => props.images, [props.images]);
+  const [{ activeImageId, direction }, setActiveImage] = useState({
+    activeImageId: ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.id) ?? null,
+    direction: 0
+  });
+  const isLengthOne = useMemo(() => (images == null ? void 0 : images.length) === 1, [images]);
+  const isLengthZero = useMemo(() => (images == null ? void 0 : images.length) === 0, [images]);
+  const activeImageIndex = useMemo(() => images.findIndex((img) => img.id === activeImageId), [activeImageId, images]);
+  const swipeToImage = useCallback(
+    (swipeDirection) => {
+      const currentIndex = images.findIndex((img) => img.id === activeImageId);
+      const nextIndex = (currentIndex + swipeDirection + images.length) % images.length;
+      setActiveImage({ activeImageId: images[nextIndex].id, direction: swipeDirection });
+    },
+    [activeImageId, images]
+  );
+  const dragEndHandler = useCallback(
+    (dragInfo) => {
+      const { offset, velocity } = dragInfo;
+      const swipeThreshold = 50;
+      const swipePower = Math.abs(offset.x) * velocity.x;
+      if (swipePower > 500 || offset.x > swipeThreshold) {
+        swipeToImage(-1);
+      } else if (swipePower < -500 || offset.x < -swipeThreshold) {
+        swipeToImage(1);
+      }
+    },
+    [swipeToImage]
+  );
+  const skipToImage = useCallback(
+    (imageId) => {
+      const currentIndex = images.findIndex((img) => img.id === activeImageId);
+      const newIndex = images.findIndex((img) => img.id === imageId);
+      if (newIndex === -1 || newIndex === currentIndex) return;
+      const direction2 = newIndex > currentIndex ? 1 : -1;
+      setActiveImage({ activeImageId: imageId, direction: direction2 });
+    },
+    [activeImageId, images]
+  );
+  useEffect(() => {
+    if (activeImageId) onIndexChange == null ? void 0 : onIndexChange(activeImageId);
+  }, [activeImageId, onIndexChange]);
+  const { add } = useDialog({
+    br,
+    dragEndHandler,
+    images,
+    children: props.children,
+    activeImageIndex,
+    activeImageId,
+    swipeToImage,
+    skipToImage,
+    direction,
+    genre: props.genre,
+    size: props.size,
+    propsDialog: {
+      borderRadius: br,
+      padding: "0",
+      background: "whiteStandard"
+    }
+  });
+  const handleAdd = useCallback(() => {
+    add({
+      content: (params, remove) => {
+        var _a2, _b, _c, _d, _e, _f, _g, _h;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Stack,
+          {
+            sx: {
+              default: {
+                position: "relative",
+                overflow: "hidden",
+                aspectRatio: `${props.imageSettings.aspect * 2} / 2`,
+                width: "auto",
+                maxWidth: "70dvw",
+                height: "85dvh",
+                borderRadius: params == null ? void 0 : params.br
+              },
+              tablet: {
+                maxWidth: "95dvw"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { initial: false, custom: params == null ? void 0 : params.direction, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                SliderImage,
+                {
+                  style: {
+                    overflow: "hidden",
+                    borderRadius: params == null ? void 0 : params.br
+                  },
+                  custom: params == null ? void 0 : params.direction,
+                  variants: sliderVariants$1,
+                  initial: "initial",
+                  animate: "active",
+                  exit: "exit",
+                  transition: sliderTransition$1,
+                  ...!isLengthOne ? {
+                    drag: "x",
+                    dragConstraints: { left: 0, right: 0 },
+                    dragElastic: 0.5,
+                    onDragEnd: (_, dragInfo) => params == null ? void 0 : params.dragEndHandler(dragInfo)
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Image,
+                      {
+                        sxStack: (theme) => ({
+                          default: {
+                            width: "100%",
+                            height: "100%",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            backgroundColor: theme.palette.black10,
+                            position: "absolute",
+                            pointerEvents: "none"
+                          }
+                        }),
+                        isShowBeforeImage: true,
+                        sxImage: {
+                          default: {
+                            objectFit: "contain"
+                          }
+                        },
+                        alt: (_b = (_a2 = (params == null ? void 0 : params.images) ?? []) == null ? void 0 : _a2[(params == null ? void 0 : params.activeImageIndex) ?? 0]) == null ? void 0 : _b.imageSrc,
+                        src: (_d = (_c = (params == null ? void 0 : params.images) ?? []) == null ? void 0 : _c[(params == null ? void 0 : params.activeImageIndex) ?? 0]) == null ? void 0 : _d.imageSrc,
+                        componentFallback: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Typography,
+                          {
+                            sx: {
+                              default: {
+                                variant: "h6"
+                              }
+                            },
+                            children: props.locales.failedToLoad
+                          }
+                        )
+                      }
+                    ),
+                    (_f = (_e = (params == null ? void 0 : params.images) ?? []) == null ? void 0 : _e[(params == null ? void 0 : params.activeImageIndex) ?? 0]) == null ? void 0 : _f.children
+                  ]
+                },
+                params == null ? void 0 : params.activeImageId
+              ) }),
+              typeof (params == null ? void 0 : params.children) === "function" ? (_g = params == null ? void 0 : params.children) == null ? void 0 : _g.call(params, { isDialog: true }) : params == null ? void 0 : params.children,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  sx: {
+                    default: {
+                      position: "absolute",
+                      bottom: 15,
+                      right: 15
+                    }
+                  },
+                  genre: (params == null ? void 0 : params.genre) ?? "product",
+                  size: (params == null ? void 0 : params.size) ?? "medium",
+                  icons: [
+                    {
+                      type: "id",
+                      name: "Arrow4"
+                    }
+                  ],
+                  isWidthAsHeight: true,
+                  isHiddenBorder: true,
+                  isRadius: true,
+                  onClick: () => remove == null ? void 0 : remove()
+                }
+              ),
+              !isLengthOne ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Stack,
+                  {
+                    sx: {
+                      default: {
+                        position: "absolute",
+                        bottom: 15,
+                        left: 15,
+                        gap: "8px"
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Button,
+                        {
+                          genre: (params == null ? void 0 : params.genre) ?? "product",
+                          size: (params == null ? void 0 : params.size) ?? "medium",
+                          icons: [
+                            {
+                              type: "id",
+                              name: "Arrow4",
+                              turn: 90
+                            }
+                          ],
+                          isWidthAsHeight: true,
+                          isHiddenBorder: true,
+                          isPlaystationEffect: true,
+                          isRadius: true,
+                          onClick: () => {
+                            var _a3;
+                            return (_a3 = params == null ? void 0 : params.swipeToImage) == null ? void 0 : _a3.call(params, -1);
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Button,
+                        {
+                          genre: (params == null ? void 0 : params.genre) ?? "product",
+                          size: (params == null ? void 0 : params.size) ?? "medium",
+                          icons: [
+                            {
+                              type: "id",
+                              name: "Arrow4",
+                              turn: -90
+                            }
+                          ],
+                          isWidthAsHeight: true,
+                          isHiddenBorder: true,
+                          isPlaystationEffect: true,
+                          isRadius: true,
+                          onClick: () => {
+                            var _a3;
+                            return (_a3 = params == null ? void 0 : params.swipeToImage) == null ? void 0 : _a3.call(params, 1);
+                          }
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Stack,
+                  {
+                    sx: {
+                      default: {
+                        position: "absolute",
+                        bottom: 15,
+                        left: "50%",
+                        transform: "translateX(-50%)",
+                        gap: "4px"
+                      }
+                    },
+                    children: (_h = (params == null ? void 0 : params.images) ?? []) == null ? void 0 : _h.map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SliderDot,
+                      {
+                        onClick: () => {
+                          var _a3;
+                          return (_a3 = params == null ? void 0 : params.skipToImage) == null ? void 0 : _a3.call(params, i.id);
+                        },
+                        initial: false,
+                        animate: {
+                          scale: (params == null ? void 0 : params.activeImageId) === i.id ? 1.5 : 1,
+                          opacity: (params == null ? void 0 : params.activeImageId) === i.id ? 1 : 0.5
+                        }
+                      },
+                      i.id
+                    ))
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        );
+      }
+    });
+  }, [add, isLengthOne, props.imageSettings.aspect, props.locales.failedToLoad]);
+  return {
+    isLengthZero,
+    direction,
+    activeImageId,
+    isLengthOne,
+    dragEndHandler,
+    activeImageIndex,
+    swipeToImage,
+    skipToImage,
+    handleAdd
+  };
+};
+const sliderVariants$1 = {
+  initial: (direction) => ({
+    x: direction > 0 ? "100%" : "-100%",
+    scale: 1,
+    opacity: 0
+  }),
+  active: { x: 0, scale: 1, opacity: 1 },
+  exit: (direction) => ({
+    x: direction > 0 ? "-100%" : "100%",
+    scale: 1,
+    opacity: 0.2
+  })
+};
+const sliderTransition$1 = {
+  duration: 0.3,
+  ease: [0.56, 0.03, 0.12, 1.04]
+};
+const ImageSlider = (props) => {
+  var _a, _b, _c, _d;
+  const { onIndexChange } = props;
+  const images = useMemo(() => props.images, [props.images]);
+  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);
+  const br = useMemo(() => `${size.radius}px`, [size.radius]);
+  const {
+    isLengthZero,
+    direction,
+    activeImageId,
+    isLengthOne,
+    dragEndHandler,
+    activeImageIndex,
+    swipeToImage,
+    skipToImage,
+    handleAdd
+  } = useImageSlider({
+    genre: props.genre,
+    size: props.size,
+    images,
+    imageSettings: props.imageSettings,
+    locales: props.locales,
+    onIndexChange,
+    children: props.children
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StackMotion,
+    {
+      ...props.propsStack,
+      sx: (theme) => {
+        var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i;
+        return {
+          ...(_a2 = props.propsStack) == null ? void 0 : _a2.sx,
+          default: {
+            borderRadius: br,
+            flexDirection: "column",
+            alignItems: "center",
+            overflow: "hidden",
+            width: "auto",
+            maxWidth: "70dvw",
+            height: "85dvh",
+            ...((_b2 = props.propsStack) == null ? void 0 : _b2.sx) ? typeof ((_c2 = props.propsStack) == null ? void 0 : _c2.sx) === "function" ? (_d2 = props.propsStack) == null ? void 0 : _d2.sx(theme).default : (_e = props.propsStack) == null ? void 0 : _e.sx.default : {}
+          },
+          tablet: {
+            maxWidth: "95dvw",
+            ...((_f = props.propsStack) == null ? void 0 : _f.sx) ? typeof ((_g = props.propsStack) == null ? void 0 : _g.sx) === "function" ? (_h = props.propsStack) == null ? void 0 : _h.sx(theme).tablet : (_i = props.propsStack) == null ? void 0 : _i.sx.tablet : {}
+          }
+        };
+      },
+      children: props.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Stack,
+        {
+          sx: {
+            default: {
+              width: "100%",
+              height: "100%",
+              position: "relative",
+              overflow: "hidden",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: "large", type: "loading", primaryColor: "blueFocus", name: "Line" })
+        }
+      ) : !isLengthZero ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Stack,
+        {
+          sx: {
+            default: {
+              width: "100%",
+              height: "100%",
+              position: "relative",
+              overflow: "hidden"
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { initial: false, custom: direction, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              SliderImage,
+              {
+                style: {
+                  overflow: "hidden",
+                  borderRadius: br
+                },
+                custom: direction,
+                variants: sliderVariants,
+                initial: "initial",
+                animate: "active",
+                exit: "exit",
+                transition: sliderTransition,
+                ...!isLengthOne ? {
+                  drag: "x",
+                  dragConstraints: { left: 0, right: 0 },
+                  dragElastic: 0.5,
+                  onDragEnd: (_, dragInfo) => dragEndHandler(dragInfo)
+                } : {},
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Image,
+                    {
+                      sxStack: (theme) => ({
+                        default: {
+                          width: "100%",
+                          height: "100%",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          backgroundColor: theme.palette.black10,
+                          position: "absolute",
+                          pointerEvents: "none"
+                        }
+                      }),
+                      alt: (_a = images[activeImageIndex]) == null ? void 0 : _a.imageSrc,
+                      src: (_b = images[activeImageIndex]) == null ? void 0 : _b.imageSrc,
+                      componentFallback: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Typography,
+                        {
+                          sx: {
+                            default: {
+                              variant: "h6"
+                            }
+                          },
+                          children: props.locales.failedToLoad
+                        }
+                      )
+                    }
+                  ),
+                  (_c = images[activeImageIndex]) == null ? void 0 : _c.children
+                ]
+              },
+              activeImageId
+            ) }),
+            typeof (props == null ? void 0 : props.children) === "function" ? (_d = props == null ? void 0 : props.children) == null ? void 0 : _d.call(props, { isDialog: false }) : props == null ? void 0 : props.children,
+            !isLengthOne && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  sx: {
+                    default: {
+                      position: "absolute",
+                      top: "50%",
+                      left: 5,
+                      transform: "translateY(-50%)"
+                    }
+                  },
+                  genre: props.genre,
+                  size: props.size,
+                  icons: [
+                    {
+                      type: "id",
+                      name: "Arrow4",
+                      turn: 90
+                    }
+                  ],
+                  isWidthAsHeight: true,
+                  isHiddenBorder: true,
+                  isRadius: true,
+                  onClick: () => swipeToImage(-1)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  sx: {
+                    default: {
+                      position: "absolute",
+                      top: "50%",
+                      right: 5,
+                      transform: "translateY(-50%)"
+                    }
+                  },
+                  genre: props.genre,
+                  size: props.size,
+                  icons: [
+                    {
+                      type: "id",
+                      name: "Arrow4",
+                      turn: -90
+                    }
+                  ],
+                  isWidthAsHeight: true,
+                  isHiddenBorder: true,
+                  isRadius: true,
+                  onClick: () => swipeToImage(1)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Stack,
+                {
+                  sx: {
+                    default: {
+                      position: "absolute",
+                      bottom: 5,
+                      left: "50%",
+                      transform: "translateX(-50%)",
+                      gap: "4px"
+                    }
+                  },
+                  children: images.map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    SliderDot,
+                    {
+                      onClick: () => skipToImage(i.id),
+                      initial: false,
+                      animate: {
+                        scale: activeImageId === i.id ? 1.5 : 1,
+                        opacity: activeImageId === i.id ? 1 : 0.5
+                      }
+                    },
+                    i.id
+                  ))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                sx: {
+                  default: {
+                    position: "absolute",
+                    bottom: 5,
+                    right: 5
+                  }
+                },
+                genre: props.genre,
+                size: props.size,
+                icons: [
+                  {
+                    type: "id",
+                    name: "Activity"
+                  }
+                ],
+                isWidthAsHeight: true,
+                isHiddenBorder: true,
+                isRadius: true,
+                onClick: () => handleAdd()
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Stack,
+        {
+          sx: {
+            default: {
+              width: "100%",
+              height: "100%",
+              position: "relative",
+              overflow: "hidden",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Typography,
+            {
+              sx: {
+                default: {
+                  variant: "h6"
+                }
+              },
+              children: props.locales.noImagesAvailable
+            }
+          )
+        }
+      )
+    }
+  );
+};
+const sliderVariants = {
+  initial: (direction) => ({
+    x: direction > 0 ? "100%" : "-100%",
+    scale: 1,
+    opacity: 0
+  }),
+  active: { x: 0, scale: 1, opacity: 1 },
+  exit: (direction) => ({
+    x: direction > 0 ? "-100%" : "100%",
+    scale: 1,
+    opacity: 0.2
+  })
+};
+const sliderTransition = {
+  duration: 0.3,
+  ease: [0.56, 0.03, 0.12, 1.04]
+};
+const IMAGES = [
+  {
+    id: 0,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Stack,
+      {
+        sx: {
+          default: {
+            justifyContent: "flex-start",
+            padding: "5px",
+            flexGrow: 1
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            isHiddenBorder: true,
+            isDisabled: true,
+            genre: "realebail-white",
+            size: "medium",
+            sxTypography: { default: { weight: 700 } },
+            children: "Los Angeles"
+          }
+        )
+      }
+    ),
+    imageSrc: "https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v"
+  },
+  {
+    id: 1,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Stack,
+      {
+        sx: {
+          default: {
+            justifyContent: "flex-start",
+            padding: "5px",
+            flexGrow: 1
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            isHiddenBorder: true,
+            isDisabled: true,
+            genre: "realebail-white",
+            size: "medium",
+            sxTypography: { default: { weight: 700 } },
+            children: "Los Angeles"
+          }
+        )
+      }
+    ),
+    imageSrc: "https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D"
+  },
+  {
+    id: 2,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Stack,
+      {
+        sx: {
+          default: {
+            justifyContent: "flex-start",
+            padding: "5px",
+            flexGrow: 1
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            isHiddenBorder: true,
+            isDisabled: true,
+            genre: "realebail-white",
+            size: "medium",
+            sxTypography: { default: { weight: 700 } },
+            children: "Los Angeles"
+          }
+        )
+      }
+    ),
+    imageSrc: "https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg"
+  },
+  {
+    id: 3,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Stack,
+      {
+        sx: {
+          default: {
+            justifyContent: "flex-start",
+            padding: "5px",
+            flexGrow: 1
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            isHiddenBorder: true,
+            isDisabled: true,
+            genre: "realebail-white",
+            size: "medium",
+            sxTypography: { default: { weight: 700 } },
+            children: "Los Angeles"
+          }
+        )
+      }
+    ),
+    imageSrc: "https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"
+  },
+  {
+    id: 4,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Stack,
+      {
+        sx: {
+          default: {
+            justifyContent: "flex-start",
+            padding: "5px",
+            flexGrow: 1
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            isHiddenBorder: true,
+            isDisabled: true,
+            genre: "realebail-white",
+            size: "medium",
+            sxTypography: { default: { weight: 700 } },
+            children: "Los Angeles"
+          }
+        )
+      }
+    ),
+    imageSrc: "https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"
+  }
+];
+export {
+  ImageSlider as I,
+  SliderImage as S,
+  SliderDot as a,
+  IMAGES as b
+};
+//# sourceMappingURL=component.constants-DbNhxh0k.js.map