@skodaflow/web-library 7.9.0 → 7.11.0

package/components/carousel/autoplay.d.ts

@@ -1,6 +1,6 @@
-import { IconButtonProps, CircularProgressProps, BoxProps } from '@mui/material';
-import { IconProps } from '@/src';
+import { IconButtonProps, CircularProgressProps, BoxProps, SvgIconProps } from '@mui/material';
 import { Swiper as CarouselInstance } from 'swiper';
+import { ElementType } from 'react';
 export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {
     /**
      * Optional Carousel instance from useCarouselInstance hook
@@ -23,7 +23,7 @@ export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children'
  * Spinner with autoplay progress value
  */
 export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx: rawSx, foregroundCircleProps, backgroundCircleProps, position, ...rest }: CarouselAutoplayProgressProps) => import("react/jsx-runtime").JSX.Element;
-export interface CarouselAutoplayIconButtonProps extends IconButtonProps {
+export interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {
     /**
      * Optional Carousel instance from useCarouselInstance hook
      */
@@ -31,19 +31,16 @@ export interface CarouselAutoplayIconButtonProps extends IconButtonProps {
     /**
      * Properties passed to the Icon component
      */
-    iconProps?: IconProps;
+    iconProps?: SvgIconProps;
     /**
-     * Icon displayed when the carousel is paused
-     * @default play
+     * Nodes used for the icons
      */
-    pausedIcon?: IconProps['name'];
-    /**
-     * Icon displayed when the carousel is running
-     * @default pause
-     */
-    playingIcon?: IconProps['name'];
+    iconSlots?: {
+        pauseIcon?: ElementType<SvgIconProps>;
+        playIcon?: ElementType<SvgIconProps>;
+    };
 }
 /**
  * IconButton controlling play/paused state of the autoplay
  */
-export declare function CarouselAutoplayIconButton({ carousel: carouselProp, children, iconProps, pausedIcon, playingIcon, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselAutoplayIconButton({ carousel: carouselProp, children, iconProps, iconSlots, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/carousel/autoplay.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as i,jsx as e}from"react/jsx-runtime";import{Box as r,CircularProgress as n,IconButton as l}from"@mui/material";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../banner/banner.js";import"../bottomSheet/bottomSheet.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"./carousel.js";import"./slide.js";import{useState as t,useMemo as c,useEffect as s}from"react";import{useCarousel as p}from"./hooks.js";import"@mui/system";import"./pagination.js";import{useSwiper as d}from"swiper/react";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import{Icon as m}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../controls/controls.js";import"../flag/flag.js";import"@mui/material/Grid";import"../helperTextContent/index.js";import"../indicator/indicator.js";import"../label/label.js";import"../media/image/Image.js";import"../media/video/Video.js";import"../media/video/controls/videoPlayPauseIndicator/VideoPlayPauseIndicator.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progress/progress.js";import"../quickLink/quickLink.js";import"../radioButton/radioButton.js";import"../segmentedControls/segmentedControls.js";import"../selectInput/selectInput.js";import"../shortcut/shortcut.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../skodaThemeProvider/plugins/stylisContainerPlugin.js";import"../../materialui/theme/theme.js";import"../../materialui/theme/theme.breakpoints.js";import"@mui/material/styles";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../stepper/model.js";import"../textAndCta/textAndCta.js";import"../textAndCta/appStoreButton.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../toggleSwitch/toggleSwitch.js";import"minimatch";import"../../layout/Header/Header.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../utils/enum.js";import"../../layout/Footer/PredefinedFooterIconButtons.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"@mui/material/Container";import"../../materialui/tabs/tabComponent.js";import"../../materialui/slider/sliderValues.js";import"../../materialui/slider/sliderContainer.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../production/Button/Button.js";const j=l=>{var{carousel:p,sx:m,foregroundCircleProps:j,backgroundCircleProps:I,position:a="outside"}=l,f=o(l,["carousel","sx","foregroundCircleProps","backgroundCircleProps","position"]);const[k,F]=t(0),u=d(),C=p||u,h=j||{},{sx:g}=h,S=o(h,["sx"]),y=I||{},{sx:w}=y,B=o(y,["sx"]),P=c((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},m):m),[a,JSON.stringify(m)]);return s((()=>{C&&C.autoplay&&C.on("autoplayTimeLeft",((o,i,e)=>{F(o.autoplay.paused?0:Math.round(100-100*e))}))}),[!!C]),i(r,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},P),"data-testid":"CarouselAutoplayProgress"},f,{children:[e(n,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Foreground",value:k,sx:Object.assign({color:"brand.secondary",position:"relative",zIndex:"10",".MuiCircularProgress-circle":{transition:"none"}},g)},S)),e(n,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Background",value:100,sx:Object.assign({position:"absolute",color:"common.white"},w)},B))]}))};function I(i){var r,{carousel:n,children:t,iconProps:c,pausedIcon:s="play",playingIcon:d="pause"}=i,j=o(i,["carousel","children","iconProps","pausedIcon","playingIcon"]);const I=p(),a=n||I;return e(l,Object.assign({onClick:()=>{var o,i;return null===(o=null==a?void 0:a.autoplay)||void 0===o?void 0:o[(null===(i=null==a?void 0:a.autoplay)||void 0===i?void 0:i.running)?"stop":"start"]()}},j,{children:t||e(m,Object.assign({name:(null===(r=null==a?void 0:a.autoplay)||void 0===r?void 0:r.running)?d:s},c))}))}export{I as CarouselAutoplayIconButton,j as CarouselAutoplayProgress};
+import{__rest as o}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import{Box as i,CircularProgress as t,IconButton as a}from"@mui/material";import{useCarousel as n}from"./hooks.js";import{useSwiper as e}from"swiper/react";import{useState as l,useMemo as u,useEffect as c}from"react";import{ControlsPlayIcon as p}from"../icon/stroke/ControlsPlayIcon.js";import{ControlsPauseIcon as d}from"../icon/stroke/ControlsPauseIcon.js";const m=a=>{var{carousel:n,sx:p,foregroundCircleProps:d,backgroundCircleProps:m,position:g="outside"}=a,v=o(a,["carousel","sx","foregroundCircleProps","backgroundCircleProps","position"]);const[y,b]=l(0),f=e(),j=n||f,x=d||{},{sx:P}=x,C=o(x,["sx"]),O=m||{},{sx:h}=O,I=o(O,["sx"]),k=u((()=>"inside"===g?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},p):p),[g,JSON.stringify(p)]);return c((()=>{j&&j.autoplay&&j.on("autoplayTimeLeft",((o,r,s)=>{b(o.autoplay.paused?0:Math.round(100-100*s))}))}),[!!j]),r(i,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},k),"data-testid":"CarouselAutoplayProgress"},v,{children:[s(t,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Foreground",value:y,sx:Object.assign({color:"brand.secondary",position:"relative",zIndex:"10",".MuiCircularProgress-circle":{transition:"none"}},P)},C)),s(t,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Background",value:100,sx:Object.assign({position:"absolute",color:"common.white"},h)},I))]}))};function g(r){var i,t,{carousel:e,children:l,iconProps:u,iconSlots:c}=r,m=o(r,["carousel","children","iconProps","iconSlots"]);const g=n(),v=e||g,{playIcon:y,pauseIcon:b}=Object.assign({playIcon:p,pauseIcon:d},c||{}),f=(null===(i=null==v?void 0:v.autoplay)||void 0===i?void 0:i.running)?b:y;return s(a,Object.assign({"aria-label":(null===(t=null==v?void 0:v.autoplay)||void 0===t?void 0:t.running)?"Pause carousel autoplay":"Play carousel autoplay",onClick:()=>{var o,r;return null===(o=null==v?void 0:v.autoplay)||void 0===o?void 0:o[(null===(r=null==v?void 0:v.autoplay)||void 0===r?void 0:r.running)?"stop":"start"]()}},m,{children:l||s(f,Object.assign({},u))}))}export{g as CarouselAutoplayIconButton,m as CarouselAutoplayProgress};
 //# sourceMappingURL=autoplay.js.map

package/components/carousel/autoplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":[null],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","pausedIcon","playingIcon","useCarousel","IconButton","onClick","running","Icon","name"],"mappings":"05iCAqCa,MAAAA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAA7BR,EAAAM,EAAA,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAA7BX,EAAAS,EAAA,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE9E,GACA,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAC1G,CAAAmC,SAAA,CAAAC,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GACEmB,OAAAC,OAAA,CAAAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAMmB,OAAAC,OAAA,CAAAhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAGR,EA2BE,SAAU6B,EAA2BjD,UACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,WACTA,EAAa,OAAMC,YACnBA,EAAc,SAAOpD,EAClBQ,EAAIC,EAAAT,EANkC,gEAQzC,MAAMa,EAAewC,IACfpD,EAAWC,GAAgBW,EAEjC,OACE+B,EAACU,EAAUhC,OAAAC,OAAA,CAACgC,QAAS,KAAK,IAAAvD,EAAAe,EAAC,OAAkB,QAAlBf,EAAAC,eAAAA,EAAU+B,gBAAQ,IAAAhC,OAAA,EAAAA,GAAqB,QAAlBe,EAAAd,eAAAA,EAAU+B,gBAAQ,IAAAjB,OAAA,EAAAA,EAAEyC,SAAU,OAAS,UAAU,GAAMhD,EAAI,CAAAmC,SACxGA,GAAYC,EAACa,EAAInC,OAAAC,OAAA,CAACmC,MAA0B,QAApB3C,EAAAd,aAAQ,EAARA,EAAU+B,gBAAU,IAAAjB,OAAA,EAAAA,EAAAyC,SAAUJ,EAAcD,GAAgBD,MAG3F"}
+{"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":[null],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","undefined","running","IconButton","onClick"],"mappings":"wbAuCa,MAAAA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAA7BR,EAAAM,EAAA,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAA7BX,EAAAS,EAAA,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,MAG9E,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAC1G,CAAAmC,SAAA,CAAAC,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GACEmB,OAAAC,OAAA,CAAAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAMmB,OAAAC,OAAA,CAAAhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,GAEgCnD,EAD7BQ,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,GAChBhC,OAAAC,OAAA,CAAA8B,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,GAAmC,QAApB1C,EAAAd,eAAAA,EAAU+B,gBAAU0B,IAAA3C,OAAA2C,EAAA3C,EAAA4C,SAAUL,EAAYD,EAE/D,OACET,EAACgB,EAAUtC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ0B,IAAAxC,OAAAwC,EAAAxC,EAAEyC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,OAAqB,QAArB7D,EAAAC,aAAAyD,EAAAzD,EAAU+B,gBAAW0B,IAAA1D,OAAA0D,EAAA1D,GAAoB,QAApBe,EAAAd,aAAQyD,EAARzD,EAAU+B,gBAAU0B,IAAA3C,OAAA2C,EAAA3C,EAAA4C,SAAU,OAAS,UAAU,GACjFnD,EAEH,CAAAmC,SAAAA,GAAYC,EAACa,EAAiBnC,OAAAC,OAAA,CAAA,EAAA2B,MAGrC"}

package/components/carousel/carousel.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as r}from"@mui/material";import{Swiper as a}from"swiper/react";import{Keyboard as n,EffectFade as p,Autoplay as s,Parallax as o}from"swiper/modules";const l=t(((t,l)=>{var{children:c,sx:d,onInit:m,effect:f,autoplay:w,parallax:h,peekDistance:u=100,peekSpeed:x=150}=t,b=e(t,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i(r,Object.assign({component:a,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[n,..."fade"===f?[p]:[],...w?[s]:[],...h?[o]:[]],parallax:h,effect:f,autoplay:w,ref:l},b,{onSwiper:m,"data-peekspeed":x,sx:Object.assign(Object.assign(Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:"50",overflow:"hidden",listStyle:"none","&.swiper-horizontal":{touchAction:"pan-y"},"&.swiper-vertical":{touchAction:"pan-x","& > .swiper-wrapper":{flexDirection:"column"}},"&.swiper-autoheight":{height:"auto","& > .swiper-wrapper":{alignItems:"flex-start",transitionProperty:"transform, height"}},"& .swiper-wrapper":{position:"relative",width:"100%",height:"100%",zIndex:"50",display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"}},"fade"!==f&&{"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${x}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:`translate3D(-${u}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:`translate3D(${u}px, 0, 0)`}}),{".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}}),d),children:c}))}));export{l as Carousel};
+import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as r}from"@mui/material";import{Swiper as a}from"swiper/react";import{Keyboard as n,EffectFade as p,Autoplay as o,Parallax as s}from"swiper/modules";const l=t(((t,l)=>{var{children:c,sx:d,onInit:m,effect:f,autoplay:w,parallax:h,peekDistance:u=100,peekSpeed:x=150}=t,b=e(t,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i(r,Object.assign({component:a,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[n,..."fade"===f?[p]:[],...w?[o]:[],...h?[s]:[]],parallax:h,effect:f,autoplay:w,ref:l},b,{onSwiper:m,"data-peekspeed":x,sx:Object.assign(Object.assign(Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:"50",overflow:"hidden",listStyle:"none","&.swiper-horizontal":{touchAction:"pan-y"},"&.swiper-vertical":{touchAction:"pan-x","& > .swiper-wrapper":{flexDirection:"column"}},"&.swiper-autoheight":{height:"auto","& > .swiper-wrapper":{alignItems:"flex-start",transitionProperty:"transform, height"}},"& .swiper-wrapper":{position:"relative",width:"100%",height:"100%",zIndex:"50",display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"}},"fade"!==f&&{"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${x}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"":"-"}${u}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:e=>`translate3D(${"rtl"===e.direction?"-":""}${u}px, 0, 0)`}}),{".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}}),d),children:c}))}));export{l as Carousel};
 //# sourceMappingURL=carousel.js.map

package/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,EAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAW,gBAAgBtC,cAE7B,8CAA+C,CAC7CsC,UAAW,eAAetC,gBAE5B,CAEF,gCAAiC,CAC/BwC,WAAY,UAEd,wCAAyC,CACvCF,UAAW,gBACXG,yBAA0B,SAC1BC,mBAAoB,YAGnB/C,GAAED,SAGNA,IAEH"}
+{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,EAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}

package/components/carousel/hooks.js

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as l,useLayoutEffect as t,useRef as n}from"react";import{useSwiper as r}from"swiper/react";function s(l){const[t,n]=e(null);return o(t,l),[t,n]}function u(e){const l=r();return o(l,e),l}function o(n,r){const[,s]=e({});l((()=>{n&&(void 0!==r?r:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{n.on(e,(()=>{s({})}))}))}),[n]),t((()=>{s({})}),[])}function i(t){const[r,s]=e(null),u=n(null),[o,i]=e(!1);return l((()=>("reset"===r?(null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next"),u.current=setTimeout((()=>{s(null)}),+((null==t?void 0:t.el.getAttribute("data-peekspeed"))||150))):r?o||(null==t||t.slideReset(0),"prev"===r?(null==t||t.slidePrev(0),null==t||t.slideNext(0)):(null==t||t.slideNext(0),null==t||t.slidePrev(0)),null==t||t.el.classList.add("peeking"),null==t||t.el.classList.add(`peek-${r}`)):(null==t||t.el.classList.remove("peeking"),null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next")),()=>{u.current&&clearTimeout(u.current)})),[r]),l((()=>{null==t||t.on("touchStart",(()=>{s("reset"),i(!0)})),null==t||t.on("touchEnd",(()=>{s("reset"),i(!1)}))}),[!!t]),[r,s]}export{u as useCarousel,s as useCarouselInstance,i as useCarouselPeekEffect};
+import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as o}from"swiper/react";function i(l){const[n,t]=e(null);return u(n,l),[n,t]}function r(e){const l=o();return u(l,e),l}function u(t,o){const[,i]=e({});l((()=>{t&&(void 0!==o?o:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{t.on(e,(()=>{i({})}))}))}),[t]),n((()=>{i({})}),[])}function s(n){const[o,i]=e(null),r=t(null),[u,s]=e(!1);return l((()=>{var e,l,t,s,d,v,a;return"reset"===o?(null===(e=null==n?void 0:n.el)||void 0===e||e.classList.remove("peek-prev"),null===(l=null==n?void 0:n.el)||void 0===l||l.classList.remove("peek-next"),r.current=setTimeout((()=>{i(null)}),+((null==n?void 0:n.el.getAttribute("data-peekspeed"))||150))):o?u||(null==n||n.slideReset(0),"prev"===o?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null===(t=null==n?void 0:n.el)||void 0===t||t.classList.add("peeking"),null===(s=null==n?void 0:n.el)||void 0===s||s.classList.add(`peek-${o}`)):(null===(d=null==n?void 0:n.el)||void 0===d||d.classList.remove("peeking"),null===(v=null==n?void 0:n.el)||void 0===v||v.classList.remove("peek-prev"),null===(a=null==n?void 0:n.el)||void 0===a||a.classList.remove("peek-next")),()=>{r.current&&clearTimeout(r.current)}}),[o]),l((()=>{null==n||n.on("touchStart",(()=>{i("reset"),s(!0)})),null==n||n.on("touchEnd",(()=>{i("reset"),s(!1)}))}),[!!n]),[o,i]}export{r as useCarousel,i as useCarouselInstance,s as useCarouselPeekEffect};
 //# sourceMappingURL=hooks.js.map

package/components/carousel/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","undefined","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,CAAE,GACnCK,GAAU,KACJP,SAEUQ,IAAXT,EACGA,EACA,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAC9EU,SAASC,IACTV,EAASW,GAAGD,GAAK,KACfJ,EAAY,CAAE,EAAC,GACf,GAEL,GACA,CAACN,IAEJY,GAAgB,KACdN,EAAY,CAAE,EAAC,GACd,GACL,CAKM,SAAUO,EAAsBb,GACpC,MAAOc,EAAMC,GAAWb,EAA2C,MAC7Dc,EAAcC,EAA8B,OAC3CC,EAAUC,GAAejB,GAAkB,GAsDlD,OApDAK,GAAU,KACK,UAATO,GACFd,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BN,EAAYO,QAAUC,YACpB,KACET,EAAQ,KAAK,MAEbf,aAAA,EAAAA,EAAUoB,GAAGK,aAAa,oBAAqB,OAE1CX,EACJI,IAEHlB,SAAAA,EAAU0B,WAAW,GACR,SAATZ,GACFd,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU4B,UAAU,KAEpB5B,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU2B,UAAU,IAEtB3B,SAAAA,EAAUoB,GAAGC,UAAUQ,IAAI,WAC3B7B,SAAAA,EAAUoB,GAAGC,UAAUQ,IAAI,QAAQf,OAGrCd,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,WAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,cAGzB,KACDN,EAAYO,SACdO,aAAad,EAAYO,QAC1B,IAEF,CAACT,IAKJP,GAAU,KAERP,SAAAA,EAAUW,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBnB,SAAAA,EAAUW,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGnB,IAEC,CAACc,EAAMC,EAChB"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","undefined","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,SAEUQ,IAAXT,EACGA,EACA,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAC9EU,SAASC,IACTV,EAASW,GAAGD,GAAK,KACfJ,EAAY,CAAA,EAAG,GACf,MAGL,CAACN,IAEJY,GAAgB,KACdN,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUO,EAAsBb,GACpC,MAAOc,EAAMC,GAAWb,EAA2C,MAC7Dc,EAAcC,EAA8B,OAC3CC,EAAUC,GAAejB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATO,GACY,QAAdM,EAAApB,aAAQQ,EAARR,EAAUqB,UAAIb,IAAAY,GAAAA,EAAAE,UAAUC,OAAO,aACjB,QAAdC,EAAAxB,aAAQQ,EAARR,EAAUqB,UAAIb,IAAAgB,GAAAA,EAAAF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbf,aAAAQ,EAAAR,EAAUqB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHlB,SAAAA,EAAU4B,WAAW,GACR,SAATd,GACFd,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU8B,UAAU,KAEpB9B,SAAAA,EAAU8B,UAAU,GACpB9B,SAAAA,EAAU6B,UAAU,IAER,QAAdE,EAAA/B,aAAQQ,EAARR,EAAUqB,UAAIb,IAAAuB,GAAAA,EAAAT,UAAUU,IAAI,WAChB,QAAZC,EAAAjC,aAAAQ,EAAAR,EAAUqB,UAAEb,IAAAyB,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAGxB,QAAdoB,EAAAlC,aAAQQ,EAARR,EAAUqB,UAAIb,IAAA0B,GAAAA,EAAAZ,UAAUC,OAAO,WACjB,QAAdY,EAAAnC,aAAQQ,EAARR,EAAUqB,UAAIb,IAAA2B,GAAAA,EAAAb,UAAUC,OAAO,aACjB,QAAda,EAAApC,aAAQQ,EAARR,EAAUqB,UAAIb,IAAA4B,GAAAA,EAAAd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,SAE5B,GACA,CAACX,IAKJP,GAAU,KAERP,SAAAA,EAAUW,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBnB,SAAAA,EAAUW,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGnB,IAEC,CAACc,EAAMC,EAChB"}

package/components/carousel/navigation.d.ts

@@ -1,5 +1,5 @@
-import { IconButtonProps } from '@mui/material';
-import { IconProps } from '@/src';
+import { ElementType } from 'react';
+import { IconButtonProps, SvgIconProps } from '@mui/material';
 import type { Swiper as CarouselInstance } from 'swiper';
 export interface CarouselNavigationProps {
     /**
@@ -8,27 +8,45 @@ export interface CarouselNavigationProps {
     carousel?: CarouselInstance;
     /**
      * Enable/disable peek effect on hover
-     * @default: true
+     * @default: false
      */
     peekEffect?: boolean;
     /**
      * Previous Slide IconButton
      */
-    prevButtonProps?: IconButtonProps;
+    prevButtonProps?: Partial<IconButtonProps>;
     /**
      * Previous icon props
      */
-    prevIconProps?: IconProps;
+    prevIconProps?: SvgIconProps;
+    /**
+     * Previous icon node
+     */
+    PrevIconComponent?: ElementType<SvgIconProps>;
     /**
      * Next Slide IconButton
      */
-    nextButtonProps?: IconButtonProps;
+    nextButtonProps?: Partial<IconButtonProps>;
     /**
      * Previous icon props
      */
-    nextIconProps?: IconProps;
+    nextIconProps?: SvgIconProps;
+    /**
+     * Next icon node
+     */
+    NextIconComponent?: ElementType<SvgIconProps>;
+    /**
+     * Replaces Chevrons with Arrows
+     * @default true
+     */
+    arrows?: boolean;
+    /**
+     * Enable if placing on a plain background (not on top of an image/video)
+     * @default false
+     */
+    onBackground?: boolean;
 }
 /**
  * Left & Right navigation arrows
  */
-export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, nextButtonProps, nextIconProps, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;

package/components/carousel/navigation.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as i,Fragment as e,jsx as r}from"react/jsx-runtime";import{useMemo as n}from"react";import{useCarousel as l,useCarouselPeekEffect as t}from"./hooks.js";import{useTheme as c}from"@mui/system";import{useMediaQuery as s,IconButton as p}from"@mui/material";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../banner/banner.js";import"../bottomSheet/bottomSheet.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"./carousel.js";import"./slide.js";import"./pagination.js";import"swiper/react";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import{Icon as d}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../controls/controls.js";import"../flag/flag.js";import"@mui/material/Grid";import"../helperTextContent/index.js";import"../indicator/indicator.js";import"../label/label.js";import"../media/image/Image.js";import"../media/video/Video.js";import"../media/video/controls/videoPlayPauseIndicator/VideoPlayPauseIndicator.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progress/progress.js";import"../quickLink/quickLink.js";import"../radioButton/radioButton.js";import"../segmentedControls/segmentedControls.js";import"../selectInput/selectInput.js";import"../shortcut/shortcut.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../skodaThemeProvider/plugins/stylisContainerPlugin.js";import"../../materialui/theme/theme.js";import"../../materialui/theme/theme.breakpoints.js";import"@mui/material/styles";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../stepper/model.js";import"../textAndCta/textAndCta.js";import"../textAndCta/appStoreButton.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../toggleSwitch/toggleSwitch.js";import"minimatch";import"../../layout/Header/Header.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../utils/enum.js";import"../../layout/Footer/PredefinedFooterIconButtons.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"@mui/material/Container";import"../../materialui/tabs/tabComponent.js";import"../../materialui/slider/sliderValues.js";import"../../materialui/slider/sliderContainer.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../production/Button/Button.js";function m({carousel:m,peekEffect:j=!0,prevButtonProps:I,prevIconProps:a,nextButtonProps:f,nextIconProps:k}){const F=l(),C=m||F,u="fade"!==(null==C?void 0:C.originalParams.effect)&&j,h=c(),g=s(h.breakpoints.up("md")),S=I||{},{sx:y}=S,w=o(S,["sx"]),B=f||{},{sx:P}=B,A=o(B,["sx"]),[b,M]=t(C),v=n((()=>({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",backgroundColor:"common.white","&:hover":{backgroundColor:"surface.primary"},"&.Mui-disabled":{opacity:"0"}})),[]);return i(e,{children:[r(p,Object.assign({disabled:C&&!C.originalParams.loop&&C.isBeginning,onClick:()=>{null==C||C.slidePrev(),u&&b&&M("reset")},onMouseEnter:()=>g&&u&&M("prev"),onMouseLeave:()=>u&&b&&M("reset"),sx:Object.assign(Object.assign(Object.assign({},v),{left:"16px"}),y),"aria-label":"prev","aria-controls":"carousel"},w,{children:r(d,Object.assign({name:"chevron-"+("rtl"===h.direction?"right":"left")},a))})),r(p,Object.assign({disabled:C&&!C.originalParams.loop&&C.isEnd,onClick:()=>{null==C||C.slideNext(),u&&b&&M("reset")},onMouseEnter:()=>g&&u&&M("next"),onMouseLeave:()=>u&&b&&M("reset"),sx:Object.assign(Object.assign(Object.assign({},v),{right:"16px"}),P),"aria-label":"next","aria-controls":"carousel"},A,{children:r(d,Object.assign({name:"chevron-"+("rtl"===h.direction?"left":"right")},k))}))]})}export{m as CarouselNavigation};
+import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as n}from"react/jsx-runtime";import{useMemo as s}from"react";import{useCarousel as t,useCarouselPeekEffect as a}from"./hooks.js";import{useTheme as i}from"@mui/system";import{useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as m}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as d}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../icon/stroke/ArrowRightIcon.js";function b({carousel:b,peekEffect:f=!1,prevButtonProps:g,prevIconProps:x,PrevIconComponent:j,nextButtonProps:k,nextIconProps:v,NextIconComponent:C,arrows:O=!0,onBackground:h=!1}){const P=t(),I=b||P,y="fade"!==(null==I?void 0:I.originalParams.effect)&&f,M=i(),B=c(M.breakpoints.up("md")),E=g||{},{sx:L}=E,w=r(E,["sx"]),N=k||{},{sx:A}=N,R=r(N,["sx"]),[z,S]=a(I),q=j||(O?d:p),D=C||(O?u:m),F=s((()=>({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",color:"text.primary",borderColor:h?"transparent.transparent":"onSurface.os600",backgroundColor:h?"transparent.transparent":"surface.primary","&:hover":{backgroundColor:"surface.secondary"},"&:active":{transform:"none",backgroundColor:h?"transparent.transparent":"surface.primary",transition:"none"},"&.Mui-disabled":{color:"disabled.tertiary",borderColor:"disabled.primary",backgroundColor:h?"transparent.transparent":"disabled.secondary"}})),[]);return o(e,{children:[n(l,Object.assign({disabled:I&&!I.originalParams.loop&&I.isBeginning,onClick:()=>{null==I||I.slidePrev(),y&&z&&S("reset")},onMouseEnter:()=>B&&y&&S("prev"),onMouseLeave:()=>y&&z&&S("reset"),sx:Object.assign(Object.assign(Object.assign({},F),{left:"16px"}),L),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface"},w,{children:"rtl"===M.direction?n(D,Object.assign({},x)):n(q,Object.assign({},x))})),n(l,Object.assign({disabled:I&&!I.originalParams.loop&&I.isEnd,onClick:()=>{null==I||I.slideNext(),y&&z&&S("reset")},onMouseEnter:()=>B&&y&&S("next"),onMouseLeave:()=>y&&z&&S("reset"),sx:Object.assign(Object.assign(Object.assign({},F),{right:"16px"}),A),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},R,{children:"rtl"===M.direction?n(q,Object.assign({},v)):n(D,Object.assign({},v))}))]})}export{b as CarouselNavigation};
 //# sourceMappingURL=navigation.js.map

package/components/carousel/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","sharedSx","useMemo","position","zIndex","top","mt","backgroundColor","opacity","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","Icon","Object","assign","name","direction","isEnd","slideNext","right"],"mappings":"y5iCAsCM,SAAUA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAIC,gBACjCA,EAAeC,cACfA,EAAaC,gBACbA,EAAeC,cACfA,IAEA,MAAMC,EAAeC,IACfT,EAAWC,GAAgBO,EAC3BN,EAAiD,UAApCF,aAAA,EAAAA,EAAUU,eAAeC,SAAqBR,EAC3DS,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8Bd,GAAmB,IAA/Ce,GAAIC,KAAWC,EAAjBC,EAAAJ,EAAA,CAAA,OACAK,EAA8BjB,GAAmB,IAA/Ca,GAAIK,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAsB5B,GAGxC6B,EAAWC,GACf,KAAO,CAELC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,gBAAiB,eACjB,UAAW,CACTA,gBAAiB,mBAGnB,iBAAkB,CAChBC,QAAS,QAGb,IAGF,OACEC,eACEC,EAACC,iBACCC,SAAUxC,IAAaA,EAASU,eAAe+B,MAAQzC,EAAS0C,YAChEC,QAAS,KACP3C,SAAAA,EAAU4C,YACV1C,GAAcwB,GAAQC,EAAQ,QAAQ,EAExCkB,aAAc,IAAM/B,GAAQZ,GAAcyB,EAAQ,QAClDmB,aAAc,IAAM5C,GAAcwB,GAAQC,EAAQ,SAClDR,gDACKU,GAAQ,CACXkB,KAAM,SACH3B,GAAM,aAEA,OACG,gBAAA,YACVC,EAAQ,CAAA2B,SAEZV,EAACW,EAAIC,OAAAC,OAAA,CAACC,KAAM,YAA+B,QAApBxC,EAAMyC,UAAsB,QAAU,SAAchD,OAE7EiC,EAACC,iBACCC,SAAUxC,IAAaA,EAASU,eAAe+B,MAAQzC,EAASsD,MAChEX,QAAS,KACP3C,SAAAA,EAAUuD,YACVrD,GAAcwB,GAAQC,EAAQ,QAAQ,EAExCkB,aAAc,IAAM/B,GAAQZ,GAAcyB,EAAQ,QAClDmB,aAAc,IAAM5C,GAAcwB,GAAQC,EAAQ,SAClDR,GACK+B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAtB,IACH2B,MAAO,SACJhC,GAAM,aAEA,OAAM,gBACH,YACVC,EAEJ,CAAAuB,SAAAV,EAACW,EAAKC,OAAAC,OAAA,CAAAC,KAAM,YAA+B,QAApBxC,EAAMyC,UAAsB,OAAS,UAAe9C,SAInF"}
+{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","undefined","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","position","zIndex","top","mt","color","borderColor","backgroundColor","transform","transition","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","Object","assign","left","children","direction","isEnd","slideNext","right"],"mappings":"ojBA2DgB,SAAAA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAAc,EAAAd,EAAUe,eAAeC,SAAqBb,EAC3Dc,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BnB,GAAmB,IAA/CoB,GAAIC,KAAWC,EAAjBC,EAAAJ,EAAA,CAAA,OACAK,EAA8BrB,GAAmB,IAA/CiB,GAAIK,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAsBjC,GACxCkC,EAAW5B,IAAsBI,EAASyB,EAAgBC,GAC1DC,EAAW5B,IAAsBC,EAAS4B,EAAiBC,GAG3DC,EAAWC,GACf,KAAO,CAELC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,MAAO,eACPC,YAAapC,EAAe,0BAA4B,kBACxDqC,gBAAiBrC,EAAe,0BAA4B,kBAC5D,UAAW,CACTqC,gBAAiB,qBAEnB,WAAY,CACVC,UAAW,OACXD,gBAAiBrC,EAAe,0BAA4B,kBAC5DuC,WAAY,QAGd,iBAAkB,CAChBJ,MAAO,oBACPC,YAAa,mBACbC,gBAAiBrC,EAAe,0BAA4B,yBAGhE,IAGF,OACEwC,eACEC,EAACC,iBACCC,SAAUtD,IAAaA,EAASe,eAAewC,MAAQvD,EAASwD,YAChEC,QAAS,KACPzD,SAAAA,EAAU0D,YACVxD,GAAc6B,GAAQC,EAAQ,QAAQ,EAExC2B,aAAc,IAAMxC,GAAQjB,GAAc8B,EAAQ,QAClD4B,aAAc,IAAM1D,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEqC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGtB,GACH,CAAAuB,KAAM,SACHtC,GAEM,aAAA,iCACG,WACdqB,MAAM,WACFpB,EAAQ,CAAAsC,SAES,QAApB/C,EAAMgD,UAAsBb,EAACf,EAAawB,OAAAC,OAAA,CAAA,EAAAzD,IAAoB+C,EAAClB,mBAAa7B,OAE/E+C,EAACC,EACCQ,OAAAC,OAAA,CAAAR,SAAUtD,IAAaA,EAASe,eAAewC,MAAQvD,EAASkE,MAChET,QAAS,KACPzD,SAAAA,EAAUmE,YACVjE,GAAc6B,GAAQC,EAAQ,QAAQ,EAExC2B,aAAc,IAAMxC,GAAQjB,GAAc8B,EAAQ,QAClD4B,aAAc,IAAM1D,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEqC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGtB,GAAQ,CACX4B,MAAO,SACJvC,GAEM,aAAA,aACG,gBAAA,WACdiB,MAAM,WACFhB,EAEH,CAAAkC,SAAoB,QAApB/C,EAAMgD,UAAsBb,EAAClB,EAAQ2B,OAAAC,OAAA,CAAA,EAAKtD,IAAoB4C,EAACf,mBAAa7B,SAIrF"}

package/components/carousel/pagination.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType } from 'react';
-import { BoxProps, IconButtonProps, ButtonProps, SliderProps, LinearProgressProps } from '@mui/material';
+import { BoxProps, ButtonProps, SliderProps, LinearProgressProps } from '@mui/material';
 import type { Swiper as CarouselInstance } from 'swiper';
 export interface CarouselPaginationVariantProps extends Omit<BoxProps, 'children' | 'position'> {
     /**
@@ -12,7 +12,7 @@ export interface CarouselPaginationDotsProps extends CarouselPaginationVariantPr
     /**
      * Properties applied to each dot
      */
-    dotProps?: IconButtonProps;
+    dotProps?: Partial<BoxProps<ElementType>>;
 }
 export interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {
     variant?: 'fraction';

package/components/carousel/pagination.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{forwardRef as e,useMemo as i,useState as n,useEffect as a}from"react";import{Box as l,IconButton as t,Button as c,LinearProgress as d,Slider as u}from"@mui/material";import{useCarousel as p}from"./hooks.js";const g=e(((o,e)=>{var{carousel:n,position:a,variant:l,sx:t}=o,c=s(o,["carousel","position","variant","sx"]);const d=p(),u=n||d,g=i((()=>{switch(l){case"slider":return h;case"progress":return b;case"fraction":return v;case"lines":return m;default:return x}}),[l]),f=i((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},t):t),[a,JSON.stringify(t)]);return r(g,Object.assign({carousel:u,sx:f,ref:e},c))})),x=e(((o,e)=>{var{carousel:i,dotProps:n,sx:a}=o,c=s(o,["carousel","dotProps","sx"]);const d=n||{},{sx:u}=d,p=s(d,["sx"]);return r(l,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center",gap:.5},a),"aria-controls":"carousel",ref:e},c,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((s,o)=>r(t,Object.assign({onClick:()=>null==i?void 0:i[i.originalParams.loop?"slideToLoop":"slideTo"](o),className:!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&o===((null==i?void 0:i.slides.length)||0)-1?"active":(null==i?void 0:i.isEnd)&&!i.originalParams.loop||o!==(null==i?void 0:i.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"transparent.backdrop","&.active":{backgroundColor:"brand.tertiary"},"&:hover":{backgroundColor:"brand.tertiary"}},u)},p),o)))}))})),v=e(((e,i)=>{var{carousel:n,buttonProps:a,sx:t}=e,d=s(e,["carousel","buttonProps","sx"]);const u=a||{},{sx:p}=u,g=s(u,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},t),ref:i},d,{children:r(c,Object.assign({variant:"text",color:"inherit","aria-controls":"carousel",sx:Object.assign({px:2,py:1,borderRadius:1,backgroundColor:"transparent.backdrop",color:"text.primary","&:hover":{backgroundColor:"onSurface.os100"}},p),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},g,{children:o(l,{children:[r(l,{component:"span",children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r(l,{component:"span",sx:{color:"text.secondary"},children:" / "}),r(l,{component:"span",sx:{color:"text.secondary"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))})),m=e(((o,e)=>{var{carousel:i,sx:n,linesProps:a,lineProgress:t,lineProgressProps:d}=o,u=s(o,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const p=a||{},{sx:g}=p,x=s(p,["sx"]),v=d||{},{sx:m}=v,b=s(v,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},n),ref:e},u,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((s,o)=>{const e=!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&o===((null==i?void 0:i.slides.length)||0)-1||(!(null==i?void 0:i.isEnd)||i.originalParams.loop)&&o===(null==i?void 0:i.realIndex);return r(c,Object.assign({color:"inherit",className:e?"active":void 0,sx:Object.assign({p:0,minHeight:"0",height:"4px",borderRadius:"4px",width:{xs:"100%",md:"56px"},backgroundColor:"surface.primary",justifyContent:"flex-start",overflow:"hidden","&:hover":{backgroundColor:"surface.secondary"},"&.active .progress-line":{opacity:"1"}},g),"aria-controls":"carousel",onClick:()=>null==i?void 0:i[i.originalParams.loop?"slideToLoop":"slideTo"](o)},x,{children:r(l,Object.assign({className:"progress-line",sx:Object.assign({opacity:void 0!==t?"1":"0",width:`${void 0!==t?e?t:o<((null==i?void 0:i.realIndex)||0)?100:0:100}%`,backgroundColor:"brand.secondary",height:"100%",transition:"width 300ms ease-in-out, opacity 300ms ease-out"},m),"aria-valuenow":void 0!==t?t:100},b))}),o)}))}))})),b=e(((o,e)=>{var{carousel:i,progressProps:n}=o,a=s(o,["carousel","progressProps"]);const t=n||{},{sx:c}=t,u=s(t,["sx"]);return r(l,Object.assign({ref:e},a,{children:r(d,Object.assign({variant:"determinate",value:(null==i?void 0:i.originalParams.loop)?Math.round(((null==i?void 0:i.realIndex)||0)/((i.slides.length||1)-1)*100):100*((null==i?void 0:i.progress)||0),sx:Object.assign({display:"block",".MuiLinearProgress-bar":{transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`}},c)},u))}))})),h=e(((o,e)=>{var{carousel:i,sliderProps:t,sx:c}=o,d=s(o,["carousel","sliderProps","sx"]);const p=t||{},{sx:g}=p,x=s(p,["sx"]),[v,m]=n(Math.round(100*((null==i?void 0:i.progress)||0))),[b,h]=n(!1);return a((()=>{b||m(Math.round(100*((null==i?void 0:i.progress)||0)))}),[null==i?void 0:i.progress]),r(l,Object.assign({sx:Object.assign({my:2},c),ref:e},d,{children:r(u,Object.assign({value:v,min:0,max:100,onChange:(s,r)=>{h(!0),null==i||i.setProgress(r/100,150),m(r)},onChangeCommitted:()=>{null==i||i.slideToClosest(300),h(!1)},sx:Object.assign({display:"block",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os200",transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},g),"aria-controls":"carousel"},x))}))}));export{g as CarouselPagination,x as DotsVariant,v as FractionVariant,m as LinesVariant,b as ProgressVariant,h as SliderVariant};
+import{__rest as s}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{forwardRef as e,useMemo as i,useState as n,useEffect as a}from"react";import{Box as l,Button as t,LinearProgress as c,Slider as d}from"@mui/material";import{useCarousel as u}from"./hooks.js";const p=e(((o,e)=>{var{carousel:n,position:a,variant:l,sx:t}=o,c=s(o,["carousel","position","variant","sx"]);const d=u(),p=n||d,b=i((()=>{switch(l){case"slider":return v;case"progress":return h;case"fraction":return x;case"lines":return m;default:return g}}),[l]),f=i((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},t):t),[a,JSON.stringify(t)]);return r(b,Object.assign({carousel:p,sx:f,ref:e},c))})),g=e(((o,e)=>{var{carousel:i,dotProps:n,sx:a}=o,t=s(o,["carousel","dotProps","sx"]);const c=n||{},{sx:d}=c,u=s(c,["sx"]);return r(l,Object.assign({sx:Object.assign({px:2,height:"40px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,pointerEvents:"none"},a),ref:e},t,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((s,o)=>r(l,Object.assign({className:!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&o===((null==i?void 0:i.slides.length)||0)-1?"active":(null==i?void 0:i.isEnd)&&!i.originalParams.loop||o!==(null==i?void 0:i.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"all 0.3s ease-out","&.active":{width:"12px",height:"12px",backgroundColor:"text.primary"}},d)},u),o)))}))})),x=e(((e,i)=>{var{carousel:n,buttonProps:a,sx:c}=e,d=s(e,["carousel","buttonProps","sx"]);const u=a||{},{sx:p}=u,g=s(u,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},c),ref:i},d,{children:r(t,Object.assign({variant:"text",color:"inherit","aria-controls":"carousel",sx:Object.assign({px:2,py:1,borderRadius:1,backgroundColor:"transparent.backdrop","&:hover":{backgroundColor:"onSurface.os100"}},p),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},g,{children:o(l,{children:[r(l,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r(l,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400"},children:" / "}),r(l,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))})),m=e(((e,i)=>{var{carousel:n,sx:a,linesProps:c,lineProgress:d,lineProgressProps:u}=e,p=s(e,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const g=c||{},{sx:x}=g,m=s(g,["sx"]),h=u||{},{sx:v}=h,b=s(h,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},a),ref:i},p,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,e)=>{const i=!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1||(!(null==n?void 0:n.isEnd)||n.originalParams.loop)&&e===(null==n?void 0:n.realIndex),a=e<=((null==n?void 0:n.realIndex)||0);return o(t,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign({p:0,minHeight:"0",height:i||a?"8px":"4px",borderRadius:i||a?"4px":"2px",width:{xs:"100%",md:"56px"},backgroundColor:"surface.primary",justifyContent:"flex-start","&:hover":{backgroundColor:"surface.secondary"}},x),"aria-controls":"carousel",onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e)},m,{children:[r(l,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r(l,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r(l,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?d:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==d||a?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==d&&i?d/100:a?1:0})`,transition:"transform 300ms ease-in-out, opacity 300ms ease-out"},v)},b))})]}),e)}))}))})),h=e(((o,e)=>{var{carousel:i,progressProps:n}=o,a=s(o,["carousel","progressProps"]);const t=n||{},{sx:d}=t,u=s(t,["sx"]);return r(l,Object.assign({ref:e},a,{children:r(c,Object.assign({variant:"determinate",value:(null==i?void 0:i.originalParams.loop)?Math.round(((null==i?void 0:i.realIndex)||0)/((i.slides.length||1)-1)*100):100*((null==i?void 0:i.progress)||0),sx:Object.assign({display:"block",".MuiLinearProgress-bar":{transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`}},d)},u))}))})),v=e(((o,e)=>{var{carousel:i,sliderProps:t,sx:c}=o,u=s(o,["carousel","sliderProps","sx"]);const p=t||{},{sx:g}=p,x=s(p,["sx"]),[m,h]=n(Math.round(100*((null==i?void 0:i.progress)||0))),[v,b]=n(!1);return a((()=>{v||h(Math.round(100*((null==i?void 0:i.progress)||0)))}),[null==i?void 0:i.progress]),r(l,Object.assign({sx:Object.assign({my:2},c),ref:e},u,{children:r(d,Object.assign({value:m,min:0,max:100,onChange:(s,r)=>{b(!0),null==i||i.setProgress(r/100,150),h(r)},onChangeCommitted:()=>{null==i||i.slideToClosest(300),b(!1)},sx:Object.assign({display:"block",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},g),"aria-controls":"carousel"},x))}))}));export{p as CarouselPagination,g as DotsVariant,x as FractionVariant,m as LinesVariant,h as ProgressVariant,v as SliderVariant};
 //# sourceMappingURL=pagination.js.map