@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.0

package/build/component.constants-BQOzGr0l.js

@@ -1,757 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { bo as KEY_SIZE_DATA, X as SliderImage, aM as Typography, B as Button, Y as SliderDot, I as Icon } from "./context.constants-BWLe7YHv.js";
-import { I as Image } from "./component-C_6x7Mk8.js";
-import { b as Stack, c as StackMotion } from "./component-gcvwlILJ.js";
-import "styled-components";
-import "./context.constants-B14bB8O1.js";
-import { a as useDialog } from "./context.hooks-BnHnPV_i.js";
-import { AnimatePresence } from "framer-motion";
-import { useMemo, useState, useCallback, useEffect } from "react";
-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 propsDialog = useMemo(
-    () => ({
-      propsCustom: {
-        br,
-        dragEndHandler,
-        images,
-        children: props.children,
-        activeImageIndex,
-        activeImageId,
-        swipeToImage,
-        skipToImage,
-        direction,
-        aspect: props.imageSettings.aspect,
-        genre: props.genre,
-        size: props.size,
-        failedToLoad: props.locales.failedToLoad,
-        isLengthOne
-      },
-      propsDialog: {
-        borderRadius: br,
-        padding: "0",
-        background: "whiteStandard"
-      },
-      content: (remove, _isAnimating, params) => /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentHandleAdd, { params, remove })
-    }),
-    [
-      br,
-      images,
-      activeImageId,
-      activeImageIndex,
-      direction,
-      dragEndHandler,
-      isLengthOne,
-      props.children,
-      props.genre,
-      props.imageSettings.aspect,
-      props.locales.failedToLoad,
-      props.size,
-      skipToImage,
-      swipeToImage
-    ]
-  );
-  const { add } = useDialog(propsDialog);
-  const handleAdd = useCallback(() => {
-    add();
-  }, [add]);
-  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 ComponentHandleAdd = ({ params, remove }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Stack,
-    {
-      sx: {
-        default: {
-          position: "relative",
-          overflow: "hidden",
-          aspectRatio: `${(params == null ? void 0 : params.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,
-            ...!(params == null ? void 0 : params.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 = (_a = (params == null ? void 0 : params.images) ?? []) == null ? void 0 : _a[(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: params == null ? void 0 : params.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()
-          }
-        ),
-        !(params == null ? void 0 : params.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 _a2;
-                      return (_a2 = params == null ? void 0 : params.swipeToImage) == null ? void 0 : _a2.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 _a2;
-                      return (_a2 = params == null ? void 0 : params.swipeToImage) == null ? void 0 : _a2.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 _a2;
-                    return (_a2 = params == null ? void 0 : params.skipToImage) == null ? void 0 : _a2.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
-      ]
-    }
-  );
-};
-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", color: "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,
-  IMAGES as a
-};
-//# sourceMappingURL=component.constants-BQOzGr0l.js.map