@babylonjs/inspector 5.0.0-alpha.58 → 5.0.0-alpha.61

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.
@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
97
97
  /******/ ({
98
98
 
99
99
  /***/ "../../../../node_modules/@fortawesome/fontawesome-svg-core/index.es.js":
100
- /*!***************************************************************************************************************!*\
101
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
102
- \***************************************************************************************************************/
100
+ /*!****************************************************************************************!*\
101
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
102
+ \****************************************************************************************/
103
103
  /*! exports provided: icon, noAuto, config, toHtml, layer, text, counter, library, dom, parse, findIconDefinition */
104
104
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
105
105
 
@@ -2557,9 +2557,9 @@ var autoReplace = function autoReplace() {
2557
2557
  /***/ }),
2558
2558
 
2559
2559
  /***/ "../../../../node_modules/@fortawesome/free-regular-svg-icons/index.es.js":
2560
- /*!*****************************************************************************************************************!*\
2561
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/free-regular-svg-icons/index.es.js ***!
2562
- \*****************************************************************************************************************/
2560
+ /*!******************************************************************************************!*\
2561
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/free-regular-svg-icons/index.es.js ***!
2562
+ \******************************************************************************************/
2563
2563
  /*! exports provided: far, prefix, faAddressBook, faAddressCard, faAngry, faArrowAltCircleDown, faArrowAltCircleLeft, faArrowAltCircleRight, faArrowAltCircleUp, faBell, faBellSlash, faBookmark, faBuilding, faCalendar, faCalendarAlt, faCalendarCheck, faCalendarMinus, faCalendarPlus, faCalendarTimes, faCaretSquareDown, faCaretSquareLeft, faCaretSquareRight, faCaretSquareUp, faChartBar, faCheckCircle, faCheckSquare, faCircle, faClipboard, faClock, faClone, faClosedCaptioning, faComment, faCommentAlt, faCommentDots, faComments, faCompass, faCopy, faCopyright, faCreditCard, faDizzy, faDotCircle, faEdit, faEnvelope, faEnvelopeOpen, faEye, faEyeSlash, faFile, faFileAlt, faFileArchive, faFileAudio, faFileCode, faFileExcel, faFileImage, faFilePdf, faFilePowerpoint, faFileVideo, faFileWord, faFlag, faFlushed, faFolder, faFolderOpen, faFontAwesomeLogoFull, faFrown, faFrownOpen, faFutbol, faGem, faGrimace, faGrin, faGrinAlt, faGrinBeam, faGrinBeamSweat, faGrinHearts, faGrinSquint, faGrinSquintTears, faGrinStars, faGrinTears, faGrinTongue, faGrinTongueSquint, faGrinTongueWink, faGrinWink, faHandLizard, faHandPaper, faHandPeace, faHandPointDown, faHandPointLeft, faHandPointRight, faHandPointUp, faHandPointer, faHandRock, faHandScissors, faHandSpock, faHandshake, faHdd, faHeart, faHospital, faHourglass, faIdBadge, faIdCard, faImage, faImages, faKeyboard, faKiss, faKissBeam, faKissWinkHeart, faLaugh, faLaughBeam, faLaughSquint, faLaughWink, faLemon, faLifeRing, faLightbulb, faListAlt, faMap, faMeh, faMehBlank, faMehRollingEyes, faMinusSquare, faMoneyBillAlt, faMoon, faNewspaper, faObjectGroup, faObjectUngroup, faPaperPlane, faPauseCircle, faPlayCircle, faPlusSquare, faQuestionCircle, faRegistered, faSadCry, faSadTear, faSave, faShareSquare, faSmile, faSmileBeam, faSmileWink, faSnowflake, faSquare, faStar, faStarHalf, faStickyNote, faStopCircle, faSun, faSurprise, faThumbsDown, faThumbsUp, faTimesCircle, faTired, faTrashAlt, faUser, faUserCircle, faWindowClose, faWindowMaximize, faWindowMinimize, faWindowRestore */
2564
2564
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2565
2565
 
@@ -3641,9 +3641,9 @@ var _iconsCache = {
3641
3641
  /***/ }),
3642
3642
 
3643
3643
  /***/ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js":
3644
- /*!***************************************************************************************************************!*\
3645
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
3646
- \***************************************************************************************************************/
3644
+ /*!****************************************************************************************!*\
3645
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
3646
+ \****************************************************************************************/
3647
3647
  /*! exports provided: fas, prefix, faAd, faAddressBook, faAddressCard, faAdjust, faAirFreshener, faAlignCenter, faAlignJustify, faAlignLeft, faAlignRight, faAllergies, faAmbulance, faAmericanSignLanguageInterpreting, faAnchor, faAngleDoubleDown, faAngleDoubleLeft, faAngleDoubleRight, faAngleDoubleUp, faAngleDown, faAngleLeft, faAngleRight, faAngleUp, faAngry, faAnkh, faAppleAlt, faArchive, faArchway, faArrowAltCircleDown, faArrowAltCircleLeft, faArrowAltCircleRight, faArrowAltCircleUp, faArrowCircleDown, faArrowCircleLeft, faArrowCircleRight, faArrowCircleUp, faArrowDown, faArrowLeft, faArrowRight, faArrowUp, faArrowsAlt, faArrowsAltH, faArrowsAltV, faAssistiveListeningSystems, faAsterisk, faAt, faAtlas, faAtom, faAudioDescription, faAward, faBaby, faBabyCarriage, faBackspace, faBackward, faBacon, faBacteria, faBacterium, faBahai, faBalanceScale, faBalanceScaleLeft, faBalanceScaleRight, faBan, faBandAid, faBarcode, faBars, faBaseballBall, faBasketballBall, faBath, faBatteryEmpty, faBatteryFull, faBatteryHalf, faBatteryQuarter, faBatteryThreeQuarters, faBed, faBeer, faBell, faBellSlash, faBezierCurve, faBible, faBicycle, faBiking, faBinoculars, faBiohazard, faBirthdayCake, faBlender, faBlenderPhone, faBlind, faBlog, faBold, faBolt, faBomb, faBone, faBong, faBook, faBookDead, faBookMedical, faBookOpen, faBookReader, faBookmark, faBorderAll, faBorderNone, faBorderStyle, faBowlingBall, faBox, faBoxOpen, faBoxTissue, faBoxes, faBraille, faBrain, faBreadSlice, faBriefcase, faBriefcaseMedical, faBroadcastTower, faBroom, faBrush, faBug, faBuilding, faBullhorn, faBullseye, faBurn, faBus, faBusAlt, faBusinessTime, faCalculator, faCalendar, faCalendarAlt, faCalendarCheck, faCalendarDay, faCalendarMinus, faCalendarPlus, faCalendarTimes, faCalendarWeek, faCamera, faCameraRetro, faCampground, faCandyCane, faCannabis, faCapsules, faCar, faCarAlt, faCarBattery, faCarCrash, faCarSide, faCaravan, faCaretDown, faCaretLeft, faCaretRight, faCaretSquareDown, faCaretSquareLeft, faCaretSquareRight, faCaretSquareUp, faCaretUp, faCarrot, faCartArrowDown, faCartPlus, faCashRegister, faCat, faCertificate, faChair, faChalkboard, faChalkboardTeacher, faChargingStation, faChartArea, faChartBar, faChartLine, faChartPie, faCheck, faCheckCircle, faCheckDouble, faCheckSquare, faCheese, faChess, faChessBishop, faChessBoard, faChessKing, faChessKnight, faChessPawn, faChessQueen, faChessRook, faChevronCircleDown, faChevronCircleLeft, faChevronCircleRight, faChevronCircleUp, faChevronDown, faChevronLeft, faChevronRight, faChevronUp, faChild, faChurch, faCircle, faCircleNotch, faCity, faClinicMedical, faClipboard, faClipboardCheck, faClipboardList, faClock, faClone, faClosedCaptioning, faCloud, faCloudDownloadAlt, faCloudMeatball, faCloudMoon, faCloudMoonRain, faCloudRain, faCloudShowersHeavy, faCloudSun, faCloudSunRain, faCloudUploadAlt, faCocktail, faCode, faCodeBranch, faCoffee, faCog, faCogs, faCoins, faColumns, faComment, faCommentAlt, faCommentDollar, faCommentDots, faCommentMedical, faCommentSlash, faComments, faCommentsDollar, faCompactDisc, faCompass, faCompress, faCompressAlt, faCompressArrowsAlt, faConciergeBell, faCookie, faCookieBite, faCopy, faCopyright, faCouch, faCreditCard, faCrop, faCropAlt, faCross, faCrosshairs, faCrow, faCrown, faCrutch, faCube, faCubes, faCut, faDatabase, faDeaf, faDemocrat, faDesktop, faDharmachakra, faDiagnoses, faDice, faDiceD20, faDiceD6, faDiceFive, faDiceFour, faDiceOne, faDiceSix, faDiceThree, faDiceTwo, faDigitalTachograph, faDirections, faDisease, faDivide, faDizzy, faDna, faDog, faDollarSign, faDolly, faDollyFlatbed, faDonate, faDoorClosed, faDoorOpen, faDotCircle, faDove, faDownload, faDraftingCompass, faDragon, faDrawPolygon, faDrum, faDrumSteelpan, faDrumstickBite, faDumbbell, faDumpster, faDumpsterFire, faDungeon, faEdit, faEgg, faEject, faEllipsisH, faEllipsisV, faEnvelope, faEnvelopeOpen, faEnvelopeOpenText, faEnvelopeSquare, faEquals, faEraser, faEthernet, faEuroSign, faExchangeAlt, faExclamation, faExclamationCircle, faExclamationTriangle, faExpand, faExpandAlt, faExpandArrowsAlt, faExternalLinkAlt, faExternalLinkSquareAlt, faEye, faEyeDropper, faEyeSlash, faFan, faFastBackward, faFastForward, faFaucet, faFax, faFeather, faFeatherAlt, faFemale, faFighterJet, faFile, faFileAlt, faFileArchive, faFileAudio, faFileCode, faFileContract, faFileCsv, faFileDownload, faFileExcel, faFileExport, faFileImage, faFileImport, faFileInvoice, faFileInvoiceDollar, faFileMedical, faFileMedicalAlt, faFilePdf, faFilePowerpoint, faFilePrescription, faFileSignature, faFileUpload, faFileVideo, faFileWord, faFill, faFillDrip, faFilm, faFilter, faFingerprint, faFire, faFireAlt, faFireExtinguisher, faFirstAid, faFish, faFistRaised, faFlag, faFlagCheckered, faFlagUsa, faFlask, faFlushed, faFolder, faFolderMinus, faFolderOpen, faFolderPlus, faFont, faFontAwesomeLogoFull, faFootballBall, faForward, faFrog, faFrown, faFrownOpen, faFunnelDollar, faFutbol, faGamepad, faGasPump, faGavel, faGem, faGenderless, faGhost, faGift, faGifts, faGlassCheers, faGlassMartini, faGlassMartiniAlt, faGlassWhiskey, faGlasses, faGlobe, faGlobeAfrica, faGlobeAmericas, faGlobeAsia, faGlobeEurope, faGolfBall, faGopuram, faGraduationCap, faGreaterThan, faGreaterThanEqual, faGrimace, faGrin, faGrinAlt, faGrinBeam, faGrinBeamSweat, faGrinHearts, faGrinSquint, faGrinSquintTears, faGrinStars, faGrinTears, faGrinTongue, faGrinTongueSquint, faGrinTongueWink, faGrinWink, faGripHorizontal, faGripLines, faGripLinesVertical, faGripVertical, faGuitar, faHSquare, faHamburger, faHammer, faHamsa, faHandHolding, faHandHoldingHeart, faHandHoldingMedical, faHandHoldingUsd, faHandHoldingWater, faHandLizard, faHandMiddleFinger, faHandPaper, faHandPeace, faHandPointDown, faHandPointLeft, faHandPointRight, faHandPointUp, faHandPointer, faHandRock, faHandScissors, faHandSparkles, faHandSpock, faHands, faHandsHelping, faHandsWash, faHandshake, faHandshakeAltSlash, faHandshakeSlash, faHanukiah, faHardHat, faHashtag, faHatCowboy, faHatCowboySide, faHatWizard, faHdd, faHeadSideCough, faHeadSideCoughSlash, faHeadSideMask, faHeadSideVirus, faHeading, faHeadphones, faHeadphonesAlt, faHeadset, faHeart, faHeartBroken, faHeartbeat, faHelicopter, faHighlighter, faHiking, faHippo, faHistory, faHockeyPuck, faHollyBerry, faHome, faHorse, faHorseHead, faHospital, faHospitalAlt, faHospitalSymbol, faHospitalUser, faHotTub, faHotdog, faHotel, faHourglass, faHourglassEnd, faHourglassHalf, faHourglassStart, faHouseDamage, faHouseUser, faHryvnia, faICursor, faIceCream, faIcicles, faIcons, faIdBadge, faIdCard, faIdCardAlt, faIgloo, faImage, faImages, faInbox, faIndent, faIndustry, faInfinity, faInfo, faInfoCircle, faItalic, faJedi, faJoint, faJournalWhills, faKaaba, faKey, faKeyboard, faKhanda, faKiss, faKissBeam, faKissWinkHeart, faKiwiBird, faLandmark, faLanguage, faLaptop, faLaptopCode, faLaptopHouse, faLaptopMedical, faLaugh, faLaughBeam, faLaughSquint, faLaughWink, faLayerGroup, faLeaf, faLemon, faLessThan, faLessThanEqual, faLevelDownAlt, faLevelUpAlt, faLifeRing, faLightbulb, faLink, faLiraSign, faList, faListAlt, faListOl, faListUl, faLocationArrow, faLock, faLockOpen, faLongArrowAltDown, faLongArrowAltLeft, faLongArrowAltRight, faLongArrowAltUp, faLowVision, faLuggageCart, faLungs, faLungsVirus, faMagic, faMagnet, faMailBulk, faMale, faMap, faMapMarked, faMapMarkedAlt, faMapMarker, faMapMarkerAlt, faMapPin, faMapSigns, faMarker, faMars, faMarsDouble, faMarsStroke, faMarsStrokeH, faMarsStrokeV, faMask, faMedal, faMedkit, faMeh, faMehBlank, faMehRollingEyes, faMemory, faMenorah, faMercury, faMeteor, faMicrochip, faMicrophone, faMicrophoneAlt, faMicrophoneAltSlash, faMicrophoneSlash, faMicroscope, faMinus, faMinusCircle, faMinusSquare, faMitten, faMobile, faMobileAlt, faMoneyBill, faMoneyBillAlt, faMoneyBillWave, faMoneyBillWaveAlt, faMoneyCheck, faMoneyCheckAlt, faMonument, faMoon, faMortarPestle, faMosque, faMotorcycle, faMountain, faMouse, faMousePointer, faMugHot, faMusic, faNetworkWired, faNeuter, faNewspaper, faNotEqual, faNotesMedical, faObjectGroup, faObjectUngroup, faOilCan, faOm, faOtter, faOutdent, faPager, faPaintBrush, faPaintRoller, faPalette, faPallet, faPaperPlane, faPaperclip, faParachuteBox, faParagraph, faParking, faPassport, faPastafarianism, faPaste, faPause, faPauseCircle, faPaw, faPeace, faPen, faPenAlt, faPenFancy, faPenNib, faPenSquare, faPencilAlt, faPencilRuler, faPeopleArrows, faPeopleCarry, faPepperHot, faPercent, faPercentage, faPersonBooth, faPhone, faPhoneAlt, faPhoneSlash, faPhoneSquare, faPhoneSquareAlt, faPhoneVolume, faPhotoVideo, faPiggyBank, faPills, faPizzaSlice, faPlaceOfWorship, faPlane, faPlaneArrival, faPlaneDeparture, faPlaneSlash, faPlay, faPlayCircle, faPlug, faPlus, faPlusCircle, faPlusSquare, faPodcast, faPoll, faPollH, faPoo, faPooStorm, faPoop, faPortrait, faPoundSign, faPowerOff, faPray, faPrayingHands, faPrescription, faPrescriptionBottle, faPrescriptionBottleAlt, faPrint, faProcedures, faProjectDiagram, faPumpMedical, faPumpSoap, faPuzzlePiece, faQrcode, faQuestion, faQuestionCircle, faQuidditch, faQuoteLeft, faQuoteRight, faQuran, faRadiation, faRadiationAlt, faRainbow, faRandom, faReceipt, faRecordVinyl, faRecycle, faRedo, faRedoAlt, faRegistered, faRemoveFormat, faReply, faReplyAll, faRepublican, faRestroom, faRetweet, faRibbon, faRing, faRoad, faRobot, faRocket, faRoute, faRss, faRssSquare, faRubleSign, faRuler, faRulerCombined, faRulerHorizontal, faRulerVertical, faRunning, faRupeeSign, faSadCry, faSadTear, faSatellite, faSatelliteDish, faSave, faSchool, faScrewdriver, faScroll, faSdCard, faSearch, faSearchDollar, faSearchLocation, faSearchMinus, faSearchPlus, faSeedling, faServer, faShapes, faShare, faShareAlt, faShareAltSquare, faShareSquare, faShekelSign, faShieldAlt, faShieldVirus, faShip, faShippingFast, faShoePrints, faShoppingBag, faShoppingBasket, faShoppingCart, faShower, faShuttleVan, faSign, faSignInAlt, faSignLanguage, faSignOutAlt, faSignal, faSignature, faSimCard, faSink, faSitemap, faSkating, faSkiing, faSkiingNordic, faSkull, faSkullCrossbones, faSlash, faSleigh, faSlidersH, faSmile, faSmileBeam, faSmileWink, faSmog, faSmoking, faSmokingBan, faSms, faSnowboarding, faSnowflake, faSnowman, faSnowplow, faSoap, faSocks, faSolarPanel, faSort, faSortAlphaDown, faSortAlphaDownAlt, faSortAlphaUp, faSortAlphaUpAlt, faSortAmountDown, faSortAmountDownAlt, faSortAmountUp, faSortAmountUpAlt, faSortDown, faSortNumericDown, faSortNumericDownAlt, faSortNumericUp, faSortNumericUpAlt, faSortUp, faSpa, faSpaceShuttle, faSpellCheck, faSpider, faSpinner, faSplotch, faSprayCan, faSquare, faSquareFull, faSquareRootAlt, faStamp, faStar, faStarAndCrescent, faStarHalf, faStarHalfAlt, faStarOfDavid, faStarOfLife, faStepBackward, faStepForward, faStethoscope, faStickyNote, faStop, faStopCircle, faStopwatch, faStopwatch20, faStore, faStoreAlt, faStoreAltSlash, faStoreSlash, faStream, faStreetView, faStrikethrough, faStroopwafel, faSubscript, faSubway, faSuitcase, faSuitcaseRolling, faSun, faSuperscript, faSurprise, faSwatchbook, faSwimmer, faSwimmingPool, faSynagogue, faSync, faSyncAlt, faSyringe, faTable, faTableTennis, faTablet, faTabletAlt, faTablets, faTachometerAlt, faTag, faTags, faTape, faTasks, faTaxi, faTeeth, faTeethOpen, faTemperatureHigh, faTemperatureLow, faTenge, faTerminal, faTextHeight, faTextWidth, faTh, faThLarge, faThList, faTheaterMasks, faThermometer, faThermometerEmpty, faThermometerFull, faThermometerHalf, faThermometerQuarter, faThermometerThreeQuarters, faThumbsDown, faThumbsUp, faThumbtack, faTicketAlt, faTimes, faTimesCircle, faTint, faTintSlash, faTired, faToggleOff, faToggleOn, faToilet, faToiletPaper, faToiletPaperSlash, faToolbox, faTools, faTooth, faTorah, faToriiGate, faTractor, faTrademark, faTrafficLight, faTrailer, faTrain, faTram, faTransgender, faTransgenderAlt, faTrash, faTrashAlt, faTrashRestore, faTrashRestoreAlt, faTree, faTrophy, faTruck, faTruckLoading, faTruckMonster, faTruckMoving, faTruckPickup, faTshirt, faTty, faTv, faUmbrella, faUmbrellaBeach, faUnderline, faUndo, faUndoAlt, faUniversalAccess, faUniversity, faUnlink, faUnlock, faUnlockAlt, faUpload, faUser, faUserAlt, faUserAltSlash, faUserAstronaut, faUserCheck, faUserCircle, faUserClock, faUserCog, faUserEdit, faUserFriends, faUserGraduate, faUserInjured, faUserLock, faUserMd, faUserMinus, faUserNinja, faUserNurse, faUserPlus, faUserSecret, faUserShield, faUserSlash, faUserTag, faUserTie, faUserTimes, faUsers, faUsersCog, faUsersSlash, faUtensilSpoon, faUtensils, faVectorSquare, faVenus, faVenusDouble, faVenusMars, faVial, faVials, faVideo, faVideoSlash, faVihara, faVirus, faVirusSlash, faViruses, faVoicemail, faVolleyballBall, faVolumeDown, faVolumeMute, faVolumeOff, faVolumeUp, faVoteYea, faVrCardboard, faWalking, faWallet, faWarehouse, faWater, faWaveSquare, faWeight, faWeightHanging, faWheelchair, faWifi, faWind, faWindowClose, faWindowMaximize, faWindowMinimize, faWindowRestore, faWineBottle, faWineGlass, faWineGlassAlt, faWonSign, faWrench, faXRay, faYenSign, faYinYang */
3648
3648
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3649
3649
 
@@ -10661,9 +10661,9 @@ var _iconsCache = {
10661
10661
  /***/ }),
10662
10662
 
10663
10663
  /***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
10664
- /*!************************************************************************************************************!*\
10665
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
10666
- \************************************************************************************************************/
10664
+ /*!*************************************************************************************!*\
10665
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
10666
+ \*************************************************************************************/
10667
10667
  /*! exports provided: FontAwesomeIcon */
10668
10668
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
10669
10669
 
@@ -11064,9 +11064,9 @@ var convertCurry = convert.bind(null, react__WEBPACK_IMPORTED_MODULE_2___default
11064
11064
  /***/ }),
11065
11065
 
11066
11066
  /***/ "../../../../node_modules/classnames/index.js":
11067
- /*!*************************************************************************************!*\
11068
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/classnames/index.js ***!
11069
- \*************************************************************************************/
11067
+ /*!**************************************************************!*\
11068
+ !*** E:/Babylon/Babylon.js/node_modules/classnames/index.js ***!
11069
+ \**************************************************************/
11070
11070
  /*! no static exports found */
11071
11071
  /***/ (function(module, exports, __webpack_require__) {
11072
11072
 
@@ -11132,9 +11132,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
11132
11132
  /***/ }),
11133
11133
 
11134
11134
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss":
11135
- /*!******************************************************************************************************************************************************************************************************************!*\
11136
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss ***!
11137
- \******************************************************************************************************************************************************************************************************************/
11135
+ /*!********************************************************************************************************************************************************************!*\
11136
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss ***!
11137
+ \********************************************************************************************************************************************************************/
11138
11138
  /*! no static exports found */
11139
11139
  /***/ (function(module, exports, __webpack_require__) {
11140
11140
 
@@ -11150,9 +11150,9 @@ module.exports = exports;
11150
11150
  /***/ }),
11151
11151
 
11152
11152
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss":
11153
- /*!*****************************************************************************************************************************************************************************************************************************************************!*\
11154
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss ***!
11155
- \*****************************************************************************************************************************************************************************************************************************************************/
11153
+ /*!*******************************************************************************************************************************************************************************************************!*\
11154
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss ***!
11155
+ \*******************************************************************************************************************************************************************************************************/
11156
11156
  /*! no static exports found */
11157
11157
  /***/ (function(module, exports, __webpack_require__) {
11158
11158
 
@@ -11168,9 +11168,9 @@ module.exports = exports;
11168
11168
  /***/ }),
11169
11169
 
11170
11170
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss":
11171
- /*!****************************************************************************************************************************************************************************************************************************************************************!*\
11172
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss ***!
11173
- \****************************************************************************************************************************************************************************************************************************************************************/
11171
+ /*!******************************************************************************************************************************************************************************************************************!*\
11172
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss ***!
11173
+ \******************************************************************************************************************************************************************************************************************/
11174
11174
  /*! no static exports found */
11175
11175
  /***/ (function(module, exports, __webpack_require__) {
11176
11176
 
@@ -11178,7 +11178,7 @@ module.exports = exports;
11178
11178
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
11179
11179
  exports = ___CSS_LOADER_API_IMPORT___(false);
11180
11180
  // Module
11181
- exports.push([module.i, "#bottom-bar {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 10px 210px 10px 1fr 10px 61px 10px; }\n #bottom-bar #bottom-bar-total {\n grid-row: 1;\n grid-column: 6;\n color: white;\n background: #222222;\n height: 25px;\n align-self: center;\n display: grid;\n align-content: center;\n justify-content: center;\n font-family: 'acumin-pro-condensed';\n font-size: 12pt; }\n #bottom-bar .control-button .control-button-image {\n display: unset; }\n #bottom-bar .control-button .control-button-hover-image {\n display: none; }\n #bottom-bar .control-button:hover {\n cursor: pointer; }\n #bottom-bar .control-button:hover .control-button-image {\n display: none; }\n #bottom-bar .control-button:hover .control-button-hover-image {\n display: unset; }\n #bottom-bar .control-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #bottom-bar #media-player {\n grid-row: 1;\n grid-column: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n grid-template-rows: 100%;\n grid-template-columns: 23px 23px 23px 23px 23px 23px; }\n #bottom-bar #media-player #start-key {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #media-player #first-key {\n grid-row: 1;\n grid-column: 2; }\n #bottom-bar #media-player #rev-key {\n grid-row: 1;\n grid-column: 3; }\n #bottom-bar #media-player #fwd-key {\n grid-row: 1;\n grid-column: 4; }\n #bottom-bar #media-player #next-key {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #media-player #end-key {\n grid-row: 1;\n grid-column: 6; }\n #bottom-bar #range-selector {\n grid-row: 1;\n grid-column: 4;\n background: #222222;\n width: 100%;\n height: calc(100% - 20px);\n margin: 10px 0;\n position: relative; }\n #bottom-bar #range-selector #range-scrollbar {\n position: absolute;\n left: 2px;\n top: 2px;\n right: 2px;\n bottom: 2px;\n background: #666666;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px auto 1fr auto 20px;\n color: #222222;\n font-family: 'acumin-pro-condensed';\n font-size: 14px;\n min-width: 70px; }\n #bottom-bar #range-selector #range-scrollbar #left-handle {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #range-selector #range-scrollbar #right-handle {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #range-selector #range-scrollbar #from-key {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar #to-key {\n grid-row: 1;\n grid-column: 4;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar .handle {\n width: 20px;\n align-self: center;\n justify-self: center;\n cursor: pointer;\n user-select: none; }\n #bottom-bar #range-selector #range-scrollbar .handle img {\n pointer-events: none; }\n", ""]);
11181
+ exports.push([module.i, "#bottom-bar {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 10px 210px 10px 1fr 10px 61px 10px; }\n #bottom-bar #bottom-bar-total {\n grid-row: 1;\n grid-column: 6;\n color: white;\n background: #222222;\n height: 25px;\n align-self: center;\n font-size: 12pt; }\n #bottom-bar #bottom-bar-total #clip-range {\n width: 100%; }\n #bottom-bar .control-button .control-button-image {\n display: unset; }\n #bottom-bar .control-button .control-button-hover-image {\n display: none; }\n #bottom-bar .control-button:hover {\n cursor: pointer; }\n #bottom-bar .control-button:hover .control-button-image {\n display: none; }\n #bottom-bar .control-button:hover .control-button-hover-image {\n display: unset; }\n #bottom-bar .control-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #bottom-bar #media-player {\n grid-row: 1;\n grid-column: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n grid-template-rows: 100%;\n grid-template-columns: 23px 23px 23px 23px 23px 23px 23px; }\n #bottom-bar #media-player #start-key {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #media-player #prev-frame {\n grid-row: 1;\n grid-column: 2; }\n #bottom-bar #media-player #first-key {\n grid-row: 1;\n grid-column: 3; }\n #bottom-bar #media-player #rev-key {\n grid-row: 1;\n grid-column: 4; }\n #bottom-bar #media-player #fwd-key {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #media-player #next-key {\n grid-row: 1;\n grid-column: 6; }\n #bottom-bar #media-player #next-frame {\n grid-row: 1;\n grid-column: 7; }\n #bottom-bar #media-player #end-key {\n grid-row: 1;\n grid-column: 8; }\n #bottom-bar #range-selector {\n grid-row: 1;\n grid-column: 4;\n background: #222222;\n width: 100%;\n height: calc(100% - 20px);\n margin: 10px 0;\n position: relative; }\n #bottom-bar #range-selector #range-scrollbar {\n position: absolute;\n left: 2px;\n top: 2px;\n right: 2px;\n bottom: 2px;\n background: #666666;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px auto 1fr auto 20px;\n color: #222222;\n font-family: 'acumin-pro-condensed';\n font-size: 14px;\n min-width: 70px; }\n #bottom-bar #range-selector #range-scrollbar #left-handle {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #range-selector #range-scrollbar #right-handle {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #range-selector #range-scrollbar #from-key {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar #to-key {\n grid-row: 1;\n grid-column: 4;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar .handle {\n width: 20px;\n align-self: center;\n justify-self: center;\n cursor: pointer;\n user-select: none; }\n #bottom-bar #range-selector #range-scrollbar .handle img {\n pointer-events: none; }\n", ""]);
11182
11182
  // Exports
11183
11183
  module.exports = exports;
11184
11184
 
@@ -11186,9 +11186,9 @@ module.exports = exports;
11186
11186
  /***/ }),
11187
11187
 
11188
11188
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss":
11189
- /*!*************************************************************************************************************************************************************************************************************************************************************!*\
11190
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss ***!
11191
- \*************************************************************************************************************************************************************************************************************************************************************/
11189
+ /*!***************************************************************************************************************************************************************************************************************!*\
11190
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss ***!
11191
+ \***************************************************************************************************************************************************************************************************************/
11192
11192
  /*! no static exports found */
11193
11193
  /***/ (function(module, exports, __webpack_require__) {
11194
11194
 
@@ -11204,9 +11204,9 @@ module.exports = exports;
11204
11204
  /***/ }),
11205
11205
 
11206
11206
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss":
11207
- /*!******************************************************************************************************************************************************************************************************************************************************************!*\
11208
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss ***!
11209
- \******************************************************************************************************************************************************************************************************************************************************************/
11207
+ /*!********************************************************************************************************************************************************************************************************************!*\
11208
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss ***!
11209
+ \********************************************************************************************************************************************************************************************************************/
11210
11210
  /*! no static exports found */
11211
11211
  /***/ (function(module, exports, __webpack_require__) {
11212
11212
 
@@ -11222,9 +11222,9 @@ module.exports = exports;
11222
11222
  /***/ }),
11223
11223
 
11224
11224
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss":
11225
- /*!**************************************************************************************************************************************************************************************************************************************************************!*\
11226
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss ***!
11227
- \**************************************************************************************************************************************************************************************************************************************************************/
11225
+ /*!****************************************************************************************************************************************************************************************************************!*\
11226
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss ***!
11227
+ \****************************************************************************************************************************************************************************************************************/
11228
11228
  /*! no static exports found */
11229
11229
  /***/ (function(module, exports, __webpack_require__) {
11230
11230
 
@@ -11240,9 +11240,9 @@ module.exports = exports;
11240
11240
  /***/ }),
11241
11241
 
11242
11242
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss":
11243
- /*!*************************************************************************************************************************************************************************************************************************************************************!*\
11244
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss ***!
11245
- \*************************************************************************************************************************************************************************************************************************************************************/
11243
+ /*!***************************************************************************************************************************************************************************************************************!*\
11244
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss ***!
11245
+ \***************************************************************************************************************************************************************************************************************/
11246
11246
  /*! no static exports found */
11247
11247
  /***/ (function(module, exports, __webpack_require__) {
11248
11248
 
@@ -11250,7 +11250,7 @@ module.exports = exports;
11250
11250
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
11251
11251
  exports = ___CSS_LOADER_API_IMPORT___(false);
11252
11252
  // Module
11253
- exports.push([module.i, "#top-bar {\n display: grid;\n grid-template-columns: 40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;\n grid-template-rows: 100%; }\n #top-bar .disabled {\n opacity: 20%;\n pointer-events: none; }\n #top-bar #top-bar-logo {\n grid-row: 1;\n grid-column: 1; }\n #top-bar #top-bar-parent-name {\n grid-row: 1;\n grid-column: 2;\n font-family: 'acumin-pro-condensed';\n font-size: 15pt;\n color: white;\n display: grid;\n align-content: center;\n padding-bottom: 5px; }\n #top-bar #key-frame {\n grid-row: 1;\n grid-column: 3;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #key-value {\n grid-row: 1;\n grid-column: 5;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #new-key {\n grid-row: 1;\n grid-column: 7; }\n #top-bar #frame-canvas {\n grid-row: 1;\n grid-column: 8; }\n #top-bar #flatten-tangent {\n grid-row: 1;\n grid-column: 9; }\n #top-bar #linear-tangent {\n grid-row: 1;\n grid-column: 10; }\n #top-bar #break-tangent {\n grid-row: 1;\n grid-column: 11; }\n #top-bar #unify-tangent {\n grid-row: 1;\n grid-column: 12; }\n", ""]);
11253
+ exports.push([module.i, "#top-bar {\n display: grid;\n grid-template-columns: 40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;\n grid-template-rows: 100%; }\n #top-bar .disabled {\n opacity: 20%;\n pointer-events: none; }\n #top-bar #top-bar-logo {\n grid-row: 1;\n grid-column: 1; }\n #top-bar #top-bar-parent-name {\n grid-row: 1;\n grid-column: 2;\n font-family: 'acumin-pro-condensed';\n font-size: 15pt;\n color: white;\n display: grid;\n align-content: center;\n padding-bottom: 5px; }\n #top-bar #key-frame {\n grid-row: 1;\n grid-column: 3;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #key-value {\n grid-row: 1;\n grid-column: 5;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #new-key {\n grid-row: 1;\n grid-column: 7; }\n #top-bar #frame-canvas {\n grid-row: 1;\n grid-column: 8; }\n #top-bar #flatten-tangent {\n grid-row: 1;\n grid-column: 9; }\n #top-bar #linear-tangent {\n grid-row: 1;\n grid-column: 10; }\n #top-bar #break-tangent {\n grid-row: 1;\n grid-column: 11; }\n #top-bar #unify-tangent {\n grid-row: 1;\n grid-column: 12; }\n #top-bar #step-tangent {\n grid-row: 1;\n grid-column: 13; }\n", ""]);
11254
11254
  // Exports
11255
11255
  module.exports = exports;
11256
11256
 
@@ -11258,9 +11258,9 @@ module.exports = exports;
11258
11258
  /***/ }),
11259
11259
 
11260
11260
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss":
11261
- /*!***********************************************************************************************************************************************************************************************************************************************************!*\
11262
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss ***!
11263
- \***********************************************************************************************************************************************************************************************************************************************************/
11261
+ /*!*************************************************************************************************************************************************************************************************************!*\
11262
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss ***!
11263
+ \*************************************************************************************************************************************************************************************************************/
11264
11264
  /*! no static exports found */
11265
11265
  /***/ (function(module, exports, __webpack_require__) {
11266
11266
 
@@ -11276,9 +11276,9 @@ module.exports = exports;
11276
11276
  /***/ }),
11277
11277
 
11278
11278
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss":
11279
- /*!****************************************************************************************************************************************************************************************************************!*\
11280
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss ***!
11281
- \****************************************************************************************************************************************************************************************************************/
11279
+ /*!******************************************************************************************************************************************************************!*\
11280
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss ***!
11281
+ \******************************************************************************************************************************************************************/
11282
11282
  /*! no static exports found */
11283
11283
  /***/ (function(module, exports, __webpack_require__) {
11284
11284
 
@@ -11294,9 +11294,9 @@ module.exports = exports;
11294
11294
  /***/ }),
11295
11295
 
11296
11296
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss":
11297
- /*!************************************************************************************************************************************************************************************************************************!*\
11298
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss ***!
11299
- \************************************************************************************************************************************************************************************************************************/
11297
+ /*!**************************************************************************************************************************************************************************!*\
11298
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss ***!
11299
+ \**************************************************************************************************************************************************************************/
11300
11300
  /*! no static exports found */
11301
11301
  /***/ (function(module, exports, __webpack_require__) {
11302
11302
 
@@ -11312,9 +11312,9 @@ module.exports = exports;
11312
11312
  /***/ }),
11313
11313
 
11314
11314
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss":
11315
- /*!****************************************************************************************************************************************************************************************************************************!*\
11316
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss ***!
11317
- \****************************************************************************************************************************************************************************************************************************/
11315
+ /*!******************************************************************************************************************************************************************************!*\
11316
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss ***!
11317
+ \******************************************************************************************************************************************************************************/
11318
11318
  /*! no static exports found */
11319
11319
  /***/ (function(module, exports, __webpack_require__) {
11320
11320
 
@@ -11330,9 +11330,9 @@ module.exports = exports;
11330
11330
  /***/ }),
11331
11331
 
11332
11332
  /***/ "../../../../node_modules/css-loader/dist/runtime/api.js":
11333
- /*!************************************************************************************************!*\
11334
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
11335
- \************************************************************************************************/
11333
+ /*!*************************************************************************!*\
11334
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
11335
+ \*************************************************************************/
11336
11336
  /*! no static exports found */
11337
11337
  /***/ (function(module, exports, __webpack_require__) {
11338
11338
 
@@ -11435,9 +11435,9 @@ function toComment(sourceMap) {
11435
11435
  /***/ }),
11436
11436
 
11437
11437
  /***/ "../../../../node_modules/gif.js.optimized/dist/gif.js":
11438
- /*!**********************************************************************************************!*\
11439
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/gif.js.optimized/dist/gif.js ***!
11440
- \**********************************************************************************************/
11438
+ /*!***********************************************************************!*\
11439
+ !*** E:/Babylon/Babylon.js/node_modules/gif.js.optimized/dist/gif.js ***!
11440
+ \***********************************************************************/
11441
11441
  /*! no static exports found */
11442
11442
  /***/ (function(module, exports, __webpack_require__) {
11443
11443
 
@@ -11447,9 +11447,9 @@ function toComment(sourceMap) {
11447
11447
  /***/ }),
11448
11448
 
11449
11449
  /***/ "../../../../node_modules/object-assign/index.js":
11450
- /*!****************************************************************************************!*\
11451
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/object-assign/index.js ***!
11452
- \****************************************************************************************/
11450
+ /*!*****************************************************************!*\
11451
+ !*** E:/Babylon/Babylon.js/node_modules/object-assign/index.js ***!
11452
+ \*****************************************************************/
11453
11453
  /*! no static exports found */
11454
11454
  /***/ (function(module, exports, __webpack_require__) {
11455
11455
 
@@ -11549,9 +11549,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
11549
11549
  /***/ }),
11550
11550
 
11551
11551
  /***/ "../../../../node_modules/process/browser.js":
11552
- /*!************************************************************************************!*\
11553
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/process/browser.js ***!
11554
- \************************************************************************************/
11552
+ /*!*************************************************************!*\
11553
+ !*** E:/Babylon/Babylon.js/node_modules/process/browser.js ***!
11554
+ \*************************************************************/
11555
11555
  /*! no static exports found */
11556
11556
  /***/ (function(module, exports) {
11557
11557
 
@@ -11744,9 +11744,9 @@ process.umask = function() { return 0; };
11744
11744
  /***/ }),
11745
11745
 
11746
11746
  /***/ "../../../../node_modules/prop-types/checkPropTypes.js":
11747
- /*!**********************************************************************************************!*\
11748
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
11749
- \**********************************************************************************************/
11747
+ /*!***********************************************************************!*\
11748
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
11749
+ \***********************************************************************/
11750
11750
  /*! no static exports found */
11751
11751
  /***/ (function(module, exports, __webpack_require__) {
11752
11752
 
@@ -11858,9 +11858,9 @@ module.exports = checkPropTypes;
11858
11858
  /***/ }),
11859
11859
 
11860
11860
  /***/ "../../../../node_modules/prop-types/factoryWithTypeCheckers.js":
11861
- /*!*******************************************************************************************************!*\
11862
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
11863
- \*******************************************************************************************************/
11861
+ /*!********************************************************************************!*\
11862
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
11863
+ \********************************************************************************/
11864
11864
  /*! no static exports found */
11865
11865
  /***/ (function(module, exports, __webpack_require__) {
11866
11866
 
@@ -12461,9 +12461,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
12461
12461
  /***/ }),
12462
12462
 
12463
12463
  /***/ "../../../../node_modules/prop-types/index.js":
12464
- /*!*************************************************************************************!*\
12465
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/index.js ***!
12466
- \*************************************************************************************/
12464
+ /*!**************************************************************!*\
12465
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/index.js ***!
12466
+ \**************************************************************/
12467
12467
  /*! no static exports found */
12468
12468
  /***/ (function(module, exports, __webpack_require__) {
12469
12469
 
@@ -12487,9 +12487,9 @@ if (true) {
12487
12487
  /***/ }),
12488
12488
 
12489
12489
  /***/ "../../../../node_modules/prop-types/lib/ReactPropTypesSecret.js":
12490
- /*!********************************************************************************************************!*\
12491
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
12492
- \********************************************************************************************************/
12490
+ /*!*********************************************************************************!*\
12491
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
12492
+ \*********************************************************************************/
12493
12493
  /*! no static exports found */
12494
12494
  /***/ (function(module, exports, __webpack_require__) {
12495
12495
 
@@ -12511,9 +12511,9 @@ module.exports = ReactPropTypesSecret;
12511
12511
  /***/ }),
12512
12512
 
12513
12513
  /***/ "../../../../node_modules/react-contextmenu/es6/AbstractMenu.js":
12514
- /*!*******************************************************************************************************!*\
12515
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
12516
- \*******************************************************************************************************/
12514
+ /*!********************************************************************************!*\
12515
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
12516
+ \********************************************************************************/
12517
12517
  /*! exports provided: default */
12518
12518
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12519
12519
 
@@ -12737,9 +12737,9 @@ var _initialiseProps = function _initialiseProps() {
12737
12737
  /***/ }),
12738
12738
 
12739
12739
  /***/ "../../../../node_modules/react-contextmenu/es6/ContextMenu.js":
12740
- /*!******************************************************************************************************!*\
12741
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
12742
- \******************************************************************************************************/
12740
+ /*!*******************************************************************************!*\
12741
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
12742
+ \*******************************************************************************/
12743
12743
  /*! exports provided: default */
12744
12744
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12745
12745
 
@@ -13054,9 +13054,9 @@ ContextMenu.defaultProps = {
13054
13054
  /***/ }),
13055
13055
 
13056
13056
  /***/ "../../../../node_modules/react-contextmenu/es6/ContextMenuTrigger.js":
13057
- /*!*************************************************************************************************************!*\
13058
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
13059
- \*************************************************************************************************************/
13057
+ /*!**************************************************************************************!*\
13058
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
13059
+ \**************************************************************************************/
13060
13060
  /*! exports provided: default */
13061
13061
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13062
13062
 
@@ -13254,9 +13254,9 @@ ContextMenuTrigger.defaultProps = {
13254
13254
  /***/ }),
13255
13255
 
13256
13256
  /***/ "../../../../node_modules/react-contextmenu/es6/MenuItem.js":
13257
- /*!***************************************************************************************************!*\
13258
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
13259
- \***************************************************************************************************/
13257
+ /*!****************************************************************************!*\
13258
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
13259
+ \****************************************************************************/
13260
13260
  /*! exports provided: default */
13261
13261
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13262
13262
 
@@ -13394,9 +13394,9 @@ MenuItem.defaultProps = {
13394
13394
  /***/ }),
13395
13395
 
13396
13396
  /***/ "../../../../node_modules/react-contextmenu/es6/SubMenu.js":
13397
- /*!**************************************************************************************************!*\
13398
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
13399
- \**************************************************************************************************/
13397
+ /*!***************************************************************************!*\
13398
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
13399
+ \***************************************************************************/
13400
13400
  /*! exports provided: default */
13401
13401
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13402
13402
 
@@ -13734,9 +13734,9 @@ SubMenu.defaultProps = {
13734
13734
  /***/ }),
13735
13735
 
13736
13736
  /***/ "../../../../node_modules/react-contextmenu/es6/actions.js":
13737
- /*!**************************************************************************************************!*\
13738
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
13739
- \**************************************************************************************************/
13737
+ /*!***************************************************************************!*\
13738
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
13739
+ \***************************************************************************/
13740
13740
  /*! exports provided: MENU_SHOW, MENU_HIDE, dispatchGlobalEvent, showMenu, hideMenu */
13741
13741
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13742
13742
 
@@ -13794,9 +13794,9 @@ function hideMenu() {
13794
13794
  /***/ }),
13795
13795
 
13796
13796
  /***/ "../../../../node_modules/react-contextmenu/es6/connectMenu.js":
13797
- /*!******************************************************************************************************!*\
13798
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
13799
- \******************************************************************************************************/
13797
+ /*!*******************************************************************************!*\
13798
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
13799
+ \*******************************************************************************/
13800
13800
  /*! exports provided: default */
13801
13801
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13802
13802
 
@@ -13892,9 +13892,9 @@ var ignoredTriggerProps = [].concat(_toConsumableArray(Object.keys(_ContextMenuT
13892
13892
  /***/ }),
13893
13893
 
13894
13894
  /***/ "../../../../node_modules/react-contextmenu/es6/globalEventListener.js":
13895
- /*!**************************************************************************************************************!*\
13896
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
13897
- \**************************************************************************************************************/
13895
+ /*!***************************************************************************************!*\
13896
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
13897
+ \***************************************************************************************/
13898
13898
  /*! exports provided: default */
13899
13899
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13900
13900
 
@@ -13954,9 +13954,9 @@ var GlobalEventListener = function GlobalEventListener() {
13954
13954
  /***/ }),
13955
13955
 
13956
13956
  /***/ "../../../../node_modules/react-contextmenu/es6/helpers.js":
13957
- /*!**************************************************************************************************!*\
13958
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
13959
- \**************************************************************************************************/
13957
+ /*!***************************************************************************!*\
13958
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
13959
+ \***************************************************************************/
13960
13960
  /*! exports provided: callIfExists, hasOwnProp, uniqueId, cssClasses, store, canUseDOM */
13961
13961
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
13962
13962
 
@@ -14003,9 +14003,9 @@ var canUseDOM = Boolean(typeof window !== 'undefined' && window.document && wind
14003
14003
  /***/ }),
14004
14004
 
14005
14005
  /***/ "../../../../node_modules/react-contextmenu/es6/index.js":
14006
- /*!************************************************************************************************!*\
14007
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
14008
- \************************************************************************************************/
14006
+ /*!*************************************************************************!*\
14007
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
14008
+ \*************************************************************************/
14009
14009
  /*! exports provided: ContextMenu, ContextMenuTrigger, MenuItem, SubMenu, connectMenu, hideMenu, showMenu */
14010
14010
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
14011
14011
 
@@ -14041,9 +14041,9 @@ __webpack_require__.r(__webpack_exports__);
14041
14041
  /***/ }),
14042
14042
 
14043
14043
  /***/ "../../../../node_modules/react-dom/cjs/react-dom.development.js":
14044
- /*!********************************************************************************************************!*\
14045
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
14046
- \********************************************************************************************************/
14044
+ /*!*********************************************************************************!*\
14045
+ !*** E:/Babylon/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
14046
+ \*********************************************************************************/
14047
14047
  /*! no static exports found */
14048
14048
  /***/ (function(module, exports, __webpack_require__) {
14049
14049
 
@@ -39065,9 +39065,9 @@ exports.version = ReactVersion;
39065
39065
  /***/ }),
39066
39066
 
39067
39067
  /***/ "../../../../node_modules/react-dom/index.js":
39068
- /*!************************************************************************************!*\
39069
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/index.js ***!
39070
- \************************************************************************************/
39068
+ /*!*************************************************************!*\
39069
+ !*** E:/Babylon/Babylon.js/node_modules/react-dom/index.js ***!
39070
+ \*************************************************************/
39071
39071
  /*! no static exports found */
39072
39072
  /***/ (function(module, exports, __webpack_require__) {
39073
39073
 
@@ -39110,9 +39110,9 @@ if (false) {} else {
39110
39110
  /***/ }),
39111
39111
 
39112
39112
  /***/ "../../../../node_modules/react-is/cjs/react-is.development.js":
39113
- /*!******************************************************************************************************!*\
39114
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
39115
- \******************************************************************************************************/
39113
+ /*!*******************************************************************************!*\
39114
+ !*** E:/Babylon/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
39115
+ \*******************************************************************************/
39116
39116
  /*! no static exports found */
39117
39117
  /***/ (function(module, exports, __webpack_require__) {
39118
39118
 
@@ -39303,9 +39303,9 @@ exports.typeOf = typeOf;
39303
39303
  /***/ }),
39304
39304
 
39305
39305
  /***/ "../../../../node_modules/react-is/index.js":
39306
- /*!***********************************************************************************!*\
39307
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/index.js ***!
39308
- \***********************************************************************************/
39306
+ /*!************************************************************!*\
39307
+ !*** E:/Babylon/Babylon.js/node_modules/react-is/index.js ***!
39308
+ \************************************************************/
39309
39309
  /*! no static exports found */
39310
39310
  /***/ (function(module, exports, __webpack_require__) {
39311
39311
 
@@ -39320,9 +39320,9 @@ if (false) {} else {
39320
39320
  /***/ }),
39321
39321
 
39322
39322
  /***/ "../../../../node_modules/react/cjs/react.development.js":
39323
- /*!************************************************************************************************!*\
39324
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/cjs/react.development.js ***!
39325
- \************************************************************************************************/
39323
+ /*!*************************************************************************!*\
39324
+ !*** E:/Babylon/Babylon.js/node_modules/react/cjs/react.development.js ***!
39325
+ \*************************************************************************/
39326
39326
  /*! no static exports found */
39327
39327
  /***/ (function(module, exports, __webpack_require__) {
39328
39328
 
@@ -41244,9 +41244,9 @@ exports.version = ReactVersion;
41244
41244
  /***/ }),
41245
41245
 
41246
41246
  /***/ "../../../../node_modules/react/index.js":
41247
- /*!********************************************************************************!*\
41248
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/index.js ***!
41249
- \********************************************************************************/
41247
+ /*!*********************************************************!*\
41248
+ !*** E:/Babylon/Babylon.js/node_modules/react/index.js ***!
41249
+ \*********************************************************/
41250
41250
  /*! no static exports found */
41251
41251
  /***/ (function(module, exports, __webpack_require__) {
41252
41252
 
@@ -41261,9 +41261,9 @@ if (false) {} else {
41261
41261
  /***/ }),
41262
41262
 
41263
41263
  /***/ "../../../../node_modules/scheduler/cjs/scheduler-tracing.development.js":
41264
- /*!****************************************************************************************************************!*\
41265
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
41266
- \****************************************************************************************************************/
41264
+ /*!*****************************************************************************************!*\
41265
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
41266
+ \*****************************************************************************************/
41267
41267
  /*! no static exports found */
41268
41268
  /***/ (function(module, exports, __webpack_require__) {
41269
41269
 
@@ -41622,9 +41622,9 @@ exports.unstable_wrap = unstable_wrap;
41622
41622
  /***/ }),
41623
41623
 
41624
41624
  /***/ "../../../../node_modules/scheduler/cjs/scheduler.development.js":
41625
- /*!********************************************************************************************************!*\
41626
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
41627
- \********************************************************************************************************/
41625
+ /*!*********************************************************************************!*\
41626
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
41627
+ \*********************************************************************************/
41628
41628
  /*! no static exports found */
41629
41629
  /***/ (function(module, exports, __webpack_require__) {
41630
41630
 
@@ -42492,9 +42492,9 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
42492
42492
  /***/ }),
42493
42493
 
42494
42494
  /***/ "../../../../node_modules/scheduler/index.js":
42495
- /*!************************************************************************************!*\
42496
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/index.js ***!
42497
- \************************************************************************************/
42495
+ /*!*************************************************************!*\
42496
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/index.js ***!
42497
+ \*************************************************************/
42498
42498
  /*! no static exports found */
42499
42499
  /***/ (function(module, exports, __webpack_require__) {
42500
42500
 
@@ -42509,9 +42509,9 @@ if (false) {} else {
42509
42509
  /***/ }),
42510
42510
 
42511
42511
  /***/ "../../../../node_modules/scheduler/tracing.js":
42512
- /*!**************************************************************************************!*\
42513
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/tracing.js ***!
42514
- \**************************************************************************************/
42512
+ /*!***************************************************************!*\
42513
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/tracing.js ***!
42514
+ \***************************************************************/
42515
42515
  /*! no static exports found */
42516
42516
  /***/ (function(module, exports, __webpack_require__) {
42517
42517
 
@@ -42526,9 +42526,9 @@ if (false) {} else {
42526
42526
  /***/ }),
42527
42527
 
42528
42528
  /***/ "../../../../node_modules/setimmediate/setImmediate.js":
42529
- /*!**********************************************************************************************!*\
42530
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
42531
- \**********************************************************************************************/
42529
+ /*!***********************************************************************!*\
42530
+ !*** E:/Babylon/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
42531
+ \***********************************************************************/
42532
42532
  /*! no static exports found */
42533
42533
  /***/ (function(module, exports, __webpack_require__) {
42534
42534
 
@@ -42724,9 +42724,9 @@ if (false) {} else {
42724
42724
  /***/ }),
42725
42725
 
42726
42726
  /***/ "../../../../node_modules/split.js/dist/split.es.js":
42727
- /*!*******************************************************************************************!*\
42728
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/split.js/dist/split.es.js ***!
42729
- \*******************************************************************************************/
42727
+ /*!********************************************************************!*\
42728
+ !*** E:/Babylon/Babylon.js/node_modules/split.js/dist/split.es.js ***!
42729
+ \********************************************************************/
42730
42730
  /*! exports provided: default */
42731
42731
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
42732
42732
 
@@ -43496,9 +43496,9 @@ var Split = function (idsOption, options) {
43496
43496
  /***/ }),
43497
43497
 
43498
43498
  /***/ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
43499
- /*!***********************************************************************************************************************!*\
43500
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
43501
- \***********************************************************************************************************************/
43499
+ /*!************************************************************************************************!*\
43500
+ !*** E:/Babylon/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
43501
+ \************************************************************************************************/
43502
43502
  /*! no static exports found */
43503
43503
  /***/ (function(module, exports, __webpack_require__) {
43504
43504
 
@@ -43776,9 +43776,9 @@ module.exports = function (list, options) {
43776
43776
  /***/ }),
43777
43777
 
43778
43778
  /***/ "../../../../node_modules/timers-browserify/main.js":
43779
- /*!*******************************************************************************************!*\
43780
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/timers-browserify/main.js ***!
43781
- \*******************************************************************************************/
43779
+ /*!********************************************************************!*\
43780
+ !*** E:/Babylon/Babylon.js/node_modules/timers-browserify/main.js ***!
43781
+ \********************************************************************/
43782
43782
  /*! no static exports found */
43783
43783
  /***/ (function(module, exports, __webpack_require__) {
43784
43784
 
@@ -43851,9 +43851,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
43851
43851
  /***/ }),
43852
43852
 
43853
43853
  /***/ "../../../../node_modules/tslib/tslib.es6.js":
43854
- /*!************************************************************************************!*\
43855
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/tslib/tslib.es6.js ***!
43856
- \************************************************************************************/
43854
+ /*!*************************************************************!*\
43855
+ !*** E:/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
43856
+ \*************************************************************/
43857
43857
  /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __createBinding, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet */
43858
43858
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
43859
43859
 
@@ -44158,9 +44158,9 @@ module.exports = g;
44158
44158
  /***/ }),
44159
44159
 
44160
44160
  /***/ "../../node_modules/re-resizable/lib/index.es5.js":
44161
- /*!***************************************************************************************************************!*\
44162
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/.temp/sourceES6/node_modules/re-resizable/lib/index.es5.js ***!
44163
- \***************************************************************************************************************/
44161
+ /*!****************************************************************************************!*\
44162
+ !*** E:/Babylon/Babylon.js/.temp/sourceES6/node_modules/re-resizable/lib/index.es5.js ***!
44163
+ \****************************************************************************************/
44164
44164
  /*! no static exports found */
44165
44165
  /***/ (function(module, exports, __webpack_require__) {
44166
44166
 
@@ -46782,6 +46782,13 @@ var AnimationGridComponent = /** @class */ (function (_super) {
46782
46782
  this.playOrPause();
46783
46783
  }
46784
46784
  };
46785
+ AnimationGridComponent.prototype.componentDidUpdate = function (prevProps) {
46786
+ var prevId = prevProps.animatable.uniqueId;
46787
+ var currId = this.props.animatable.uniqueId;
46788
+ if (prevId !== currId) {
46789
+ this._animationCurveEditorContext = null;
46790
+ }
46791
+ };
46785
46792
  AnimationGridComponent.prototype.render = function () {
46786
46793
  var _this = this;
46787
46794
  var animatable = this.props.animatable;
@@ -46901,7 +46908,9 @@ var AnimationCurveEditorComponent = /** @class */ (function (_super) {
46901
46908
  this.props.context.prepare();
46902
46909
  if (this.props.context.animations && this.props.context.animations.length) {
46903
46910
  setTimeout(function () {
46904
- _this.props.context.activeAnimations.push(_this.props.context.useTargetAnimations ? _this.props.context.animations[0].animation : _this.props.context.animations[0]);
46911
+ _this.props.context.activeAnimations.push(_this.props.context.useTargetAnimations
46912
+ ? _this.props.context.animations[0].animation
46913
+ : _this.props.context.animations[0]);
46905
46914
  _this.props.context.onActiveAnimationChanged.notifyObservers();
46906
46915
  });
46907
46916
  }
@@ -46914,7 +46923,7 @@ var AnimationCurveEditorComponent = /** @class */ (function (_super) {
46914
46923
  var _a;
46915
46924
  switch (evt.key) {
46916
46925
  case "Delete":
46917
- if ((_a = this.props.context.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.length) {
46926
+ if (((_a = this.props.context.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.length) && !this.props.context.focusedInput) {
46918
46927
  this.props.context.onDeleteKeyActiveKeyPoints.notifyObservers();
46919
46928
  }
46920
46929
  break;
@@ -46933,6 +46942,27 @@ var AnimationCurveEditorComponent = /** @class */ (function (_super) {
46933
46942
  evt.preventDefault();
46934
46943
  }
46935
46944
  break;
46945
+ case "ArrowLeft":
46946
+ if (!this.props.context.focusedInput) {
46947
+ this.props.context.onMoveToFrameRequired.notifyObservers(Math.max(0, this.props.context.activeFrame - 1));
46948
+ }
46949
+ break;
46950
+ case "ArrowRight":
46951
+ if (!this.props.context.focusedInput) {
46952
+ this.props.context.onMoveToFrameRequired.notifyObservers(Math.min(this.props.context.clipLength, this.props.context.activeFrame + 1));
46953
+ }
46954
+ break;
46955
+ case "ArrowDown":
46956
+ var prevKey = this.props.context.getPrevKey();
46957
+ if (prevKey !== null) {
46958
+ this.props.context.onMoveToFrameRequired.notifyObservers(prevKey);
46959
+ }
46960
+ break;
46961
+ case "ArrowUp":
46962
+ var nextKey = this.props.context.getNextKey();
46963
+ if (nextKey !== null) {
46964
+ this.props.context.onMoveToFrameRequired.notifyObservers(nextKey);
46965
+ }
46936
46966
  }
46937
46967
  };
46938
46968
  AnimationCurveEditorComponent.prototype.render = function () {
@@ -46941,13 +46971,12 @@ var AnimationCurveEditorComponent = /** @class */ (function (_super) {
46941
46971
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "Edit", onClick: function () {
46942
46972
  _this.setState({ isOpen: true });
46943
46973
  } }),
46944
- this.state.isOpen &&
46945
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_popupComponent__WEBPACK_IMPORTED_MODULE_3__["PopupComponent"], { id: "curve-editor", title: "Animation Curve Editor", size: { width: 1024, height: 512 }, onResize: function () { return _this.props.context.onHostWindowResized.notifyObservers(); }, onClose: function (window) { return _this.onCloseAnimationCurveEditor(window); }, onKeyDown: function (evt) { return _this._onKeyDown(evt); } },
46946
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "curve-editor" },
46947
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_topBarComponent__WEBPACK_IMPORTED_MODULE_5__["TopBarComponent"], { globalState: this.props.globalState, context: this.props.context }),
46948
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sideBar_sideBarComponent__WEBPACK_IMPORTED_MODULE_7__["SideBarComponent"], { globalState: this.props.globalState, context: this.props.context }),
46949
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_graph_canvasComponent__WEBPACK_IMPORTED_MODULE_6__["CanvasComponent"], { globalState: this.props.globalState, context: this.props.context }),
46950
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_bottomBar_bottomBarComponent__WEBPACK_IMPORTED_MODULE_4__["BottomBarComponent"], { globalState: this.props.globalState, context: this.props.context })))));
46974
+ this.state.isOpen && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_popupComponent__WEBPACK_IMPORTED_MODULE_3__["PopupComponent"], { id: "curve-editor", title: "Animation Curve Editor", size: { width: 1024, height: 512 }, onResize: function () { return _this.props.context.onHostWindowResized.notifyObservers(); }, onClose: function (window) { return _this.onCloseAnimationCurveEditor(window); }, onKeyDown: function (evt) { return _this._onKeyDown(evt); } },
46975
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "curve-editor" },
46976
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_topBarComponent__WEBPACK_IMPORTED_MODULE_5__["TopBarComponent"], { globalState: this.props.globalState, context: this.props.context }),
46977
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sideBar_sideBarComponent__WEBPACK_IMPORTED_MODULE_7__["SideBarComponent"], { globalState: this.props.globalState, context: this.props.context }),
46978
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_graph_canvasComponent__WEBPACK_IMPORTED_MODULE_6__["CanvasComponent"], { globalState: this.props.globalState, context: this.props.context }),
46979
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_bottomBar_bottomBarComponent__WEBPACK_IMPORTED_MODULE_4__["BottomBarComponent"], { globalState: this.props.globalState, context: this.props.context }))))));
46951
46980
  };
46952
46981
  return AnimationCurveEditorComponent;
46953
46982
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -46963,7 +46992,7 @@ var AnimationCurveEditorComponent = /** @class */ (function (_super) {
46963
46992
  /*! no static exports found */
46964
46993
  /***/ (function(module, exports) {
46965
46994
 
46966
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M15,8.18a.59.59,0,0,1,.58.5v5.74h5.66a.58.58,0,0,1,.08,1.16H15.58v5.65a.58.58,0,0,1-1.16.08V15.59H8.76a.59.59,0,0,1-.08-1.17h5.73V8.76A.58.58,0,0,1,15,8.18Z' style='fill:%23fff'/%3E%3C/svg%3E"
46995
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M15,8.27a.58.58,0,0,1,.57.5v5.65h5.57a.58.58,0,0,1,.08,1.15H15.58v5.57a.58.58,0,0,1-1.15.08V15.58H8.85a.58.58,0,0,1-.08-1.15h5.65V8.85A.58.58,0,0,1,15,8.27Z' style='fill:%23fff'/%3E%3C/svg%3E"
46967
46996
 
46968
46997
  /***/ }),
46969
46998
 
@@ -46985,7 +47014,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
46985
47014
  /*! no static exports found */
46986
47015
  /***/ (function(module, exports) {
46987
47016
 
46988
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M11.67,16.31,19,22a.61.61,0,0,1,0,1l-7.35,5.71a.61.61,0,0,1-1-.48V24.07L4.74,28.69a.61.61,0,0,1-1-.48V16.79a.61.61,0,0,1,1-.48l5.94,4.62V16.79A.61.61,0,0,1,11.67,16.31Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47017
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M11.67,16.31,19,22a.61.61,0,0,1,.15.85A.54.54,0,0,1,19,23l-7.35,5.71a.61.61,0,0,1-.86-.08.63.63,0,0,1-.14-.4V24.07L4.74,28.69a.61.61,0,0,1-.86-.08.63.63,0,0,1-.14-.4V16.79a.61.61,0,0,1,.6-.62.63.63,0,0,1,.4.14l5.94,4.62V16.79a.61.61,0,0,1,.61-.61A.58.58,0,0,1,11.67,16.31Z' style='fill:%23ccc'/%3E%3C/svg%3E"
46989
47018
 
46990
47019
  /***/ }),
46991
47020
 
@@ -46996,7 +47025,29 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
46996
47025
  /*! no static exports found */
46997
47026
  /***/ (function(module, exports) {
46998
47027
 
46999
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M11.67,16.31,19,22a.61.61,0,0,1,0,1l-7.35,5.71a.61.61,0,0,1-1-.48V24.07L4.74,28.69a.61.61,0,0,1-1-.48V16.79a.61.61,0,0,1,1-.48l5.94,4.62V16.79A.61.61,0,0,1,11.67,16.31ZM11.91,18V27l5.73-4.46ZM5,18V27l5.71-4.44v0Z' style='fill:%23888'/%3E%3C/svg%3E"
47028
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M11.67,16.31,19,22a.61.61,0,0,1,.15.85A.54.54,0,0,1,19,23l-7.35,5.71a.61.61,0,0,1-.86-.08.63.63,0,0,1-.14-.4V24.07L4.74,28.69a.61.61,0,0,1-.86-.08.63.63,0,0,1-.14-.4V16.79a.61.61,0,0,1,.6-.62.63.63,0,0,1,.4.14l5.94,4.62V16.79a.61.61,0,0,1,.61-.61A.58.58,0,0,1,11.67,16.31ZM11.91,18v9l5.73-4.46ZM5,18v9l5.71-4.44h0Z' style='fill:%23888'/%3E%3C/svg%3E"
47029
+
47030
+ /***/ }),
47031
+
47032
+ /***/ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameHoverIcon.svg":
47033
+ /*!****************************************************************************************************************!*\
47034
+ !*** ./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameHoverIcon.svg ***!
47035
+ \****************************************************************************************************************/
47036
+ /*! no static exports found */
47037
+ /***/ (function(module, exports) {
47038
+
47039
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M18.78,28.3a1.43,1.43,0,0,1-1.43,1.41,1.4,1.4,0,0,1-.75-.22L8.13,24.06a1.42,1.42,0,0,1-.42-2,1.45,1.45,0,0,1,.36-.38l8.47-6.07a1.42,1.42,0,0,1,2,.34,1.39,1.39,0,0,1,.26.81Z' style='fill:%23ccc'/%3E%3Cpath d='M4.22,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47040
+
47041
+ /***/ }),
47042
+
47043
+ /***/ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameIcon.svg":
47044
+ /*!***********************************************************************************************************!*\
47045
+ !*** ./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameIcon.svg ***!
47046
+ \***********************************************************************************************************/
47047
+ /*! no static exports found */
47048
+ /***/ (function(module, exports) {
47049
+
47050
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Cpath d='M8.07,21.72a1.42,1.42,0,0,0-.32,2,1.44,1.44,0,0,0,.38.36l8.47,5.43a1.42,1.42,0,0,0,2-.44,1.4,1.4,0,0,0,.22-.75V16.8a1.43,1.43,0,0,0-1.43-1.41,1.39,1.39,0,0,0-.81.26Zm9.49,6.58a.2.2,0,0,1-.31.17L8.79,23a.22.22,0,0,1,0-.29l0-.05,8.46-6.07a.2.2,0,0,1,.28,0,.2.2,0,0,1,0,.13Zm-13.34.87a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23888'/%3E%3C/svg%3E"
47000
47051
 
47001
47052
  /***/ }),
47002
47053
 
@@ -47007,7 +47058,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47007
47058
  /*! no static exports found */
47008
47059
  /***/ (function(module, exports) {
47009
47060
 
47010
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' transform='translate(23 45) rotate(-180)' style='fill:none'/%3E%3Cpath d='M18.78,28.3a1.42,1.42,0,0,1-2.18,1.19L8.13,24.06a1.42,1.42,0,0,1-.06-2.34l8.47-6.07a1.42,1.42,0,0,1,2.24,1.15Z' style='fill:%23ccc'/%3E%3Cpath d='M4.22,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47061
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M18.78,28.3a1.43,1.43,0,0,1-1.43,1.41,1.4,1.4,0,0,1-.75-.22L8.13,24.06a1.42,1.42,0,0,1-.42-2,1.45,1.45,0,0,1,.36-.38l8.47-6.07a1.42,1.42,0,0,1,2,.34,1.39,1.39,0,0,1,.26.81Z' style='fill:%23ccc'/%3E%3Cpath d='M4.22,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23ffc017'/%3E%3Cpath d='M3.48,25.91a1.35,1.35,0,1,0,2.7,0V19.09a1.35,1.35,0,1,0-2.7,0h0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47011
47062
 
47012
47063
  /***/ }),
47013
47064
 
@@ -47018,7 +47069,29 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47018
47069
  /*! no static exports found */
47019
47070
  /***/ (function(module, exports) {
47020
47071
 
47021
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' transform='translate(23 45) rotate(-180)' style='fill:none'/%3E%3Cpath d='M4.22,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0Z' style='fill:%23ffc017'/%3E%3Cpath d='M8.07,21.72a1.42,1.42,0,0,0,.06,2.34l8.47,5.43a1.42,1.42,0,0,0,2.18-1.19V16.8a1.42,1.42,0,0,0-2.24-1.15Zm9.49,6.58a.2.2,0,0,1-.31.17L8.79,23a.21.21,0,0,1,0-.34l8.46-6.07a.2.2,0,0,1,.32.17Z' style='fill:%23888'/%3E%3C/svg%3E"
47072
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M8.07,21.72a1.42,1.42,0,0,0-.32,2,1.44,1.44,0,0,0,.38.36l8.47,5.43a1.42,1.42,0,0,0,2-.44,1.4,1.4,0,0,0,.22-.75V16.8a1.43,1.43,0,0,0-1.43-1.41,1.39,1.39,0,0,0-.81.26Zm9.49,6.58a.2.2,0,0,1-.31.17L8.79,23a.22.22,0,0,1,0-.29l0-.05,8.46-6.07a.2.2,0,0,1,.28,0,.2.2,0,0,1,0,.13Z' style='fill:%23888'/%3E%3Cpath d='M4.22,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23ffc017'/%3E%3Cpath d='M3.48,25.91a1.35,1.35,0,1,0,2.7,0V19.09a1.35,1.35,0,1,0-2.7,0h0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47073
+
47074
+ /***/ }),
47075
+
47076
+ /***/ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameHoverIcon.svg":
47077
+ /*!****************************************************************************************************************!*\
47078
+ !*** ./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameHoverIcon.svg ***!
47079
+ \****************************************************************************************************************/
47080
+ /*! no static exports found */
47081
+ /***/ (function(module, exports) {
47082
+
47083
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M4.22,16.8a1.43,1.43,0,0,1,1.43-1.41,1.39,1.39,0,0,1,.81.26l8.47,6.07a1.42,1.42,0,0,1,.32,2,1.44,1.44,0,0,1-.38.36L6.4,29.49a1.42,1.42,0,0,1-2-.44,1.4,1.4,0,0,1-.22-.75Z' style='fill:%23ccc'/%3E%3Cpath d='M18.78,15.83a.61.61,0,0,0-1.22,0V29.17a.61.61,0,0,0,1.22,0Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47084
+
47085
+ /***/ }),
47086
+
47087
+ /***/ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameIcon.svg":
47088
+ /*!***********************************************************************************************************!*\
47089
+ !*** ./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameIcon.svg ***!
47090
+ \***********************************************************************************************************/
47091
+ /*! no static exports found */
47092
+ /***/ (function(module, exports) {
47093
+
47094
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.46,15.65a1.42,1.42,0,0,0-2,.34,1.39,1.39,0,0,0-.26.81V28.3a1.43,1.43,0,0,0,1.43,1.41,1.4,1.4,0,0,0,.75-.22l8.47-5.43a1.42,1.42,0,0,0,.42-2,1.45,1.45,0,0,0-.36-.38Zm-1,1.15a.2.2,0,0,1,.32-.17l8.46,6.07a.22.22,0,0,1,0,.29s0,0,0,.05L5.75,28.47a.2.2,0,0,1-.28-.06.2.2,0,0,1,0-.11Z' style='fill:%23888'/%3E%3Cpath d='M17.56,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23888'/%3E%3C/svg%3E"
47022
47095
 
47023
47096
  /***/ }),
47024
47097
 
@@ -47029,7 +47102,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47029
47102
  /*! no static exports found */
47030
47103
  /***/ (function(module, exports) {
47031
47104
 
47032
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M4.22,16.8a1.42,1.42,0,0,1,2.24-1.15l8.47,6.07a1.42,1.42,0,0,1-.06,2.34L6.4,29.49A1.42,1.42,0,0,1,4.22,28.3Z' style='fill:%23ccc'/%3E%3Cpath d='M18.78,15.83a.61.61,0,0,0-1.22,0V29.17a.61.61,0,0,0,1.22,0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47105
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M4.22,16.8a1.43,1.43,0,0,1,1.43-1.41,1.39,1.39,0,0,1,.81.26l8.47,6.07a1.42,1.42,0,0,1,.32,2,1.44,1.44,0,0,1-.38.36L6.4,29.49a1.42,1.42,0,0,1-2-.44,1.4,1.4,0,0,1-.22-.75Z' style='fill:%23ccc'/%3E%3Cpath d='M17.56,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23ffc017'/%3E%3Cpath d='M16.82,25.91a1.35,1.35,0,0,0,2.7,0V19.09a1.35,1.35,0,1,0-2.7,0h0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47033
47106
 
47034
47107
  /***/ }),
47035
47108
 
@@ -47040,7 +47113,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47040
47113
  /*! no static exports found */
47041
47114
  /***/ (function(module, exports) {
47042
47115
 
47043
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M18.78,15.83a.61.61,0,0,0-1.22,0V29.17a.61.61,0,0,0,1.22,0Z' style='fill:%23ffc017'/%3E%3Cpath d='M6.46,15.65A1.42,1.42,0,0,0,4.22,16.8V28.3A1.42,1.42,0,0,0,6.4,29.49l8.47-5.43a1.42,1.42,0,0,0,.06-2.34Zm-1,1.15a.2.2,0,0,1,.32-.17l8.46,6.07a.21.21,0,0,1,0,.34L5.75,28.47a.2.2,0,0,1-.31-.17Z' style='fill:%23888'/%3E%3C/svg%3E"
47116
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.46,15.65a1.42,1.42,0,0,0-2,.34,1.39,1.39,0,0,0-.26.81V28.3a1.43,1.43,0,0,0,1.43,1.41,1.4,1.4,0,0,0,.75-.22l8.47-5.43a1.42,1.42,0,0,0,.42-2,1.45,1.45,0,0,0-.36-.38Zm-1,1.15a.2.2,0,0,1,.32-.17l8.46,6.07a.22.22,0,0,1,0,.29s0,0,0,.05L5.75,28.47a.2.2,0,0,1-.28-.06.2.2,0,0,1,0-.11Z' style='fill:%23888'/%3E%3Cpath d='M17.56,29.17a.61.61,0,0,0,1.22,0V15.83a.61.61,0,0,0-1.22,0h0Z' style='fill:%23ffc017'/%3E%3Cpath d='M16.82,25.91a1.35,1.35,0,0,0,2.7,0V19.09a1.35,1.35,0,1,0-2.7,0h0Z' style='fill:%23ffc017'/%3E%3C/svg%3E"
47044
47117
 
47045
47118
  /***/ }),
47046
47119
 
@@ -47051,7 +47124,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47051
47124
  /*! no static exports found */
47052
47125
  /***/ (function(module, exports) {
47053
47126
 
47054
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' style='fill:none'/%3E%3Cpath d='M10,4.1a6.71,6.71,0,0,1,1.33.16l.34.39.1.92a.85.85,0,0,0,.83.75A1,1,0,0,0,13,6.25l.85-.38.5.1a6,6,0,0,1,1.35,2.31l-.17.49-.75.56a.83.83,0,0,0,0,1.34l.75.56.17.49A6,6,0,0,1,14.3,14l-.5.1L13,13.75a.85.85,0,0,0-.76.05.82.82,0,0,0-.41.63l-.1.92-.34.39a5.82,5.82,0,0,1-2.69,0l-.33-.39-.1-.92a.83.83,0,0,0-.41-.63.85.85,0,0,0-.76,0l-.85.37L5.7,14a6,6,0,0,1-1.35-2.31l.17-.49.75-.56a.83.83,0,0,0,0-1.34l-.75-.56-.17-.48A6,6,0,0,1,5.7,6l.5-.1.85.38a.85.85,0,0,0,.76,0,.83.83,0,0,0,.41-.63l.1-.92.34-.39A6.73,6.73,0,0,1,10,4.1ZM10,5a5.55,5.55,0,0,0-.82.07l-.07.59A1.74,1.74,0,0,1,6.69,7.08l-.55-.24a5,5,0,0,0-.81,1.4l.48.36a1.74,1.74,0,0,1,0,2.8l-.48.36a5.22,5.22,0,0,0,.81,1.41l.55-.24a1.73,1.73,0,0,1,2.43,1.4l.07.59a4.89,4.89,0,0,0,1.62,0l.07-.59a1.74,1.74,0,0,1,2.43-1.41l.55.24a5,5,0,0,0,.81-1.4l-.48-.36a1.74,1.74,0,0,1,0-2.8l.48-.36a5,5,0,0,0-.81-1.4l-.55.24a1.86,1.86,0,0,1-.7.14,1.74,1.74,0,0,1-1.73-1.55l-.07-.59A4.4,4.4,0,0,0,10,5Zm0,2.72A2.27,2.27,0,1,1,7.73,10,2.27,2.27,0,0,1,10,7.73Zm0,.91A1.36,1.36,0,1,0,11.36,10,1.36,1.36,0,0,0,10,8.64Z' style='fill:%23fff'/%3E%3C/svg%3E"
47127
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' style='fill:none'/%3E%3Cpath d='M10,4.1a6.62,6.62,0,0,1,1.33.16l.34.39.1.92a.85.85,0,0,0,.83.75,1.09,1.09,0,0,0,.4-.07l.85-.38.5.1A6,6,0,0,1,15.7,8.28l-.17.49-.75.56a.83.83,0,0,0-.18,1.16.77.77,0,0,0,.18.18l.75.56.17.49A6,6,0,0,1,14.3,14l-.5.1-.8-.35a.85.85,0,0,0-.76.05.83.83,0,0,0-.41.63l-.1.92-.34.39a5.82,5.82,0,0,1-2.69,0l-.33-.39-.1-.92a.83.83,0,0,0-.41-.63.85.85,0,0,0-.76,0l-.85.37L5.7,14a6,6,0,0,1-1.35-2.31l.17-.49.75-.56a.83.83,0,0,0,.18-1.16.77.77,0,0,0-.18-.18l-.75-.56-.17-.48A6.06,6.06,0,0,1,5.7,6l.5-.1.85.38a.85.85,0,0,0,.76,0,.83.83,0,0,0,.41-.63l.1-.92.34-.39A6.18,6.18,0,0,1,10,4.1ZM10,5a5.67,5.67,0,0,0-.82.07l-.07.59A1.73,1.73,0,0,1,7.2,7.21a1.53,1.53,0,0,1-.51-.13l-.55-.24a5,5,0,0,0-.81,1.4l.48.36A1.74,1.74,0,0,1,6.18,11a1.85,1.85,0,0,1-.37.37l-.48.36a5.07,5.07,0,0,0,.81,1.41l.55-.24A1.74,1.74,0,0,1,9,13.8a2,2,0,0,1,.14.53l.07.59a4.89,4.89,0,0,0,1.62,0l.07-.59a1.74,1.74,0,0,1,1.91-1.55,1.82,1.82,0,0,1,.52.14l.55.24a5,5,0,0,0,.81-1.4l-.48-.36A1.74,1.74,0,0,1,13.82,9a1.85,1.85,0,0,1,.37-.37l.48-.36a5,5,0,0,0-.81-1.4l-.55.24a1.86,1.86,0,0,1-.7.14,1.74,1.74,0,0,1-1.73-1.55l-.07-.59A4.45,4.45,0,0,0,10,5Zm0,2.72A2.27,2.27,0,1,1,7.73,10,2.27,2.27,0,0,1,10,7.72h0Zm0,.91A1.36,1.36,0,1,0,11.36,10,1.36,1.36,0,0,0,10,8.63Z' style='fill:%23fff'/%3E%3C/svg%3E"
47055
47128
 
47056
47129
  /***/ }),
47057
47130
 
@@ -47062,7 +47135,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47062
47135
  /*! no static exports found */
47063
47136
  /***/ (function(module, exports) {
47064
47137
 
47065
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M4.77,17.13a1.8,1.8,0,0,1,2.65-1.58l9.87,5.37a1.8,1.8,0,0,1,0,3.16L7.42,29.45a1.8,1.8,0,0,1-2.65-1.58Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47138
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M4.77,17.13a1.79,1.79,0,0,1,1.81-1.79,1.77,1.77,0,0,1,.84.21l9.87,5.37A1.81,1.81,0,0,1,18,23.36a1.85,1.85,0,0,1-.72.72L7.42,29.45A1.8,1.8,0,0,1,5,28.71a1.77,1.77,0,0,1-.21-.84Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47066
47139
 
47067
47140
  /***/ }),
47068
47141
 
@@ -47073,7 +47146,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47073
47146
  /*! no static exports found */
47074
47147
  /***/ (function(module, exports) {
47075
47148
 
47076
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.85,16.61a.59.59,0,0,0-.88.52V27.87a.59.59,0,0,0,.88.52L16.72,23a.6.6,0,0,0,0-1.06Zm-2.08.52a1.8,1.8,0,0,1,2.65-1.58l9.87,5.37a1.8,1.8,0,0,1,0,3.16L7.42,29.45a1.8,1.8,0,0,1-2.65-1.58Z' style='fill:%23888'/%3E%3C/svg%3E"
47149
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.85,16.61a.59.59,0,0,0-.8.22.64.64,0,0,0-.08.3V27.87a.6.6,0,0,0,.58.6.61.61,0,0,0,.3-.08L16.72,23a.6.6,0,0,0,0-1.06Zm-2.08.52a1.79,1.79,0,0,1,1.81-1.79,1.77,1.77,0,0,1,.84.21l9.87,5.37A1.81,1.81,0,0,1,18,23.36a1.85,1.85,0,0,1-.72.72L7.42,29.45A1.8,1.8,0,0,1,5,28.71a1.77,1.77,0,0,1-.21-.84Z' style='fill:%23888'/%3E%3C/svg%3E"
47077
47150
 
47078
47151
  /***/ }),
47079
47152
 
@@ -47084,7 +47157,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47084
47157
  /*! no static exports found */
47085
47158
  /***/ (function(module, exports) {
47086
47159
 
47087
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M18.23,27.87a1.8,1.8,0,0,1-2.65,1.58L5.71,24.08a1.8,1.8,0,0,1,0-3.16l9.87-5.37a1.8,1.8,0,0,1,2.65,1.58Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47160
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M18.23,27.87a1.79,1.79,0,0,1-1.81,1.79,1.77,1.77,0,0,1-.84-.21L5.71,24.08A1.81,1.81,0,0,1,5,21.64a1.85,1.85,0,0,1,.72-.72l9.87-5.37a1.8,1.8,0,0,1,2.44.74,1.77,1.77,0,0,1,.21.84Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47088
47161
 
47089
47162
  /***/ }),
47090
47163
 
@@ -47095,7 +47168,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47095
47168
  /*! no static exports found */
47096
47169
  /***/ (function(module, exports) {
47097
47170
 
47098
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.28,22a.6.6,0,0,0,0,1.06l9.87,5.36a.59.59,0,0,0,.88-.52V17.13a.59.59,0,0,0-.88-.52Zm12,5.9a1.8,1.8,0,0,1-2.65,1.58L5.71,24.08a1.8,1.8,0,0,1,0-3.16l9.87-5.37a1.8,1.8,0,0,1,2.65,1.58Z' style='fill:%23888'/%3E%3C/svg%3E"
47171
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M6.28,22a.6.6,0,0,0,0,1.06l9.87,5.36a.59.59,0,0,0,.8-.22.64.64,0,0,0,.08-.3V17.13a.6.6,0,0,0-.58-.6.61.61,0,0,0-.3.08Zm12,5.9a1.79,1.79,0,0,1-1.81,1.79,1.77,1.77,0,0,1-.84-.21l-9.92-5.4A1.81,1.81,0,0,1,5,21.64a1.85,1.85,0,0,1,.72-.72l9.87-5.37a1.8,1.8,0,0,1,2.44.74,1.77,1.77,0,0,1,.21.84Z' style='fill:%23888'/%3E%3C/svg%3E"
47099
47172
 
47100
47173
  /***/ }),
47101
47174
 
@@ -47106,7 +47179,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47106
47179
  /*! no static exports found */
47107
47180
  /***/ (function(module, exports) {
47108
47181
 
47109
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' transform='translate(23 45) rotate(-180)' style='fill:none'/%3E%3Cpath d='M11.33,16.31,4,22a.61.61,0,0,0,0,1l7.35,5.71a.61.61,0,0,0,1-.48V24.07l5.94,4.62a.61.61,0,0,0,1-.48V16.79a.61.61,0,0,0-1-.48l-5.94,4.62V16.79A.61.61,0,0,0,11.33,16.31Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47182
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M11.33,16.31,4,22a.61.61,0,0,0-.15.85A.54.54,0,0,0,4,23l7.35,5.71a.61.61,0,0,0,.86-.08.63.63,0,0,0,.14-.4V24.07l5.94,4.62a.61.61,0,0,0,.86-.08.63.63,0,0,0,.14-.4V16.79a.61.61,0,0,0-.6-.62.63.63,0,0,0-.4.14l-5.94,4.62V16.79a.61.61,0,0,0-1-.48Z' style='fill:%23ccc'/%3E%3C/svg%3E"
47110
47183
 
47111
47184
  /***/ }),
47112
47185
 
@@ -47117,7 +47190,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47117
47190
  /*! no static exports found */
47118
47191
  /***/ (function(module, exports) {
47119
47192
 
47120
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' transform='translate(23 45) rotate(-180)' style='fill:none'/%3E%3Cpath d='M12.32,16.79v4.14l5.94-4.62a.61.61,0,0,1,1,.48V28.21a.61.61,0,0,1-1,.48l-5.94-4.62v4.14a.61.61,0,0,1-1,.48L4,23a.61.61,0,0,1,0-1l7.35-5.71A.61.61,0,0,1,12.32,16.79Zm-7,5.71L11.09,27V18Zm7,0v0L18,27V18Z' style='fill:%23888'/%3E%3C/svg%3E"
47193
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M12.32,16.79v4.14l5.94-4.62a.61.61,0,0,1,.86.08.63.63,0,0,1,.14.4V28.21a.61.61,0,0,1-.6.62.63.63,0,0,1-.4-.14l-5.94-4.62v4.14a.61.61,0,0,1-.6.62.63.63,0,0,1-.4-.14L4,23a.61.61,0,0,1-.15-.85A.54.54,0,0,1,4,22l7.35-5.71a.61.61,0,0,1,.85.13A.63.63,0,0,1,12.32,16.79Zm-7,5.71L11.09,27V18Zm7,0h0L18,27V18Z' style='fill:%23888'/%3E%3C/svg%3E"
47121
47194
 
47122
47195
  /***/ }),
47123
47196
 
@@ -47128,7 +47201,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47128
47201
  /*! no static exports found */
47129
47202
  /***/ (function(module, exports) {
47130
47203
 
47131
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M5.63,15.21a1.43,1.43,0,0,0-1.42,1.42V28.37a1.43,1.43,0,0,0,1.42,1.42H17.37a1.43,1.43,0,0,0,1.42-1.42V16.63a1.43,1.43,0,0,0-1.42-1.42Z' style='fill:%23c12d2d'/%3E%3C/svg%3E"
47204
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M5.63,15.21a1.44,1.44,0,0,0-1.42,1.42V28.37a1.44,1.44,0,0,0,1.42,1.42H17.37a1.44,1.44,0,0,0,1.42-1.42V16.63a1.44,1.44,0,0,0-1.42-1.42Z' style='fill:%23c12d2d'/%3E%3C/svg%3E"
47132
47205
 
47133
47206
  /***/ }),
47134
47207
 
@@ -47139,7 +47212,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47139
47212
  /*! no static exports found */
47140
47213
  /***/ (function(module, exports) {
47141
47214
 
47142
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M17.37,16.43a.2.2,0,0,1,.2.2V28.37a.2.2,0,0,1-.2.2H5.63a.2.2,0,0,1-.2-.2V16.63a.2.2,0,0,1,.2-.2ZM5.63,15.21a1.43,1.43,0,0,0-1.42,1.42V28.37a1.43,1.43,0,0,0,1.42,1.42H17.37a1.43,1.43,0,0,0,1.42-1.42V16.63a1.43,1.43,0,0,0-1.42-1.42Z' style='fill:%238c2f2f'/%3E%3C/svg%3E"
47215
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='45' viewBox='0 0 23 45'%3E%3Crect width='23' height='45' style='fill:none'/%3E%3Cpath d='M17.37,16.43a.2.2,0,0,1,.2.2h0V28.37a.2.2,0,0,1-.2.2H5.63a.2.2,0,0,1-.2-.2h0V16.63a.2.2,0,0,1,.2-.2H17.37ZM5.63,15.21a1.44,1.44,0,0,0-1.42,1.42V28.37a1.44,1.44,0,0,0,1.42,1.42H17.37a1.44,1.44,0,0,0,1.42-1.42V16.63a1.44,1.44,0,0,0-1.42-1.42Z' style='fill:%238c2f2f'/%3E%3C/svg%3E"
47143
47216
 
47144
47217
  /***/ }),
47145
47218
 
@@ -47150,7 +47223,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47150
47223
  /*! no static exports found */
47151
47224
  /***/ (function(module, exports) {
47152
47225
 
47153
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5.43,7.31,7.81,3.19a.49.49,0,0,0-.43-.75H2.62a.49.49,0,0,0-.43.75L4.57,7.31A.49.49,0,0,0,5.43,7.31Z' style='fill:%23888'/%3E%3Crect width='10' height='10' style='fill:none'/%3E%3C/svg%3E"
47226
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5.43,7.31,7.81,3.19a.51.51,0,0,0-.15-.68.55.55,0,0,0-.28-.07H2.62a.48.48,0,0,0-.5.47.45.45,0,0,0,.07.28L4.57,7.31a.49.49,0,0,0,.66.2A.48.48,0,0,0,5.43,7.31Z' style='fill:%23888'/%3E%3Crect width='10' height='10' style='fill:none'/%3E%3C/svg%3E"
47154
47227
 
47155
47228
  /***/ }),
47156
47229
 
@@ -47161,7 +47234,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47161
47234
  /*! no static exports found */
47162
47235
  /***/ (function(module, exports) {
47163
47236
 
47164
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23e0684b;%7D.cls-3%7Bfill:%23bb464b;%7D.cls-4%7Bfill:%23e0ded8;%7D.cls-5%7Bfill:%23d5d2ca;%7D.cls-6%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='UI'%3E%3Crect class='cls-1' width='40' height='40'/%3E%3Cpolygon class='cls-2' points='32.91 13.78 29.54 11.84 26.29 13.71 29.66 15.65 32.91 13.78'/%3E%3Cpolygon class='cls-2' points='14.61 15.65 25.38 9.44 22.14 7.57 11.37 13.78 14.61 15.65'/%3E%3Cpolygon class='cls-2' points='18.77 21.95 22.14 23.89 25.51 21.95 22.14 20 18.77 21.95'/%3E%3Cpolygon class='cls-3' points='29.66 15.65 29.66 24.34 22.14 28.69 14.61 24.34 14.61 15.65 11.37 13.78 11.37 26.22 22.14 32.44 32.91 26.22 32.91 13.78 29.66 15.65'/%3E%3Cpolygon class='cls-3' points='22.14 16.11 18.77 18.05 18.77 21.95 22.14 20 25.51 21.95 25.51 18.05 22.14 16.11'/%3E%3Cpolygon class='cls-4' points='29.66 15.65 25.51 18.05 25.51 21.95 22.14 23.89 22.14 28.69 29.66 24.34 29.66 15.65'/%3E%3Cpolygon class='cls-5' points='14.61 15.65 18.77 18.05 18.77 21.95 22.14 23.89 22.14 28.69 14.61 24.34 14.61 15.65'/%3E%3Cpolygon class='cls-6' points='25.38 9.44 29.54 11.84 26.29 13.71 29.66 15.65 25.51 18.05 22.14 16.11 18.77 18.05 14.61 15.65 25.38 9.44'/%3E%3C/g%3E%3C/svg%3E"
47237
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpolygon points='22.14 7.57 11.37 13.78 11.37 26.22 22.14 32.44 32.91 26.22 32.91 13.78 22.14 7.57' style='fill:%23fff'/%3E%3Crect width='40' height='40' style='fill:none'/%3E%3Cpolygon points='32.91 13.78 29.54 11.84 26.29 13.71 29.66 15.65 32.91 13.78' style='fill:%23e0684b'/%3E%3Cpolygon points='14.61 15.65 25.38 9.44 22.14 7.57 11.37 13.78 14.61 15.65' style='fill:%23e0684b'/%3E%3Cpolygon points='18.77 21.95 22.14 23.89 25.51 21.95 22.14 20 18.77 21.95' style='fill:%23e0684b'/%3E%3Cpolygon points='29.66 15.65 29.66 24.34 22.14 28.69 14.61 24.34 14.61 15.65 11.37 13.78 11.37 26.22 22.14 32.44 32.91 26.22 32.91 13.78 29.66 15.65' style='fill:%23bb464b'/%3E%3Cpolygon points='22.14 16.11 18.77 18.05 18.77 21.95 22.14 20 25.51 21.95 25.51 18.05 22.14 16.11' style='fill:%23bb464b'/%3E%3Cpolygon points='29.66 15.65 25.51 18.05 25.51 21.95 22.14 23.89 22.14 28.69 29.66 24.34 29.66 15.65' style='fill:%23e0ded8'/%3E%3Cpolygon points='14.61 15.65 18.77 18.05 18.77 21.95 22.14 23.89 22.14 28.69 14.61 24.34 14.61 15.65' style='fill:%23d5d2ca'/%3E%3Cpolygon points='25.38 9.44 29.54 11.84 26.29 13.71 29.66 15.65 25.51 18.05 22.14 16.11 18.77 18.05 14.61 15.65 25.38 9.44' style='fill:%23fff'/%3E%3C/svg%3E"
47165
47238
 
47166
47239
  /***/ }),
47167
47240
 
@@ -47172,7 +47245,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' v
47172
47245
  /*! no static exports found */
47173
47246
  /***/ (function(module, exports) {
47174
47247
 
47175
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M29.89,13.53a1.2,1.2,0,0,0-2,1.18l-6.23,6.23L21,20.26a1.41,1.41,0,0,0-2,0l-.67.68-6.23-6.23a1.21,1.21,0,1,0-.85.83l6.24,6.24-.58.58a1.4,1.4,0,0,0,0,2L19,26.42a1.4,1.4,0,0,0,2,0l2.09-2.09a1.4,1.4,0,0,0,0-2l-.58-.58,6.24-6.24a1.2,1.2,0,0,0,1.15-2Zm-7.66,10-2.09,2.09a.19.19,0,0,1-.28,0l-2.09-2.09a.21.21,0,0,1,0-.28l2.09-2.09a.22.22,0,0,1,.28,0l2.09,2.09A.21.21,0,0,1,22.23,23.48Z' style='fill:%23fff'/%3E%3C/svg%3E"
47248
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M27.11,13.05a1.49,1.49,0,0,0-2.05.53,1.47,1.47,0,0,0,.14,1.72l-4.78,8L20,22.92l-.42.42-4.78-8a1.47,1.47,0,0,0,.14-1.72,1.49,1.49,0,0,0-2-.53,1.5,1.5,0,0,0,1,2.76l4.91,8.26-1,1L20,27.16,22.12,25l-1-1,4.91-8.26a1.5,1.5,0,0,0,1.05-2.76Z' style='fill:%23fff'/%3E%3C/svg%3E"
47176
47249
 
47177
47250
  /***/ }),
47178
47251
 
@@ -47194,7 +47267,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' v
47194
47267
  /*! no static exports found */
47195
47268
  /***/ (function(module, exports) {
47196
47269
 
47197
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M22,8a2.79,2.79,0,0,1,0,3.95l-9.33,9.33a1.76,1.76,0,0,1-.78.45l-4,1.09a.58.58,0,0,1-.72-.72l1.09-4a1.76,1.76,0,0,1,.45-.78L18.06,8A2.79,2.79,0,0,1,22,8Zm-4.7,2.41L9.56,18.15a.46.46,0,0,0-.15.26l-.82,3,3-.82a.46.46,0,0,0,.26-.15l7.75-7.75Zm1.58-1.58-.75.75,2.29,2.29.75-.75a1.62,1.62,0,0,0-2.29-2.29Z' style='fill:%23fff'/%3E%3C/svg%3E"
47270
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M22,8A2.79,2.79,0,0,1,22,12h0l-9.33,9.33a1.76,1.76,0,0,1-.78.45l-4,1.09a.58.58,0,0,1-.72-.39.62.62,0,0,1,0-.33l1.09-4a1.76,1.76,0,0,1,.45-.78L18.06,8A2.8,2.8,0,0,1,22,8Zm-4.7,2.41L9.56,18.15a.46.46,0,0,0-.15.26l-.82,3,3-.82a.46.46,0,0,0,.26-.15l7.75-7.75Zm1.58-1.58-.75.75,2.29,2.29.75-.75a1.62,1.62,0,0,0-2.29-2.29Z' style='fill:%23fff'/%3E%3C/svg%3E"
47198
47271
 
47199
47272
  /***/ }),
47200
47273
 
@@ -47205,7 +47278,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47205
47278
  /*! no static exports found */
47206
47279
  /***/ (function(module, exports) {
47207
47280
 
47208
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' style='fill:none'/%3E%3Cpath d='M27.5,18.85a1.18,1.18,0,0,0-1,.62h-8.3a1.65,1.65,0,0,0-.3-.46l-2.1-2.09a1.4,1.4,0,0,0-2,0L11.7,19a1.41,1.41,0,0,0,0,2l2.09,2.09a1.39,1.39,0,0,0,2,0L17.86,21a1.67,1.67,0,0,0,.21-.33h8.4a1.2,1.2,0,1,0,1-1.81ZM17,20.14l-2.1,2.09a.2.2,0,0,1-.27,0l-2.09-2.09a.19.19,0,0,1,0-.28l2.09-2.09a.2.2,0,0,1,.14-.06.16.16,0,0,1,.13.06L17,19.86A.21.21,0,0,1,17,20.14Z' style='fill:%23fff'/%3E%3C/svg%3E"
47281
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M28,18.5a1.51,1.51,0,0,0-1.41,1H11.5v1H26.59a1.5,1.5,0,1,0,1.41-2Z' style='fill:%23fff'/%3E%3C/svg%3E"
47209
47282
 
47210
47283
  /***/ }),
47211
47284
 
@@ -47216,7 +47289,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47216
47289
  /*! no static exports found */
47217
47290
  /***/ (function(module, exports) {
47218
47291
 
47219
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' style='fill:none'/%3E%3Cpath d='M14.05,15a1,1,0,0,1,1-1h1.59a.6.6,0,0,0,.59-.6.59.59,0,0,0-.59-.59H15A2.17,2.17,0,0,0,12.86,15v1.59a.59.59,0,0,0,.59.59.6.6,0,0,0,.6-.59Z' style='fill:%23fff'/%3E%3Cpath d='M14.05,25a1,1,0,0,0,1,1h1.59a.6.6,0,0,1,.59.6.59.59,0,0,1-.59.59H15A2.17,2.17,0,0,1,12.86,25V23.37a.59.59,0,0,1,.59-.59.6.6,0,0,1,.6.59Z' style='fill:%23fff'/%3E%3Cpath d='M25,14.05a1,1,0,0,1,1,1v1.59a.6.6,0,0,0,.6.59.59.59,0,0,0,.59-.59V15A2.17,2.17,0,0,0,25,12.86H23.37a.59.59,0,0,0-.59.59.6.6,0,0,0,.59.6Z' style='fill:%23fff'/%3E%3Cpath d='M26,25a1,1,0,0,1-1,1H23.37a.6.6,0,0,0-.59.6.59.59,0,0,0,.59.59H25A2.17,2.17,0,0,0,27.14,25V23.37a.59.59,0,0,0-.59-.59.6.6,0,0,0-.6.59Z' style='fill:%23fff'/%3E%3C/svg%3E"
47292
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M14.05,15a1,1,0,0,1,1-1h1.59a.6.6,0,0,0,.59-.6.58.58,0,0,0-.59-.59H15A2.18,2.18,0,0,0,12.86,15v1.59a.58.58,0,0,0,.59.59h0a.6.6,0,0,0,.6-.59Zm0,10a1,1,0,0,0,1,1h1.59a.6.6,0,0,1,.59.6.58.58,0,0,1-.59.59H15A2.18,2.18,0,0,1,12.86,25V23.37a.58.58,0,0,1,.59-.59h0a.6.6,0,0,1,.6.59ZM25,14.05a1,1,0,0,1,1,1v1.59a.6.6,0,0,0,.6.59.58.58,0,0,0,.59-.59h0V15A2.18,2.18,0,0,0,25,12.86H23.37a.58.58,0,0,0-.59.59h0a.6.6,0,0,0,.59.6Zm1,11a1,1,0,0,1-1,1H23.37a.6.6,0,0,0-.59.6.58.58,0,0,0,.59.59H25A2.18,2.18,0,0,0,27.14,25V23.37a.58.58,0,0,0-.59-.59h0a.6.6,0,0,0-.6.59Z' style='fill:%23fff'/%3E%3C/svg%3E"
47220
47293
 
47221
47294
  /***/ }),
47222
47295
 
@@ -47227,7 +47300,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47227
47300
  /*! no static exports found */
47228
47301
  /***/ (function(module, exports) {
47229
47302
 
47230
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5,1.41a1,1,0,0,0-.71.3L1.71,4.29a1,1,0,0,0,0,1.42L4.29,8.29a1,1,0,0,0,1.42,0L8.29,5.71a1,1,0,0,0,0-1.42L5.71,1.71A1,1,0,0,0,5,1.41Z' style='fill:%23ffc017'/%3E%3Crect width='10' height='10' style='fill:none'/%3E%3Cpolyline points='5 2.41 5 2.41 7.59 5 5 7.59 2.41 5 5 2.41 5 2.41' style='fill:%23111'/%3E%3C/svg%3E"
47303
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5,1.41a1,1,0,0,0-.71.3L1.71,4.29a1,1,0,0,0,0,1.41h0L4.29,8.29a1,1,0,0,0,1.41,0h0L8.29,5.71a1,1,0,0,0,0-1.41h0L5.71,1.71A1,1,0,0,0,5,1.41Z' style='fill:%23ffc017'/%3E%3Crect width='10' height='10' style='fill:none'/%3E%3Cpolyline points='5 2.41 5 2.41 7.59 5 5 7.59 2.41 5 5 2.41 5 2.41' style='fill:%23111'/%3E%3C/svg%3E"
47231
47304
 
47232
47305
  /***/ }),
47233
47306
 
@@ -47238,7 +47311,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47238
47311
  /*! no static exports found */
47239
47312
  /***/ (function(module, exports) {
47240
47313
 
47241
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Crect width='10' height='10' style='fill:none'/%3E%3Cpath d='M5,1.41a1,1,0,0,0-.71.3L1.71,4.29a1,1,0,0,0,0,1.42L4.29,8.29a1,1,0,0,0,1.42,0L8.29,5.71a1,1,0,0,0,0-1.42L5.71,1.71A1,1,0,0,0,5,1.41Z' style='fill:%23aaa'/%3E%3Cpolyline points='5 2.41 5 2.41 7.59 5 5 7.59 2.41 5 5 2.41 5 2.41' style='fill:%23111'/%3E%3C/svg%3E"
47314
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Crect width='10' height='10' style='fill:none'/%3E%3Cpath d='M5,1.41a1,1,0,0,0-.71.3L1.71,4.29a1,1,0,0,0,0,1.41h0L4.29,8.29a1,1,0,0,0,1.41,0h0L8.29,5.71a1,1,0,0,0,0-1.41h0L5.71,1.71A1,1,0,0,0,5,1.41Z' style='fill:%23aaa'/%3E%3Cpolyline points='5 2.41 5 2.41 7.59 5 5 7.59 2.41 5 5 2.41 5 2.41' style='fill:%23111'/%3E%3C/svg%3E"
47242
47315
 
47243
47316
  /***/ }),
47244
47317
 
@@ -47260,7 +47333,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47260
47333
  /*! no static exports found */
47261
47334
  /***/ (function(module, exports) {
47262
47335
 
47263
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26.51,13.53a1.2,1.2,0,0,0-2,1.18l-6.23,6.23-.68-.68a1.4,1.4,0,0,0-2,0l-2.09,2.1a1.4,1.4,0,0,0,0,2l2.09,2.09a1.39,1.39,0,0,0,2,0l2.1-2.09a1.4,1.4,0,0,0,0-2l-.58-.58,6.24-6.24a1.2,1.2,0,0,0,1.15-2Zm-7.66,10-2.1,2.09a.18.18,0,0,1-.27,0l-2.09-2.09a.19.19,0,0,1,0-.28l2.09-2.09a.19.19,0,0,1,.14-.05.15.15,0,0,1,.13.05l2.1,2.09A.21.21,0,0,1,18.85,23.48Z' style='fill:%23fff'/%3E%3C/svg%3E"
47336
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26,14a1.49,1.49,0,0,0-2.4,1.69l-10,10,.71.71,10-10A1.49,1.49,0,0,0,26,14Z' style='fill:%23fff'/%3E%3C/svg%3E"
47264
47337
 
47265
47338
  /***/ }),
47266
47339
 
@@ -47271,7 +47344,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47271
47344
  /*! no static exports found */
47272
47345
  /***/ (function(module, exports) {
47273
47346
 
47274
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M20.06,8.38a.59.59,0,1,0,0-1.17H9.93a.59.59,0,0,0,0,1.17ZM14.92,22.79H15a.59.59,0,0,0,.58-.5V11.55l2.9,2.89a.58.58,0,0,0,.76.06l.07-.06a.58.58,0,0,0,.05-.76l-.05-.06-3.9-3.89a.58.58,0,0,0-.76-.06l-.06.05-3.9,3.9a.57.57,0,0,0,0,.82.58.58,0,0,0,.76.06l.07-.06,2.89-2.89V22.21A.59.59,0,0,0,14.92,22.79Z' style='fill:%23fff'/%3E%3C/svg%3E"
47347
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M20.06,8.38a.59.59,0,0,0,.66-.51.59.59,0,0,0-.51-.66H9.93a.59.59,0,0,0-.51.66.57.57,0,0,0,.51.51ZM14.92,22.79H15a.59.59,0,0,0,.58-.5V11.55l2.9,2.89a.58.58,0,0,0,.76.06l.07-.06a.59.59,0,0,0,.05-.76l-.05-.06-3.9-3.89a.58.58,0,0,0-.76-.06l-.06.05-3.9,3.9a.58.58,0,0,0,0,.81h0a.58.58,0,0,0,.76.06l.07-.06,2.89-2.89V22.21A.59.59,0,0,0,14.92,22.79Z' style='fill:%23fff'/%3E%3C/svg%3E"
47275
47348
 
47276
47349
  /***/ }),
47277
47350
 
@@ -47282,7 +47355,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47282
47355
  /*! no static exports found */
47283
47356
  /***/ (function(module, exports) {
47284
47357
 
47285
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M21.83,14.83l3.34,3.34a2.59,2.59,0,0,1,0,3.66l-3.34,3.34a2.59,2.59,0,0,1-3.66,0l-3.34-3.34a2.59,2.59,0,0,1,0-3.66l3.34-3.34A2.59,2.59,0,0,1,21.83,14.83ZM19,15.68,15.68,19a1.37,1.37,0,0,0,0,2L19,24.32a1.37,1.37,0,0,0,2,0L24.32,21a1.37,1.37,0,0,0,0-2L21,15.68A1.37,1.37,0,0,0,19,15.68Z' style='fill:%23fff'/%3E%3C/svg%3E"
47358
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' style='fill:none'/%3E%3Cpath d='M21.83,14.83l3.34,3.34a2.59,2.59,0,0,1,0,3.66l-3.34,3.34a2.59,2.59,0,0,1-3.66,0l-3.34-3.34a2.59,2.59,0,0,1,0-3.66l3.34-3.34A2.59,2.59,0,0,1,21.83,14.83ZM19,15.68,15.68,19a1.37,1.37,0,0,0-.06,1.94l.06.06L19,24.32a1.37,1.37,0,0,0,1.94.06l.06-.06L24.32,21a1.37,1.37,0,0,0,.06-1.94L24.32,19,21,15.68a1.37,1.37,0,0,0-1.94-.06Z' style='fill:%23fff'/%3E%3C/svg%3E"
47286
47359
 
47287
47360
  /***/ }),
47288
47361
 
@@ -47293,7 +47366,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47293
47366
  /*! no static exports found */
47294
47367
  /***/ (function(module, exports) {
47295
47368
 
47296
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M8,10.16A2.13,2.13,0,0,1,10.15,8h7.73a2.51,2.51,0,0,1,1.78.73l1.58,1.58A2.51,2.51,0,0,1,22,12.12v7.73A2.13,2.13,0,0,1,19.84,22H10.15A2.14,2.14,0,0,1,8,19.85Zm2.13-1a1,1,0,0,0-1,1v9.69a1,1,0,0,0,1,1h.2V16.75A1.74,1.74,0,0,1,12.09,15h5.82a1.74,1.74,0,0,1,1.74,1.75v4.07h.19a1,1,0,0,0,1-1V12.12a1.35,1.35,0,0,0-.4-1L18.84,9.59a1.26,1.26,0,0,0-.74-.38v2.11a1.74,1.74,0,0,1-1.75,1.74H12.87a1.74,1.74,0,0,1-1.75-1.74V9.19Zm8.34,11.63V16.75a.58.58,0,0,0-.58-.59H12.09a.58.58,0,0,0-.58.59v4.07ZM12.29,9.19v2.13a.58.58,0,0,0,.58.58h3.48a.58.58,0,0,0,.59-.58V9.19Z' style='fill:%23fff'/%3E%3C/svg%3E"
47369
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' style='fill:none'/%3E%3Cpath d='M8,10.16A2.13,2.13,0,0,1,10.1,8h7.78a2.51,2.51,0,0,1,1.78.73l1.58,1.58A2.53,2.53,0,0,1,22,12.12v7.73A2.13,2.13,0,0,1,19.89,22H10.15A2.14,2.14,0,0,1,8,19.87V10.16Zm2.13-1a1,1,0,0,0-1,1v9.69a1,1,0,0,0,1,1h.2v-4.1A1.74,1.74,0,0,1,12.06,15h5.85a1.74,1.74,0,0,1,1.74,1.74h0v4.07h.19a1,1,0,0,0,1-1v-7.7a1.38,1.38,0,0,0-.4-1l-1.6-1.53a1.26,1.26,0,0,0-.74-.38v2.11a1.74,1.74,0,0,1-1.74,1.74H12.87a1.73,1.73,0,0,1-1.75-1.73h0V9.19Zm8.34,11.63v-4a.59.59,0,0,0-.57-.59H12.09a.58.58,0,0,0-.58.58h0v4.07ZM12.29,9.19v2.13a.58.58,0,0,0,.58.58h3.48a.58.58,0,0,0,.59-.57h0V9.19Z' style='fill:%23fff'/%3E%3C/svg%3E"
47297
47370
 
47298
47371
  /***/ }),
47299
47372
 
@@ -47304,7 +47377,18 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47304
47377
  /*! no static exports found */
47305
47378
  /***/ (function(module, exports) {
47306
47379
 
47307
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Crect width='20' height='21' style='fill:none'/%3E%3Cpath d='M13.68,17.39V3.61a.61.61,0,0,1,1.21-.08V17.39a.61.61,0,0,1-1.22.08Zm-4.29,0V3.61A.61.61,0,0,1,10,3a.62.62,0,0,1,.61.53V17.39a.61.61,0,0,1-1.21.08Zm-4.29,0V3.61a.61.61,0,0,1,1.22-.08V17.39a.61.61,0,0,1-1.21.08Z' style='fill:%23333'/%3E%3C/svg%3E"
47380
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21'%3E%3Crect width='20' height='21' style='fill:none'/%3E%3Cpath d='M13.68,17.39V3.61A.6.6,0,0,1,14.32,3a.61.61,0,0,1,.57.5V17.39a.61.61,0,1,1-1.22.08Zm-4.29,0V3.61A.61.61,0,0,1,10,3a.62.62,0,0,1,.61.53V17.39A.6.6,0,0,1,10,18a.61.61,0,0,1-.57-.5Zm-4.29,0V3.61a.61.61,0,0,1,1.22-.08V17.39a.6.6,0,0,1-.64.58.61.61,0,0,1-.57-.5Z' style='fill:%23333'/%3E%3C/svg%3E"
47381
+
47382
+ /***/ }),
47383
+
47384
+ /***/ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/stepTangentIcon.svg":
47385
+ /*!****************************************************************************************************!*\
47386
+ !*** ./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/stepTangentIcon.svg ***!
47387
+ \****************************************************************************************************/
47388
+ /*! no static exports found */
47389
+ /***/ (function(module, exports) {
47390
+
47391
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M29,16.71a1.5,1.5,0,1,0-2,1.41v5.67H11v1H28V18.12A1.51,1.51,0,0,0,29,16.71Z' style='fill:%23fff'/%3E%3C/svg%3E"
47308
47392
 
47309
47393
  /***/ }),
47310
47394
 
@@ -47315,7 +47399,7 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47315
47399
  /*! no static exports found */
47316
47400
  /***/ (function(module, exports) {
47317
47401
 
47318
- module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M29.89,10.2a1.2,1.2,0,0,0-2,1.18l-6.23,6.23L21,16.94a1.39,1.39,0,0,0-2,0L16.92,19a1.4,1.4,0,0,0,0,2l.57.56-6.23,6.23a1.18,1.18,0,0,0-1.15.3,1.2,1.2,0,0,0,0,1.71,1.2,1.2,0,0,0,2-1.18l6.22-6.22.68.69a1.4,1.4,0,0,0,2,0L23.08,21a1.4,1.4,0,0,0,0-2l-.58-.58,6.24-6.24a1.18,1.18,0,0,0,1.15-.3A1.2,1.2,0,0,0,29.89,10.2Zm-7.66,10-2.09,2.09a.19.19,0,0,1-.28,0l-2.09-2.09a.2.2,0,0,1,0-.27l2.09-2.09a.19.19,0,0,1,.28,0l2.09,2.09A.2.2,0,0,1,22.23,20.15Z' style='fill:%23fff'/%3E%3C/svg%3E"
47402
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M27.94,18.28a1.49,1.49,0,0,0-1.41,1h-5l-1.62-1.63-1.62,1.63h-5a1.5,1.5,0,1,0,0,1h5l1.62,1.62,1.62-1.62h5a1.5,1.5,0,1,0,1.41-2Z' style='fill:%23fff'/%3E%3C/svg%3E"
47319
47403
 
47320
47404
  /***/ }),
47321
47405
 
@@ -47332,8 +47416,10 @@ __webpack_require__.r(__webpack_exports__);
47332
47416
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
47333
47417
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
47334
47418
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
47335
- /* harmony import */ var _mediaPlayerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mediaPlayerComponent */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/bottomBar/mediaPlayerComponent.tsx");
47336
- /* harmony import */ var _rangeSelectorComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./rangeSelectorComponent */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/bottomBar/rangeSelectorComponent.tsx");
47419
+ /* harmony import */ var _controls_textInputComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../controls/textInputComponent */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/textInputComponent.tsx");
47420
+ /* harmony import */ var _mediaPlayerComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mediaPlayerComponent */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/bottomBar/mediaPlayerComponent.tsx");
47421
+ /* harmony import */ var _rangeSelectorComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./rangeSelectorComponent */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/bottomBar/rangeSelectorComponent.tsx");
47422
+
47337
47423
 
47338
47424
 
47339
47425
 
@@ -47343,18 +47429,56 @@ var BottomBarComponent = /** @class */ (function (_super) {
47343
47429
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(BottomBarComponent, _super);
47344
47430
  function BottomBarComponent(props) {
47345
47431
  var _this = _super.call(this, props) || this;
47346
- _this.state = {};
47432
+ _this.state = { clipLength: _this.props.context.clipLength ? _this.props.context.clipLength.toFixed(0) : _this.props.context.referenceMaxFrame.toFixed(0) };
47347
47433
  _this._onAnimationsLoadedObserver = _this.props.context.onAnimationsLoaded.add(function () {
47348
47434
  _this.forceUpdate();
47349
47435
  });
47350
47436
  _this._onActiveAnimationChangedObserver = _this.props.context.onActiveAnimationChanged.add(function () {
47351
47437
  _this.forceUpdate();
47352
47438
  });
47439
+ _this._onClipLengthIncreasedObserver = _this.props.context.onClipLengthIncreased.add(function (newClipLength) {
47440
+ // New clip length is greater than current clip length: add a key frame at the new clip length location with the same value as the previous frame
47441
+ _this.props.context.clipLength = newClipLength;
47442
+ _this.props.context.onMoveToFrameRequired.notifyObservers(newClipLength);
47443
+ var keyAlreadyExists = _this._getKeyAtFrame(newClipLength) !== null;
47444
+ if (!keyAlreadyExists) {
47445
+ _this.props.context.onNewKeyPointRequired.notifyObservers();
47446
+ }
47447
+ _this.setState({ clipLength: newClipLength.toFixed(0) });
47448
+ });
47449
+ _this._onClipLengthIncreasedObserver = _this.props.context.onClipLengthDecreased.add(function (newClipLength) {
47450
+ // New clip length is smaller than current clip length: move the playing range to the new clip length
47451
+ _this.props.context.clipLength = newClipLength;
47452
+ _this.props.context.onMoveToFrameRequired.notifyObservers(newClipLength);
47453
+ var keyAlreadyExists = _this._getKeyAtFrame(newClipLength) !== null;
47454
+ if (!keyAlreadyExists) {
47455
+ _this.props.context.onNewKeyPointRequired.notifyObservers();
47456
+ }
47457
+ _this.props.context.toKey = Math.min(_this.props.context.toKey, _this.props.context.clipLength);
47458
+ _this.props.context.onRangeUpdated.notifyObservers();
47459
+ _this.setState({ clipLength: newClipLength.toFixed(0) });
47460
+ });
47353
47461
  return _this;
47354
47462
  }
47355
- BottomBarComponent.prototype._renderMaxFrame = function () {
47463
+ BottomBarComponent.prototype._changeClipLength = function (newClipLength) {
47464
+ var currClipLength = this.props.context.clipLength || this.props.context.referenceMaxFrame;
47465
+ if (currClipLength < newClipLength) {
47466
+ this.props.context.onClipLengthIncreased.notifyObservers(newClipLength);
47467
+ }
47468
+ else if (currClipLength > newClipLength) {
47469
+ this.props.context.onClipLengthDecreased.notifyObservers(newClipLength);
47470
+ }
47471
+ this.setState({ clipLength: newClipLength.toFixed(0) });
47472
+ };
47473
+ BottomBarComponent.prototype._getKeyAtFrame = function (frameNumber) {
47356
47474
  var keys = this.props.context.activeAnimations[0].getKeys();
47357
- return Math.round(keys[keys.length - 1].frame);
47475
+ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
47476
+ var key = keys_1[_i];
47477
+ if (Math.floor(frameNumber - key.frame) === 0) {
47478
+ return key;
47479
+ }
47480
+ }
47481
+ return null;
47358
47482
  };
47359
47483
  BottomBarComponent.prototype.componentWillUnmount = function () {
47360
47484
  if (this._onAnimationsLoadedObserver) {
@@ -47363,13 +47487,23 @@ var BottomBarComponent = /** @class */ (function (_super) {
47363
47487
  if (this._onActiveAnimationChangedObserver) {
47364
47488
  this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver);
47365
47489
  }
47490
+ if (this._onClipLengthDecreasedObserver) {
47491
+ this.props.context.onClipLengthDecreased.remove(this._onClipLengthDecreasedObserver);
47492
+ }
47493
+ if (this._onClipLengthIncreasedObserver) {
47494
+ this.props.context.onClipLengthDecreased.remove(this._onClipLengthIncreasedObserver);
47495
+ }
47366
47496
  };
47367
47497
  BottomBarComponent.prototype.render = function () {
47498
+ var _this = this;
47368
47499
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "bottom-bar" },
47369
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_mediaPlayerComponent__WEBPACK_IMPORTED_MODULE_2__["MediaPlayerComponent"], { globalState: this.props.globalState, context: this.props.context }),
47370
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_rangeSelectorComponent__WEBPACK_IMPORTED_MODULE_3__["RangeSelectorComponent"], { globalState: this.props.globalState, context: this.props.context }),
47500
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_mediaPlayerComponent__WEBPACK_IMPORTED_MODULE_3__["MediaPlayerComponent"], { globalState: this.props.globalState, context: this.props.context }),
47501
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_rangeSelectorComponent__WEBPACK_IMPORTED_MODULE_4__["RangeSelectorComponent"], { globalState: this.props.globalState, context: this.props.context }),
47371
47502
  this.props.context.activeAnimations.length > 0 &&
47372
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "bottom-bar-total" }, this._renderMaxFrame())));
47503
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "bottom-bar-total" },
47504
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_2__["TextInputComponent"], { isNumber: true, value: this.state.clipLength, tooltip: "Clip Length", id: "clip-range", onValueAsNumberChanged: function (newValue, isFocused) {
47505
+ !isFocused && _this._changeClipLength(newValue);
47506
+ }, globalState: this.props.globalState, context: this.props.context }))));
47373
47507
  };
47374
47508
  return BottomBarComponent;
47375
47509
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -47409,6 +47543,10 @@ var endKeyIcon = __webpack_require__(/*! ../assets/animationEndIcon.svg */ "./co
47409
47543
  var endKeyHoverIcon = __webpack_require__(/*! ../assets/animationEndHoverIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationEndHoverIcon.svg");
47410
47544
  var stopIcon = __webpack_require__(/*! ../assets/animationStopIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationStopIcon.svg");
47411
47545
  var stopHoverIcon = __webpack_require__(/*! ../assets/animationStopHoverIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationStopHoverIcon.svg");
47546
+ var nextFrameIcon = __webpack_require__(/*! ../assets/animationNextFrameIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameIcon.svg");
47547
+ var nextFrameHoverIcon = __webpack_require__(/*! ../assets/animationNextFrameHoverIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationNextFrameHoverIcon.svg");
47548
+ var lastFrameIcon = __webpack_require__(/*! ../assets/animationLastFrameIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameIcon.svg");
47549
+ var lastFrameHoverIcon = __webpack_require__(/*! ../assets/animationLastFrameHoverIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/animationLastFrameHoverIcon.svg");
47412
47550
  var MediaPlayerComponent = /** @class */ (function (_super) {
47413
47551
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(MediaPlayerComponent, _super);
47414
47552
  function MediaPlayerComponent(props) {
@@ -47433,24 +47571,10 @@ var MediaPlayerComponent = /** @class */ (function (_super) {
47433
47571
  this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.fromKey);
47434
47572
  };
47435
47573
  MediaPlayerComponent.prototype._onPrevKey = function () {
47436
- if (!this.props.context.animations || !this.props.context.animations.length || this.props.context.activeAnimations.length === 0) {
47437
- return;
47574
+ var prevKey = this.props.context.getPrevKey();
47575
+ if (prevKey !== null) {
47576
+ this.props.context.onMoveToFrameRequired.notifyObservers(prevKey);
47438
47577
  }
47439
- var prevKey = -Number.MAX_VALUE;
47440
- for (var _i = 0, _a = this.props.context.activeAnimations; _i < _a.length; _i++) {
47441
- var animation = _a[_i];
47442
- var keys = animation.getKeys();
47443
- for (var _b = 0, keys_1 = keys; _b < keys_1.length; _b++) {
47444
- var key = keys_1[_b];
47445
- if (key.frame < this.props.context.activeFrame && key.frame > prevKey) {
47446
- prevKey = key.frame;
47447
- }
47448
- }
47449
- }
47450
- if (prevKey === -Number.MAX_VALUE) {
47451
- prevKey = this.props.context.fromKey;
47452
- }
47453
- this.props.context.onMoveToFrameRequired.notifyObservers(prevKey);
47454
47578
  };
47455
47579
  MediaPlayerComponent.prototype._onRewind = function () {
47456
47580
  this.props.context.play(false);
@@ -47460,25 +47584,17 @@ var MediaPlayerComponent = /** @class */ (function (_super) {
47460
47584
  this.props.context.play(true);
47461
47585
  this.forceUpdate();
47462
47586
  };
47587
+ MediaPlayerComponent.prototype._onPrevFrame = function () {
47588
+ this.props.context.onMoveToFrameRequired.notifyObservers(Math.max(0, this.props.context.activeFrame - 1));
47589
+ };
47590
+ MediaPlayerComponent.prototype._onNextFrame = function () {
47591
+ this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.activeFrame + 1);
47592
+ };
47463
47593
  MediaPlayerComponent.prototype._onNextKey = function () {
47464
- if (!this.props.context.animations || !this.props.context.animations.length) {
47465
- return;
47466
- }
47467
- var nextKey = Number.MAX_VALUE;
47468
- for (var _i = 0, _a = this.props.context.activeAnimations; _i < _a.length; _i++) {
47469
- var animation = _a[_i];
47470
- var keys = animation.getKeys();
47471
- for (var _b = 0, keys_2 = keys; _b < keys_2.length; _b++) {
47472
- var key = keys_2[_b];
47473
- if (key.frame > this.props.context.activeFrame && key.frame < nextKey) {
47474
- nextKey = key.frame;
47475
- }
47476
- }
47594
+ var nextKey = this.props.context.getNextKey();
47595
+ if (nextKey !== null) {
47596
+ this.props.context.onMoveToFrameRequired.notifyObservers(nextKey);
47477
47597
  }
47478
- if (nextKey === Number.MAX_VALUE) {
47479
- nextKey = this.props.context.toKey;
47480
- }
47481
- this.props.context.onMoveToFrameRequired.notifyObservers(nextKey);
47482
47598
  };
47483
47599
  MediaPlayerComponent.prototype._onEndKey = function () {
47484
47600
  this.props.context.onMoveToFrameRequired.notifyObservers(this.props.context.toKey);
@@ -47491,6 +47607,7 @@ var MediaPlayerComponent = /** @class */ (function (_super) {
47491
47607
  var _this = this;
47492
47608
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "media-player" },
47493
47609
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Rewind to the first frame of the selected timeline", id: "start-key", context: this.props.context, globalState: this.props.globalState, icon: startKeyIcon, hoverIcon: startKeyHoverIcon, onClick: function () { return _this._onFirstKey(); } }),
47610
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Rewind to the previous frame", id: "prev-frame", context: this.props.context, globalState: this.props.globalState, icon: lastFrameIcon, hoverIcon: lastFrameHoverIcon, onClick: function () { return _this._onPrevFrame(); } }),
47494
47611
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Rewind to the previous key frame", id: "first-key", context: this.props.context, globalState: this.props.globalState, icon: firstKeyIcon, hoverIcon: firstKeyHoverIcon, onClick: function () { return _this._onPrevKey(); } }),
47495
47612
  (this.props.context.isPlaying && this.props.context.forwardAnimation || !this.props.context.isPlaying) &&
47496
47613
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Play backwards", id: "rev-key", context: this.props.context, globalState: this.props.globalState, icon: revKeyIcon, hoverIcon: revKeyHoverIcon, onClick: function () { return _this._onRewind(); } }),
@@ -47501,6 +47618,7 @@ var MediaPlayerComponent = /** @class */ (function (_super) {
47501
47618
  (this.props.context.isPlaying && this.props.context.forwardAnimation) &&
47502
47619
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Stop", id: "stop-key", context: this.props.context, globalState: this.props.globalState, icon: stopIcon, hoverIcon: stopHoverIcon, onClick: function () { return _this._onStop(); } }),
47503
47620
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Advance to the next key frame", id: "next-key", context: this.props.context, globalState: this.props.globalState, icon: nextKeyIcon, hoverIcon: nextKeyHoverIcon, onClick: function () { return _this._onNextKey(); } }),
47621
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Advance to the next frame", id: "next-frame", context: this.props.context, globalState: this.props.globalState, icon: nextFrameIcon, hoverIcon: nextFrameHoverIcon, onClick: function () { return _this._onNextFrame(); } }),
47504
47622
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_controlButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ControlButtonComponent"], { tooltip: "Advance to the last frame of the selected timeline", id: "end-key", context: this.props.context, globalState: this.props.globalState, icon: endKeyIcon, hoverIcon: endKeyHoverIcon, onClick: function () { return _this._onEndKey(); } })));
47505
47623
  };
47506
47624
  return MediaPlayerComponent;
@@ -47671,6 +47789,7 @@ var Context = /** @class */ (function () {
47671
47789
  this.forwardAnimation = true;
47672
47790
  this.referenceMinFrame = 0;
47673
47791
  this.referenceMaxFrame = 100;
47792
+ this.focusedInput = false;
47674
47793
  this.onActiveAnimationChanged = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47675
47794
  this.onActiveKeyPointChanged = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47676
47795
  this.onHostWindowResized = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
@@ -47688,6 +47807,7 @@ var Context = /** @class */ (function () {
47688
47807
  this.onLinearTangentRequired = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47689
47808
  this.onBreakTangentRequired = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47690
47809
  this.onUnifyTangentRequired = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47810
+ this.onStepTangentRequired = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47691
47811
  this.onDeleteAnimation = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47692
47812
  this.onGraphMoved = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47693
47813
  this.onGraphScaled = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
@@ -47699,6 +47819,9 @@ var Context = /** @class */ (function () {
47699
47819
  this.onAnimationsLoaded = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47700
47820
  this.onEditAnimationRequired = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47701
47821
  this.onEditAnimationUIClosed = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47822
+ this.onClipLengthIncreased = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47823
+ this.onClipLengthDecreased = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47824
+ this.onInterpolationModeSet = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47702
47825
  this.onSelectToActivated = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47703
47826
  }
47704
47827
  Context.prototype.prepare = function () {
@@ -47713,6 +47836,7 @@ var Context = /** @class */ (function () {
47713
47836
  this.referenceMinFrame = 0;
47714
47837
  this.referenceMaxFrame = this.toKey;
47715
47838
  this.snippetId = animation.snippetId;
47839
+ this.clipLength = this.referenceMaxFrame;
47716
47840
  if (!animation || !animation.hasRunningRuntimeAnimations) {
47717
47841
  return;
47718
47842
  }
@@ -47824,6 +47948,46 @@ var Context = /** @class */ (function () {
47824
47948
  }
47825
47949
  return -1;
47826
47950
  };
47951
+ Context.prototype.getPrevKey = function () {
47952
+ if (!this.animations || !this.animations.length || this.activeAnimations.length === 0) {
47953
+ return null;
47954
+ }
47955
+ var prevKey = -Number.MAX_VALUE;
47956
+ for (var _i = 0, _a = this.activeAnimations; _i < _a.length; _i++) {
47957
+ var animation = _a[_i];
47958
+ var keys = animation.getKeys();
47959
+ for (var _b = 0, keys_1 = keys; _b < keys_1.length; _b++) {
47960
+ var key = keys_1[_b];
47961
+ if (key.frame < this.activeFrame && key.frame > prevKey) {
47962
+ prevKey = key.frame;
47963
+ }
47964
+ }
47965
+ }
47966
+ if (prevKey === -Number.MAX_VALUE) {
47967
+ prevKey = this.fromKey;
47968
+ }
47969
+ return prevKey;
47970
+ };
47971
+ Context.prototype.getNextKey = function () {
47972
+ if (!this.animations || !this.animations.length) {
47973
+ return null;
47974
+ }
47975
+ var nextKey = Number.MAX_VALUE;
47976
+ for (var _i = 0, _a = this.activeAnimations; _i < _a.length; _i++) {
47977
+ var animation = _a[_i];
47978
+ var keys = animation.getKeys();
47979
+ for (var _b = 0, keys_2 = keys; _b < keys_2.length; _b++) {
47980
+ var key = keys_2[_b];
47981
+ if (key.frame > this.activeFrame && key.frame < nextKey) {
47982
+ nextKey = key.frame;
47983
+ }
47984
+ }
47985
+ }
47986
+ if (nextKey === Number.MAX_VALUE) {
47987
+ nextKey = this.toKey;
47988
+ }
47989
+ return nextKey;
47990
+ };
47827
47991
  return Context;
47828
47992
  }());
47829
47993
 
@@ -47927,23 +48091,24 @@ var TextInputComponent = /** @class */ (function (_super) {
47927
48091
  var valueAsNumber = parseFloat(value);
47928
48092
  if (!isNaN(valueAsNumber)) {
47929
48093
  if (this.props.onValueAsNumberChanged) {
47930
- this.props.onValueAsNumberChanged(valueAsNumber);
48094
+ this.props.onValueAsNumberChanged(valueAsNumber, true);
47931
48095
  }
47932
48096
  this._lastKnownGoodValue = valueAsNumber.toString();
47933
48097
  }
47934
- else if (value !== "-") {
48098
+ else if (value !== "-" && value !== "") {
47935
48099
  return;
47936
48100
  }
47937
48101
  }
47938
- this.setState({ value: value });
47939
48102
  this._lastKnownGoodValue = value;
48103
+ this.setState({ value: value });
47940
48104
  };
47941
48105
  TextInputComponent.prototype._onBlur = function () {
48106
+ this.props.context.focusedInput = false;
47942
48107
  if (this.props.isNumber) {
47943
48108
  var valueAsNumber = parseFloat(this.state.value);
47944
48109
  if (!isNaN(valueAsNumber)) {
47945
48110
  if (this.props.onValueAsNumberChanged) {
47946
- this.props.onValueAsNumberChanged(valueAsNumber);
48111
+ this.props.onValueAsNumberChanged(valueAsNumber, false);
47947
48112
  }
47948
48113
  this.setState({ value: valueAsNumber.toString(), isFocused: false });
47949
48114
  }
@@ -47955,6 +48120,7 @@ var TextInputComponent = /** @class */ (function (_super) {
47955
48120
  this.setState({ isFocused: false });
47956
48121
  };
47957
48122
  TextInputComponent.prototype._onFocus = function () {
48123
+ this.props.context.focusedInput = true;
47958
48124
  this.setState({ isFocused: true });
47959
48125
  };
47960
48126
  TextInputComponent.prototype.shouldComponentUpdate = function (newProps, newState) {
@@ -47963,9 +48129,19 @@ var TextInputComponent = /** @class */ (function (_super) {
47963
48129
  }
47964
48130
  return true;
47965
48131
  };
48132
+ TextInputComponent.prototype._onKeyPress = function (evt) {
48133
+ if (evt.key === "Enter") {
48134
+ var valueAsNumber = parseFloat(this.state.value);
48135
+ if (!isNaN(valueAsNumber)) {
48136
+ if (this.props.onValueAsNumberChanged) {
48137
+ this.props.onValueAsNumberChanged(valueAsNumber, false);
48138
+ }
48139
+ }
48140
+ }
48141
+ };
47966
48142
  TextInputComponent.prototype.render = function () {
47967
48143
  var _this = this;
47968
- return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "text", title: this.props.tooltip, onFocus: function () { return _this._onFocus(); }, onBlur: function () { return _this._onBlur(); }, className: "text-input" + (this.props.className ? " " + this.props.className : ""), onChange: function (evt) { return _this._onChange(_this.props.complement ? evt.target.value.replace(_this.props.complement, "") : evt.target.value); }, value: (this.state.value || "") + (!this.state.isFocused && this.props.complement ? this.props.complement : ""), id: this.props.id }));
48144
+ return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "text", title: this.props.tooltip, onFocus: function () { return _this._onFocus(); }, onBlur: function () { return _this._onBlur(); }, className: "text-input" + (this.props.className ? " " + this.props.className : ""), onChange: function (evt) { return _this._onChange(_this.props.complement ? evt.target.value.replace(_this.props.complement, "") : evt.target.value); }, onKeyPress: function (evt) { return _this._onKeyPress(evt); }, value: (this.state.value || "") + (!this.state.isFocused && this.props.complement ? this.props.complement : ""), id: this.props.id }));
47969
48145
  };
47970
48146
  return TextInputComponent;
47971
48147
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -48039,13 +48215,14 @@ var CanvasComponent = /** @class */ (function (_super) {
48039
48215
  "use strict";
48040
48216
  __webpack_require__.r(__webpack_exports__);
48041
48217
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Curve", function() { return Curve; });
48042
- /* harmony import */ var _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babylonjs/core/Misc/observable */ "@babylonjs/core/Misc/observable");
48043
- /* harmony import */ var _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
48218
+ /* harmony import */ var _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babylonjs/core/Animations/animationKey */ "@babylonjs/core/Misc/observable");
48219
+ /* harmony import */ var _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__);
48220
+
48044
48221
 
48045
48222
  var Curve = /** @class */ (function () {
48046
48223
  function Curve(color, animation, property, tangentBuilder, setDefaultInTangent, setDefaultOutTangent) {
48047
48224
  this.keys = new Array();
48048
- this.onDataUpdatedObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
48225
+ this.onDataUpdatedObservable = new _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
48049
48226
  this.color = color;
48050
48227
  this.animation = animation;
48051
48228
  this.property = property;
@@ -48053,7 +48230,7 @@ var Curve = /** @class */ (function () {
48053
48230
  this.setDefaultInTangent = setDefaultInTangent;
48054
48231
  this.setDefaultOutTangent = setDefaultOutTangent;
48055
48232
  }
48056
- Curve.prototype.gePathData = function (convertX, convertY) {
48233
+ Curve.prototype.getPathData = function (convertX, convertY) {
48057
48234
  var keys = this.keys;
48058
48235
  if (keys.length < 2) {
48059
48236
  return "";
@@ -48065,7 +48242,14 @@ var Curve = /** @class */ (function () {
48065
48242
  var currentFrame = keys[keyIndex].frame;
48066
48243
  var currentValue = keys[keyIndex].value;
48067
48244
  var prevFrame = keys[keyIndex - 1].frame;
48245
+ var prevValue = keys[keyIndex - 1].value;
48068
48246
  var frameDist = currentFrame - prevFrame;
48247
+ var prevInterpolation = keys[keyIndex - 1].interpolation;
48248
+ if (prevInterpolation === _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__["AnimationKeyInterpolation"].STEP) { // Draw a stepped curve
48249
+ pathData += "L " + convertX(currentFrame) + " " + convertY(prevValue);
48250
+ pathData += "L " + convertX(currentFrame) + " " + convertY(currentValue);
48251
+ continue;
48252
+ }
48069
48253
  if (outTangent === undefined && inTangent === undefined) { // Draw a straight line
48070
48254
  pathData += " L" + convertX(currentFrame) + " " + convertY(currentValue);
48071
48255
  continue;
@@ -48086,13 +48270,20 @@ var Curve = /** @class */ (function () {
48086
48270
  var animationKeys = this.animation.getKeys();
48087
48271
  animationKeys[keyIndex].lockedTangent = enabled;
48088
48272
  };
48273
+ Curve.prototype.updateInterpolationMode = function (keyIndex, interpolationMode) {
48274
+ var keys = this.keys;
48275
+ keys[keyIndex].interpolation = interpolationMode;
48276
+ var animationKeys = this.animation.getKeys();
48277
+ animationKeys[keyIndex].interpolation = interpolationMode;
48278
+ this.onDataUpdatedObservable.notifyObservers();
48279
+ };
48089
48280
  Curve.prototype.getInControlPoint = function (keyIndex) {
48090
48281
  if (keyIndex === 0) {
48091
48282
  return 0;
48092
48283
  }
48093
48284
  var keys = this.keys;
48094
48285
  var inTangent = keys[keyIndex].inTangent;
48095
- if (inTangent === undefined) {
48286
+ if (inTangent === undefined && this.hasDefinedInTangent(keyIndex)) {
48096
48287
  inTangent = this.evaluateInTangent(keyIndex);
48097
48288
  }
48098
48289
  return inTangent;
@@ -48103,17 +48294,33 @@ var Curve = /** @class */ (function () {
48103
48294
  return 0;
48104
48295
  }
48105
48296
  var outTangent = keys[keyIndex].outTangent;
48106
- if (outTangent === undefined) {
48297
+ if (outTangent === undefined && this.hasDefinedOutTangent(keyIndex)) {
48107
48298
  outTangent = this.evaluateOutTangent(keyIndex);
48108
48299
  }
48109
48300
  return outTangent;
48110
48301
  };
48302
+ Curve.prototype.hasDefinedOutTangent = function (keyIndex) {
48303
+ var keys = this.keys;
48304
+ if (keyIndex === this.keys.length - 1)
48305
+ return false;
48306
+ var prevFrame = keys[keyIndex].frame;
48307
+ var currentFrame = keys[keyIndex + 1].frame;
48308
+ return prevFrame !== currentFrame;
48309
+ };
48111
48310
  Curve.prototype.evaluateOutTangent = function (keyIndex) {
48112
48311
  var keys = this.keys;
48113
48312
  var prevFrame = keys[keyIndex].frame;
48114
48313
  var currentFrame = keys[keyIndex + 1].frame;
48115
48314
  return (keys[keyIndex + 1].value - keys[keyIndex].value) / (currentFrame - prevFrame);
48116
48315
  };
48316
+ Curve.prototype.hasDefinedInTangent = function (keyIndex) {
48317
+ if (keyIndex === 0)
48318
+ return false;
48319
+ var keys = this.keys;
48320
+ var prevFrame = keys[keyIndex - 1].frame;
48321
+ var currentFrame = keys[keyIndex].frame;
48322
+ return prevFrame !== currentFrame;
48323
+ };
48117
48324
  Curve.prototype.evaluateInTangent = function (keyIndex) {
48118
48325
  var keys = this.keys;
48119
48326
  var prevFrame = keys[keyIndex - 1].frame;
@@ -48123,8 +48330,14 @@ var Curve = /** @class */ (function () {
48123
48330
  Curve.prototype.storeDefaultInTangent = function (keyIndex) {
48124
48331
  var keys = this.keys;
48125
48332
  var animationKeys = this.animation.getKeys();
48126
- keys[keyIndex].inTangent = this.evaluateInTangent(keyIndex);
48333
+ if (this.hasDefinedInTangent(keyIndex)) {
48334
+ keys[keyIndex].inTangent = this.evaluateInTangent(keyIndex);
48335
+ }
48127
48336
  if (this.property) {
48337
+ if (!animationKeys[keyIndex].inTangent) {
48338
+ animationKeys[keyIndex].inTangent = this.tangentBuilder();
48339
+ this.setDefaultInTangent(keyIndex);
48340
+ }
48128
48341
  animationKeys[keyIndex].inTangent[this.property] = keys[keyIndex].inTangent;
48129
48342
  }
48130
48343
  else {
@@ -48134,8 +48347,14 @@ var Curve = /** @class */ (function () {
48134
48347
  Curve.prototype.storeDefaultOutTangent = function (keyIndex) {
48135
48348
  var keys = this.keys;
48136
48349
  var animationKeys = this.animation.getKeys();
48137
- keys[keyIndex].outTangent = this.evaluateOutTangent(keyIndex);
48350
+ if (this.hasDefinedOutTangent(keyIndex)) {
48351
+ keys[keyIndex].outTangent = this.evaluateOutTangent(keyIndex);
48352
+ }
48138
48353
  if (this.property) {
48354
+ if (!animationKeys[keyIndex].outTangent) {
48355
+ animationKeys[keyIndex].outTangent = this.tangentBuilder();
48356
+ this.setDefaultOutTangent(keyIndex);
48357
+ }
48139
48358
  animationKeys[keyIndex].outTangent[this.property] = keys[keyIndex].outTangent;
48140
48359
  }
48141
48360
  else {
@@ -48145,20 +48364,21 @@ var Curve = /** @class */ (function () {
48145
48364
  Curve.prototype.updateInTangentFromControlPoint = function (keyId, slope) {
48146
48365
  var keys = this.keys;
48147
48366
  keys[keyId].inTangent = slope;
48367
+ var animationKeys = this.animation.getKeys();
48148
48368
  if (this.property) {
48149
- if (!this.animation.getKeys()[keyId].inTangent) {
48150
- this.animation.getKeys()[keyId].inTangent = this.tangentBuilder();
48369
+ if (!animationKeys[keyId].inTangent) {
48370
+ animationKeys[keyId].inTangent = this.tangentBuilder();
48151
48371
  this.setDefaultInTangent(keyId);
48152
48372
  }
48153
- if (!this.animation.getKeys()[keyId - 1].outTangent) {
48154
- this.animation.getKeys()[keyId - 1].outTangent = this.tangentBuilder();
48373
+ if (!animationKeys[keyId - 1].outTangent) {
48374
+ animationKeys[keyId - 1].outTangent = this.tangentBuilder();
48155
48375
  this.setDefaultOutTangent(keyId - 1);
48156
48376
  }
48157
- this.animation.getKeys()[keyId].inTangent[this.property] = keys[keyId].inTangent;
48377
+ animationKeys[keyId].inTangent[this.property] = keys[keyId].inTangent;
48158
48378
  }
48159
48379
  else {
48160
- this.animation.getKeys()[keyId].inTangent = keys[keyId].inTangent;
48161
- if (this.animation.getKeys()[keyId - 1].outTangent === undefined) {
48380
+ animationKeys[keyId].inTangent = keys[keyId].inTangent;
48381
+ if (animationKeys[keyId - 1].outTangent === undefined) {
48162
48382
  this.storeDefaultOutTangent(keyId - 1);
48163
48383
  }
48164
48384
  }
@@ -48167,20 +48387,21 @@ var Curve = /** @class */ (function () {
48167
48387
  Curve.prototype.updateOutTangentFromControlPoint = function (keyId, slope) {
48168
48388
  var keys = this.keys;
48169
48389
  keys[keyId].outTangent = slope;
48390
+ var animationKeys = this.animation.getKeys();
48170
48391
  if (this.property) {
48171
- if (!this.animation.getKeys()[keyId + 1].inTangent) {
48172
- this.animation.getKeys()[keyId + 1].inTangent = this.tangentBuilder();
48392
+ if (!animationKeys[keyId + 1].inTangent) {
48393
+ animationKeys[keyId + 1].inTangent = this.tangentBuilder();
48173
48394
  this.setDefaultInTangent(keyId + 1);
48174
48395
  }
48175
- if (!this.animation.getKeys()[keyId].outTangent) {
48176
- this.animation.getKeys()[keyId].outTangent = this.tangentBuilder();
48396
+ if (!animationKeys[keyId].outTangent) {
48397
+ animationKeys[keyId].outTangent = this.tangentBuilder();
48177
48398
  this.setDefaultOutTangent(keyId);
48178
48399
  }
48179
- this.animation.getKeys()[keyId].outTangent[this.property] = keys[keyId].outTangent;
48400
+ animationKeys[keyId].outTangent[this.property] = keys[keyId].outTangent;
48180
48401
  }
48181
48402
  else {
48182
- this.animation.getKeys()[keyId].outTangent = keys[keyId].outTangent;
48183
- if (this.animation.getKeys()[keyId + 1].inTangent === undefined) {
48403
+ animationKeys[keyId].outTangent = keys[keyId].outTangent;
48404
+ if (animationKeys[keyId + 1].inTangent === undefined) {
48184
48405
  this.storeDefaultInTangent(keyId + 1);
48185
48406
  }
48186
48407
  }
@@ -48240,6 +48461,10 @@ var CurveComponent = /** @class */ (function (_super) {
48240
48461
  _this._onDataUpdatedObserver = null;
48241
48462
  _this.forceUpdate();
48242
48463
  });
48464
+ _this._onInterpolationModeSetObserver = props.context.onInterpolationModeSet.add(function (_a) {
48465
+ var keyId = _a.keyId, value = _a.value;
48466
+ _this.props.curve.updateInterpolationMode(keyId, value);
48467
+ });
48243
48468
  return _this;
48244
48469
  }
48245
48470
  CurveComponent.prototype.componentWillUnmount = function () {
@@ -48249,6 +48474,9 @@ var CurveComponent = /** @class */ (function (_super) {
48249
48474
  if (this._onActiveAnimationChangedObserver) {
48250
48475
  this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver);
48251
48476
  }
48477
+ if (this._onInterpolationModeSetObserver) {
48478
+ this.props.context.onInterpolationModeSet.remove(this._onInterpolationModeSetObserver);
48479
+ }
48252
48480
  };
48253
48481
  CurveComponent.prototype.componentDidUpdate = function () {
48254
48482
  var _this = this;
@@ -48262,7 +48490,7 @@ var CurveComponent = /** @class */ (function (_super) {
48262
48490
  return null;
48263
48491
  }
48264
48492
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", { style: { cursor: "pointer", overflow: "auto" } },
48265
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("path", { d: this.props.curve.gePathData(this.props.convertX, this.props.convertY), style: {
48493
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("path", { d: this.props.curve.getPathData(this.props.convertX, this.props.convertY), style: {
48266
48494
  stroke: this.props.curve.color,
48267
48495
  fill: "none",
48268
48496
  strokeWidth: "1",
@@ -48667,7 +48895,8 @@ var GraphComponent = /** @class */ (function (_super) {
48667
48895
  value: key.value,
48668
48896
  inTangent: key.inTangent,
48669
48897
  outTangent: key.outTangent,
48670
- lockedTangent: lockedTangent
48898
+ lockedTangent: lockedTangent,
48899
+ interpolation: key.interpolation
48671
48900
  });
48672
48901
  }
48673
48902
  break;
@@ -48686,14 +48915,16 @@ var GraphComponent = /** @class */ (function (_super) {
48686
48915
  value: key.value.x,
48687
48916
  inTangent: (_a = key.inTangent) === null || _a === void 0 ? void 0 : _a.x,
48688
48917
  outTangent: (_b = key.outTangent) === null || _b === void 0 ? void 0 : _b.x,
48689
- lockedTangent: lockedTangent
48918
+ lockedTangent: lockedTangent,
48919
+ interpolation: key.interpolation
48690
48920
  });
48691
48921
  curvesToPushTo[1].keys.push({
48692
48922
  frame: key.frame,
48693
48923
  value: key.value.y,
48694
48924
  inTangent: (_c = key.inTangent) === null || _c === void 0 ? void 0 : _c.y,
48695
48925
  outTangent: (_d = key.outTangent) === null || _d === void 0 ? void 0 : _d.y,
48696
- lockedTangent: lockedTangent
48926
+ lockedTangent: lockedTangent,
48927
+ interpolation: key.interpolation
48697
48928
  });
48698
48929
  }
48699
48930
  break;
@@ -48716,21 +48947,24 @@ var GraphComponent = /** @class */ (function (_super) {
48716
48947
  value: key.value.x,
48717
48948
  inTangent: (_e = key.inTangent) === null || _e === void 0 ? void 0 : _e.x,
48718
48949
  outTangent: (_f = key.outTangent) === null || _f === void 0 ? void 0 : _f.x,
48719
- lockedTangent: lockedTangent
48950
+ lockedTangent: lockedTangent,
48951
+ interpolation: key.interpolation
48720
48952
  });
48721
48953
  curvesToPushTo[1].keys.push({
48722
48954
  frame: key.frame,
48723
48955
  value: key.value.y,
48724
48956
  inTangent: (_g = key.inTangent) === null || _g === void 0 ? void 0 : _g.y,
48725
48957
  outTangent: (_h = key.outTangent) === null || _h === void 0 ? void 0 : _h.y,
48726
- lockedTangent: lockedTangent
48958
+ lockedTangent: lockedTangent,
48959
+ interpolation: key.interpolation
48727
48960
  });
48728
48961
  curvesToPushTo[2].keys.push({
48729
48962
  frame: key.frame,
48730
48963
  value: key.value.z,
48731
48964
  inTangent: (_j = key.inTangent) === null || _j === void 0 ? void 0 : _j.z,
48732
48965
  outTangent: (_k = key.outTangent) === null || _k === void 0 ? void 0 : _k.z,
48733
- lockedTangent: lockedTangent
48966
+ lockedTangent: lockedTangent,
48967
+ interpolation: key.interpolation
48734
48968
  });
48735
48969
  }
48736
48970
  break;
@@ -48753,21 +48987,24 @@ var GraphComponent = /** @class */ (function (_super) {
48753
48987
  value: key.value.r,
48754
48988
  inTangent: (_l = key.inTangent) === null || _l === void 0 ? void 0 : _l.r,
48755
48989
  outTangent: (_m = key.outTangent) === null || _m === void 0 ? void 0 : _m.r,
48756
- lockedTangent: lockedTangent
48990
+ lockedTangent: lockedTangent,
48991
+ interpolation: key.interpolation
48757
48992
  });
48758
48993
  curvesToPushTo[1].keys.push({
48759
48994
  frame: key.frame,
48760
48995
  value: key.value.g,
48761
48996
  inTangent: (_o = key.inTangent) === null || _o === void 0 ? void 0 : _o.g,
48762
48997
  outTangent: (_p = key.outTangent) === null || _p === void 0 ? void 0 : _p.g,
48763
- lockedTangent: lockedTangent
48998
+ lockedTangent: lockedTangent,
48999
+ interpolation: key.interpolation
48764
49000
  });
48765
49001
  curvesToPushTo[2].keys.push({
48766
49002
  frame: key.frame,
48767
49003
  value: key.value.b,
48768
49004
  inTangent: (_q = key.inTangent) === null || _q === void 0 ? void 0 : _q.b,
48769
49005
  outTangent: (_r = key.outTangent) === null || _r === void 0 ? void 0 : _r.b,
48770
- lockedTangent: lockedTangent
49006
+ lockedTangent: lockedTangent,
49007
+ interpolation: key.interpolation
48771
49008
  });
48772
49009
  }
48773
49010
  break;
@@ -48794,28 +49031,32 @@ var GraphComponent = /** @class */ (function (_super) {
48794
49031
  value: key.value.x,
48795
49032
  inTangent: (_s = key.inTangent) === null || _s === void 0 ? void 0 : _s.x,
48796
49033
  outTangent: (_t = key.outTangent) === null || _t === void 0 ? void 0 : _t.x,
48797
- lockedTangent: lockedTangent
49034
+ lockedTangent: lockedTangent,
49035
+ interpolation: key.interpolation
48798
49036
  });
48799
49037
  curvesToPushTo[1].keys.push({
48800
49038
  frame: key.frame,
48801
49039
  value: key.value.y,
48802
49040
  inTangent: (_u = key.inTangent) === null || _u === void 0 ? void 0 : _u.y,
48803
49041
  outTangent: (_v = key.outTangent) === null || _v === void 0 ? void 0 : _v.y,
48804
- lockedTangent: lockedTangent
49042
+ lockedTangent: lockedTangent,
49043
+ interpolation: key.interpolation
48805
49044
  });
48806
49045
  curvesToPushTo[2].keys.push({
48807
49046
  frame: key.frame,
48808
49047
  value: key.value.z,
48809
49048
  inTangent: (_w = key.inTangent) === null || _w === void 0 ? void 0 : _w.z,
48810
49049
  outTangent: (_x = key.outTangent) === null || _x === void 0 ? void 0 : _x.z,
48811
- lockedTangent: lockedTangent
49050
+ lockedTangent: lockedTangent,
49051
+ interpolation: key.interpolation
48812
49052
  });
48813
49053
  curvesToPushTo[3].keys.push({
48814
49054
  frame: key.frame,
48815
49055
  value: key.value.w,
48816
49056
  inTangent: (_y = key.inTangent) === null || _y === void 0 ? void 0 : _y.w,
48817
49057
  outTangent: (_z = key.outTangent) === null || _z === void 0 ? void 0 : _z.w,
48818
- lockedTangent: lockedTangent
49058
+ lockedTangent: lockedTangent,
49059
+ interpolation: key.interpolation
48819
49060
  });
48820
49061
  }
48821
49062
  break;
@@ -48842,28 +49083,32 @@ var GraphComponent = /** @class */ (function (_super) {
48842
49083
  value: key.value.r,
48843
49084
  inTangent: (_0 = key.inTangent) === null || _0 === void 0 ? void 0 : _0.r,
48844
49085
  outTangent: (_1 = key.outTangent) === null || _1 === void 0 ? void 0 : _1.r,
48845
- lockedTangent: lockedTangent
49086
+ lockedTangent: lockedTangent,
49087
+ interpolation: key.interpolation
48846
49088
  });
48847
49089
  curvesToPushTo[1].keys.push({
48848
49090
  frame: key.frame,
48849
49091
  value: key.value.g,
48850
49092
  inTangent: (_2 = key.inTangent) === null || _2 === void 0 ? void 0 : _2.g,
48851
49093
  outTangent: (_3 = key.outTangent) === null || _3 === void 0 ? void 0 : _3.g,
48852
- lockedTangent: lockedTangent
49094
+ lockedTangent: lockedTangent,
49095
+ interpolation: key.interpolation
48853
49096
  });
48854
49097
  curvesToPushTo[2].keys.push({
48855
49098
  frame: key.frame,
48856
49099
  value: key.value.b,
48857
49100
  inTangent: (_4 = key.inTangent) === null || _4 === void 0 ? void 0 : _4.b,
48858
49101
  outTangent: (_5 = key.outTangent) === null || _5 === void 0 ? void 0 : _5.b,
48859
- lockedTangent: lockedTangent
49102
+ lockedTangent: lockedTangent,
49103
+ interpolation: key.interpolation
48860
49104
  });
48861
49105
  curvesToPushTo[3].keys.push({
48862
49106
  frame: key.frame,
48863
49107
  value: key.value.a,
48864
49108
  inTangent: (_6 = key.inTangent) === null || _6 === void 0 ? void 0 : _6.a,
48865
49109
  outTangent: (_7 = key.outTangent) === null || _7 === void 0 ? void 0 : _7.a,
48866
- lockedTangent: lockedTangent
49110
+ lockedTangent: lockedTangent,
49111
+ interpolation: key.interpolation
48867
49112
  });
48868
49113
  }
48869
49114
  break;
@@ -49169,13 +49414,15 @@ __webpack_require__.r(__webpack_exports__);
49169
49414
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectionState", function() { return SelectionState; });
49170
49415
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyPointComponent", function() { return KeyPointComponent; });
49171
49416
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
49172
- /* harmony import */ var _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babylonjs/core/Maths/math.vector */ "@babylonjs/core/Misc/observable");
49173
- /* harmony import */ var _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__);
49417
+ /* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babylonjs/core/Animations/animation */ "@babylonjs/core/Misc/observable");
49418
+ /* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__);
49174
49419
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
49175
49420
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
49176
49421
 
49177
49422
 
49178
49423
 
49424
+
49425
+
49179
49426
  var keyInactive = __webpack_require__(/*! ../assets/keyInactiveIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/keyInactiveIcon.svg");
49180
49427
  var keySelected = __webpack_require__(/*! ../assets/keySelectedIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/keySelectedIcon.svg");
49181
49428
  var keyActive = __webpack_require__(/*! ../assets/keyActiveIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/keyActiveIcon.svg");
@@ -49244,6 +49491,14 @@ var KeyPointComponent = /** @class */ (function (_super) {
49244
49491
  }
49245
49492
  _this._linearTangent();
49246
49493
  });
49494
+ _this._onStepTangentRequiredObserver = _this.props.context.onStepTangentRequired.add(function () {
49495
+ var _a;
49496
+ var isSelected = ((_a = _this.props.context.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.indexOf(_this)) !== -1;
49497
+ if (!isSelected) {
49498
+ return;
49499
+ }
49500
+ _this._stepTangent();
49501
+ });
49247
49502
  _this._onSelectionRectangleMovedObserver = _this.props.context.onSelectionRectangleMoved.add(function (rect1) {
49248
49503
  if (!_this._svgHost.current) {
49249
49504
  return;
@@ -49369,6 +49624,9 @@ var KeyPointComponent = /** @class */ (function (_super) {
49369
49624
  if (this._onLinearTangentRequiredObserver) {
49370
49625
  this.props.context.onLinearTangentRequired.remove(this._onLinearTangentRequiredObserver);
49371
49626
  }
49627
+ if (this._onStepTangentRequiredObserver) {
49628
+ this.props.context.onStepTangentRequired.remove(this._onStepTangentRequiredObserver);
49629
+ }
49372
49630
  if (this._onSelectionRectangleMovedObserver) {
49373
49631
  this.props.context.onSelectionRectangleMoved.remove(this._onSelectionRectangleMovedObserver);
49374
49632
  }
@@ -49399,14 +49657,17 @@ var KeyPointComponent = /** @class */ (function (_super) {
49399
49657
  return true;
49400
49658
  };
49401
49659
  KeyPointComponent.prototype._breakTangent = function () {
49660
+ this.props.context.onInterpolationModeSet.notifyObservers({ keyId: this.props.keyId, value: _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["AnimationKeyInterpolation"].NONE });
49402
49661
  this.props.curve.updateLockedTangentMode(this.props.keyId, false);
49403
49662
  this.forceUpdate();
49404
49663
  };
49405
49664
  KeyPointComponent.prototype._unifyTangent = function () {
49665
+ this.props.context.onInterpolationModeSet.notifyObservers({ keyId: this.props.keyId, value: _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["AnimationKeyInterpolation"].NONE });
49406
49666
  this.props.curve.updateLockedTangentMode(this.props.keyId, true);
49407
49667
  this.forceUpdate();
49408
49668
  };
49409
49669
  KeyPointComponent.prototype._flattenTangent = function () {
49670
+ this.props.context.onInterpolationModeSet.notifyObservers({ keyId: this.props.keyId, value: _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["AnimationKeyInterpolation"].NONE });
49410
49671
  if (this.state.tangentSelectedIndex === -1 || this.state.tangentSelectedIndex === 0) {
49411
49672
  if (this.props.keyId !== 0) {
49412
49673
  this.props.curve.updateInTangentFromControlPoint(this.props.keyId, 0);
@@ -49420,6 +49681,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
49420
49681
  this.forceUpdate();
49421
49682
  };
49422
49683
  KeyPointComponent.prototype._linearTangent = function () {
49684
+ this.props.context.onInterpolationModeSet.notifyObservers({ keyId: this.props.keyId, value: _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["AnimationKeyInterpolation"].NONE });
49423
49685
  if (this.state.tangentSelectedIndex === -1 || this.state.tangentSelectedIndex === 0) {
49424
49686
  if (this.props.keyId !== 0) {
49425
49687
  this.props.curve.storeDefaultInTangent(this.props.keyId);
@@ -49433,6 +49695,10 @@ var KeyPointComponent = /** @class */ (function (_super) {
49433
49695
  this.props.curve.onDataUpdatedObservable.notifyObservers();
49434
49696
  this.forceUpdate();
49435
49697
  };
49698
+ KeyPointComponent.prototype._stepTangent = function () {
49699
+ this.props.context.onInterpolationModeSet.notifyObservers({ keyId: this.props.keyId, value: _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["AnimationKeyInterpolation"].STEP });
49700
+ this.forceUpdate();
49701
+ };
49436
49702
  KeyPointComponent.prototype._select = function (allowMultipleSelection) {
49437
49703
  if (!this.props.context.activeKeyPoints) {
49438
49704
  return;
@@ -49581,15 +49847,15 @@ var KeyPointComponent = /** @class */ (function (_super) {
49581
49847
  var isLockedTangent = keys[this.props.keyId].lockedTangent && this.props.keyId !== 0 && this.props.keyId !== keys.length - 1
49582
49848
  && keys[this.props.keyId].inTangent !== undefined && keys[this.props.keyId].outTangent !== undefined;
49583
49849
  var angleDiff = 0;
49584
- var tmpVector = _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[0];
49850
+ var tmpVector = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[0];
49585
49851
  if (isLockedTangent) {
49586
- var va = _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[1];
49587
- var vb = _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[2];
49588
- _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"].NormalizeToRef(this._inVec, va);
49589
- _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"].NormalizeToRef(this._outVec, vb);
49590
- angleDiff = Math.acos(Math.min(1.0, Math.max(-1, _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"].Dot(va, vb))));
49852
+ var va = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[1];
49853
+ var vb = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[2];
49854
+ _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"].NormalizeToRef(this._inVec, va);
49855
+ _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"].NormalizeToRef(this._outVec, vb);
49856
+ angleDiff = Math.acos(Math.min(1.0, Math.max(-1, _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"].Dot(va, vb))));
49591
49857
  this._inVec.rotateToRef(-angleDiff, tmpVector);
49592
- if (_babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"].Distance(tmpVector, this._outVec) > 0.01) {
49858
+ if (_babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"].Distance(tmpVector, this._outVec) > 0.01) {
49593
49859
  angleDiff = -angleDiff;
49594
49860
  }
49595
49861
  }
@@ -49624,20 +49890,35 @@ var KeyPointComponent = /** @class */ (function (_super) {
49624
49890
  };
49625
49891
  KeyPointComponent.prototype.render = function () {
49626
49892
  var _this = this;
49627
- var _a;
49893
+ var _a, _b, _c, _d, _e;
49628
49894
  if (!this.props.context.isChannelEnabled(this.props.curve.animation, this.props.curve.color)) {
49629
49895
  return null;
49630
49896
  }
49897
+ var animationType = this.props.curve.animation.dataType;
49898
+ var isColorAnimation = animationType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Animation"].ANIMATIONTYPE_COLOR3 || animationType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Animation"].ANIMATIONTYPE_COLOR4;
49631
49899
  var svgImageIcon = this.state.selectedState === SelectionState.Selected ? keySelected : (this.state.selectedState === SelectionState.Siblings ? keyActive : keyInactive);
49632
49900
  var keys = this.props.curve.keys;
49633
49901
  var isLockedTangent = (_a = keys[this.props.keyId].lockedTangent) !== null && _a !== void 0 ? _a : true;
49902
+ var hasStepTangentIn = (_c = (_b = keys[this.props.keyId - 1]) === null || _b === void 0 ? void 0 : _b.interpolation) !== null && _c !== void 0 ? _c : false;
49903
+ var hasStepTangentOut = (_e = (_d = keys[this.props.keyId]) === null || _d === void 0 ? void 0 : _d.interpolation) !== null && _e !== void 0 ? _e : false;
49904
+ var hasDefinedInTangent = this.props.curve.hasDefinedInTangent(this.props.keyId);
49905
+ var hasDefinedOutTangent = this.props.curve.hasDefinedOutTangent(this.props.keyId);
49634
49906
  var convertedX = this.props.invertX(this.state.x);
49635
49907
  var convertedY = this.props.invertY(this.state.y);
49636
- var inControlPointValue = convertedY - this.props.curve.getInControlPoint(this.props.keyId);
49637
- var outControlPointValue = convertedY + this.props.curve.getOutControlPoint(this.props.keyId);
49638
- // We want to store the delta in the key local space
49639
- this._outVec = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"](this.props.convertX(convertedX + 1) - this.state.x, this.props.convertY(outControlPointValue) - this.state.y);
49640
- this._inVec = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__["Vector2"](this.props.convertX(convertedX - 1) - this.state.x, this.props.convertY(inControlPointValue) - this.state.y);
49908
+ if (hasDefinedInTangent) {
49909
+ var inControlPointValue = convertedY - this.props.curve.getInControlPoint(this.props.keyId);
49910
+ this._inVec = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"](this.props.convertX(convertedX - 1) - this.state.x, this.props.convertY(inControlPointValue) - this.state.y);
49911
+ }
49912
+ else {
49913
+ this._inVec = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"]();
49914
+ }
49915
+ if (hasDefinedOutTangent) {
49916
+ var outControlPointValue = convertedY + this.props.curve.getOutControlPoint(this.props.keyId);
49917
+ this._outVec = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"](this.props.convertX(convertedX + 1) - this.state.x, this.props.convertY(outControlPointValue) - this.state.y);
49918
+ }
49919
+ else {
49920
+ this._outVec = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Vector2"]();
49921
+ }
49641
49922
  this._storedLengthIn = this._inVec.length();
49642
49923
  this._storedLengthOut = this._outVec.length();
49643
49924
  this._inVec.normalize();
@@ -49648,7 +49929,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
49648
49929
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("image", { x: "-" + 8 * this.props.scale, y: "-" + 8 * this.props.scale, width: "" + 16 * this.props.scale, height: "" + 16 * this.props.scale, ref: this._keyPointSVG, href: svgImageIcon }),
49649
49930
  this.state.selectedState === SelectionState.Selected &&
49650
49931
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("g", null,
49651
- this.props.keyId !== 0 &&
49932
+ this.props.keyId !== 0 && !hasStepTangentIn && !isColorAnimation && hasDefinedInTangent &&
49652
49933
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
49653
49934
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: this._inVec.x + "px", y2: this._inVec.y + "px", style: {
49654
49935
  stroke: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
@@ -49658,7 +49939,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
49658
49939
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "left-tangent", cx: this._inVec.x + "px", cy: this._inVec.y + "px", r: "" + 4 * this.props.scale, style: {
49659
49940
  fill: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA"
49660
49941
  } })),
49661
- this.props.keyId !== keys.length - 1 &&
49942
+ this.props.keyId !== keys.length - 1 && !hasStepTangentOut && !isColorAnimation && hasDefinedOutTangent &&
49662
49943
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
49663
49944
  react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: this._outVec.x + "px", y2: this._outVec.y + "px", style: {
49664
49945
  stroke: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
@@ -50499,6 +50780,9 @@ var AnimationListComponent = /** @class */ (function (_super) {
50499
50780
  isVisible: true
50500
50781
  });
50501
50782
  });
50783
+ _this._onDeleteAnimationObserver = _this.props.context.onDeleteAnimation.add(function () {
50784
+ _this.forceUpdate();
50785
+ });
50502
50786
  return _this;
50503
50787
  }
50504
50788
  AnimationListComponent.prototype.componentWillUnmount = function () {
@@ -50508,6 +50792,9 @@ var AnimationListComponent = /** @class */ (function (_super) {
50508
50792
  if (this._onEditAnimationUIClosedObserver) {
50509
50793
  this.props.context.onEditAnimationUIClosed.remove(this._onEditAnimationUIClosedObserver);
50510
50794
  }
50795
+ if (this._onDeleteAnimationObserver) {
50796
+ this.props.context.onDeleteAnimation.remove(this._onDeleteAnimationObserver);
50797
+ }
50511
50798
  };
50512
50799
  AnimationListComponent.prototype.render = function () {
50513
50800
  var _this = this;
@@ -51134,6 +51421,7 @@ var flatTangentIcon = __webpack_require__(/*! ./assets/flatTangentIcon.svg */ ".
51134
51421
  var linearTangentIcon = __webpack_require__(/*! ./assets/linearTangentIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/linearTangentIcon.svg");
51135
51422
  var breakTangentIcon = __webpack_require__(/*! ./assets/breakTangentIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/breakTangentIcon.svg");
51136
51423
  var unifyTangentIcon = __webpack_require__(/*! ./assets/unifyTangentIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/unifyTangentIcon.svg");
51424
+ var stepTangentIcon = __webpack_require__(/*! ./assets/stepTangentIcon.svg */ "./components/actionTabs/tabs/propertyGrids/animations/curveEditor/assets/stepTangentIcon.svg");
51137
51425
  var TopBarComponent = /** @class */ (function (_super) {
51138
51426
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TopBarComponent, _super);
51139
51427
  function TopBarComponent(props) {
@@ -51181,7 +51469,8 @@ var TopBarComponent = /** @class */ (function (_super) {
51181
51469
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Flatten tangent", id: "flatten-tangent", globalState: this.props.globalState, context: this.props.context, icon: flatTangentIcon, onClick: function () { return _this.props.context.onFlattenTangentRequired.notifyObservers(); } }),
51182
51470
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Linear tangent", id: "linear-tangent", globalState: this.props.globalState, context: this.props.context, icon: linearTangentIcon, onClick: function () { return _this.props.context.onLinearTangentRequired.notifyObservers(); } }),
51183
51471
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Break tangent", id: "break-tangent", globalState: this.props.globalState, context: this.props.context, icon: breakTangentIcon, onClick: function () { return _this.props.context.onBreakTangentRequired.notifyObservers(); } }),
51184
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Unify tangent", id: "unify-tangent", globalState: this.props.globalState, context: this.props.context, icon: unifyTangentIcon, onClick: function () { return _this.props.context.onUnifyTangentRequired.notifyObservers(); } })));
51472
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Unify tangent", id: "unify-tangent", globalState: this.props.globalState, context: this.props.context, icon: unifyTangentIcon, onClick: function () { return _this.props.context.onUnifyTangentRequired.notifyObservers(); } }),
51473
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Step tangent", id: "step-tangent", globalState: this.props.globalState, context: this.props.context, icon: stepTangentIcon, onClick: function () { return _this.props.context.onStepTangentRequired.notifyObservers(); } })));
51185
51474
  };
51186
51475
  return TopBarComponent;
51187
51476
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -58855,6 +59144,7 @@ var GLTFComponent = /** @class */ (function (_super) {
58855
59144
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_draco_mesh_compression", isSelected: function () { return extensionStates["KHR_draco_mesh_compression"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_draco_mesh_compression"].enabled = value); } }),
58856
59145
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_pbrSpecularGloss...", isSelected: function () { return extensionStates["KHR_materials_pbrSpecularGlossiness"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_pbrSpecularGlossiness"].enabled = value); } }),
58857
59146
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_clearcoat", isSelected: function () { return extensionStates["KHR_materials_clearcoat"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_clearcoat"].enabled = value); } }),
59147
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_emissive_strength", isSelected: function () { return extensionStates["KHR_materials_emissive_strength"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_emissive_strength"].enabled = value); } }),
58858
59148
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_ior", isSelected: function () { return extensionStates["KHR_materials_ior"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_ior"].enabled = value); } }),
58859
59149
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_sheen", isSelected: function () { return extensionStates["KHR_materials_sheen"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_sheen"].enabled = value); } }),
58860
59150
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "KHR_materials_specular", isSelected: function () { return extensionStates["KHR_materials_specular"].enabled; }, onSelect: function (value) { return (extensionStates["KHR_materials_specular"].enabled = value); } }),
@@ -59455,6 +59745,7 @@ var GlobalState = /** @class */ (function () {
59455
59745
  KHR_mesh_quantization: { enabled: true },
59456
59746
  KHR_materials_pbrSpecularGlossiness: { enabled: true },
59457
59747
  KHR_materials_clearcoat: { enabled: true },
59748
+ KHR_materials_emissive_strength: { enabled: true },
59458
59749
  KHR_materials_ior: { enabled: true },
59459
59750
  KHR_materials_sheen: { enabled: true },
59460
59751
  KHR_materials_specular: { enabled: true },
@@ -64363,31 +64654,71 @@ var Color3LineComponent = /** @class */ (function (_super) {
64363
64654
  function Color3LineComponent(props) {
64364
64655
  var _this = _super.call(this, props) || this;
64365
64656
  _this._localChange = false;
64366
- _this.state = { isExpanded: false, color: _this.props.target[_this.props.propertyName].clone() };
64657
+ var typeName = typeof (_this.props.target[_this.props.propertyName]);
64658
+ if (typeName === "string") {
64659
+ var colorConverted = _this.convertToColor3(_this.props.target[_this.props.propertyName]);
64660
+ _this.state = { isExpanded: false, color: colorConverted, colorText: _this.props.target[_this.props.propertyName] };
64661
+ }
64662
+ else {
64663
+ _this.state = { isExpanded: false, color: _this.props.target[_this.props.propertyName].clone(), colorText: _this.props.target[_this.props.propertyName].toHexString() };
64664
+ }
64367
64665
  if (props.isLinear) {
64368
64666
  _this.state.color.toGammaSpaceToRef(_this.state.color);
64369
64667
  }
64370
64668
  props.target._isLinearColor = props.isLinear; // so that replayRecorder can append toLinearSpace() as appropriate
64669
+ _this._colorPickerOpen = false;
64371
64670
  return _this;
64372
64671
  }
64672
+ Color3LineComponent.prototype.convertToColor3 = function (color) {
64673
+ if (color === "" || color === "transparent") {
64674
+ return new _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color4"](0, 0, 0, 0);
64675
+ }
64676
+ if (color.substring(0, 1) !== "#" || color.length !== 7) {
64677
+ var d = document.createElement("div");
64678
+ d.style.color = color;
64679
+ document.body.append(d);
64680
+ var rgb = window.getComputedStyle(d).color;
64681
+ document.body.removeChild(d);
64682
+ var rgbArray = rgb.substring(4, rgb.length - 1)
64683
+ .replace(/ /g, '')
64684
+ .split(',');
64685
+ return new _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color3"](parseInt(rgbArray[0]) / 255, parseInt(rgbArray[1]) / 255, parseInt(rgbArray[2]) / 255);
64686
+ }
64687
+ return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color3"].FromHexString(color);
64688
+ };
64373
64689
  Color3LineComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
64374
- var currentState = this.props.isLinear ? nextProps.target[nextProps.propertyName].toGammaSpace() : nextProps.target[nextProps.propertyName];
64690
+ var isString = typeof (this.props.target[this.props.propertyName]) === "string";
64691
+ var currentState = isString ? this.convertToColor3(nextProps.target[nextProps.propertyName]) :
64692
+ this.props.isLinear ? nextProps.target[nextProps.propertyName].toGammaSpace() : nextProps.target[nextProps.propertyName];
64375
64693
  if (!currentState.equals(nextState.color) || this._localChange) {
64376
64694
  nextState.color = currentState.clone();
64695
+ nextState.colorText = isString ? nextProps.target[nextProps.propertyName] : nextProps.target[nextProps.propertyName].toHexString();
64377
64696
  this._localChange = false;
64378
64697
  return true;
64379
64698
  }
64380
64699
  return false;
64381
64700
  };
64382
- Color3LineComponent.prototype.setPropertyValue = function (newColor) {
64383
- this.props.target[this.props.propertyName] = newColor;
64384
- if (this.props.isLinear) {
64385
- this.props.target[this.props.propertyName] = newColor.toLinearSpace();
64701
+ Color3LineComponent.prototype.setPropertyValue = function (newColor, newColorText) {
64702
+ var isString = typeof (this.props.target[this.props.propertyName]) === "string";
64703
+ if (isString) {
64704
+ this.props.target[this.props.propertyName] = newColorText;
64705
+ }
64706
+ else {
64707
+ this.props.target[this.props.propertyName] = newColor;
64708
+ if (this.props.isLinear) {
64709
+ this.props.target[this.props.propertyName] = newColor.toLinearSpace();
64710
+ }
64386
64711
  }
64387
64712
  };
64388
64713
  Color3LineComponent.prototype.onChange = function (newValue) {
64389
64714
  this._localChange = true;
64390
- var newColor = _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color3"].FromHexString(newValue);
64715
+ var newColor = this.convertToColor3(newValue);
64716
+ if (this._colorPickerOpen && this.props.icon) {
64717
+ var savedColor = this.convertToColor3(this._colorStringSaved);
64718
+ if (savedColor.equals(newColor)) {
64719
+ newValue = this._colorStringSaved;
64720
+ }
64721
+ }
64391
64722
  if (this.props.onPropertyChangedObservable) {
64392
64723
  this.props.onPropertyChangedObservable.notifyObservers({
64393
64724
  object: this.props.target,
@@ -64396,8 +64727,11 @@ var Color3LineComponent = /** @class */ (function (_super) {
64396
64727
  initialValue: this.state.color,
64397
64728
  });
64398
64729
  }
64399
- this.setPropertyValue(newColor);
64400
- this.setState({ color: newColor });
64730
+ this.setPropertyValue(newColor, newValue);
64731
+ this.setState({ color: newColor, colorText: newValue });
64732
+ if (this.props.onValueChange) {
64733
+ this.props.onValueChange(newValue);
64734
+ }
64401
64735
  };
64402
64736
  Color3LineComponent.prototype.switchExpandState = function () {
64403
64737
  this._localChange = true;
@@ -64418,24 +64752,27 @@ var Color3LineComponent = /** @class */ (function (_super) {
64418
64752
  this._localChange = true;
64419
64753
  var store = this.state.color.clone();
64420
64754
  this.state.color.r = value;
64421
- this.setPropertyValue(this.state.color);
64422
- this.setState({ color: this.state.color });
64755
+ var hex = this.state.color.toHexString();
64756
+ this.setPropertyValue(this.state.color, hex);
64757
+ this.setState({ color: this.state.color, colorText: hex });
64423
64758
  this.raiseOnPropertyChanged(store);
64424
64759
  };
64425
64760
  Color3LineComponent.prototype.updateStateG = function (value) {
64426
64761
  this._localChange = true;
64427
64762
  var store = this.state.color.clone();
64428
64763
  this.state.color.g = value;
64429
- this.setPropertyValue(this.state.color);
64430
- this.setState({ color: this.state.color });
64764
+ var hex = this.state.color.toHexString();
64765
+ this.setPropertyValue(this.state.color, hex);
64766
+ this.setState({ color: this.state.color, colorText: hex });
64431
64767
  this.raiseOnPropertyChanged(store);
64432
64768
  };
64433
64769
  Color3LineComponent.prototype.updateStateB = function (value) {
64434
64770
  this._localChange = true;
64435
64771
  var store = this.state.color.clone();
64436
64772
  this.state.color.b = value;
64437
- this.setPropertyValue(this.state.color);
64438
- this.setState({ color: this.state.color });
64773
+ var hex = this.state.color.toHexString();
64774
+ this.setPropertyValue(this.state.color, hex);
64775
+ this.setState({ color: this.state.color, colorText: hex });
64439
64776
  this.raiseOnPropertyChanged(store);
64440
64777
  };
64441
64778
  Color3LineComponent.prototype.copyToClipboard = function () {
@@ -64457,17 +64794,24 @@ var Color3LineComponent = /** @class */ (function (_super) {
64457
64794
  Color3LineComponent.prototype.render = function () {
64458
64795
  var _this = this;
64459
64796
  var chevron = this.state.isExpanded ? react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__["faMinus"] }) : react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__["faPlus"] });
64460
- this._colorString = this.state.color.toHexString();
64797
+ this._colorString = this.state.colorText;
64461
64798
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color3Line" },
64462
64799
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine", title: this.props.label },
64463
64800
  this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
64464
64801
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label" }, this.props.label),
64465
64802
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color3" },
64466
64803
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_colorPickerComponent__WEBPACK_IMPORTED_MODULE_6__["ColorPickerLineComponent"], { linearHint: this.props.isLinear, value: this.state.color, onColorChanged: function (color) {
64804
+ if (!_this._colorPickerOpen) {
64805
+ _this._colorStringSaved = _this._colorString;
64806
+ }
64807
+ _this._colorPickerOpen = true;
64467
64808
  _this.onChange(color);
64468
64809
  } })),
64469
64810
  (this.props.icon && this.props.lockObject) &&
64470
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "", target: this, propertyName: "_colorString", onChange: function (newValue) { return _this.convert(newValue); }, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
64811
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "", target: this, propertyName: "_colorString", onChange: function (newValue) {
64812
+ _this._colorPickerOpen = false;
64813
+ _this.convert(newValue);
64814
+ }, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
64471
64815
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "copy hoverIcon", onClick: function () { return _this.copyToClipboard(); }, title: "Copy to clipboard" },
64472
64816
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: copyIcon, alt: "" })),
64473
64817
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),