@skodaflow/web-library 7.15.0 → 7.16.0

package/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Box as t}from"@mui/material";const e={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},r=r=>i(t,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[o(t,{component:"span",sx:e,children:o(n,{name:"search-plus"})}),r.children]});export{e as GalleryHighlightSx,r as GalleryTrigger};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{Icon as i}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";import{Box as e}from"@mui/material";const c={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}},t=t=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[n(e,{component:"span",sx:c,children:n(i,{name:"search-plus"})}),t.children]});export{c as GalleryHighlightSx,t as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, SxProps, Theme } from '@mui/material';\n\nexport type GalleryTriggerProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryHighlightSx: SxProps<Theme> = {\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  left: 0,\n  background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n  display: 'inline-block',\n  height: '100%',\n\n  '& .sa-i': {\n    position: 'absolute',\n    right: '8px',\n    top: '8px',\n    color: 'white',\n  },\n};\n\nexport const GalleryTrigger: React.FC<GalleryTriggerProps> = (props) => {\n  return (\n    <Box component=\"span\" sx={{ position: 'relative', display: 'inline-block' }} data-testid=\"GalleryTrigger\">\n      <Box component=\"span\" sx={GalleryHighlightSx}>\n        <Icon name=\"search-plus\" />\n      </Box>\n      {props.children}\n    </Box>\n  );\n};\n"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"6LAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAIEC,EAAiDC,GAE1DC,EAACC,EAAG,CAACC,UAAU,OAAOC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFS,SAAA,CAAAC,EAACJ,EAAI,CAAAC,UAAU,OAAOC,GAAId,EACxBe,SAAAC,EAACC,EAAI,CAACC,KAAK,kBAEZR,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, SxProps, Theme } from '@mui/material';\n\nexport type GalleryTriggerProps = {\n  children: React.ReactNode;\n};\n\nexport const GalleryHighlightSx: SxProps<Theme> = {\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  left: 0,\n  background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n  display: 'inline-block',\n  height: '100%',\n\n  '& .sa-i': {\n    position: 'absolute',\n    right: '8px',\n    top: '8px',\n    color: 'white',\n  },\n};\n\nexport const GalleryTrigger: React.FC<GalleryTriggerProps> = (props) => {\n  return (\n    <Box component=\"span\" sx={{ position: 'relative', display: 'inline-block' }} data-testid=\"GalleryTrigger\">\n      <Box component=\"span\" sx={GalleryHighlightSx}>\n        <Icon name=\"search-plus\" />\n      </Box>\n      {props.children}\n    </Box>\n  );\n};\n"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"uuxCAOO,MAAMA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,UAIEC,EAAiDC,GAE1DC,EAACC,EAAG,CAACC,UAAU,OAAOC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAgB,cAAc,iBAAgBS,SAAA,CACvGC,EAACJ,EAAG,CAACC,UAAU,OAAOC,GAAId,EAAkBe,SAC1CC,EAACC,EAAI,CAACC,KAAK,kBAEZR,EAAMK"}

package/organisms/heroImageCard/heroImageCard.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{styled as t,Card as r}from"@mui/material";import p from"./heroImageCardComponent.js";import{opacityLayerSwitchLightStatement as a,opacityLayerSwitchDarkStatement as o}from"../../utils/utilities.js";const m=i(((i,t)=>e(h,{ref:t,children:e(p,Object.assign({},i))}))),h=t(r)`
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{styled as t,Card as r}from"@mui/material";import p from"./heroImageCardComponent.js";import{opacityLayerSwitchLightStatement as a,opacityLayerSwitchDarkStatement as o}from"../../utils/utilities.js";const m=i((i,t)=>e(h,{ref:t,children:e(p,Object.assign({},i))})),h=t(r)`
   color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity?e.theme.palette.common.black:(e.children.props.darkOpacity,e.theme.palette.common.white)};
   ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
   height: 500px;

package/organisms/heroImageCard/heroImageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface HeroImageCardProps\n * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface HeroImageCardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * if true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * this image is showing small device resolution ( Smartphone )\n   */\n  mobileImage?: string;\n  /**\n   * this image is showing in a medium device resolution ( Tablet )\n   */\n  tabletImage?: string;\n  /**\n   * this image is showing in a small desktop ( laptop )\n   */\n  laptopImage?: string;\n  /**\n   * this image is showing in a large desktop ( desktop )\n   */\n  desktopImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * If present the card showing video\n   */\n  videoUrl?: string;\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Title text that should be maximum 50 characters long\n   */\n  title: string;\n\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  firstButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: unknown) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Second button object. The button is displayed if the label text is present\n   */\n  secondButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Third button object. The button is displayed if the label text is present\n   */\n  thirdButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  compact?: boolean;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n  /**\n   * this props set the height of the card\n   */\n  cardVersion?: 'normal' | 'small';\n\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef<HTMLDivElement, HeroImageCardProps>((props, ref) => {\n  return (\n    <HeroImageCardStyled ref={ref}>\n      <HeroImageCardComponent {...props} />\n    </HeroImageCardStyled>\n  );\n});\n\n/**\n * @description Hero Image Card styling definition based on props\n */\n\nconst HeroImageCardStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n      return props.theme.palette.common.black;\n    } else if (props.children.props.darkOpacity !== 'opacity0') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n      } else return 'height: 440px';\n    }}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n      } else return 'height: 500px';\n    }}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n      color: ${(props) => {\n        if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n          return props.theme.palette.common.black;\n        }\n        if (props.children.props.darkOpacity !== 'opacity0') {\n          return props.theme.palette.common.white;\n        }\n      }};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wRA6Ga,MAAAA,EAAgBC,GAA+C,CAACC,EAAOC,IAEhFC,EAACC,EAAmB,CAACF,IAAKA,EACxBG,SAAAF,EAACG,EAA2BC,OAAAC,OAAA,CAAA,EAAAP,QAS5BG,EAAsBK,EAAOC,EAAwD;WAC/ET,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,OACzBf,EAAMI,SAASJ,MAAMW,YACvBX,EAAMY,MAAMC,QAAQC,OAAOE;IAGnChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aACpB,MAAO;;uBAIWlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;uBAGItB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;IAGftB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACvB,MAAO;;yBAIaxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO;;2BAIStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO;;eAIHtB,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEK,aAArCf,EAAMI,SAASJ,MAAMW,YAChBX,EAAMY,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACM0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
+{"version":3,"file":"heroImageCard.js","sources":["../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface HeroImageCardProps\n * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface HeroImageCardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * if true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * this image is showing small device resolution ( Smartphone )\n   */\n  mobileImage?: string;\n  /**\n   * this image is showing in a medium device resolution ( Tablet )\n   */\n  tabletImage?: string;\n  /**\n   * this image is showing in a small desktop ( laptop )\n   */\n  laptopImage?: string;\n  /**\n   * this image is showing in a large desktop ( desktop )\n   */\n  desktopImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * If present the card showing video\n   */\n  videoUrl?: string;\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Title text that should be maximum 50 characters long\n   */\n  title: string;\n\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  firstButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: unknown) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Second button object. The button is displayed if the label text is present\n   */\n  secondButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Third button object. The button is displayed if the label text is present\n   */\n  thirdButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  compact?: boolean;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n  /**\n   * this props set the height of the card\n   */\n  cardVersion?: 'normal' | 'small';\n\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const HeroImageCard = forwardRef<HTMLDivElement, HeroImageCardProps>((props, ref) => {\n  return (\n    <HeroImageCardStyled ref={ref}>\n      <HeroImageCardComponent {...props} />\n    </HeroImageCardStyled>\n  );\n});\n\n/**\n * @description Hero Image Card styling definition based on props\n */\n\nconst HeroImageCardStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  color: ${(props) => {\n    if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n      return props.theme.palette.common.black;\n    } else if (props.children.props.darkOpacity !== 'opacity0') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 340px';\n      } else return 'height: 440px';\n    }}\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n    ${(props) => {\n      if (props.children.props.cardVersion === 'small') {\n        return 'height: 400px';\n      } else return 'height: 500px';\n    }}\n  }\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n  .CardImageText {\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 540px;\n    }\n    .CardImageTitle {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 38px;\n        line-height: 48px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 44px;\n        line-height: 52px;\n        ${(props) => {\n          if (props.children.props.cardVersion === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n      color: ${(props) => {\n        if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n          return props.theme.palette.common.black;\n        }\n        if (props.children.props.darkOpacity !== 'opacity0') {\n          return props.theme.palette.common.white;\n        }\n      }};\n    }\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"wRA6GO,MAAMA,EAAgBC,EAA+C,CAACC,EAAOC,IAEhFC,EAACC,EAAmB,CAACF,IAAKA,EAAGG,SAC3BF,EAACG,EAAsBC,OAAAC,OAAA,CAAA,EAAKP,OAS5BG,EAAsBK,EAAOC,EAAwD;WAC/ET,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,OACzBf,EAAMI,SAASJ,MAAMW,YACvBX,EAAMY,MAAMC,QAAQC,OAAOE;IAGnChB,IACD,GAAIA,EAAMY,MAAMK,MAAMC,aACpB,MAAO;;uBAIWlB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOC;MAC1DrB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;uBAGItB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;MAC1DvB,GACwC,UAArCA,EAAMI,SAASJ,MAAMsB,YAChB,gBACK;;IAGftB,IACD,GAAIA,EAAMI,SAASJ,MAAMwB,eACvB,MAAO;;yBAIaxB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO;;2BAIStB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO;;eAIHtB,GACkC,aAAtCA,EAAMI,SAASJ,MAAMU,cAAoE,aAArCV,EAAMI,SAASJ,MAAMW,YACpEX,EAAMY,MAAMC,QAAQC,OAAOC,MAEK,aAArCf,EAAMI,SAASJ,MAAMW,YAChBX,EAAMY,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBhB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKvCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;2BAKzCzB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;;;;;MAO9DzB,GACM0B,EAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/organisms/heroImageCard/heroImageCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"heroImageCardComponent.js","sources":["../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { useRef, FC } from 'react';\nimport { HeroImageCardProps } from './heroImageCard';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst HeroImageCardComponent: FC<HeroImageCardProps> = ({\n  label,\n  title,\n  firstButtonObject,\n  secondButtonObject,\n  thirdButtonObject,\n  videoUrl,\n  desktopImage,\n  laptopImage,\n  tabletImage,\n  mobileImage,\n  altImageDescription,\n  playPauseCallback,\n}) => {\n  const videoRef = useRef(null);\n  const themeBreakpoint = useTheme();\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\">{handleMaxCharsInHTML(label, 30)}</Label>\n          <h2 className=\"CardImageTitle\">{handleMaxCharsInHTML(title, 50)}</h2>\n        </div>\n        <div className=\"CardImageButtons\">\n          {firstButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={firstButtonObject} compact={true} />\n          )}\n          {secondButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={secondButtonObject} compact={true} />\n          )}\n          {thirdButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={thirdButtonObject} compact={true} />\n          )}\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        {videoUrl ? (\n          <>\n            <video ref={videoRef} className=\"CardImageVideo\" loop muted autoPlay>\n              <source src={encodeURI(videoUrl)} type=\"video/mp4\" />\n              Your browser does not support the video tag.\n            </video>\n          </>\n        ) : (\n          <div className=\"CardImagePicture\">\n            <picture>\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`} srcSet={desktopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`} srcSet={laptopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.md}px)`} srcSet={tabletImage} />\n              <img src={mobileImage} alt={altImageDescription} />\n            </picture>\n          </div>\n        )}\n      </div>\n      {videoUrl && <VideoCardController playPauseCallback={playPauseCallback} videoRef={videoRef} />}\n    </>\n  );\n};\n\nexport default HeroImageCardComponent;\n"],"names":["HeroImageCardComponent","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"4WAQA,MAAMA,EAAiD,EACrDC,QACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAO,MAClBC,EAAkBC,IAExB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAK,MAAA,CAAAI,UAAU,0BACbJ,EAAK,MAAA,CAAAI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAqBtB,EAAO,MAC/DmB,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAqBrB,EAAO,SAE9De,EAAK,MAAA,CAAAI,UAAU,mBACZF,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAA,EAAAA,EAAoBH,QACnBmB,EAACI,EAAoB,CAAAH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAF,EAAA,CAAAC,SACEF,EAAO,QAAA,CAAAU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,EAAQ,SAAA,CAAAW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BF,EACE,UAAA,CAAAE,SAAA,CAAAC,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAQ,SAAA,CAAAc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAK,MAAA,CAAAW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAACsB,EAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA,MACjF"}
+{"version":3,"file":"heroImageCardComponent.js","sources":["../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { useRef, FC } from 'react';\nimport { HeroImageCardProps } from './heroImageCard';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst HeroImageCardComponent: FC<HeroImageCardProps> = ({\n  label,\n  title,\n  firstButtonObject,\n  secondButtonObject,\n  thirdButtonObject,\n  videoUrl,\n  desktopImage,\n  laptopImage,\n  tabletImage,\n  mobileImage,\n  altImageDescription,\n  playPauseCallback,\n}) => {\n  const videoRef = useRef(null);\n  const themeBreakpoint = useTheme();\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\">{handleMaxCharsInHTML(label, 30)}</Label>\n          <h2 className=\"CardImageTitle\">{handleMaxCharsInHTML(title, 50)}</h2>\n        </div>\n        <div className=\"CardImageButtons\">\n          {firstButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={firstButtonObject} compact={true} />\n          )}\n          {secondButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={secondButtonObject} compact={true} />\n          )}\n          {thirdButtonObject?.label && (\n            <ButtonCardComponent className=\"button-component\" buttonObject={thirdButtonObject} compact={true} />\n          )}\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        {videoUrl ? (\n          <>\n            <video ref={videoRef} className=\"CardImageVideo\" loop muted autoPlay>\n              <source src={encodeURI(videoUrl)} type=\"video/mp4\" />\n              Your browser does not support the video tag.\n            </video>\n          </>\n        ) : (\n          <div className=\"CardImagePicture\">\n            <picture>\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`} srcSet={desktopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`} srcSet={laptopImage} />\n              <source media={`(min-width: ${themeBreakpoint.breakpoints.values.md}px)`} srcSet={tabletImage} />\n              <img src={mobileImage} alt={altImageDescription} />\n            </picture>\n          </div>\n        )}\n      </div>\n      {videoUrl && <VideoCardController playPauseCallback={playPauseCallback} videoRef={videoRef} />}\n    </>\n  );\n};\n\nexport default HeroImageCardComponent;\n"],"names":["HeroImageCardComponent","label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxCharsInHTML","ButtonCardComponent","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"4WAQA,MAAMA,EAAiD,EACrDC,QACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAO,MAClBC,EAAkBC,IAExB,OACEC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,0BACbJ,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,EAACE,EAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAqBtB,EAAO,MAC/DmB,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAqBrB,EAAO,SAE9De,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,EAC9BhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAkB,EAAlBA,EAAoBH,QACnBmB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAiB,EAAjBA,EAAmBJ,QAClBmB,EAACI,EAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAF,EAAA,CAAAC,SACEF,EAAA,QAAA,CAAOU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,EAAA,SAAA,CAAQW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BF,EAAA,UAAA,CAAAE,SAAA,CACEC,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAA,MAAA,CAAKW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAACsB,EAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA"}

package/organisms/heroImageCard/videoCardController.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as i,useCallback as r,useEffect as n}from"react";import{Icon as o}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{styled as a,useTheme as s}from"@mui/material";const p=({videoRef:a,playPauseCallback:p})=>{const[c,u]=e(!1),d=i(null),m=s(),y=r((t=>{c?(p&&p("play",t),a.current.play()):(p&&p("pause",t),a.current.pause()),u(!c)}),[c,p,a]);return n((()=>{window.innerWidth<m.breakpoints.values.md&&(a.current.pause(),u(!0))}),[a,m.breakpoints.values.md]),n((()=>{window.innerWidth<m.breakpoints.values.md?c?(d.current.style.transitionDelay="0s",d.current.style.opacity=1):(d.current.style.transitionDelay="2s",d.current.style.opacity=0):(d.current.style.transitionDelay="0s",d.current.style.opacity=1)}),[c,m.breakpoints.values.md]),t(l,{ref:d,onClick:t=>y(t),children:t("div",{children:t(o,{name:c?"play":"pause"})})})},l=a("div")((({theme:t})=>{let e={};return e={[t.breakpoints.up("md")]:Object.assign(Object.assign({},e),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[t.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${t.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:t.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},e}));export{p as default};
+import{jsx as o}from"react/jsx-runtime";import{useState as n,useRef as i,useCallback as e,useEffect as c}from"react";import{Icon as t}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";import{styled as s,useTheme as l}from"@mui/material";const r=({videoRef:s,playPauseCallback:r})=>{const[m,d]=n(!1),I=i(null),j=l(),a=e(o=>{m?(r&&r("play",o),s.current.play()):(r&&r("pause",o),s.current.pause()),d(!m)},[m,r,s]);return c(()=>{window.innerWidth<j.breakpoints.values.md&&(s.current.pause(),d(!0))},[s,j.breakpoints.values.md]),c(()=>{window.innerWidth<j.breakpoints.values.md?m?(I.current.style.transitionDelay="0s",I.current.style.opacity=1):(I.current.style.transitionDelay="2s",I.current.style.opacity=0):(I.current.style.transitionDelay="0s",I.current.style.opacity=1)},[m,j.breakpoints.values.md]),o(p,{ref:I,onClick:o=>a(o),children:o("div",{children:o(t,{name:m?"play":"pause"})})})},p=s("div")(({theme:o})=>{let n={};return n={[o.breakpoints.up("md")]:Object.assign(Object.assign({},n),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[o.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},n});export{r as default};
 //# sourceMappingURL=videoCardController.js.map

package/organisms/heroImageCard/videoCardController.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/**\n * @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n  videoRef: any;\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n  const [isPaused, setIsPaused] = useState(false);\n  const videoControllerRef = useRef(null);\n  const theme = useTheme();\n\n  //When the videoController is clicked, pause or play the video\n  const handlePlayClick = useCallback(\n    (event) => {\n      if (isPaused) {\n        playPauseCallback && playPauseCallback('play', event);\n        videoRef.current.play();\n      } else {\n        playPauseCallback && playPauseCallback('pause', event);\n        videoRef.current.pause();\n      }\n      setIsPaused(!isPaused);\n    },\n    [isPaused, playPauseCallback, videoRef],\n  );\n\n  //set the video puased as default if we are on mobile view\n  useEffect(() => {\n    if (window.innerWidth < theme.breakpoints.values.md) {\n      videoRef.current.pause();\n      setIsPaused(true);\n    }\n  }, [videoRef, theme.breakpoints.values.md]);\n\n  //Add the transition effect from play to pause if on mobile view\n  useEffect(() => {\n    if (window.innerWidth < theme.breakpoints.values.md) {\n      if (isPaused) {\n        videoControllerRef.current.style.transitionDelay = '0s';\n        videoControllerRef.current.style.opacity = 1;\n      } else {\n        videoControllerRef.current.style.transitionDelay = '2s';\n        videoControllerRef.current.style.opacity = 0;\n      }\n    } else {\n      videoControllerRef.current.style.transitionDelay = '0s';\n      videoControllerRef.current.style.opacity = 1;\n    }\n  }, [isPaused, theme.breakpoints.values.md]);\n\n  return (\n    <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n      <div>\n        <Icon name={isPaused ? 'play' : 'pause'} />\n      </div>\n    </VideoControllerStyled>\n  );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  style = {\n    [theme.breakpoints.up('md')]: {\n      ...style,\n      position: 'absolute',\n      zIndex: 1000,\n      cursor: 'pointer',\n      bottom: '24px',\n      right: '24px',\n      '& > div': {\n        width: '44px',\n        height: '44px',\n        borderRadius: '100%',\n        textAlign: 'center',\n        border: `2.5px solid ${theme.palette.background.primary}`,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& > .MuiIcon-root': {\n          color: theme.palette.background.primary,\n          width: '20px',\n          height: '20px',\n          fontSize: '22px',\n        },\n      },\n    },\n    [theme.breakpoints.down('md')]: {\n      position: 'absolute',\n      zIndex: 1000,\n      left: '50%',\n      top: '50%',\n      width: '312px',\n      height: '132px',\n      transform: ' translate(-50%, -50%)',\n      transitionDelay: '2s',\n      transitionDuration: '0.3s',\n      transitionProperty: 'opacity',\n      transitionTimingFunction: 'ease-out',\n      '& > div': {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: ' translate(-50%, -50%)',\n        width: '44px',\n        height: '44px',\n        margin: '0 auto',\n        borderRadius: '100%',\n        textAlign: 'center',\n        border: `2.5px solid ${theme.palette.background.primary}`,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& > .MuiIcon-root': {\n          color: theme.palette.background.primary,\n          width: '20px',\n          height: '20px',\n          fontSize: '22px',\n        },\n      },\n    },\n  };\n  return style;\n});\n\nexport default VideoCardController;\n"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"iRAeM,MAAAA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,GACrBC,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,MAEb,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,GAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,KAE5C,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAsB,CAAAC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAClFiB,SAAAJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,KAAM5B,EAAW,OAAS,aAEZ,EAItBuB,EAAwBM,EAAO,MAAPA,EAA+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAE,EA+Dd,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GACH,CAAAc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC,CAAK"}
+{"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/**\n * @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n  videoRef: any;\n  playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n  const [isPaused, setIsPaused] = useState(false);\n  const videoControllerRef = useRef(null);\n  const theme = useTheme();\n\n  //When the videoController is clicked, pause or play the video\n  const handlePlayClick = useCallback(\n    (event) => {\n      if (isPaused) {\n        playPauseCallback && playPauseCallback('play', event);\n        videoRef.current.play();\n      } else {\n        playPauseCallback && playPauseCallback('pause', event);\n        videoRef.current.pause();\n      }\n      setIsPaused(!isPaused);\n    },\n    [isPaused, playPauseCallback, videoRef],\n  );\n\n  //set the video puased as default if we are on mobile view\n  useEffect(() => {\n    if (window.innerWidth < theme.breakpoints.values.md) {\n      videoRef.current.pause();\n      setIsPaused(true);\n    }\n  }, [videoRef, theme.breakpoints.values.md]);\n\n  //Add the transition effect from play to pause if on mobile view\n  useEffect(() => {\n    if (window.innerWidth < theme.breakpoints.values.md) {\n      if (isPaused) {\n        videoControllerRef.current.style.transitionDelay = '0s';\n        videoControllerRef.current.style.opacity = 1;\n      } else {\n        videoControllerRef.current.style.transitionDelay = '2s';\n        videoControllerRef.current.style.opacity = 0;\n      }\n    } else {\n      videoControllerRef.current.style.transitionDelay = '0s';\n      videoControllerRef.current.style.opacity = 1;\n    }\n  }, [isPaused, theme.breakpoints.values.md]);\n\n  return (\n    <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n      <div>\n        <Icon name={isPaused ? 'play' : 'pause'} />\n      </div>\n    </VideoControllerStyled>\n  );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  style = {\n    [theme.breakpoints.up('md')]: {\n      ...style,\n      position: 'absolute',\n      zIndex: 1000,\n      cursor: 'pointer',\n      bottom: '24px',\n      right: '24px',\n      '& > div': {\n        width: '44px',\n        height: '44px',\n        borderRadius: '100%',\n        textAlign: 'center',\n        border: `2.5px solid ${theme.palette.background.primary}`,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& > .MuiIcon-root': {\n          color: theme.palette.background.primary,\n          width: '20px',\n          height: '20px',\n          fontSize: '22px',\n        },\n      },\n    },\n    [theme.breakpoints.down('md')]: {\n      position: 'absolute',\n      zIndex: 1000,\n      left: '50%',\n      top: '50%',\n      width: '312px',\n      height: '132px',\n      transform: ' translate(-50%, -50%)',\n      transitionDelay: '2s',\n      transitionDuration: '0.3s',\n      transitionProperty: 'opacity',\n      transitionTimingFunction: 'ease-out',\n      '& > div': {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: ' translate(-50%, -50%)',\n        width: '44px',\n        height: '44px',\n        margin: '0 auto',\n        borderRadius: '100%',\n        textAlign: 'center',\n        border: `2.5px solid ${theme.palette.background.primary}`,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& > .MuiIcon-root': {\n          color: theme.palette.background.primary,\n          width: '20px',\n          height: '20px',\n          fontSize: '22px',\n        },\n      },\n    },\n  };\n  return style;\n});\n\nexport default VideoCardController;\n"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"2zxCAeA,MAAMA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,EACrBC,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,IAEf,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,EAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,KAEb,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,EAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE5C,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAqB,CAACC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAMiB,SACxFJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,KAAM5B,EAAW,OAAS,eAMlCuB,EAAwBM,EAAO,MAAPA,CAA+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBb,GAAK,CACRc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC"}

package/organisms/maps/hook/useMap.js

@@ -1,2 +1,2 @@
-import{useCallback as e}from"react";import{MarkerClusterer as o}from"@googlemaps/markerclusterer";import r from"../assets/result_marker_small.svg.js";import t from"../assets/selected_location_pin_medium.svg.js";import{MapIconVariant as s}from"../utils/mapIcons.js";const n=()=>{const n=e(((e,o,s)=>o?s&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t:s&&e.resultIconHover?e.resultIconHover:e.resultIcon||r),[]),c={render:({count:e,position:o})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:o,icon:s.CLUSTER})};return{onMarkerClick:(e,o)=>{e&&o.forEach((o=>{const r=o.id===e,t=n(o,r,!1);o.setIcon(t)}))},handleClusterRender:(e,r,t)=>{if(e&&r){const s={map:r,markers:e,onClusterClick:(e,o,r)=>{t(!0),r.fitBounds(o.bounds)}};return new o(Object.assign(Object.assign({},s),{renderer:c}))}},handleIconType:n}};export{n as default};
+import{useCallback as e}from"react";import{MarkerClusterer as o}from"@googlemaps/markerclusterer";import r from"../assets/result_marker_small.svg.js";import t from"../assets/selected_location_pin_medium.svg.js";import{MapIconVariant as s}from"../utils/mapIcons.js";const n=()=>{const n=e((e,o,s)=>o?s&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t:s&&e.resultIconHover?e.resultIconHover:e.resultIcon||r,[]),c={render:({count:e,position:o})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:o,icon:s.CLUSTER})};return{onMarkerClick:(e,o)=>{e&&o.forEach(o=>{const r=o.id===e,t=n(o,r,!1);o.setIcon(t)})},handleClusterRender:(e,r,t)=>{if(e&&r){const s={map:r,markers:e,onClusterClick:(e,o,r)=>{t(!0),r.fitBounds(o.bounds)}};return new o(Object.assign(Object.assign({},s),{renderer:c}))}},handleIconType:n}};export{n as default};
 //# sourceMappingURL=useMap.js.map

package/organisms/maps/hook/useMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Cluster, MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../assets/result_marker_small.svg';\nimport selectedLocationMedium from '../assets/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\n\nconst useMap = () => {\n  //HANDLE THE ICON TYPE FOR THE MARKER\n  const handleIconType = useCallback((marker, isSelected, isHover) => {\n    if (isSelected) {\n      return isHover && marker.selectedIconHover\n        ? marker.selectedIconHover\n        : marker.selectedIcon || selectedLocationMedium;\n    } else {\n      return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon || resultMarkerSmall;\n    }\n  }, []);\n\n  //Change the icon to selected if clicked and make unselected the previous one\n  const onMarkerClick = (markerId, registeredMarkers) => {\n    if (markerId) {\n      registeredMarkers.forEach((item) => {\n        const isClickedMarker = item.id === markerId;\n        const iconType = handleIconType(item, isClickedMarker, false);\n        item.setIcon(iconType);\n      });\n    }\n  };\n\n  //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n  const renderer = {\n    render({ count, position }) {\n      return new google.maps.Marker({\n        label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n        position,\n        icon: MapIconVariant.CLUSTER,\n      });\n    },\n  };\n\n  //ADD THE CLUSTER MARKERS TO THE MAP\n  const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n    if (registeredMarkers && currentMap) {\n      const markerClusterOptions = {\n        map: currentMap,\n        markers: registeredMarkers,\n        onClusterClick: (_: google.maps.MapMouseEvent, cluster: Cluster, map: google.maps.Map): void => {\n          setClickedCluster(true);\n          map.fitBounds(cluster.bounds);\n        },\n      };\n      return new MarkerClusterer({ ...markerClusterOptions, renderer });\n    }\n  };\n\n  return {\n    onMarkerClick,\n    handleClusterRender,\n    handleIconType,\n  };\n};\n\nexport default useMap;\n"],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"yQAMM,MAAAA,EAAS,KAEb,MAAMC,EAAiBC,GAAY,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,GAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,KAiC1BE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,gBAOxDX,iBACD"}
+{"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Cluster, MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../assets/result_marker_small.svg';\nimport selectedLocationMedium from '../assets/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\n\nconst useMap = () => {\n  //HANDLE THE ICON TYPE FOR THE MARKER\n  const handleIconType = useCallback((marker, isSelected, isHover) => {\n    if (isSelected) {\n      return isHover && marker.selectedIconHover\n        ? marker.selectedIconHover\n        : marker.selectedIcon || selectedLocationMedium;\n    } else {\n      return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon || resultMarkerSmall;\n    }\n  }, []);\n\n  //Change the icon to selected if clicked and make unselected the previous one\n  const onMarkerClick = (markerId, registeredMarkers) => {\n    if (markerId) {\n      registeredMarkers.forEach((item) => {\n        const isClickedMarker = item.id === markerId;\n        const iconType = handleIconType(item, isClickedMarker, false);\n        item.setIcon(iconType);\n      });\n    }\n  };\n\n  //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n  const renderer = {\n    render({ count, position }) {\n      return new google.maps.Marker({\n        label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n        position,\n        icon: MapIconVariant.CLUSTER,\n      });\n    },\n  };\n\n  //ADD THE CLUSTER MARKERS TO THE MAP\n  const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n    if (registeredMarkers && currentMap) {\n      const markerClusterOptions = {\n        map: currentMap,\n        markers: registeredMarkers,\n        onClusterClick: (_: google.maps.MapMouseEvent, cluster: Cluster, map: google.maps.Map): void => {\n          setClickedCluster(true);\n          map.fitBounds(cluster.bounds);\n        },\n      };\n      return new MarkerClusterer({ ...markerClusterOptions, renderer });\n    }\n  };\n\n  return {\n    onMarkerClick,\n    handleClusterRender,\n    handleIconType,\n  };\n};\n\nexport default useMap;\n"],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"yQAMA,MAAMA,EAAS,KAEb,MAAMC,EAAiBC,EAAY,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,EAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,QAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,MAiCjBE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,UAG1B,OAAO,IAAIC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAoB,CAAE5B,aACxD,GAMAX"}

package/organisms/maps/mapComponents/infoWindowConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\n\nconst titleSection = (title) =>\n  title &&\n  `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\n\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\n\nconst phoneSection = (phone) =>\n  phone\n    ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n    : '';\n\nconst openStatusSection = (isOpen) =>\n  isOpen !== null &&\n  `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n   </div>\n   `;\n\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\n\nconst ctaLabelSection = (ctaLabel) =>\n  ctaLabel\n    ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n  </div>`\n    : '';\n\nconst contentString = (params) =>\n  params\n    ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n    : '';\n\nconst infoWindow = (windowConfig) => {\n  return new google.maps.InfoWindow({\n    content: contentString(windowConfig),\n  });\n};\n\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\n\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n  if (infoWindowState) {\n    infoWindowState.close();\n  }\n  const currentInfoWindow = infoWindow({});\n  currentInfoWindow.open({\n    anchor: marker,\n    map: currentMap,\n  });\n  setInfoWindow(currentInfoWindow);\n};\n\nexport { infoWindow, handleRenderInfoWindow, contentString };\n"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDhB,EAEAS,EAAcC,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAAShB,EAAcY"}
+{"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\n\nconst titleSection = (title) =>\n  title &&\n  `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\n\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street || ''}</p>\n<p>${city || ''}</p>\n </div>`;\n\nconst phoneSection = (phone) =>\n  phone\n    ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n    : '';\n\nconst openStatusSection = (isOpen) =>\n  isOpen !== null &&\n  `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n   </div>\n   `;\n\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\n\nconst ctaLabelSection = (ctaLabel) =>\n  ctaLabel\n    ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n  </div>`\n    : '';\n\nconst contentString = (params) =>\n  params\n    ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n    : '';\n\nconst infoWindow = (windowConfig) => {\n  return new google.maps.InfoWindow({\n    content: contentString(windowConfig),\n  });\n};\n\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\n\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n  if (infoWindowState) {\n    infoWindowState.close();\n  }\n  const currentInfoWindow = infoWindow({});\n  currentInfoWindow.open({\n    anchor: marker,\n    map: currentMap,\n  });\n  setInfoWindow(currentInfoWindow);\n};\n\nexport { infoWindow, handleRenderInfoWindow, contentString };\n"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,GAkDhBS,EAAcC,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAAShB,EAAcY"}

package/organisms/maps/mapComponents/mapComponent.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as n,Fragment as o,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useState as s,useEffect as a}from"react";import l from"../hook/useMap.js";import{mapConfig as c,handleControls as d}from"../utils/mapConfig.js";import{MapIconVariant as m}from"../utils/mapIcons.js";import{infoWindow as g}from"./infoWindowConfig.js";const p=p=>{var{onClick:u,onDragEnd:f,children:I,style:C,handleCurrentMap:M,enableMoveSearch:h,setInfoWindow:k,currentInfoWindow:w,registeredMarkers:v=[]}=p,L=e(p,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const O=i(null),[j,E]=s(),[W,b]=s(null),{handleClusterRender:S}=l(),[_,y]=s(!1),[z,N]=s(null),[P,V]=s(!1);return a((()=>{if(O.current&&!j){const e=c(L),n=new window.google.maps.Map(O.current,Object.assign({},e)),o=new google.maps.Marker({position:L.center,map:j,icon:null});b(o),d(n,o),E(n),M(n)}}),[O,j,M,L]),a((()=>{if(j&&!w){const e=g({});k(e)}}),[j,k,w]),a((()=>{j&&W&&navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){const n=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);W.setOptions({position:n,icon:m.LIVE_POSITION_ON,map:j}),j.setCenter(n)}),(()=>{W.setIcon(m.LIVE_POSITION_OFF)}))}),[j,W]),a((()=>(j&&u&&j.addListener("click",u),()=>{j&&google.maps.event.clearListeners(j,"click")})),[j,u]),a((()=>(j&&f&&(h?j.addListener("dragend",(()=>f(j))):google.maps.event.clearListeners(j,"dragend")),()=>{j&&google.maps.event.clearListeners(j,"dragend")})),[j,f,h]),a((()=>{j&&(L.zoom&&j.setZoom(L.zoom),L.center&&j.setCenter(L.center))}),[j,L.zoom,L.center]),a((()=>{_&&z&&(z.clearMarkers(),z.addMarkers(v))}),[z,v,_]),a((()=>{let e=null;j&&!_&&(e=S(v,j,V),y(!0),N(e))}),[v,j,_,S]),a((()=>{P&&(w.close(),V(!1))}),[P,w]),n(o,{children:[r("div",{ref:O,style:C}),t.Children.map(I,(e=>{if(t.isValidElement(e))return t.cloneElement(e,{map:j})}))]})};export{p as default};
+import{__rest as e}from"tslib";import{jsxs as n,Fragment as o,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useState as s,useEffect as a}from"react";import l from"../hook/useMap.js";import{mapConfig as c,handleControls as d}from"../utils/mapConfig.js";import{MapIconVariant as m}from"../utils/mapIcons.js";import{infoWindow as g}from"./infoWindowConfig.js";const p=p=>{var{onClick:u,onDragEnd:f,children:I,style:C,handleCurrentMap:M,enableMoveSearch:h,setInfoWindow:k,currentInfoWindow:w,registeredMarkers:v=[]}=p,L=e(p,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const O=i(null),[j,E]=s(),[W,b]=s(null),{handleClusterRender:S}=l(),[_,y]=s(!1),[z,N]=s(null),[P,V]=s(!1);return a(()=>{if(O.current&&!j){const e=c(L),n=new window.google.maps.Map(O.current,Object.assign({},e)),o=new google.maps.Marker({position:L.center,map:j,icon:null});b(o),d(n,o),E(n),M(n)}},[O,j,M,L]),a(()=>{if(j&&!w){const e=g({});k(e)}},[j,k,w]),a(()=>{j&&W&&navigator.geolocation&&navigator.geolocation.getCurrentPosition(function(e){const n=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);W.setOptions({position:n,icon:m.LIVE_POSITION_ON,map:j}),j.setCenter(n)},()=>{W.setIcon(m.LIVE_POSITION_OFF)})},[j,W]),a(()=>(j&&u&&j.addListener("click",u),()=>{j&&google.maps.event.clearListeners(j,"click")}),[j,u]),a(()=>(j&&f&&(h?j.addListener("dragend",()=>f(j)):google.maps.event.clearListeners(j,"dragend")),()=>{j&&google.maps.event.clearListeners(j,"dragend")}),[j,f,h]),a(()=>{j&&(L.zoom&&j.setZoom(L.zoom),L.center&&j.setCenter(L.center))},[j,L.zoom,L.center]),a(()=>{_&&z&&(z.clearMarkers(),z.addMarkers(v))},[z,v,_]),a(()=>{let e=null;j&&!_&&(e=S(v,j,V),y(!0),N(e))},[v,j,_,S]),a(()=>{P&&(w.close(),V(!1))},[P,w]),n(o,{children:[r("div",{ref:O,style:C}),t.Children.map(I,e=>{if(t.isValidElement(e))return t.cloneElement(e,{map:j})})]})};export{p as default};
 //# sourceMappingURL=mapComponent.js.map