npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.1 - Mend

@skodaflow/web-library 7.15.1 → 7.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3915) hide show

package/cjs/organisms/gallery/Gallery.js CHANGED Viewed

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

package/cjs/organisms/gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n /*\n Trigger element that will be used to open gallery\n * @requires\n /\n children: React.ReactNode;\n /\n Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n * @requires\n /\n galleryItems: Array<React.ReactNode>;\n /\n Index of gallery item that should be active by default\n * @default 0\n /\n startIndex?: number;\n};\n\n/\n @deprecated Use Carousel and Backdrop components\n /\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: props.startIndex ?? 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n\n useKeyboardShortcut(\n {\n Escape: onClose,\n ArrowRight: emblaApi?.scrollNext,\n ArrowLeft: emblaApi?.scrollPrev,\n },\n [!!emblaApi],\n );\n\n return (\n <Box data-testid=\"Gallery\">\n <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n {props.children}\n </Box>\n\n <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n {isOpen && (\n <>\n <GalleryItemContent ref={emblaRef}>\n <Box\n sx={{ display: 'flex', '& > ': { flex: '0 0 100%' } }}\n data-testid=\"Gallery.items\"\n data-state={emblaApi?.selectedScrollSnap()}\n >\n {props.galleryItems}\n </Box>\n </GalleryItemContent>\n\n <GalleryControlPanel data-testid=\"Gallery.control\">\n <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={prevDisabled}\n onClick={() => emblaApi?.scrollPrev()}\n data-testid=\"Gallery.prev\"\n aria-label=\"Previous image\"\n >\n <Icon name=\"arrow-left\" />\n </GalleryControlButton>\n )}\n <GalleryControlButton\n size=\"large\"\n onClick={onClose}\n data-testid=\"Gallery.close\"\n aria-label=\"Close gallery\"\n >\n <Icon name=\"close\" />\n </GalleryControlButton>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={nextDisabled}\n onClick={() => emblaApi?.scrollNext()}\n data-testid=\"Gallery.next\"\n aria-label=\"Next image\"\n >\n <Icon name=\"arrow-right\" />\n </GalleryControlButton>\n )}\n </Stack>\n </GalleryControlPanel>\n </>\n )}\n </GalleryBackdrop>\n </Box>\n );\n};\n\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"ol2CA4BO,MA4GDA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,~~EAAiB~~,EAAGE,YAAO,CACjDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,~~aAGXC~~,EAAqBX,EAAAA,OAAOY,EAAAA,IAAPZ,~~EAAY~~,KAAA,CACrCa,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,~~YAING~~,EAAsBjB,EAAAA,OAAOY,EAAAA,IAAPZ,~~EAAY~~,KAAA,CACtCa,MAAO,OACPC,OAAQ,MAERN,QAAS,OACTC,eAAgB,SAChBO,WAAY,~~aAGRE~~,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,~~EAAmB~~,EAAGE,YAAO,CACxDkB,MAAOlB,EAAME,QAAQC,QAAQgB,~~4BA5IiBC~~,UAC9C,MAAMC,EAAiBC,~~WAAQ~~,IAAMF,EAAMG,aAAaC,OAAS,~~GAAG~~,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IAEjDC,EAAcC,GAAmBC,EAAAA,UAAS,IAC1CC,EAAcC,GAAmBF,EAAAA,UAAS,IAE1CG,EAAUC,GAAYC,UAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,EAAAA,~~WAAU~~,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,~~gBAAgB~~,~~EAE5CX,~~EAASY,GAAG,SAAUH,GACtBA,GACF,~~IACC~~,CAACT,IAEJQ,EAAAA,~~WAAU~~,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,~~6FACf,GACC,~~CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,EAAAA,~~aAAY~~,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,~~GACF~~,~~GACC,~~CAACA,EAASP,EAAMgC,WAWnB,OATAC,UACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAQ,EAARA,EAAUoB,WACtBC,UAAWrB,aAAQ,EAARA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAAAA,KAACjD,EAAAA,IAAG,CAAA,cAAa,UAAS0C,SAAA,CACxBQ,MAAClD,EAAAA,IAAG,CAACmD,UAAU,OAAOC,QAASpC,EAAQqC,GAAI,CAAEC,OAAQ,WAAW,cAAc,kBAAiBZ,SAC5FhC,EAAMgC,WAGTQ,EAAAA,IAAC/D,EAAe,CAACoE,KAAMxC,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EAAAA,KAAAO,EAAAA,SAAA,CAAAd,SAAA,CACEQ,EAAAA,IAACnD,EAAkB,CAAC0D,IAAKhC,EAAQiB,SAC/BQ,EAAAA,IAAClD,EAAAA,IAAG,CACFqD,GAAI,CAAEzD,QAAS,OAAQ,QAAS,CAAE8D,KAAM,aAAc,cAC1C,gBAAe,aACfhC,aAAQ,EAARA,EAAUiC,qBAAoBjB,SAEzChC,EAAMG,iBAIXqC,EAAAA,IAAC7C,EAAmB,CAAA,cAAa,kBAAiBqC,SAChDO,EAAAA,KAACW,EAAAA,MAAK,CAACC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAGzB,SAAA,CACrE/B,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAU9C,EACV6B,QAAS,IAAM1B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,iBAGfrB,MAAC5C,EAAoB,CACnB8D,KAAK,QACLhB,QAASlC,EAAO,cACJ,gBAAe,aAChB,gBAAewB,SAE1BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,YAEZ5D,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAUjD,EACVgC,QAAS,IAAM1B,aAAQ,EAARA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBQ,MAACoB,EAAAA,KAAI,CAACC,KAAK~~,8BAQrB~~"}
1	+ {"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n /*\n Trigger element that will be used to open gallery\n * @requires\n /\n children: React.ReactNode;\n /\n Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n * @requires\n /\n galleryItems: Array<React.ReactNode>;\n /\n Index of gallery item that should be active by default\n * @default 0\n /\n startIndex?: number;\n};\n\n/\n @deprecated Use Carousel and Backdrop components\n /\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: props.startIndex ?? 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n\n useKeyboardShortcut(\n {\n Escape: onClose,\n ArrowRight: emblaApi?.scrollNext,\n ArrowLeft: emblaApi?.scrollPrev,\n },\n [!!emblaApi],\n );\n\n return (\n <Box data-testid=\"Gallery\">\n <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n {props.children}\n </Box>\n\n <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n {isOpen && (\n <>\n <GalleryItemContent ref={emblaRef}>\n <Box\n sx={{ display: 'flex', '& > ': { flex: '0 0 100%' } }}\n data-testid=\"Gallery.items\"\n data-state={emblaApi?.selectedScrollSnap()}\n >\n {props.galleryItems}\n </Box>\n </GalleryItemContent>\n\n <GalleryControlPanel data-testid=\"Gallery.control\">\n <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={prevDisabled}\n onClick={() => emblaApi?.scrollPrev()}\n data-testid=\"Gallery.prev\"\n aria-label=\"Previous image\"\n >\n <Icon name=\"arrow-left\" />\n </GalleryControlButton>\n )}\n <GalleryControlButton\n size=\"large\"\n onClick={onClose}\n data-testid=\"Gallery.close\"\n aria-label=\"Close gallery\"\n >\n <Icon name=\"close\" />\n </GalleryControlButton>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={nextDisabled}\n onClick={() => emblaApi?.scrollNext()}\n data-testid=\"Gallery.next\"\n aria-label=\"Next image\"\n >\n <Icon name=\"arrow-right\" />\n </GalleryControlButton>\n )}\n </Stack>\n </GalleryControlPanel>\n </>\n )}\n </GalleryBackdrop>\n </Box>\n );\n};\n\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"ol2CA4BO,MA4GDA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,CAAiB,EAAGE,YAAO,CACjDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,YAGXC,EAAqBX,EAAAA,OAAOY,EAAAA,IAAPZ,CAAY,KAAA,CACrCa,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,WAING,EAAsBjB,EAAAA,OAAOY,EAAAA,IAAPZ,CAAY,KAAA,CACtCa,MAAO,OACPC,OAAQ,MAERN,QAAS,OACTC,eAAgB,SAChBO,WAAY,YAGRE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,CAAmB,EAAGE,YAAO,CACxDkB,MAAOlB,EAAME,QAAQC,QAAQgB,2BA5IiBC,UAC9C,MAAMC,EAAiBC,UAAQ,IAAMF,EAAMG,aAAaC,OAAS,EAAG,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IAEjDC,EAAcC,GAAmBC,EAAAA,UAAS,IAC1CC,EAAcC,GAAmBF,EAAAA,UAAS,IAE1CG,EAAUC,GAAYC,UAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,EAAAA,UAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,kBAE5BX,EAASY,GAAG,SAAUH,GACtBA,GACF,GACC,CAACT,IAEJQ,EAAAA,UAAU,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,+FAEd,CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,EAAAA,YAAY,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,KAED,CAACA,EAASP,EAAMgC,WAWnB,OATAC,UACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAQ,EAARA,EAAUoB,WACtBC,UAAWrB,aAAQ,EAARA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAAAA,KAACjD,EAAAA,IAAG,CAAA,cAAa,UAAS0C,SAAA,CACxBQ,MAAClD,EAAAA,IAAG,CAACmD,UAAU,OAAOC,QAASpC,EAAQqC,GAAI,CAAEC,OAAQ,WAAW,cAAc,kBAAiBZ,SAC5FhC,EAAMgC,WAGTQ,EAAAA,IAAC/D,EAAe,CAACoE,KAAMxC,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EAAAA,KAAAO,EAAAA,SAAA,CAAAd,SAAA,CACEQ,EAAAA,IAACnD,EAAkB,CAAC0D,IAAKhC,EAAQiB,SAC/BQ,EAAAA,IAAClD,EAAAA,IAAG,CACFqD,GAAI,CAAEzD,QAAS,OAAQ,QAAS,CAAE8D,KAAM,aAAc,cAC1C,gBAAe,aACfhC,aAAQ,EAARA,EAAUiC,qBAAoBjB,SAEzChC,EAAMG,iBAIXqC,EAAAA,IAAC7C,EAAmB,CAAA,cAAa,kBAAiBqC,SAChDO,EAAAA,KAACW,EAAAA,MAAK,CAACC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAGzB,SAAA,CACrE/B,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAU9C,EACV6B,QAAS,IAAM1B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,iBAGfrB,MAAC5C,EAAoB,CACnB8D,KAAK,QACLhB,QAASlC,EAAO,cACJ,gBAAe,aAChB,gBAAewB,SAE1BQ,EAAAA,IAACoB,EAAAA,KAAI,CAACC,KAAK,YAEZ5D,GACCuC,MAAC5C,EAAoB,CACnB8D,KAAK,QACLC,SAAUjD,EACVgC,QAAS,IAAM1B,aAAQ,EAARA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBQ,MAACoB,EAAAA,KAAI,CAACC,KAAK"}

package/cjs/organisms/gallery/GalleryItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../utils/ResponsiveType.js"),i=require("react"),n=require("../../components/common/hook/useWindowSize.js");const c=r.styled(r.Box)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));exports.GalleryItem=a=>{var{description:l,alt:o}=a,u=e.__rest(a,["description","alt"]);const x=r.useTheme(),m=s.useResponsiveProp(u.imageSrc),{width:d}=n.default(),p=i.useRef(null),h=i.useRef(null),f=i.useRef(null),g=i.useCallback((()=>{if(p.current&&h.current&&f.current){const e=p.current.clientHeight,t=f.current.clientHeight;h.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return i.useEffect(g),i.useEffect((()=>g),[h.current,f.current,p.current,d]),t.jsxs(c,{ref:p,"data-testid":"GalleryItem",children:[t.jsxs(r.Box,{ref:h,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[t.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),t.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),t.jsx(r.Box,{component:"img",src:m.xs,alt:o,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),l&&t.jsx(r.Container,{ref:f,"data-testid":"GalleryItem.desc",children:"string"==typeof l?t.jsx(r.Typography,{sx:{color:x.palette.common.white,paddingTop:1,textAlign:"center"},children:l}):l})]})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../utils/ResponsiveType.js"),i=require("react"),n=require("../../components/common/hook/useWindowSize.js");const c=r.styled(r.Box)(()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"}));exports.GalleryItem=a=>{var{description:l,alt:o}=a,u=e.__rest(a,["description","alt"]);const x=r.useTheme(),m=s.useResponsiveProp(u.imageSrc),{width:d}=n.default(),p=i.useRef(null),h=i.useRef(null),f=i.useRef(null),g=i.useCallback(()=>{if(p.current&&h.current&&f.current){const e=p.current.clientHeight,t=f.current.clientHeight;h.current.style.maxHeight=Math.abs(e-t)+"px"}},[]);return i.useEffect(g),i.useEffect(()=>g,[h.current,f.current,p.current,d]),t.jsxs(c,{ref:p,"data-testid":"GalleryItem",children:[t.jsxs(r.Box,{ref:h,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[t.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),t.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),t.jsx(r.Box,{component:"img",src:m.xs,alt:o,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),l&&t.jsx(r.Container,{ref:f,"data-testid":"GalleryItem.desc",children:"string"==typeof l?t.jsx(r.Typography,{sx:{color:x.palette.common.white,paddingTop:1,textAlign:"center"},children:l}):l})]})};
 //# sourceMappingURL=GalleryItem.js.map

package/cjs/organisms/gallery/GalleryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n imageSrc: ResponsiveType<string>;\n description?: React.ReactNode;\n alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n\n const wrapperRef = useRef<HTMLDListElement>(null);\n const imageRef = useRef<HTMLPictureElement>(null);\n const descRef = useRef<HTMLDivElement>(null);\n\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n return (\n <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n </Box>\n\n {description && (\n <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n {typeof description === 'string' ? (\n <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n {description}\n </Typography>\n ) : (\n description\n )}\n </Container>\n )}\n </GalleryItemWrapper>\n );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWO,MA+CDA,EAAqBC,EAAAA,OAAOC,EAAAA,IAAPD,~~EAAY~~,KAAA,CACrCE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,~~iCApDsCC~~,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAAA,OAAyB,MACtCC,EAAWD,EAAAA,OAA2B,MACtCE,EAAUF,EAAAA,OAAuB,MAEjCG,EAAeC,EAAAA,~~aAAY~~,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC5E,~~IACC~~,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,~~WAAU~~,IAAMV,~~GAAc~~,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAkB,CAACoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAUJ,SAAA,CACtGK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOI,QAASF,OAAQhC,EAASkC,KACjFP,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASoC,KACjFT,EAAAA,IAACxC,EAAAA,IAAG,CAACoC,UAAU,MAAMc,IAAKrC,EAASoC,GAAIzC,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACW,EAAAA,UAAS,CAACjB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAA,IAACY,aAAU,CAACf,GAAI,CAAEgB,MAAO1C,EAAM2C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUJ,SACtF5B,IACU~~,MAMA~~"}
1	+ {"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n imageSrc: ResponsiveType<string>;\n description?: React.ReactNode;\n alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n\n const wrapperRef = useRef<HTMLDListElement>(null);\n const imageRef = useRef<HTMLPictureElement>(null);\n const descRef = useRef<HTMLDivElement>(null);\n\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n return (\n <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n </Box>\n\n {description && (\n <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n {typeof description === 'string' ? (\n <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n {description}\n </Typography>\n ) : (\n description\n )}\n </Container>\n )}\n </GalleryItemWrapper>\n );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWO,MA+CDA,EAAqBC,EAAAA,OAAOC,EAAAA,IAAPD,CAAY,KAAA,CACrCE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,gCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAAA,OAAyB,MACtCC,EAAWD,EAAAA,OAA2B,MACtCE,EAAUF,EAAAA,OAAuB,MAEjCG,EAAeC,EAAAA,YAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC5E,GACC,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,UAAU,IAAMV,EAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAkB,CAACoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAUJ,SAAA,CACtGK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOI,QAASF,OAAQhC,EAASkC,KACjFP,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASoC,KACjFT,EAAAA,IAACxC,EAAAA,IAAG,CAACoC,UAAU,MAAMc,IAAKrC,EAASoC,GAAIzC,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACW,EAAAA,UAAS,CAACjB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAA,IAACY,aAAU,CAACf,GAAI,CAAEgB,MAAO1C,EAAM2C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUJ,SACtF5B,IACU"}

package/cjs/organisms/heroImageCard/heroImageCard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),r=require("./heroImageCardComponent.js"),a=require("../../utils/utilities.js");const p=i.forwardRef(((i,t)=>e.jsx(o,{ref:t,children:e.jsx(r.default,Object.assign({},i))}))),o=t.styled(t.Card)`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),r=require("./heroImageCardComponent.js"),a=require("../../utils/utilities.js");const p=i.forwardRef((i,t)=>e.jsx(o,{ref:t,children:e.jsx(r.default,Object.assign({},i))})),o=t.styled(t.Card)`
   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/cjs/organisms/heroImageCard/heroImageCard.js.map CHANGED Viewed

	@@ -1 +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":"6KA6GO,MAAMA,EAAgBC,EAAAA,~~YAA~~+C,CAACC,EAAOC,IAEhFC,EAAAA,IAACC,EAAmB,CAACF,IAAKA,EAAGG,SAC3BF,EAAAA,IAACG,EAAAA,QAAsBC,OAAAC,OAAA,CAAA,EAAKP,~~QAS5BG~~,EAAsBK,EAAAA,OAAOC,EAAAA,KAAwD;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~~,mBACT~~;;~~uBAGoBlB~~,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~~,qBACT~~;;~~yBAGsBxB~~,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;;2BAIvCvB,GAAUA,EAAMY,MAAMO,YAAYC,OAAOK;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO~~,oCACT~~;;~~2BAGkBtB~~,GAAUA,EAAMY,MAAMO,YAAYC,OAAOG;;;UAG1DvB,IACD,GAAyC,UAArCA,EAAMI,SAASJ,MAAMsB,YACvB,MAAO~~,oCACT~~;;~~eAGMtB~~,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,EAAAA,iCAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAAA,gCAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}
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":"6KA6GO,MAAMA,EAAgBC,EAAAA,WAA+C,CAACC,EAAOC,IAEhFC,EAAAA,IAACC,EAAmB,CAACF,IAAKA,EAAGG,SAC3BF,EAAAA,IAACG,EAAAA,QAAsBC,OAAAC,OAAA,CAAA,EAAKP,OAS5BG,EAAsBK,EAAAA,OAAOC,EAAAA,KAAwD;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,EAAAA,iCAAiC1B,EAAMI,SAASJ,MAAMU,aAAc;;MAG1EV,GACM2B,EAAAA,gCAAgC3B,EAAMI,SAASJ,MAAMW,YAAa;;"}

package/cjs/organisms/heroImageCard/heroImageCardComponent.js.map CHANGED Viewed

	@@ -1 +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":["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":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAAA,OAAO,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,0BACbJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,MAACE,EAAAA,MAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBtB,EAAO,MAC/DmB,MAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBrB,EAAO,SAE9De,EAAAA,KAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,EAC9BhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAkB,EAAlBA,EAAoBH,QACnBmB,EAAAA,IAACI,UAAmB,CAACH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAiB,EAAjBA,EAAmBJ,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAAA,IAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAA,IAAAF,WAAA,CAAAC,SACEF,EAAAA,KAAA,QAAA,CAAOU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,MAAA,SAAA,CAAQW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAAA,IAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BF,EAAAA,KAAA,UAAA,CAAAE,SAAA,CACEC,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAAA,IAAA,MAAA,CAAKW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAAAA,IAACsB,EAAAA,QAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA~~,MACjF~~"}
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":["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":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAAA,OAAO,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,0BACbJ,EAAAA,KAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,MAACE,EAAAA,MAAK,CAACD,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBtB,EAAO,MAC/DmB,MAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAAA,qBAAqBrB,EAAO,SAE9De,EAAAA,KAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,EAC9BhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAActB,EAAmBuB,SAAS,KAE7FtB,aAAkB,EAAlBA,EAAoBH,QACnBmB,EAAAA,IAACI,UAAmB,CAACH,UAAU,mBAAmBI,aAAcrB,EAAoBsB,SAAS,KAE9FrB,aAAiB,EAAjBA,EAAmBJ,QAClBmB,EAAAA,IAACI,EAAAA,QAAmB,CAACH,UAAU,mBAAmBI,aAAcpB,EAAmBqB,SAAS,UAIlGN,EAAAA,IAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC5Bb,EACCc,EAAAA,IAAAF,WAAA,CAAAC,SACEF,EAAAA,KAAA,QAAA,CAAOU,IAAKd,EAAUQ,UAAU,iBAAiBO,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAX,SAAA,CAClEC,MAAA,SAAA,CAAQW,IAAKC,UAAU1B,GAAW2B,KAAK,cAAc,oDAKzDb,EAAAA,IAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BF,EAAAA,KAAA,UAAA,CAAAE,SAAA,CACEC,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOC,QAASC,OAAQ/B,IAClFa,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOG,QAASD,OAAQ9B,IAClFY,EAAAA,IAAA,SAAA,CAAQc,MAAO,eAAenB,EAAgBoB,YAAYC,OAAOI,QAASF,OAAQ7B,IAClFW,EAAAA,IAAA,MAAA,CAAKW,IAAKrB,EAAa+B,IAAK9B,WAKnCL,GAAYc,EAAAA,IAACsB,EAAAA,QAAmB,CAAC9B,kBAAmBA,EAAmBC,SAAUA"}