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/components/chip/chipDropdownChildren/chipDropdownChildren.js CHANGED Viewed

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

package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, forwardRef, HTMLAttributes } from 'react';\nimport { ClickAwayListener, Chip as MuiChip, ChipProps as MuiChipProps, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: string;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipDropdownChildren = forwardRef<HTMLDivElement, ChipDropdownChildrenProps>(\n ({ variant, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const renderLabel = useMemo(() => {\n return (\n <>\n {props.label}\n <Icon name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />\n </>\n );\n }, [isOpen, props.label]);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n return (\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <ChipDropdownChildrenStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={props.icon ? <Icon className={props.icon} /> : undefined}\n disabled={props.disabled}\n label={renderLabel}\n onClick={() => setIsOpen(!isOpen)}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n <MenuContainer isOpen={isOpen} marginTop={14} isEmptyMenu>\n {props.children}\n </MenuContainer>\n </span>\n </ClickAwayListener>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<MuiChipProps & { isOpen: boolean } & { onFocusVisible: React.FocusEventHandler<any> }>(() => ({\n '& .chevron-down': {\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n}));\n"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"~~gaAoCa~~,~~MAAAA~~,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,~~GAAmBF~~,~~EAAPG~~,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,~~EAAK~~,~~CAAAC~~,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,~~EAAkB~~,~~CAAAC~~,YAAajB,~~EAC9BM~~,~~SAAAF~~,EAAA,OAAA,CAAAE,SAAA,CACEE,~~EACE~~,MAAA,CAAAF,~~SAAAE~~,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,~~EAC5Dc~~,~~SAAAE~~,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,~~EAAc~~,~~CAAA5B~~,OAAQA,EAAQ6B,UAAW,GAAIC,~~aAC3C~~,EAAAtB,~~SAAAb~~,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,~~KAAO~~,~~CAC/F~~,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
1	+ {"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, forwardRef, HTMLAttributes } from 'react';\nimport { ClickAwayListener, Chip as MuiChip, ChipProps as MuiChipProps, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: string;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipDropdownChildren = forwardRef<HTMLDivElement, ChipDropdownChildrenProps>(\n ({ variant, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const renderLabel = useMemo(() => {\n return (\n <>\n {props.label}\n <Icon name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />\n </>\n );\n }, [isOpen, props.label]);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n return (\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <ChipDropdownChildrenStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={props.icon ? <Icon className={props.icon} /> : undefined}\n disabled={props.disabled}\n label={renderLabel}\n onClick={() => setIsOpen(!isOpen)}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n <MenuContainer isOpen={isOpen} marginTop={14} isEmptyMenu>\n {props.children}\n </MenuContainer>\n </span>\n </ClickAwayListener>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<MuiChipProps & { isOpen: boolean } & { onFocusVisible: React.FocusEventHandler<any> }>(() => ({\n '& .chevron-down': {\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n}));\n"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"+siCAoCO,MAAMA,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAI,CAACC,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,EAAiB,CAACC,YAAajB,EAAeM,SAC7CF,EAAA,OAAA,CAAAE,SAAA,CACEE,EAAA,MAAA,CAAAF,SACEE,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,EAAOc,SACnEE,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,EAAa,CAAC5B,OAAQA,EAAQ6B,UAAW,GAAIC,aAAW,EAAAtB,SACtDb,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAA,CACxF,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}

package/components/chip/chipImage/chipImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import React, { useCallback, useState, useRef, forwardRef, HTMLAttributes } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /\n The label referenced to the text field.\n /\n label?: string;\n /\n Disabled, not clickable chip.\n /\n disabled?: boolean;\n /\n Image of a chip to display.\n /\n component?: any;\n /\n Variant of a chip.\n /\n variant?: 'image' \| 'multiselect';\n /\n The url of the image.\n /\n imageUrl: string;\n /\n The alt attribute of the image.\n /\n imageAlt: string;\n /\n State of the chip image. If true the chip image is checked.\n /\n isChecked?: boolean;\n /\n Event triggered whenever the chip image is clicked.\n /\n onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;\n /\n Name attribute of the component.\n /\n name?: string;\n /\n id attribute of the component, defaults to chip-image-{current UNIX date}.\n /\n id?: string;\n\n debug?: boolean;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipImage = forwardRef<HTMLDivElement, ChipImageProps>((props, ref) => {\n const {\n onBlur,\n children,\n label,\n disabled,\n variant = 'image',\n imageUrl,\n imageAlt,\n isChecked,\n onChange,\n name,\n id = `chip-image-${Date.now()}`,\n } = props;\n const [_focusVisibled, _setFocusVisible] = useState(false);\n const _checkboxComponent = useRef<HTMLInputElement>();\n\n const _onChangeTrigger = (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(evt, !isChecked);\n }\n };\n\n const _onBlurHandler = useCallback(\n (e: React.FocusEvent<HTMLDivElement>) => {\n _setFocusVisible(false);\n if (onBlur) {\n onBlur(e);\n }\n },\n [onBlur],\n );\n\n const _onClickHandler = useCallback(() => {\n if (_checkboxComponent) {\n _checkboxComponent.current.click();\n }\n }, []);\n\n const _onFocusVisibleHandler = useCallback(() => {\n _setFocusVisible(true);\n }, []);\n\n const ImageComponent = forwardRef<HTMLDivElement, ChipImageProps>(\n ({ onChange: _onChange, ...componentProps }, _ref) => (\n <div {...componentProps} ref={_ref as any}>\n <input\n ref={_checkboxComponent}\n onChange={_onChangeTrigger}\n type=\"checkbox\"\n id={id}\n name={name}\n value={id}\n checked={isChecked}\n readOnly\n />\n <img src={imageUrl} alt={imageAlt} />\n <div>\n <span>{children \|\| label}</span>\n </div>\n </div>\n ),\n );\n\n return (\n <ChipFocusVisibleStyled focusVisible={_focusVisibled} variant={variant}>\n <ChipImageStyled\n ref={ref}\n component={ImageComponent as any}\n label={label}\n disabled={disabled}\n onClick={_onClickHandler}\n className={isChecked ? 'Mui-checked' : ''}\n onFocusVisible={_onFocusVisibleHandler}\n onBlur={_onBlurHandler}\n variant={'filled'}\n color={isChecked ? 'primary' : 'default'}\n />\n </ChipFocusVisibleStyled>\n );\n});\n\n/\n @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)<\n MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any>; component?: any }\n>(({ theme }) => ({\n '& div': {\n width: '100%',\n whiteSpace: 'pre-wrap',\n },\n '&.MuiChip-root': {\n backgroundColor: theme.palette.surface.primary,\n borderRadius: '4px',\n height: 'auto',\n width: '120px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '11px 0 13px 0',\n overflow: 'hidden',\n '&:hover': {\n span: {\n color: theme.palette.onSurface.os600,\n },\n },\n '&.Mui-checked': {\n backgroundColor: theme.palette.brand.quarternary,\n span: {\n color: theme.palette.brand.primary,\n },\n '&:hover': {\n span: {\n color: theme.palette.brandHover.primary,\n },\n },\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.primary,\n span: {\n color: theme.palette.disabled.primary,\n },\n },\n '&:active': {\n boxShadow: 'none',\n },\n '& > input': {\n display: 'none',\n },\n div: {\n display: 'flex',\n flexGrow: 1,\n },\n span: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os800,\n width: '100%',\n padding: '0 10px',\n },\n '& img': {\n width: '100%',\n height: '68px',\n objectFit: 'cover',\n marginBottom: '2px',\n },\n },\n}));\n"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"~~4PAyDa~~,~~MAAAA~~,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,~~IAIba~~,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,~~KAGX~~,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,~~UAE5B~~,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,~~EAAS~~,MAAAC,OAAAC,OAAA,CAAA,~~EAAAJ~~,~~EAAgB~~,~~CAAAhC~~,IAAK8B,~~EAC5B5B~~,SAAA,~~CAAAmC~~,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,~~EAAO~~,OAAA,CAAAnC,~~SAAAA~~,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,~~YAAa~~,~~CAChB~~,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
1	+ {"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import React, { useCallback, useState, useRef, forwardRef, HTMLAttributes } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /\n The label referenced to the text field.\n /\n label?: string;\n /\n Disabled, not clickable chip.\n /\n disabled?: boolean;\n /\n Image of a chip to display.\n /\n component?: any;\n /\n Variant of a chip.\n /\n variant?: 'image' \| 'multiselect';\n /\n The url of the image.\n /\n imageUrl: string;\n /\n The alt attribute of the image.\n /\n imageAlt: string;\n /\n State of the chip image. If true the chip image is checked.\n /\n isChecked?: boolean;\n /\n Event triggered whenever the chip image is clicked.\n /\n onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;\n /\n Name attribute of the component.\n /\n name?: string;\n /\n id attribute of the component, defaults to chip-image-{current UNIX date}.\n /\n id?: string;\n\n debug?: boolean;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipImage = forwardRef<HTMLDivElement, ChipImageProps>((props, ref) => {\n const {\n onBlur,\n children,\n label,\n disabled,\n variant = 'image',\n imageUrl,\n imageAlt,\n isChecked,\n onChange,\n name,\n id = `chip-image-${Date.now()}`,\n } = props;\n const [_focusVisibled, _setFocusVisible] = useState(false);\n const _checkboxComponent = useRef<HTMLInputElement>();\n\n const _onChangeTrigger = (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(evt, !isChecked);\n }\n };\n\n const _onBlurHandler = useCallback(\n (e: React.FocusEvent<HTMLDivElement>) => {\n _setFocusVisible(false);\n if (onBlur) {\n onBlur(e);\n }\n },\n [onBlur],\n );\n\n const _onClickHandler = useCallback(() => {\n if (_checkboxComponent) {\n _checkboxComponent.current.click();\n }\n }, []);\n\n const _onFocusVisibleHandler = useCallback(() => {\n _setFocusVisible(true);\n }, []);\n\n const ImageComponent = forwardRef<HTMLDivElement, ChipImageProps>(\n ({ onChange: _onChange, ...componentProps }, _ref) => (\n <div {...componentProps} ref={_ref as any}>\n <input\n ref={_checkboxComponent}\n onChange={_onChangeTrigger}\n type=\"checkbox\"\n id={id}\n name={name}\n value={id}\n checked={isChecked}\n readOnly\n />\n <img src={imageUrl} alt={imageAlt} />\n <div>\n <span>{children \|\| label}</span>\n </div>\n </div>\n ),\n );\n\n return (\n <ChipFocusVisibleStyled focusVisible={_focusVisibled} variant={variant}>\n <ChipImageStyled\n ref={ref}\n component={ImageComponent as any}\n label={label}\n disabled={disabled}\n onClick={_onClickHandler}\n className={isChecked ? 'Mui-checked' : ''}\n onFocusVisible={_onFocusVisibleHandler}\n onBlur={_onBlurHandler}\n variant={'filled'}\n color={isChecked ? 'primary' : 'default'}\n />\n </ChipFocusVisibleStyled>\n );\n});\n\n/\n @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)<\n MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any>; component?: any }\n>(({ theme }) => ({\n '& div': {\n width: '100%',\n whiteSpace: 'pre-wrap',\n },\n '&.MuiChip-root': {\n backgroundColor: theme.palette.surface.primary,\n borderRadius: '4px',\n height: 'auto',\n width: '120px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '11px 0 13px 0',\n overflow: 'hidden',\n '&:hover': {\n span: {\n color: theme.palette.onSurface.os600,\n },\n },\n '&.Mui-checked': {\n backgroundColor: theme.palette.brand.quarternary,\n span: {\n color: theme.palette.brand.primary,\n },\n '&:hover': {\n span: {\n color: theme.palette.brandHover.primary,\n },\n },\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.primary,\n span: {\n color: theme.palette.disabled.primary,\n },\n },\n '&:active': {\n boxShadow: 'none',\n },\n '& > input': {\n display: 'none',\n },\n div: {\n display: 'flex',\n flexGrow: 1,\n },\n span: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os800,\n width: '100%',\n padding: '0 10px',\n },\n '& img': {\n width: '100%',\n height: '68px',\n objectFit: 'cover',\n marginBottom: '2px',\n },\n },\n}));\n"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"4PAyDO,MAAMA,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,EACjB,EAGIa,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,EACT,GAEF,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,OAC7B,GACC,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,EAAA,MAAAC,OAAAC,OAAA,CAAA,EAASJ,EAAc,CAAEhC,IAAK8B,EAAW5B,SAAA,CACvCmC,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAA,OAAA,CAAAnC,SAAOA,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,YAAO,CACV,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/components/chip/chipMultiselect/multiSelectChip.js CHANGED Viewed

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

package/components/chip/chipMultiselect/multiSelectChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface MultiSelectChipProps\n extends HTMLAttributes<HTMLDivElement>,\n Omit<FlowMenuProps, 'setIsOpen' \| 'variant'> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n /\n toggleLabel?: string;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n ({ variant, label, disabled, icon, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const onClickCloseHandler = useCallback(\n (e) => {\n e.stopPropagation();\n\n props.reactHook.setState([]);\n },\n [props.reactHook],\n );\n\n const Count = useMemo(() => {\n return (\n <>\n {label}\n {props.reactHook.state.length > 0 && (\n <span className=\"count\">\n <span>{props.reactHook.state.length}</span>\n </span>\n )}\n {(props.reactHook.state.length > 0 && (\n <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n )) \|\| <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n </>\n );\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n return (\n <>\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <MultiSelectChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={icon ? <Icon name={icon} /> : undefined}\n label={Count}\n disabled={disabled}\n onClick={onSelectHandler}\n color={selected \|\| props.reactHook.state.length ? 'primary' : 'default'}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n count={props.reactHook.state.length}\n aria-label={`${props.reactHook.state.length} elements selected`}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n\n <MenuContainer\n disabled={disabled}\n isOpen={isOpen}\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={true}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n width={182}\n marginTop={14}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n </span>\n </ClickAwayListener>\n </>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n MuiChipProps & { count: number; isOpen: boolean } & {\n onFocusVisible: React.FocusEventHandler<any>;\n }\n>(({ theme }) => {\n const flowColors = theme.palette;\n\n const stateStyle = {};\n\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n\n style = { ...style, ...stateStyle };\n\n return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"~~gaA4Ca~~,~~MAAAA~~,EAAkBC,GAC7B,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,~~EAArCC~~,EAAAP,~~EAAA~~,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAE/BK,EAAsBC,GACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,GAAQ,IAElBC,eACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAA,OAAA,CAAMC,UAAU,iBACdD,~~EAAO~~,OAAA,CAAAE,~~SAAAtB~~,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAACG,EAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASlB,KACzDW,EAACG,~~EAAK~~,~~CAAAC~~,MAAM,UAAUC,KAAK,eAAeJ,UAAWd,EAAS,SAAW,GAAImB,SAAS,cAG/F,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDS,EAASlB,GACZC,IACCR,GAAgB,GACZH,EAAM4B,QAAQ5B,EAAM4B,OAAOjB,EAAE,GAEnC,CAACX,IAGG6B,EAAkBnB,GAAY,KAClCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBrB,GAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG0B,EAAwBtB,GAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,cACEA,EAACa,GAAkBC,YAAaH,~~EAC9BT~~,~~SAAAL~~,EAAA,OAAA,CAAAK,SAAA,CACEF,kBACEA,EAACe,GAAuBC,aAAclC,EAAeN,QAASA,EAAO0B,SACnEF,EAACiB,EAAqB,CACpBhB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAACG,EAAI,CAACE,KAAM1B,SAAWuC,EACpCzC,MAAOkB,EACPjB,SAAUA,EACV6B,QAASE,EACTL,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBP,EAChBJ,OAAQA,EACRY,MAAOxC,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,EAACqB,EAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,oBAIxB,IAQHZ,EAAwBa,EAAOC,EAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,~~EAAaqB~~,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAtB~~,GA5DM,~~CAAE~~,~~GA8DdA~~,CAAK"}
1	+ {"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface MultiSelectChipProps\n extends HTMLAttributes<HTMLDivElement>,\n Omit<FlowMenuProps, 'setIsOpen' \| 'variant'> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n /\n toggleLabel?: string;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n ({ variant, label, disabled, icon, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const onClickCloseHandler = useCallback(\n (e) => {\n e.stopPropagation();\n\n props.reactHook.setState([]);\n },\n [props.reactHook],\n );\n\n const Count = useMemo(() => {\n return (\n <>\n {label}\n {props.reactHook.state.length > 0 && (\n <span className=\"count\">\n <span>{props.reactHook.state.length}</span>\n </span>\n )}\n {(props.reactHook.state.length > 0 && (\n <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n )) \|\| <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n </>\n );\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n return (\n <>\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <MultiSelectChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={icon ? <Icon name={icon} /> : undefined}\n label={Count}\n disabled={disabled}\n onClick={onSelectHandler}\n color={selected \|\| props.reactHook.state.length ? 'primary' : 'default'}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n count={props.reactHook.state.length}\n aria-label={`${props.reactHook.state.length} elements selected`}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n\n <MenuContainer\n disabled={disabled}\n isOpen={isOpen}\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={true}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n width={182}\n marginTop={14}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n </span>\n </ClickAwayListener>\n </>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n MuiChipProps & { count: number; isOpen: boolean } & {\n onFocusVisible: React.FocusEventHandler<any>;\n }\n>(({ theme }) => {\n const flowColors = theme.palette;\n\n const stateStyle = {};\n\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n\n style = { ...style, ...stateStyle };\n\n return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"+siCA4CO,MAAMA,EAAkBC,GAC7B,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAAKC,EAAAP,EAA1C,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAE/BK,EAAsBC,GACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,GAAQ,IAElBC,eACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAA,OAAA,CAAMC,UAAU,iBACdD,EAAA,OAAA,CAAAE,SAAOtB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAACG,EAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASlB,KACzDW,EAACG,EAAI,CAACC,MAAM,UAAUC,KAAK,eAAeJ,UAAWd,EAAS,SAAW,GAAImB,SAAS,cAG/F,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDS,EAASlB,GACZC,IACCR,GAAgB,GACZH,EAAM4B,QAAQ5B,EAAM4B,OAAOjB,EAAE,GAEnC,CAACX,IAGG6B,EAAkBnB,GAAY,KAClCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBrB,GAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG0B,EAAwBtB,GAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,cACEA,EAACa,GAAkBC,YAAaH,EAAeT,SAC7CL,EAAA,OAAA,CAAAK,SAAA,CACEF,kBACEA,EAACe,GAAuBC,aAAclC,EAAeN,QAASA,EAAO0B,SACnEF,EAACiB,EAAqB,CACpBhB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAACG,EAAI,CAACE,KAAM1B,SAAWuC,EACpCzC,MAAOkB,EACPjB,SAAUA,EACV6B,QAASE,EACTL,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBP,EAChBJ,OAAQA,EACRY,MAAOxC,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,EAACqB,EAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,oBAIxB,IAQHZ,EAAwBa,EAAOC,EAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAKqB,OAAAC,OAAAD,OAAAC,OAAA,GAAQtB,GA5DM,CAAA,GA8DZA,CAAK"}

package/components/chip/regular/chip.js CHANGED Viewed

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

package/components/chip/regular/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Boolean to display icon\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n /\n if true chips is checked\n /\n isSelected?: boolean;\n /\n onClick callback to handle the chip state\n /\n onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const Chip: FC<ChipProps> = ({\n variant,\n label,\n disabled,\n isSelected = false,\n icon,\n onClickCallback,\n ...props\n}) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n };\n const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (\n <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n <ChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n variant={'filled'}\n icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n label={label}\n disabled={disabled}\n onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n color={selected ? 'primary' : 'default'}\n onFocusVisible={() => setFocusVisible(true)}\n onBlur={onBlur}\n />\n </ChipFocusVisibleStyled>\n );\n};\n\n/\n @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"~~qSA2Ca~~,~~MAAAA~~,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,~~EAAK~~,~~CAAAC~~,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}
1	+ {"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Boolean to display icon\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n /\n if true chips is checked\n /\n isSelected?: boolean;\n /\n onClick callback to handle the chip state\n /\n onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const Chip: FC<ChipProps> = ({\n variant,\n label,\n disabled,\n isSelected = false,\n icon,\n onClickCallback,\n ...props\n}) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n };\n const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (\n <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n <ChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n variant={'filled'}\n icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n label={label}\n disabled={disabled}\n onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n color={selected ? 'primary' : 'default'}\n onFocusVisible={() => setFocusVisible(true)}\n onBlur={onBlur}\n />\n </ChipFocusVisibleStyled>\n );\n};\n\n/\n @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"oliCA2CO,MAAMA,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,EAAI,CAACC,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}