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

@skodaflow/web-library 7.15.0 → 7.15.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 (2177) hide show

package/cjs/components/cardMenu/cardMenu.js CHANGED Viewed

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

package/cjs/components/cardMenu/cardMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","jsxs","React","default","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}
1	+ {"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}

package/cjs/components/cardMenu/hooks/useCardMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCardMenu.js","sources":["../../../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAAA,UAAS,GAEjDC,EAAiBC,EAAAA,aACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,eACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,~~EACJJ~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAH~~,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,eACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,EAAAA,WAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
1	+ {"version":3,"file":"useCardMenu.js","sources":["../../../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAAA,UAAS,GAEjDC,EAAiBC,EAAAA,aACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,eACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EAChBJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,eACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,EAAAA,WAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

package/cjs/components/cardMenu/styled/drawerStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawerStyled.js","sources":["../../../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"~~8EAGa~~,~~MAAAA~~,EAAeC,~~EAAMA~~,~~OAACC~~,SAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
1	+ {"version":3,"file":"drawerStyled.js","sources":["../../../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"8EAGO,MAAMA,EAAeC,EAAAA,OAAOC,SAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/cjs/components/cardMenu/styled/menuListStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuListStyled.js","sources":["../../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"~~4CAEa~~,~~MAAAA~~,EAAiBC,~~EAAMA~~,~~OAACC~~,WAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,~~CAAE~~,~~EA8Ed~~,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}
1	+ {"version":3,"file":"menuListStyled.js","sources":["../../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"4CAEO,MAAMA,EAAiBC,EAAAA,OAAOC,WAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAA,EA8EZ,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}

package/cjs/components/cardMenu/styled/popperStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popperStyled.js","sources":["../../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"~~8EAGa~~,~~MAAAA~~,EAAeC,~~EAAMA~~,~~OAACC~~,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
1	+ {"version":3,"file":"popperStyled.js","sources":["../../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"8EAGO,MAAMA,EAAeC,EAAAA,OAAOC,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/cjs/components/carousel/autoplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["_a","carousel","carouselProp","children","iconProps","iconSlots","rest","__rest","carouselHook","useCarousel","playIcon","pauseIcon","Object","assign","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","_b","autoplay","running","_jsx","IconButton","_c","onClick","~~jsx","~~sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","useSwiper","foregroundCircleSx","restForegroundCircle","backgroundCircleSx","restBackgroundCircle","useMemo","zIndex","bottom","left","right","m","JSON","stringify","useEffect","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","CircularProgress","variant","color","transition"],"mappings":"oUAiIM,SAAqCA,YACzCC,SAAUC,EAAYC,SACtBA,EAAQC,UACRA,EAASC,UACTA,~~GAEgCL~~,~~EAD7BM~~,EAAIC,EAAAA,OAAAP,EALkC,iDAOzC,MAAMQ,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,GAC3BE,SAAEA,EAAQC,UAAEA,~~GAChBC~~,OAAAC,OAAA,~~CAAAH~~,SAAUI,EAAAA,iBACVH,UAAWI,EAAAA,mBACPV,GAAa,CAAA,GAEbW,~~GAAmC~~,~~QAApBC~~,EAAAhB,eAAAA,EAAUiB,~~gBAAU~~,IAAAD,OAAA,EAAAA,~~EAAAE~~,SAAUR,EAAYD,EAE/D,OACEU,EAAAA,IAACC,EAAAA,WAAUT,OAAAC,OAAA,CAAA,cACqB,QAAlBS,EAAArB,eAAAA,EAAUiB,gBAAQ,IAAAI,OAAA,EAAAA,EAAEH,SAAU,0BAA4B,yBACtEI,QAAS,aAAM,~~OAAqB~~,~~QAArBvB~~,EAAAC,~~aAAA~~,~~EAAAA~~,EAAUiB,~~gBAAW~~,IAAAlB,OAAA,EAAAA,~~GAAoB~~,~~QAApBiB~~,EAAAhB,aAAQ,EAARA,EAAUiB,~~gBAAU~~,IAAAD,OAAA,EAAAA,~~EAAAE~~,SAAU,OAAS,UAAU,GACjFb,~~EAEH~~,CAAAH,~~SAAAA~~,GAAYiB,~~EAAAI~~,~~IAACR~~,~~EAAiBJ~~,OAAAC,OAAA,CAAA,~~EAAAT~~,MAGrC,mCAnHyCJ,QACvCC,SAAUC,~~EACVuB~~,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,~~WAAS7B~~,EACjBM,EAAIC,EAAAA,OAAAP,EANgC,8EAQvC,~~MAAO8B~~,EAAOC,GAAYC,EAAAA,SAAiB,~~GACrCxB~~,~~EAAeyB~~,EAAAA,~~YACfhC~~,EAAWC,GAAgBM,EAC3BS,~~EAAsDU~~,GAAyB,IAA7EF,GAAIS,KAAuBC,~~EAA7B5B~~,EAAAA,OAAAU,~~EAAA~~,CAAA,OACAK,~~EAAsDM~~,GAAyB,IAA7EH,GAAIW,KAAuBC,~~EAA7B9B~~,EAAAA,OAAAe,~~EAAA~~,CAAA,~~OAGAG~~,EAAKa,EAAAA,SAAoC,IAC5B,WAAbT,~~EAEAjB~~,OAAAC,OAAA,~~CAAAgB~~,SAAU,WACVU,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAjB,GAGEA,GAER,CAACG,EAAUe,KAAKC,UAAUnB,KAW7B,OATAoB,EAAAA,WAAU,~~KAEJ7C~~,GAAYA,EAASiB,UACvBjB,~~EAAS8C~~,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDnB,EAASiB,~~EAAS9B~~,~~SAASiC~~,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,~~MAG9E~~,~~GAAGjD~~,~~IAGJqD~~,EAAAA,KAACC,EAAAA,mBAAI9B,~~GAAEb~~,OAAAC,OAAA,~~CAAIgB~~,SAAU,WAAY2B,QAAS,OAAQb,EAAG,GAAMlB,GAAE,cAAgB,4BAA+~~BnB~~,~~EAC1G~~,CAAAH,SAAA,~~CAAAiB~~,~~EAAAI~~,~~IAACiC~~,~~EAAgBA~~,~~iBACf7C~~,OAAAC,OAAA,~~CAAA6C~~,QAAQ,cAAa,cACT,sCACZ5B,MAAOA,EACPL,~~GACEb~~,OAAAC,OAAA,~~CAAA8C~~,MAAO,kBAEP9B,SAAU,WACVU,OAAQ,KACR,8BAA+B,CAC7BqB,WAAY,SAEX1B,IAEDC,~~IAENf~~,EAAAA,~~IAACqC~~,EAAAA,~~iBACC7C~~,OAAAC,OAAA,~~CAAA6C~~,QAAQ,cAAa,cACT,sCACZ5B,MAAO,IACPL,~~GAAMb~~,OAAAC,OAAA,~~CAAAgB~~,SAAU,WAAY8B,MAAO,gBAAmBvB,IAClDC,OAEF"}
1	+ {"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["_a","carousel","carouselProp","children","iconProps","iconSlots","rest","__rest","carouselHook","useCarousel","playIcon","pauseIcon","Object","assign","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","_b","autoplay","running","_jsx","IconButton","_c","onClick","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","useSwiper","foregroundCircleSx","restForegroundCircle","backgroundCircleSx","restBackgroundCircle","useMemo","zIndex","bottom","left","right","m","JSON","stringify","useEffect","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","CircularProgress","variant","color","transition"],"mappings":"oUAiIM,SAAqCA,YACzCC,SAAUC,EAAYC,SACtBA,EAAQC,UACRA,EAASC,UACTA,GAASL,EACNM,EAAIC,EAAAA,OAAAP,EALkC,iDAOzC,MAAMQ,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,GAC3BE,SAAEA,EAAQC,UAAEA,GAAWC,OAAAC,OAAA,CAC3BH,SAAUI,EAAAA,iBACVH,UAAWI,EAAAA,mBACPV,GAAa,CAAA,GAEbW,GAAiC,QAAlBC,EAAAhB,eAAAA,EAAUiB,gBAAQ,IAAAD,OAAA,EAAAA,EAAEE,SAAUR,EAAYD,EAE/D,OACEU,EAAAA,IAACC,EAAAA,WAAUT,OAAAC,OAAA,CAAA,cACqB,QAAlBS,EAAArB,eAAAA,EAAUiB,gBAAQ,IAAAI,OAAA,EAAAA,EAAEH,SAAU,0BAA4B,yBACtEI,QAAS,aAAM,OAAkB,QAAlBvB,EAAAC,aAAQ,EAARA,EAAUiB,gBAAQ,IAAAlB,OAAA,EAAAA,GAAqB,QAAlBiB,EAAAhB,aAAQ,EAARA,EAAUiB,gBAAQ,IAAAD,OAAA,EAAAA,EAAEE,SAAU,OAAS,UAAU,GACjFb,EAAI,CAAAH,SAEPA,GAAYiB,EAAAA,IAACJ,EAAYJ,OAAAC,OAAA,CAAA,EAAKT,MAGrC,mCAnHyCJ,QACvCC,SAAUC,EACVsB,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAAS5B,EACjBM,EAAIC,EAAAA,OAAAP,EANgC,8EAQvC,MAAO6B,EAAOC,GAAYC,EAAAA,SAAiB,GACrCvB,EAAewB,EAAAA,YACf/B,EAAWC,GAAgBM,EAC3BS,EAAsDS,GAAyB,IAA7EF,GAAIS,KAAuBC,EAAoB3B,EAAAA,OAAAU,EAAjD,CAAA,OACAK,EAAsDK,GAAyB,IAA7EH,GAAIW,KAAuBC,EAAoB7B,EAAAA,OAAAe,EAAjD,CAAA,OAGAE,EAAKa,EAAAA,SAAoC,IAC5B,WAAbT,EACFhB,OAAAC,OAAA,CACEe,SAAU,WACVU,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAjB,GAGEA,GAER,CAACG,EAAUe,KAAKC,UAAUnB,KAW7B,OATAoB,EAAAA,WAAU,KAEJ5C,GAAYA,EAASiB,UACvBjB,EAAS6C,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDnB,EAASiB,EAAS7B,SAASgC,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE/E,GACC,GAAGhD,IAGJoD,EAAAA,KAACC,EAAAA,mBAAI9B,GAAEZ,OAAAC,OAAA,CAAIe,SAAU,WAAY2B,QAAS,OAAQb,EAAG,GAAMlB,GAAE,cAAgB,4BAA+BlB,EAAI,CAAAH,SAAA,CAC9GiB,EAAAA,IAACoC,EAAAA,iBAAgB5C,OAAAC,OAAA,CACf4C,QAAQ,cAAa,cACT,sCACZ5B,MAAOA,EACPL,GAAEZ,OAAAC,OAAA,CACA6C,MAAO,kBAEP9B,SAAU,WACVU,OAAQ,KACR,8BAA+B,CAC7BqB,WAAY,SAEX1B,IAEDC,IAENd,EAAAA,IAACoC,EAAAA,iBAAgB5C,OAAAC,OAAA,CACf4C,QAAQ,cAAa,cACT,sCACZ5B,MAAO,IACPL,GAAEZ,OAAAC,OAAA,CAAIe,SAAU,WAAY8B,MAAO,gBAAmBvB,IAClDC,OAEF"}

package/cjs/components/carousel/carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sources":["../../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","~~jsx","~~Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","~~default","~~EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"uZA+Ba,~~MAAAA~~,EAAoCC,~~EAAUA~~,~~YACzD~~,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,~~EAAQC~~,~~SAAAA~~,WAAUC,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,~~EAA5FC~~,SAAAX,~~EAAA~~,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,~~EAACC~~,~~IAAAC~~,~~EAAGA~~,~~IACFC~~,OAAAC,OAAA,~~CAAAC~~,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,~~EAAQC~~,~~WACO~~,~~SAAXrB~~,EAAoB,~~CAACsB~~,~~EAAUD~~,~~SAAI~~,~~MACnCpB~~,EAAW,~~CAACsB~~,WAAY,~~MACxBrB~~,EAAW,~~CAACsB~~,WAAY,~~IAE9BtB~~,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,~~EACJ~~,~~CAAAoB~~,~~SAAU1B~~,EAAM,iBACAK,EAChBN,~~GAAEY~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAEAe~~,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,~~SAAX3C~~,GAAqB,CACvB,4CAA6C,~~CAC3CuC~~,mBAAoB,YACpBK,mBAAoB,~~GAAGxC~~,~~MACvBqC~~,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,~~MAAM3C~~,cAE9E,8CAA+C,~~CAC7CwC~~,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,~~KAAK3C~~,gBAE9E,CAEF,gCAAiC,CAC/~~B4C~~,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,~~YAGnBnD~~,GAAED,SAGNA,IACG"}
1	+ {"version":3,"file":"carousel.js","sources":["../../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"uZA+BO,MAAMA,EAAoCC,EAAAA,YAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,WAAUC,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAAIC,SAAAX,EAAhG,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,EAAAA,WACe,SAAXnB,EAAoB,CAACoB,EAAAA,SAAc,MACnCnB,EAAW,CAACoB,WAAY,MACxBnB,EAAW,CAACoB,WAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EAAI,CACRkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}

package/cjs/components/carousel/hooks.js CHANGED Viewed

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

package/cjs/components/carousel/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (events ?? ['slideChange', 'afterInit', 'reachBeginning', 'reachEnd', 'autoplayStart', 'autoplayStop']).forEach(\n (evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n }~~,\n~~ );\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"2FA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,~~EAAQA~~,~~SAAC~~,IACjCC,EAAAA,WAAU,KACJJ,~~IAEDC~~,QAAAA,EAAU,~~CAAC~~,~~cAAe~~,~~YAAa~~,~~iBAAkB~~,~~WAAY~~,~~gBAAiB~~,~~iBAAiBI~~,~~SACrGC~~,~~IACCN~~,EAASO,GAAGD,GAAK,KACfJ,EAAY,CAAA,EAAG,GACf,~~MAIP~~,CAACF,IAEJQ,EAAAA,iBAAgB,KACdN,EAAY,CAAA,EAAG,GACd,GACL,~~qBA9BM~~,SAAsBD,GAC1B,MAAMD,EAAWS,EAAAA,YAGjB,OAFAV,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUU,GAAeP,EAAAA,SAAkC,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUU,EACpB,~~gCAwCM~~,SAAgCV,GACpC,MAAOW,EAAMC,GAAWT,EAAAA,SAA2C,MAC7DU,EAAcC,~~EAAMA~~,~~OAAwB~~,OAC3CC,EAAUC,GAAeb,EAAAA,UAAkB,GAsDlD,OApDAC,EAAAA,WAAU,uBA8BR,MA7Ba,UAATO,~~GACY~~,~~QAAdM~~,EAAAjB,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAD,GAAAA,~~EAAAE~~,UAAUC,OAAO,~~aACjB~~,~~QAAdC~~,EAAArB,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAG,GAAAA,~~EAAAF~~,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbZ,~~aAAA~~,~~EAAAA~~,EAAUkB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHf,SAAAA,EAAUyB,WAAW,GACR,SAATd,GACFX,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAU2B,UAAU,KAEpB3B,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU0B,UAAU,~~IAER~~,~~QAAdE~~,EAAA5B,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAU,GAAAA,~~EAAAT~~,UAAUU,IAAI,WAChB,QAAZC,EAAA9B,~~aAAA~~,~~EAAAA~~,EAAUkB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,~~OAGxB~~,~~QAAdoB~~,EAAA/B,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAa,GAAAA,~~EAAAZ~~,UAAUC,OAAO,~~WACjB~~,~~QAAdY~~,EAAAhC,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAc,GAAAA,~~EAAAb~~,UAAUC,OAAO,~~aACjB~~,~~QAAda~~,EAAAjC,aAAQ,EAARA,EAAUkB,~~UAAI~~,IAAAe,GAAAA,~~EAAAd~~,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,~~SAE5B~~,GACA,CAACX,IAKJP,EAAAA,WAAU,KAERJ,SAAAA,EAAUO,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBhB,SAAAA,EAAUO,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGhB,IAEC,CAACW,EAAMC,EAChB"}
1	+ {"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (\n events ?? [\n 'slideChange',\n 'afterInit',\n 'reachBeginning',\n 'reachEnd',\n 'autoplayStart',\n 'autoplayStop',\n 'lock',\n 'unlock',\n ]\n ).forEach((evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n });\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"2FA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAAA,SAAS,IACjCC,EAAAA,WAAU,KACJJ,IAGAC,QAAAA,EAAU,CACR,cACA,YACA,iBACA,WACA,gBACA,eACA,OACA,WAEFI,SAASC,IACTN,EAASO,GAAGD,GAAK,KACfJ,EAAY,CAAA,EAAG,GACf,GAEN,GACC,CAACF,IAEJQ,EAAAA,iBAAgB,KACdN,EAAY,CAAA,EAAG,GACd,GACL,qBAvCM,SAAsBD,GAC1B,MAAMD,EAAWS,EAAAA,YAGjB,OAFAV,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUU,GAAeP,EAAAA,SAAkC,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUU,EACpB,gCAiDM,SAAgCV,GACpC,MAAOW,EAAMC,GAAWT,EAAAA,SAA2C,MAC7DU,EAAcC,EAAAA,OAA8B,OAC3CC,EAAUC,GAAeb,EAAAA,UAAkB,GAsDlD,OApDAC,EAAAA,WAAU,uBA8BR,MA7Ba,UAATO,GACU,QAAZM,EAAAjB,aAAQ,EAARA,EAAUkB,UAAE,IAAAD,GAAAA,EAAEE,UAAUC,OAAO,aACnB,QAAZC,EAAArB,aAAQ,EAARA,EAAUkB,UAAE,IAAAG,GAAAA,EAAEF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbZ,aAAQ,EAARA,EAAUkB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHf,SAAAA,EAAUyB,WAAW,GACR,SAATd,GACFX,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAU2B,UAAU,KAEpB3B,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU0B,UAAU,IAEV,QAAZE,EAAA5B,aAAQ,EAARA,EAAUkB,UAAE,IAAAU,GAAAA,EAAET,UAAUU,IAAI,WAChB,QAAZC,EAAA9B,aAAQ,EAARA,EAAUkB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAG1B,QAAZoB,EAAA/B,aAAQ,EAARA,EAAUkB,UAAE,IAAAa,GAAAA,EAAEZ,UAAUC,OAAO,WACnB,QAAZY,EAAAhC,aAAQ,EAARA,EAAUkB,UAAE,IAAAc,GAAAA,EAAEb,UAAUC,OAAO,aACnB,QAAZa,EAAAjC,aAAQ,EAARA,EAAUkB,UAAE,IAAAe,GAAAA,EAAEd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,QAC3B,CACD,GACA,CAACX,IAKJP,EAAAA,WAAU,KAERJ,SAAAA,EAAUO,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBhB,SAAAA,EAAUO,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGhB,IAEC,CAACW,EAAMC,EAChB"}

package/cjs/components/carousel/navigation.d.ts CHANGED Viewed

@@ -45,8 +45,13 @@ export interface CarouselNavigationProps {
      * @default false
      */
     onBackground?: boolean;
+    /**
+     * Hide navigation buttons on case there are not enough slides for sliding
+     * @default false
+     */
+    autoHideNavigation?: boolean;
 }
 /**
  * Left & Right navigation arrows
  */
-export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, autoHideNavigation, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/carousel/navigation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("./hooks.js"),n=require("@mui/material"),t=require("../icon/stroke/ChevronLeftIcon.js"),a=require("../icon/stroke/ChevronRightIcon.js"),i=require("../icon/stroke/ArrowLeftIcon.js"),c=require("../icon/stroke/ArrowRightIcon.js"),l=require("../../materialui/button/interactive.js");exports.CarouselNavigation=function({carousel:u,peekEffect:d=!1,prevButtonProps:x,prevIconProps:p,PrevIconComponent:g,nextButtonProps:b,nextIconProps:j,NextIconComponent:m,arrows:f=!0,onBackground:v=!1}){const h=o.useCarousel(),I=u||h,C="fade"!==(null==I?void 0:I.originalParams.effect)&&d,k=n.useTheme(),O=n.useMediaQuery(k.breakpoints.up("md")),P=x||{},{sx:q}=P,y=e.__rest(P,["sx"]),M=b||{},{sx:w}=M,B=e.__rest(M,["sx"]),[L,E]=o.useCarouselPeekEffect(I),A=g||(f?i.ArrowLeftIcon:t.ChevronLeftIcon),N=m||(f?c.ArrowRightIcon:a.ChevronRightIcon),R=s.useMemo((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},l.getInteractiveStyle({color:"text.primary",borderColor:v?"transparent.transparent":"onSurface.os100",backgroundColor:v?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:v?"transparent.transparent":"disabled.secondary",backgroundColor:v?"transparent.transparent":"disabled.secondary"}})),[]);return r.jsxs(r.Fragment,{children:[r.jsx(n.IconButton,Object.assign({disabled:I&&!I.originalParams.loop&&I.isBeginning,onClick:()=>{null==I||I.slidePrev(),C&&L&&E("reset")},onMouseEnter:()=>O&&C&&E("prev"),onMouseLeave:()=>C&&L&&E("reset"),sx:Object.assign(Object.assign(Object.assign({},R),{left:"16px"}),q),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},y,{children:"rtl"===k.direction?r.jsx(N,Object.assign({},p)):r.jsx(A,Object.assign({},p))})),r.jsx(n.IconButton,Object.assign({disabled:I&&!I.originalParams.loop&&I.isEnd,onClick:()=>{null==I||I.slideNext(),C&&L&&E("reset")},onMouseEnter:()=>O&&C&&E("next"),onMouseLeave:()=>C&&L&&E("reset"),sx:Object.assign(Object.assign(Object.assign({},R),{right:"16px"}),w),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},B,{children:"rtl"===k.direction?r.jsx(A,Object.assign({},j)):r.jsx(N,Object.assign({},j))}))]})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("./hooks.js"),n=require("@mui/material"),t=require("../icon/stroke/ChevronLeftIcon.js"),i=require("../icon/stroke/ChevronRightIcon.js"),a=require("../icon/stroke/ArrowLeftIcon.js"),c=require("../icon/stroke/ArrowRightIcon.js"),l=require("../../materialui/button/interactive.js");exports.CarouselNavigation=function({carousel:u,peekEffect:d=!1,prevButtonProps:x,prevIconProps:p,PrevIconComponent:g,nextButtonProps:b,nextIconProps:j,NextIconComponent:m,arrows:v=!0,onBackground:I=!1,autoHideNavigation:f=!1}){const h=o.useCarousel(),C=u||h,k="fade"!==(null==C?void 0:C.originalParams.effect)&&d,O=n.useTheme(),P=n.useMediaQuery(O.breakpoints.up("md")),q=x||{},{sx:y}=q,M=e.__rest(q,["sx"]),L=b||{},{sx:w}=L,B=e.__rest(L,["sx"]),[E,N]=o.useCarouselPeekEffect(C),S=g||(v?a.ArrowLeftIcon:t.ChevronLeftIcon),A=m||(v?c.ArrowRightIcon:i.ChevronRightIcon),R=s.useMemo((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},mt:{xs:"-16px",md:"-20px",xl:"-22px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},l.getInteractiveStyle({color:"text.primary",borderColor:I?"transparent.transparent":"onSurface.os100",backgroundColor:I?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:I?"transparent.transparent":"disabled.secondary",backgroundColor:I?"transparent.transparent":"disabled.secondary"}})),[]);return f&&(null==C?void 0:C.isLocked)?null:r.jsxs(r.Fragment,{children:[r.jsx(n.IconButton,Object.assign({disabled:C&&!C.originalParams.loop&&C.isBeginning,onClick:()=>{null==C||C.slidePrev(),k&&E&&N("reset")},onMouseEnter:()=>P&&k&&N("prev"),onMouseLeave:()=>k&&E&&N("reset"),sx:Object.assign(Object.assign(Object.assign({},R),{insetInlineStart:"16px"}),y),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},M,{children:"rtl"===O.direction?r.jsx(A,Object.assign({},p)):r.jsx(S,Object.assign({},p))})),r.jsx(n.IconButton,Object.assign({disabled:C&&!C.originalParams.loop&&C.isEnd,onClick:()=>{null==C||C.slideNext(),k&&E&&N("reset")},onMouseEnter:()=>P&&k&&N("next"),onMouseLeave:()=>k&&E&&N("reset"),sx:Object.assign(Object.assign(Object.assign({},R),{insetInlineEnd:"16px"}),w),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},B,{children:"rtl"===O.direction?r.jsx(S,Object.assign({},j)):r.jsx(A,Object.assign({},j))}))]})};
 //# sourceMappingURL=navigation.js.map

package/cjs/components/carousel/navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // ~~manual~~ ~~v-align~~, ~~half~~ ~~the~~ ~~icon size\n mt~~: '~~-22px~~',\n ~~// responsive\n width~~: { xs: '32px', md: '40px', xl: '44px' },\n ~~height~~: { xs: '~~32px~~', md: '~~40px~~', xl: '~~44px~~' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~left~~: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~right~~: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","~~mt","~~width","xs","md","xl","height","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","~~left~~","size","children","direction","~~jsx","~~isEnd","slideNext","~~right~~"],"mappings":"~~kZA2DgB~~,~~UACdA,~~SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,~~IAEf~~,MAAMC,EAAeC,EAAAA,~~cACfb~~,EAAWC,~~GAAgBW~~,~~EAC3BV~~,EAAiD,UAApCF,~~aAAA~~,~~EAAAA~~,~~EAAUc~~,eAAeC,~~SAAqBZ~~,~~EAC3Da~~,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,~~EAA8BlB~~,GAAmB,IAA/~~CmB~~,GAAIC,KAAWC,~~EAAjBC~~,EAAAA,OAAAJ,~~EAAA~~,CAAA,OACAK,~~EAA8BpB~~,GAAmB,IAA/~~CgB~~,GAAIK,KAAWC,~~EAAjBH~~,EAAAA,OAAAC,~~EAAA~~,CAAA,QACCG,EAAMC,GAAWC,EAAAA,~~sBAAsBhC~~,~~GACxCiC~~,~~EAAW3B~~,IAAsBI,~~EAASwB~~,EAAAA,cAAgBC,EAAAA,iBAC1DC,~~EAAW3B~~,IAAsBC,~~EAAS2B~~,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,SACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,~~GAAI,QAEJC,~~MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,~~QACtC~~,qBAAsB,~~CACpBE~~,SAAU,~~CAAEJ~~,GAAI,OAAQE,GAAI,~~UAG3BG~~,EAAAA,oBACD,CACEC,MAAO,eACPC,~~YAAa5C~~,EAAe,0BAA4B,~~kBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,mBAE9D,~~CACE6C~~,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,~~YAAa5C~~,EAAe,0BAA4B,~~qBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,yBAGhE,~~IAGF~~,~~OACE8C~~,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAAS8D~~,YAChEC,QAAS,~~KACP/D~~,SAAAA,~~EAAUgE~~,~~YACV9D~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,~~GACKkB~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAH~~,~~IACH4B~~,~~KAAM~~,~~SACH3C~~,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,~~UACNc~~,KAAK,~~UACD3C~~,~~EAEH~~,~~CAAA4C~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,~~EAACa~~,~~IAAAnC~~,~~mBAAa/B~~,~~IAAoBqD~~,~~EAACa~~,~~IAAAtC~~,~~EAAaQ~~,OAAAC,OAAA,CAAA,~~EAAArC~~,OAE/~~EqD~~,EAAAA,IAACC,EAAAA,~~WAAUlB~~,OAAAC,OAAA,~~CACTkB~~,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAASwE~~,~~MAChET~~,QAAS,~~KACP/D~~,SAAAA,~~EAAUyE~~,~~YACVvE~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAAA~~,~~EACGH,~~GAAQ,CACXmC,~~MAAO~~,~~SACJ9C~~,~~GAEM~~,~~aAAA~~,~~aACG~~,~~gBAAA~~,WACd0B,MAAM,WACFzB,~~EAEH~~,~~CAAAwC~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,EAAAA,~~IAACzB~~,EAAQQ,OAAAC,OAAA,CAAA,~~EAAKlC~~,~~IAAoBkD~~,EAAAA,~~IAACtB~~,~~mBAAa5B~~,SAIrF"}
1	+ {"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n /\n Hide navigation buttons on case there are not enough slides for sliding\n * @default false\n /\n autoHideNavigation?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n autoHideNavigation = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // responsive\n width: { xs: '32px', md: '40px', xl: '44px' },\n height: { xs: '32px', md: '40px', xl: '44px' },\n // manual v-align, half the icon size\n mt: { xs: '-16px', md: '-20px', xl: '-22px' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n // hide navigation when not needed\n if (autoHideNavigation && carousel?.isLocked) {\n return null;\n }\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineStart: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineEnd: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","autoHideNavigation","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","width","xs","md","xl","height","mt","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","isLocked","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","insetInlineStart","size","children","direction","isEnd","slideNext","insetInlineEnd"],"mappings":"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"}