@babylonjs/inspector 5.0.0-beta.9 → 5.0.0-rc.2
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
|
-
!***
|
|
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
|
-
!***
|
|
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
|
|
|
@@ -3645,9 +3645,9 @@ var _iconsCache = {
|
|
|
3645
3645
|
/***/ }),
|
|
3646
3646
|
|
|
3647
3647
|
/***/ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js":
|
|
3648
|
-
|
|
3649
|
-
!***
|
|
3650
|
-
|
|
3648
|
+
/*!****************************************************************************************!*\
|
|
3649
|
+
!*** E:/Babylon/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
|
|
3650
|
+
\****************************************************************************************/
|
|
3651
3651
|
/*! 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, faVest, faVestPatches, 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 */
|
|
3652
3652
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
3653
3653
|
|
|
@@ -10683,9 +10683,9 @@ var _iconsCache = {
|
|
|
10683
10683
|
/***/ }),
|
|
10684
10684
|
|
|
10685
10685
|
/***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
|
|
10686
|
-
|
|
10687
|
-
!***
|
|
10688
|
-
|
|
10686
|
+
/*!*************************************************************************************!*\
|
|
10687
|
+
!*** E:/Babylon/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
|
|
10688
|
+
\*************************************************************************************/
|
|
10689
10689
|
/*! exports provided: FontAwesomeIcon */
|
|
10690
10690
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10691
10691
|
|
|
@@ -11092,9 +11092,9 @@ var convertCurry = convert.bind(null, react__WEBPACK_IMPORTED_MODULE_2___default
|
|
|
11092
11092
|
/***/ }),
|
|
11093
11093
|
|
|
11094
11094
|
/***/ "../../../../node_modules/classnames/index.js":
|
|
11095
|
-
|
|
11096
|
-
!***
|
|
11097
|
-
|
|
11095
|
+
/*!**************************************************************!*\
|
|
11096
|
+
!*** E:/Babylon/Babylon.js/node_modules/classnames/index.js ***!
|
|
11097
|
+
\**************************************************************/
|
|
11098
11098
|
/*! no static exports found */
|
|
11099
11099
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11100
11100
|
|
|
@@ -11160,9 +11160,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
|
11160
11160
|
/***/ }),
|
|
11161
11161
|
|
|
11162
11162
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss":
|
|
11163
|
-
|
|
11164
|
-
!***
|
|
11165
|
-
|
|
11163
|
+
/*!********************************************************************************************************************************************************************!*\
|
|
11164
|
+
!*** 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 ***!
|
|
11165
|
+
\********************************************************************************************************************************************************************/
|
|
11166
11166
|
/*! exports provided: default */
|
|
11167
11167
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11168
11168
|
|
|
@@ -11177,7 +11177,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11177
11177
|
|
|
11178
11178
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
11179
11179
|
// Module
|
|
11180
|
-
___CSS_LOADER_EXPORT___.push([module.i, "#inspector-host {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px; }\n\n#__resizable_base__ {\n display: none; }\n\n#actionTabs {\n background: #333333;\n height: 100%;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-rows: auto 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .hoverIcon:hover {\n opacity: 0.8; }\n #actionTabs #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: #222222;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr 50px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs #header #logo {\n grid-column: 1;\n width: 24px;\n height: 24px;\n display: flex;\n align-self: center;\n justify-self: center; }\n #actionTabs #header #back {\n grid-column: 1;\n display: grid;\n align-self: center;\n justify-self: center;\n cursor: pointer; }\n #actionTabs #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #actionTabs #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #actionTabs #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs {\n display: grid;\n grid-row: 2;\n grid-template-rows: 40px 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .tabs .labels {\n grid-row: 1;\n display: flex;\n align-items: center;\n justify-items: center;\n border-bottom: 1px solid #ffffff;\n margin: 0;\n padding: 0; }\n #actionTabs .tabs .labels .label {\n font-size: 24px;\n color: white;\n width: 40px;\n display: flex;\n align-content: center;\n justify-content: center;\n border: 1px solid transparent;\n border-bottom: none;\n background: #333333;\n padding: 5px;\n height: 28px;\n cursor: pointer; }\n #actionTabs .tabs .labels .label.active {\n border-color: #ffffff;\n border-bottom: 2px solid transparent;\n margin-bottom: -2px; }\n #actionTabs .tabs .panes {\n grid-row: 2;\n display: grid;\n grid-template-rows: 100%;\n overflow: hidden; }\n #actionTabs .tabs .panes .infoMessage {\n opacity: 0.5;\n color: white;\n margin: 15px 5px 0px 5px; }\n #actionTabs .tabs .panes .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center; }\n #actionTabs .tabs .panes .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .gradient-step .icon {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 12px; }\n #actionTabs .tabs .panes .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range {\n -webkit-appearance: none;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .pane {\n color: white;\n overflow-x: hidden;\n overflow-y: auto;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs .tabs .panes .pane .animation-info {\n border-left: greenyellow 3px solid;\n margin-left: 5px;\n padding-left: 5px !important; }\n #actionTabs .tabs .panes .pane .underline {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); }\n #actionTabs .tabs .panes .pane .textureLinkLine {\n display: grid;\n grid-template-columns: auto 1fr; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug {\n grid-column: 1;\n margin-left: 5px;\n margin-right: 5px;\n display: block;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n opacity: 0.5; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug.selected {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .textureLinkLine .textLine {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLinkLine .actionIcon {\n display: inline-block;\n margin-top: 6px;\n margin-right: 4px; }\n #actionTabs .tabs .panes .pane .messageLine {\n text-align: center;\n font-size: 12px;\n font-style: italic;\n opacity: 0.6; }\n #actionTabs .tabs .panes .pane .iconMessageLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 30px 1fr; }\n #actionTabs .tabs .panes .pane .iconMessageLine .icon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #actionTabs .tabs .panes .pane .iconMessageLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color-picker {\n height: calc(100% - 8px);\n margin: 4px;\n width: 100%; }\n #actionTabs .tabs .panes .pane .color-picker .color-rect {\n height: calc(100% - 4px);\n border: 2px white solid;\n cursor: pointer;\n min-height: 18px; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 100; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-float {\n position: absolute; }\n #actionTabs .tabs .panes .pane .linkButtonLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link {\n grid-column: 1;\n display: flex;\n align-items: center;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-icon {\n grid-column: 3;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .textLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .textLine.indented {\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .textLine.indented .link-value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.indented .value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.reduced-opacity {\n opacity: 0.6;\n padding-left: 25px; }\n #actionTabs .tabs .panes .pane .textLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .textLine .value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #actionTabs .tabs .panes .pane .textLine .value.check {\n color: green; }\n #actionTabs .tabs .panes .pane .textLine .value.uncheck {\n color: red; }\n #actionTabs .tabs .panes .pane .gradient-container {\n margin-top: 3px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-label {\n height: 30px;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center;\n border-left: orange 3px solid; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 4;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .pane .textInputLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .textInputLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textInputLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .buttonLine {\n height: 30px;\n display: grid;\n align-items: center;\n justify-items: stretch; }\n #actionTabs .tabs .panes .pane .buttonLine input[type=\"file\"] {\n display: none; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n font-size: 13px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #actionTabs .tabs .panes .pane .buttonLine button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .buttonLine button:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .buttonLine button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .buttonLine button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .radioLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 24px; }\n #actionTabs .tabs .panes .pane .radioLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer {\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio {\n grid-column: 2;\n display: none; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:before {\n border-color: #337ab7; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:after {\n transform: scale(1); }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio {\n display: inline-block;\n height: 14px;\n position: relative;\n padding: 0 24px;\n margin-bottom: 0;\n cursor: pointer;\n vertical-align: bottom; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before, #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n position: absolute;\n content: '';\n border-radius: 50%;\n transition: all .3s ease;\n transition-property: transform, border-color; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before {\n left: 0px;\n top: 0;\n width: 16px;\n height: 16px;\n border: 2px solid white; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n top: 6px;\n left: 6px;\n width: 8px;\n height: 8px;\n transform: scale(0);\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: 30px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .checkBoxLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n background: #898989;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: '';\n transition: all 0.15s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label {\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label:after {\n left: 20px;\n background: #164975; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden {\n display: none; }\n #actionTabs .tabs .panes .pane .textureLine {\n display: grid;\n grid-template-rows: 30px auto; }\n #actionTabs .tabs .panes .pane .textureLine .control {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control .red {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control .green {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control .blue {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control .alpha {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control .all {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .px {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nx {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .py {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .ny {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .pz {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nz {\n grid-column: 7; }\n #actionTabs .tabs .panes .pane .textureLine .command {\n border: 1px solid transparent;\n background: transparent;\n color: white; }\n #actionTabs .tabs .panes .pane .textureLine .selected {\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .textureLine .preview {\n grid-row: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n height: 256px;\n width: 256px;\n margin-top: 5px;\n margin-bottom: 5px;\n border: 1px solid white;\n background-size: 32px 32px;\n background-color: white;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\"); }\n #actionTabs .tabs .panes .pane .gltf-extension-property {\n margin-left: 30px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .floatLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .floatLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .sliderLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 1fr 50px auto; }\n #actionTabs .tabs .panes .pane .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .withMargins {\n margin-left: 5px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine {\n padding-left: 2px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input {\n width: 35px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #actionTabs .tabs .panes .pane .sliderLine .slider {\n grid-column: 3;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range {\n -webkit-appearance: none;\n width: 100%;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine {\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 {\n grid-column: 2;\n width: 50px;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy img {\n height: 100%; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .expand {\n grid-column: 4;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .listLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .listLine .options select {\n width: 115px; }\n #actionTabs .tabs .panes .pane .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n margin-bottom: -5px;\n z-index: 100;\n transition: opacity 250ms;\n pointer-events: none; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #555555;\n height: 30px;\n padding-right: 5px;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/actionTabs.scss"],"names":[],"mappings":"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","sourcesContent":["$line-padding-left: 2px;\r\n\r\n#inspector-host {\r\n position: absolute;\r\n right: 0px;\r\n top:0px;\r\n bottom: 0px;\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n#actionTabs {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\"; \r\n overflow: hidden;\r\n\r\n .hoverIcon:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px; \r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n #logo {\r\n grid-column: 1; \r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-self: center; \r\n justify-self: center;\r\n } \r\n\r\n #back {\r\n grid-column: 1; \r\n display: grid;\r\n align-self: center; \r\n justify-self: center;\r\n cursor: pointer;\r\n } \r\n\r\n #title {\r\n grid-column: 2; \r\n display: grid;\r\n align-items: center; \r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3; \r\n display: grid;\r\n align-items: center; \r\n grid-template-columns: 1fr 1fr; \r\n \r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center; \r\n justify-items: center;\r\n cursor: pointer; \r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center; \r\n justify-items: center;\r\n cursor: pointer; \r\n } \r\n }\r\n }\r\n\r\n .tabs {\r\n display: grid;\r\n grid-row: 2;\r\n grid-template-rows: 40px 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .labels {\r\n grid-row: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n border-bottom: 1px solid #ffffff; \r\n margin: 0;\r\n padding: 0; \r\n\r\n .label {\r\n font-size: 24px;\r\n color: white;\r\n width: 40px;\r\n display: flex;\r\n align-content: center;\r\n justify-content: center;\r\n border: 1px solid transparent; \r\n border-bottom: none; \r\n background: #333333;\r\n padding: 5px; \r\n height: 28px;\r\n cursor: pointer;\r\n\r\n &.active {\r\n border-color: #ffffff; \r\n border-bottom: 2px solid transparent; \r\n margin-bottom: -2px;\r\n }\r\n }\r\n }\r\n\r\n .panes {\r\n grid-row: 2;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n\r\n overflow: hidden;\r\n\r\n .infoMessage {\r\n opacity: 0.5;\r\n color: white;\r\n margin: 15px 5px 0px 5px;\r\n \r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px; \r\n align-items: center;\r\n \r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2{\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n \r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .icon{\r\n cursor: pointer;\r\n }\r\n \r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n \r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 12px;\r\n \r\n input {\r\n width: 100%;\r\n }\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n \r\n .gradient-copy { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n \r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n }\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: 100%;\r\n\r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n .animation-info { \r\n border-left: greenyellow 3px solid;\r\n margin-left: 5px;\r\n padding-left: 5px !important;\r\n }\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n .textureLinkLine {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n .debug {\r\n grid-column: 1;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n display: block;\r\n align-items: center; \r\n justify-items: center; \r\n cursor: pointer;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1.0;\r\n }\r\n }\r\n\r\n .textLine {\r\n grid-column: 2;\r\n }\r\n\r\n .actionIcon {\r\n display : inline-block;\r\n margin-top : 6px;\r\n margin-right : 4px;\r\n }\r\n }\r\n\r\n .messageLine {\r\n text-align: center;\r\n font-size: 12px;\r\n font-style: italic;\r\n opacity: 0.6;\r\n }\r\n\r\n .iconMessageLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n\r\n .icon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: 100%;\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 100;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute; \r\n } \r\n }\r\n\r\n .linkButtonLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n\r\n .link {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .link-button {\r\n grid-column: 2;\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n \r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n \r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .link-icon{\r\n grid-column: 3;\r\n display: grid;\r\n align-content: center;\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n &.indented {\r\n grid-template-columns: 100%;\r\n\r\n .link-value {\r\n grid-column: 1; \r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n\r\n .value {\r\n grid-column: 1; \r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n } \r\n \r\n &.reduced-opacity {\r\n opacity: 0.6;\r\n padding-left: 25px;\r\n }\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 7px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 7px;\r\n max-width: 200px;\r\n -webkit-user-select: text; \r\n -moz-user-select: text; \r\n -ms-user-select: text; \r\n user-select: text; \r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n } \r\n }\r\n }\r\n\r\n .gradient-container {\r\n margin-top: 3px;\r\n\r\n .gradient-label {\r\n height: 30px;\r\n display: grid;\r\n align-content: center;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px; \r\n align-items: center;\r\n border-left: orange 3px solid;\r\n \r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2{\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n \r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n \r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 4;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n \r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 5px;\r\n \r\n input {\r\n width: 100%;\r\n }\r\n }\r\n \r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n \r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n font-size: 13px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .radioLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 24px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .radioContainer {\r\n display: flex;\r\n align-items: center;\r\n\r\n .radio {\r\n grid-column: 2; \r\n display: none;\r\n\r\n &:checked + label:before {\r\n border-color: rgb(51, 122, 183);\r\n }\r\n &:checked + label:after {\r\n transform: scale(1);\r\n } \r\n }\r\n\r\n .labelForRadio {\r\n display: inline-block;\r\n height: 14px;\r\n position: relative;\r\n padding: 0 24px;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n vertical-align: bottom;\r\n &:before, &:after {\r\n position: absolute; \r\n content: ''; \r\n border-radius: 50%;\r\n transition: all .3s ease;\r\n transition-property: transform, border-color;\r\n }\r\n &:before {\r\n left: 0px;\r\n top: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 2px solid white;\r\n }\r\n &:after {\r\n top: 6px;\r\n left: 6px;\r\n width: 8px;\r\n height: 8px;\r\n transform: scale(0);\r\n background:rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-left:$line-padding-left; \r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n padding-left: 5px;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0,0,0,0.05);\r\n content: '';\r\n transition: all 0.15s ease;\r\n }\r\n\r\n .lbl:active:after { \r\n transform: scale(1.15, 0.85); \r\n }\r\n\r\n .cbx:checked ~ label { \r\n background: rgb(51, 122, 183);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .hidden { \r\n display: none; \r\n } \r\n } \r\n } \r\n\r\n .textureLine { \r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n\r\n .control {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr;\r\n\r\n .red {\r\n grid-column: 2;\r\n }\r\n\r\n .green {\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-column: 4;\r\n }\r\n\r\n .alpha {\r\n grid-column: 5;\r\n } \r\n\r\n .all {\r\n grid-column: 6;\r\n } \r\n }\r\n\r\n .control3D {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr;\r\n\r\n .px {\r\n grid-column: 2;\r\n }\r\n\r\n .nx {\r\n grid-column: 3;\r\n }\r\n\r\n .py {\r\n grid-column: 4;\r\n }\r\n\r\n .ny {\r\n grid-column: 5;\r\n } \r\n\r\n .pz {\r\n grid-column: 6;\r\n }\r\n\r\n .nz {\r\n grid-column: 7;\r\n } \r\n } \r\n\r\n .command {\r\n border: 1px solid transparent;\r\n background:transparent;\r\n color: white;\r\n }\r\n\r\n .selected {\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .preview {\r\n grid-row: 2;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n height: 256px;\r\n width: 256px;\r\n margin-top: 5px;\r\n margin-bottom: 5px;\r\n border: 1px solid white;\r\n background-size: 32px 32px;\r\n background-color: white;\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\");\r\n }\r\n }\r\n\r\n .gltf-extension-property {\r\n margin-left: 30px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .withMargins {\r\n margin-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n \r\n .short {\r\n grid-column: 1; \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 35px;\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n \r\n input[type=number] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n } \r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center; \r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n \r\n .range:hover {\r\n opacity: 1;\r\n }\r\n \r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n } \r\n } \r\n \r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n \r\n display: flex;\r\n align-items: center; \r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n \r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n img {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n } \r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n } \r\n } \r\n \r\n .listLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center; \r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n } \r\n } \r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display:grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n \r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover { \r\n .paneList { \r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title { \r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n \r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n margin-bottom: -5px;\r\n z-index: 100;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n \r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555; \r\n height: 30px; \r\n padding-right: 5px; \r\n cursor: pointer;\r\n \r\n .title { \r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n } \r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11180
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#inspector-host {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px; }\n\n#__resizable_base__ {\n display: none; }\n\n#actionTabs {\n background: #333333;\n height: 100%;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-rows: auto 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .hoverIcon:hover {\n opacity: 0.8; }\n #actionTabs #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: #222222;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr 50px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs #header #logo {\n grid-column: 1;\n width: 24px;\n height: 24px;\n display: flex;\n align-self: center;\n justify-self: center; }\n #actionTabs #header #back {\n grid-column: 1;\n display: grid;\n align-self: center;\n justify-self: center;\n cursor: pointer; }\n #actionTabs #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #actionTabs #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #actionTabs #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs {\n display: grid;\n grid-row: 2;\n grid-template-rows: 40px 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .tabs .labels {\n grid-row: 1;\n display: flex;\n align-items: center;\n justify-items: center;\n border-bottom: 1px solid #ffffff;\n margin: 0;\n padding: 0; }\n #actionTabs .tabs .labels .label {\n font-size: 24px;\n color: white;\n width: 40px;\n display: flex;\n align-content: center;\n justify-content: center;\n border: 1px solid transparent;\n border-bottom: none;\n background: #333333;\n padding: 5px;\n height: 28px;\n cursor: pointer; }\n #actionTabs .tabs .labels .label.active {\n border-color: #ffffff;\n border-bottom: 2px solid transparent;\n margin-bottom: -2px; }\n #actionTabs .tabs .panes {\n grid-row: 2;\n display: grid;\n grid-template-rows: 100%;\n overflow: hidden; }\n #actionTabs .tabs .panes .infoMessage {\n opacity: 0.5;\n color: white;\n margin: 15px 5px 0px 5px; }\n #actionTabs .tabs .panes .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center; }\n #actionTabs .tabs .panes .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .gradient-step .icon {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 12px; }\n #actionTabs .tabs .panes .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range {\n -webkit-appearance: none;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .pane {\n color: white;\n overflow-x: hidden;\n overflow-y: auto;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs .tabs .panes .pane .animation-info {\n border-left: greenyellow 3px solid;\n margin-left: 5px;\n padding-left: 5px !important; }\n #actionTabs .tabs .panes .pane .underline {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); }\n #actionTabs .tabs .panes .pane .textureLinkLine {\n display: grid;\n grid-template-columns: auto 1fr; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug {\n grid-column: 1;\n margin-left: 5px;\n margin-right: 5px;\n display: block;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n opacity: 0.5; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug.selected {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .textureLinkLine .textLine {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLinkLine .actionIcon {\n display: inline-block;\n margin-top: 6px;\n margin-right: 4px; }\n #actionTabs .tabs .panes .pane .messageLine {\n text-align: center;\n font-size: 12px;\n font-style: italic;\n opacity: 0.6; }\n #actionTabs .tabs .panes .pane .iconMessageLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 30px 1fr; }\n #actionTabs .tabs .panes .pane .iconMessageLine .icon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #actionTabs .tabs .panes .pane .iconMessageLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color-picker {\n height: calc(100% - 8px);\n margin: 4px;\n width: 100%; }\n #actionTabs .tabs .panes .pane .color-picker .color-rect {\n height: calc(100% - 4px);\n border: 2px white solid;\n cursor: pointer;\n min-height: 18px; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 100; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-float {\n position: absolute; }\n #actionTabs .tabs .panes .pane .linkButtonLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link {\n grid-column: 1;\n display: flex;\n align-items: center;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-icon {\n grid-column: 3;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .textLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .textLine.indented {\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .textLine.indented .link-value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.indented .value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.reduced-opacity {\n opacity: 0.6;\n padding-left: 25px; }\n #actionTabs .tabs .panes .pane .textLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .textLine .value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #actionTabs .tabs .panes .pane .textLine .value.check {\n color: green; }\n #actionTabs .tabs .panes .pane .textLine .value.uncheck {\n color: red; }\n #actionTabs .tabs .panes .pane .gradient-container {\n margin-top: 3px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-label {\n height: 30px;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center;\n border-left: orange 3px solid; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 4;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .pane .textInputLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .textInputLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textInputLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .buttonLine {\n height: 30px;\n display: grid;\n align-items: center;\n justify-items: stretch; }\n #actionTabs .tabs .panes .pane .buttonLine input[type=\"file\"] {\n display: none; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n font-size: 13px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #actionTabs .tabs .panes .pane .buttonLine button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .buttonLine button:hover {\n opacity: 1.0; }\n #actionTabs .tabs .panes .pane .buttonLine button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .buttonLine button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .radioLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 24px; }\n #actionTabs .tabs .panes .pane .radioLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer {\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio {\n grid-column: 2;\n display: none; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:before {\n border-color: #337ab7; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:after {\n transform: scale(1); }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio {\n display: inline-block;\n height: 14px;\n position: relative;\n padding: 0 24px;\n margin-bottom: 0;\n cursor: pointer;\n vertical-align: bottom; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before, #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n position: absolute;\n content: '';\n border-radius: 50%;\n transition: all .3s ease;\n transition-property: transform, border-color; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before {\n left: 0px;\n top: 0;\n width: 16px;\n height: 16px;\n border: 2px solid white; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n top: 6px;\n left: 6px;\n width: 8px;\n height: 8px;\n transform: scale(0);\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: 30px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .checkBoxLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n background: #898989;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: '';\n transition: all 0.15s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label {\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .cbx:checked ~ label:after {\n left: 20px;\n background: #164975; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden {\n display: none; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .icon {\n display: none; }\n #actionTabs .tabs .panes .pane .textureLine {\n display: grid;\n grid-template-rows: 30px auto; }\n #actionTabs .tabs .panes .pane .textureLine .control {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control .red {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control .green {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control .blue {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control .alpha {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control .all {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .px {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nx {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .py {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .ny {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .pz {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nz {\n grid-column: 7; }\n #actionTabs .tabs .panes .pane .textureLine .command {\n border: 1px solid transparent;\n background: transparent;\n color: white; }\n #actionTabs .tabs .panes .pane .textureLine .selected {\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .textureLine .preview {\n grid-row: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n height: 256px;\n width: 256px;\n margin-top: 5px;\n margin-bottom: 5px;\n border: 1px solid white;\n background-size: 32px 32px;\n background-color: white;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\"); }\n #actionTabs .tabs .panes .pane .gltf-extension-property {\n margin-left: 30px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .floatLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .floatLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .sliderLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 1fr 50px auto; }\n #actionTabs .tabs .panes .pane .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .withMargins {\n margin-left: 5px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine {\n padding-left: 2px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input {\n width: 35px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #actionTabs .tabs .panes .pane .sliderLine .slider {\n grid-column: 3;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range {\n -webkit-appearance: none;\n width: 100%;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine {\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 {\n grid-column: 2;\n width: 50px;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy img {\n height: 100%; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .expand {\n grid-column: 4;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .listLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .listLine .options select {\n width: 115px; }\n #actionTabs .tabs .panes .pane .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n margin-bottom: -5px;\n z-index: 100;\n transition: opacity 250ms;\n pointer-events: none; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #555555;\n height: 30px;\n padding-right: 5px;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/actionTabs.scss"],"names":[],"mappings":"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","sourcesContent":["$line-padding-left: 2px;\r\n\r\n#inspector-host {\r\n position: absolute;\r\n right: 0px;\r\n top:0px;\r\n bottom: 0px;\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n#actionTabs {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\"; \r\n overflow: hidden;\r\n\r\n .hoverIcon:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px; \r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n #logo {\r\n grid-column: 1; \r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-self: center; \r\n justify-self: center;\r\n } \r\n\r\n #back {\r\n grid-column: 1; \r\n display: grid;\r\n align-self: center; \r\n justify-self: center;\r\n cursor: pointer;\r\n } \r\n\r\n #title {\r\n grid-column: 2; \r\n display: grid;\r\n align-items: center; \r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3; \r\n display: grid;\r\n align-items: center; \r\n grid-template-columns: 1fr 1fr; \r\n \r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center; \r\n justify-items: center;\r\n cursor: pointer; \r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center; \r\n justify-items: center;\r\n cursor: pointer; \r\n } \r\n }\r\n }\r\n\r\n .tabs {\r\n display: grid;\r\n grid-row: 2;\r\n grid-template-rows: 40px 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .labels {\r\n grid-row: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n border-bottom: 1px solid #ffffff; \r\n margin: 0;\r\n padding: 0; \r\n\r\n .label {\r\n font-size: 24px;\r\n color: white;\r\n width: 40px;\r\n display: flex;\r\n align-content: center;\r\n justify-content: center;\r\n border: 1px solid transparent; \r\n border-bottom: none; \r\n background: #333333;\r\n padding: 5px; \r\n height: 28px;\r\n cursor: pointer;\r\n\r\n &.active {\r\n border-color: #ffffff; \r\n border-bottom: 2px solid transparent; \r\n margin-bottom: -2px;\r\n }\r\n }\r\n }\r\n\r\n .panes {\r\n grid-row: 2;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n\r\n overflow: hidden;\r\n\r\n .infoMessage {\r\n opacity: 0.5;\r\n color: white;\r\n margin: 15px 5px 0px 5px;\r\n \r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px; \r\n align-items: center;\r\n \r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2{\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n \r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .icon{\r\n cursor: pointer;\r\n }\r\n \r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n \r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 12px;\r\n \r\n input {\r\n width: 100%;\r\n }\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n \r\n .gradient-copy { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n \r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n }\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: 100%;\r\n\r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n .animation-info { \r\n border-left: greenyellow 3px solid;\r\n margin-left: 5px;\r\n padding-left: 5px !important;\r\n }\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n .textureLinkLine {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n .debug {\r\n grid-column: 1;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n display: block;\r\n align-items: center; \r\n justify-items: center; \r\n cursor: pointer;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1.0;\r\n }\r\n }\r\n\r\n .textLine {\r\n grid-column: 2;\r\n }\r\n\r\n .actionIcon {\r\n display : inline-block;\r\n margin-top : 6px;\r\n margin-right : 4px;\r\n }\r\n }\r\n\r\n .messageLine {\r\n text-align: center;\r\n font-size: 12px;\r\n font-style: italic;\r\n opacity: 0.6;\r\n }\r\n\r\n .iconMessageLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n\r\n .icon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: 100%;\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 100;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute; \r\n } \r\n }\r\n\r\n .linkButtonLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n\r\n .link {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .link-button {\r\n grid-column: 2;\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n \r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n \r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .link-icon{\r\n grid-column: 3;\r\n display: grid;\r\n align-content: center;\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n &.indented {\r\n grid-template-columns: 100%;\r\n\r\n .link-value {\r\n grid-column: 1; \r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n\r\n .value {\r\n grid-column: 1; \r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n } \r\n \r\n &.reduced-opacity {\r\n opacity: 0.6;\r\n padding-left: 25px;\r\n }\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 7px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 7px;\r\n max-width: 200px;\r\n -webkit-user-select: text; \r\n -moz-user-select: text; \r\n -ms-user-select: text; \r\n user-select: text; \r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n } \r\n }\r\n }\r\n\r\n .gradient-container {\r\n margin-top: 3px;\r\n\r\n .gradient-label {\r\n height: 30px;\r\n display: grid;\r\n align-content: center;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px; \r\n align-items: center;\r\n border-left: orange 3px solid;\r\n \r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2{\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n \r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n \r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 4;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n \r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 5px;\r\n \r\n input {\r\n width: 100%;\r\n }\r\n }\r\n \r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n \r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n font-size: 13px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .radioLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 24px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .radioContainer {\r\n display: flex;\r\n align-items: center;\r\n\r\n .radio {\r\n grid-column: 2; \r\n display: none;\r\n\r\n &:checked + label:before {\r\n border-color: rgb(51, 122, 183);\r\n }\r\n &:checked + label:after {\r\n transform: scale(1);\r\n } \r\n }\r\n\r\n .labelForRadio {\r\n display: inline-block;\r\n height: 14px;\r\n position: relative;\r\n padding: 0 24px;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n vertical-align: bottom;\r\n &:before, &:after {\r\n position: absolute; \r\n content: ''; \r\n border-radius: 50%;\r\n transition: all .3s ease;\r\n transition-property: transform, border-color;\r\n }\r\n &:before {\r\n left: 0px;\r\n top: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 2px solid white;\r\n }\r\n &:after {\r\n top: 6px;\r\n left: 6px;\r\n width: 8px;\r\n height: 8px;\r\n transform: scale(0);\r\n background:rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-left:$line-padding-left; \r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n padding-left: 5px;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0,0,0,0.05);\r\n content: '';\r\n transition: all 0.15s ease;\r\n }\r\n\r\n .lbl:active:after { \r\n transform: scale(1.15, 0.85); \r\n }\r\n\r\n .cbx:checked ~ label { \r\n background: rgb(51, 122, 183);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .hidden { \r\n display: none; \r\n }\r\n \r\n .icon {\r\n display: none;\r\n }\r\n } \r\n } \r\n\r\n .textureLine { \r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n\r\n .control {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr;\r\n\r\n .red {\r\n grid-column: 2;\r\n }\r\n\r\n .green {\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-column: 4;\r\n }\r\n\r\n .alpha {\r\n grid-column: 5;\r\n } \r\n\r\n .all {\r\n grid-column: 6;\r\n } \r\n }\r\n\r\n .control3D {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr;\r\n\r\n .px {\r\n grid-column: 2;\r\n }\r\n\r\n .nx {\r\n grid-column: 3;\r\n }\r\n\r\n .py {\r\n grid-column: 4;\r\n }\r\n\r\n .ny {\r\n grid-column: 5;\r\n } \r\n\r\n .pz {\r\n grid-column: 6;\r\n }\r\n\r\n .nz {\r\n grid-column: 7;\r\n } \r\n } \r\n\r\n .command {\r\n border: 1px solid transparent;\r\n background:transparent;\r\n color: white;\r\n }\r\n\r\n .selected {\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .preview {\r\n grid-row: 2;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n height: 256px;\r\n width: 256px;\r\n margin-top: 5px;\r\n margin-bottom: 5px;\r\n border: 1px solid white;\r\n background-size: 32px 32px;\r\n background-color: white;\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\");\r\n }\r\n }\r\n\r\n .gltf-extension-property {\r\n margin-left: 30px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .withMargins {\r\n margin-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n \r\n .short {\r\n grid-column: 1; \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 35px;\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n \r\n input[type=number] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n } \r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center; \r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n \r\n .range:hover {\r\n opacity: 1;\r\n }\r\n \r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n } \r\n } \r\n \r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n \r\n display: flex;\r\n align-items: center; \r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n \r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n img {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n } \r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n } \r\n } \r\n \r\n .listLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center; \r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n } \r\n } \r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display:grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n \r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover { \r\n .paneList { \r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title { \r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n \r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n margin-bottom: -5px;\r\n z-index: 100;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n \r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555; \r\n height: 30px; \r\n padding-right: 5px; \r\n cursor: pointer;\r\n \r\n .title { \r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n } \r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11181
11181
|
// Exports
|
|
11182
11182
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11183
11183
|
|
|
@@ -11185,9 +11185,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#inspector-host {\n position: absolute
|
|
|
11185
11185
|
/***/ }),
|
|
11186
11186
|
|
|
11187
11187
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss":
|
|
11188
|
-
|
|
11189
|
-
!***
|
|
11190
|
-
|
|
11188
|
+
/*!*******************************************************************************************************************************************************************************************************!*\
|
|
11189
|
+
!*** 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 ***!
|
|
11190
|
+
\*******************************************************************************************************************************************************************************************************/
|
|
11191
11191
|
/*! exports provided: default */
|
|
11192
11192
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11193
11193
|
|
|
@@ -11210,9 +11210,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#performance-viewer {\n display: grid;
|
|
|
11210
11210
|
/***/ }),
|
|
11211
11211
|
|
|
11212
11212
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss":
|
|
11213
|
-
|
|
11214
|
-
!***
|
|
11215
|
-
|
|
11213
|
+
/*!******************************************************************************************************************************************************************************************************************!*\
|
|
11214
|
+
!*** 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 ***!
|
|
11215
|
+
\******************************************************************************************************************************************************************************************************************/
|
|
11216
11216
|
/*! exports provided: default */
|
|
11217
11217
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11218
11218
|
|
|
@@ -11235,9 +11235,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#bottom-bar {\n display: grid;\n grid
|
|
|
11235
11235
|
/***/ }),
|
|
11236
11236
|
|
|
11237
11237
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss":
|
|
11238
|
-
|
|
11239
|
-
!***
|
|
11240
|
-
|
|
11238
|
+
/*!***************************************************************************************************************************************************************************************************************!*\
|
|
11239
|
+
!*** 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 ***!
|
|
11240
|
+
\***************************************************************************************************************************************************************************************************************/
|
|
11241
11241
|
/*! exports provided: default */
|
|
11242
11242
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11243
11243
|
|
|
@@ -11260,9 +11260,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#canvas-zone {\n display: grid;\n gri
|
|
|
11260
11260
|
/***/ }),
|
|
11261
11261
|
|
|
11262
11262
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss":
|
|
11263
|
-
|
|
11264
|
-
!***
|
|
11265
|
-
|
|
11263
|
+
/*!********************************************************************************************************************************************************************************************************************!*\
|
|
11264
|
+
!*** 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 ***!
|
|
11265
|
+
\********************************************************************************************************************************************************************************************************************/
|
|
11266
11266
|
/*! exports provided: default */
|
|
11267
11267
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11268
11268
|
|
|
@@ -11285,9 +11285,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#curve-editor {\n background: #333333;
|
|
|
11285
11285
|
/***/ }),
|
|
11286
11286
|
|
|
11287
11287
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss":
|
|
11288
|
-
|
|
11289
|
-
!***
|
|
11290
|
-
|
|
11288
|
+
/*!****************************************************************************************************************************************************************************************************************!*\
|
|
11289
|
+
!*** 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 ***!
|
|
11290
|
+
\****************************************************************************************************************************************************************************************************************/
|
|
11291
11291
|
/*! exports provided: default */
|
|
11292
11292
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11293
11293
|
|
|
@@ -11310,9 +11310,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#sideBar {\n display: grid;\n grid-te
|
|
|
11310
11310
|
/***/ }),
|
|
11311
11311
|
|
|
11312
11312
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss":
|
|
11313
|
-
|
|
11314
|
-
!***
|
|
11315
|
-
|
|
11313
|
+
/*!***************************************************************************************************************************************************************************************************************!*\
|
|
11314
|
+
!*** 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 ***!
|
|
11315
|
+
\***************************************************************************************************************************************************************************************************************/
|
|
11316
11316
|
/*! exports provided: default */
|
|
11317
11317
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11318
11318
|
|
|
@@ -11335,9 +11335,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#top-bar {\n display: grid;\n grid-te
|
|
|
11335
11335
|
/***/ }),
|
|
11336
11336
|
|
|
11337
11337
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss":
|
|
11338
|
-
|
|
11339
|
-
!***
|
|
11340
|
-
|
|
11338
|
+
/*!*************************************************************************************************************************************************************************************************************!*\
|
|
11339
|
+
!*** 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 ***!
|
|
11340
|
+
\*************************************************************************************************************************************************************************************************************/
|
|
11341
11341
|
/*! exports provided: default */
|
|
11342
11342
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11343
11343
|
|
|
@@ -11360,9 +11360,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#texture-editor {\n height: 100%;\n w
|
|
|
11360
11360
|
/***/ }),
|
|
11361
11361
|
|
|
11362
11362
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss":
|
|
11363
|
-
|
|
11364
|
-
!***
|
|
11365
|
-
|
|
11363
|
+
/*!******************************************************************************************************************************************************************!*\
|
|
11364
|
+
!*** 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 ***!
|
|
11365
|
+
\******************************************************************************************************************************************************************/
|
|
11366
11366
|
/*! exports provided: default */
|
|
11367
11367
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11368
11368
|
|
|
@@ -11385,9 +11385,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#embed-host {\n position: absolute;\n
|
|
|
11385
11385
|
/***/ }),
|
|
11386
11386
|
|
|
11387
11387
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss":
|
|
11388
|
-
|
|
11389
|
-
!***
|
|
11390
|
-
|
|
11388
|
+
/*!**************************************************************************************************************************************************************************!*\
|
|
11389
|
+
!*** 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 ***!
|
|
11390
|
+
\**************************************************************************************************************************************************************************/
|
|
11391
11391
|
/*! exports provided: default */
|
|
11392
11392
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11393
11393
|
|
|
@@ -11410,9 +11410,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#scene-explorer-host {\n position: abs
|
|
|
11410
11410
|
/***/ }),
|
|
11411
11411
|
|
|
11412
11412
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss":
|
|
11413
|
-
|
|
11414
|
-
!***
|
|
11415
|
-
|
|
11413
|
+
/*!******************************************************************************************************************************************************************************!*\
|
|
11414
|
+
!*** 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 ***!
|
|
11415
|
+
\******************************************************************************************************************************************************************************/
|
|
11416
11416
|
/*! exports provided: default */
|
|
11417
11417
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11418
11418
|
|
|
@@ -11435,9 +11435,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".color-picker-container {\n width: 320
|
|
|
11435
11435
|
/***/ }),
|
|
11436
11436
|
|
|
11437
11437
|
/***/ "../../../../node_modules/css-loader/dist/runtime/api.js":
|
|
11438
|
-
|
|
11439
|
-
!***
|
|
11440
|
-
|
|
11438
|
+
/*!*************************************************************************!*\
|
|
11439
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
|
|
11440
|
+
\*************************************************************************/
|
|
11441
11441
|
/*! no static exports found */
|
|
11442
11442
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11443
11443
|
|
|
@@ -11512,9 +11512,9 @@ module.exports = function (cssWithMappingToString) {
|
|
|
11512
11512
|
/***/ }),
|
|
11513
11513
|
|
|
11514
11514
|
/***/ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js":
|
|
11515
|
-
|
|
11516
|
-
!***
|
|
11517
|
-
|
|
11515
|
+
/*!********************************************************************************************!*\
|
|
11516
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/cssWithMappingToString.js ***!
|
|
11517
|
+
\********************************************************************************************/
|
|
11518
11518
|
/*! no static exports found */
|
|
11519
11519
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11520
11520
|
|
|
@@ -11559,9 +11559,9 @@ module.exports = function cssWithMappingToString(item) {
|
|
|
11559
11559
|
/***/ }),
|
|
11560
11560
|
|
|
11561
11561
|
/***/ "../../../../node_modules/gif.js.optimized/dist/gif.js":
|
|
11562
|
-
|
|
11563
|
-
!***
|
|
11564
|
-
|
|
11562
|
+
/*!***********************************************************************!*\
|
|
11563
|
+
!*** E:/Babylon/Babylon.js/node_modules/gif.js.optimized/dist/gif.js ***!
|
|
11564
|
+
\***********************************************************************/
|
|
11565
11565
|
/*! no static exports found */
|
|
11566
11566
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11567
11567
|
|
|
@@ -11571,9 +11571,9 @@ module.exports = function cssWithMappingToString(item) {
|
|
|
11571
11571
|
/***/ }),
|
|
11572
11572
|
|
|
11573
11573
|
/***/ "../../../../node_modules/object-assign/index.js":
|
|
11574
|
-
|
|
11575
|
-
!***
|
|
11576
|
-
|
|
11574
|
+
/*!*****************************************************************!*\
|
|
11575
|
+
!*** E:/Babylon/Babylon.js/node_modules/object-assign/index.js ***!
|
|
11576
|
+
\*****************************************************************/
|
|
11577
11577
|
/*! no static exports found */
|
|
11578
11578
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11579
11579
|
|
|
@@ -11673,9 +11673,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
|
11673
11673
|
/***/ }),
|
|
11674
11674
|
|
|
11675
11675
|
/***/ "../../../../node_modules/process/browser.js":
|
|
11676
|
-
|
|
11677
|
-
!***
|
|
11678
|
-
|
|
11676
|
+
/*!*************************************************************!*\
|
|
11677
|
+
!*** E:/Babylon/Babylon.js/node_modules/process/browser.js ***!
|
|
11678
|
+
\*************************************************************/
|
|
11679
11679
|
/*! no static exports found */
|
|
11680
11680
|
/***/ (function(module, exports) {
|
|
11681
11681
|
|
|
@@ -11868,9 +11868,9 @@ process.umask = function() { return 0; };
|
|
|
11868
11868
|
/***/ }),
|
|
11869
11869
|
|
|
11870
11870
|
/***/ "../../../../node_modules/prop-types/checkPropTypes.js":
|
|
11871
|
-
|
|
11872
|
-
!***
|
|
11873
|
-
|
|
11871
|
+
/*!***********************************************************************!*\
|
|
11872
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
|
|
11873
|
+
\***********************************************************************/
|
|
11874
11874
|
/*! no static exports found */
|
|
11875
11875
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11876
11876
|
|
|
@@ -11982,9 +11982,9 @@ module.exports = checkPropTypes;
|
|
|
11982
11982
|
/***/ }),
|
|
11983
11983
|
|
|
11984
11984
|
/***/ "../../../../node_modules/prop-types/factoryWithTypeCheckers.js":
|
|
11985
|
-
|
|
11986
|
-
!***
|
|
11987
|
-
|
|
11985
|
+
/*!********************************************************************************!*\
|
|
11986
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
|
|
11987
|
+
\********************************************************************************/
|
|
11988
11988
|
/*! no static exports found */
|
|
11989
11989
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11990
11990
|
|
|
@@ -12585,9 +12585,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
|
|
|
12585
12585
|
/***/ }),
|
|
12586
12586
|
|
|
12587
12587
|
/***/ "../../../../node_modules/prop-types/index.js":
|
|
12588
|
-
|
|
12589
|
-
!***
|
|
12590
|
-
|
|
12588
|
+
/*!**************************************************************!*\
|
|
12589
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/index.js ***!
|
|
12590
|
+
\**************************************************************/
|
|
12591
12591
|
/*! no static exports found */
|
|
12592
12592
|
/***/ (function(module, exports, __webpack_require__) {
|
|
12593
12593
|
|
|
@@ -12611,9 +12611,9 @@ if (true) {
|
|
|
12611
12611
|
/***/ }),
|
|
12612
12612
|
|
|
12613
12613
|
/***/ "../../../../node_modules/prop-types/lib/ReactPropTypesSecret.js":
|
|
12614
|
-
|
|
12615
|
-
!***
|
|
12616
|
-
|
|
12614
|
+
/*!*********************************************************************************!*\
|
|
12615
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
|
|
12616
|
+
\*********************************************************************************/
|
|
12617
12617
|
/*! no static exports found */
|
|
12618
12618
|
/***/ (function(module, exports, __webpack_require__) {
|
|
12619
12619
|
|
|
@@ -12635,9 +12635,9 @@ module.exports = ReactPropTypesSecret;
|
|
|
12635
12635
|
/***/ }),
|
|
12636
12636
|
|
|
12637
12637
|
/***/ "../../../../node_modules/react-contextmenu/es6/AbstractMenu.js":
|
|
12638
|
-
|
|
12639
|
-
!***
|
|
12640
|
-
|
|
12638
|
+
/*!********************************************************************************!*\
|
|
12639
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
|
|
12640
|
+
\********************************************************************************/
|
|
12641
12641
|
/*! exports provided: default */
|
|
12642
12642
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12643
12643
|
|
|
@@ -12861,9 +12861,9 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
12861
12861
|
/***/ }),
|
|
12862
12862
|
|
|
12863
12863
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenu.js":
|
|
12864
|
-
|
|
12865
|
-
!***
|
|
12866
|
-
|
|
12864
|
+
/*!*******************************************************************************!*\
|
|
12865
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
|
|
12866
|
+
\*******************************************************************************/
|
|
12867
12867
|
/*! exports provided: default */
|
|
12868
12868
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12869
12869
|
|
|
@@ -13178,9 +13178,9 @@ ContextMenu.defaultProps = {
|
|
|
13178
13178
|
/***/ }),
|
|
13179
13179
|
|
|
13180
13180
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenuTrigger.js":
|
|
13181
|
-
|
|
13182
|
-
!***
|
|
13183
|
-
|
|
13181
|
+
/*!**************************************************************************************!*\
|
|
13182
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
|
|
13183
|
+
\**************************************************************************************/
|
|
13184
13184
|
/*! exports provided: default */
|
|
13185
13185
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13186
13186
|
|
|
@@ -13378,9 +13378,9 @@ ContextMenuTrigger.defaultProps = {
|
|
|
13378
13378
|
/***/ }),
|
|
13379
13379
|
|
|
13380
13380
|
/***/ "../../../../node_modules/react-contextmenu/es6/MenuItem.js":
|
|
13381
|
-
|
|
13382
|
-
!***
|
|
13383
|
-
|
|
13381
|
+
/*!****************************************************************************!*\
|
|
13382
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
|
|
13383
|
+
\****************************************************************************/
|
|
13384
13384
|
/*! exports provided: default */
|
|
13385
13385
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13386
13386
|
|
|
@@ -13518,9 +13518,9 @@ MenuItem.defaultProps = {
|
|
|
13518
13518
|
/***/ }),
|
|
13519
13519
|
|
|
13520
13520
|
/***/ "../../../../node_modules/react-contextmenu/es6/SubMenu.js":
|
|
13521
|
-
|
|
13522
|
-
!***
|
|
13523
|
-
|
|
13521
|
+
/*!***************************************************************************!*\
|
|
13522
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
|
|
13523
|
+
\***************************************************************************/
|
|
13524
13524
|
/*! exports provided: default */
|
|
13525
13525
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13526
13526
|
|
|
@@ -13858,9 +13858,9 @@ SubMenu.defaultProps = {
|
|
|
13858
13858
|
/***/ }),
|
|
13859
13859
|
|
|
13860
13860
|
/***/ "../../../../node_modules/react-contextmenu/es6/actions.js":
|
|
13861
|
-
|
|
13862
|
-
!***
|
|
13863
|
-
|
|
13861
|
+
/*!***************************************************************************!*\
|
|
13862
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
|
|
13863
|
+
\***************************************************************************/
|
|
13864
13864
|
/*! exports provided: MENU_SHOW, MENU_HIDE, dispatchGlobalEvent, showMenu, hideMenu */
|
|
13865
13865
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13866
13866
|
|
|
@@ -13918,9 +13918,9 @@ function hideMenu() {
|
|
|
13918
13918
|
/***/ }),
|
|
13919
13919
|
|
|
13920
13920
|
/***/ "../../../../node_modules/react-contextmenu/es6/connectMenu.js":
|
|
13921
|
-
|
|
13922
|
-
!***
|
|
13923
|
-
|
|
13921
|
+
/*!*******************************************************************************!*\
|
|
13922
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
|
|
13923
|
+
\*******************************************************************************/
|
|
13924
13924
|
/*! exports provided: default */
|
|
13925
13925
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13926
13926
|
|
|
@@ -14016,9 +14016,9 @@ var ignoredTriggerProps = [].concat(_toConsumableArray(Object.keys(_ContextMenuT
|
|
|
14016
14016
|
/***/ }),
|
|
14017
14017
|
|
|
14018
14018
|
/***/ "../../../../node_modules/react-contextmenu/es6/globalEventListener.js":
|
|
14019
|
-
|
|
14020
|
-
!***
|
|
14021
|
-
|
|
14019
|
+
/*!***************************************************************************************!*\
|
|
14020
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
|
|
14021
|
+
\***************************************************************************************/
|
|
14022
14022
|
/*! exports provided: default */
|
|
14023
14023
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
14024
14024
|
|
|
@@ -14078,9 +14078,9 @@ var GlobalEventListener = function GlobalEventListener() {
|
|
|
14078
14078
|
/***/ }),
|
|
14079
14079
|
|
|
14080
14080
|
/***/ "../../../../node_modules/react-contextmenu/es6/helpers.js":
|
|
14081
|
-
|
|
14082
|
-
!***
|
|
14083
|
-
|
|
14081
|
+
/*!***************************************************************************!*\
|
|
14082
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
|
|
14083
|
+
\***************************************************************************/
|
|
14084
14084
|
/*! exports provided: callIfExists, hasOwnProp, uniqueId, cssClasses, store, canUseDOM */
|
|
14085
14085
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
14086
14086
|
|
|
@@ -14127,9 +14127,9 @@ var canUseDOM = Boolean(typeof window !== 'undefined' && window.document && wind
|
|
|
14127
14127
|
/***/ }),
|
|
14128
14128
|
|
|
14129
14129
|
/***/ "../../../../node_modules/react-contextmenu/es6/index.js":
|
|
14130
|
-
|
|
14131
|
-
!***
|
|
14132
|
-
|
|
14130
|
+
/*!*************************************************************************!*\
|
|
14131
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
|
|
14132
|
+
\*************************************************************************/
|
|
14133
14133
|
/*! exports provided: ContextMenu, ContextMenuTrigger, MenuItem, SubMenu, connectMenu, hideMenu, showMenu */
|
|
14134
14134
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
14135
14135
|
|
|
@@ -14165,9 +14165,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14165
14165
|
/***/ }),
|
|
14166
14166
|
|
|
14167
14167
|
/***/ "../../../../node_modules/react-dom/cjs/react-dom.development.js":
|
|
14168
|
-
|
|
14169
|
-
!***
|
|
14170
|
-
|
|
14168
|
+
/*!*********************************************************************************!*\
|
|
14169
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
|
|
14170
|
+
\*********************************************************************************/
|
|
14171
14171
|
/*! no static exports found */
|
|
14172
14172
|
/***/ (function(module, exports, __webpack_require__) {
|
|
14173
14173
|
|
|
@@ -39189,9 +39189,9 @@ exports.version = ReactVersion;
|
|
|
39189
39189
|
/***/ }),
|
|
39190
39190
|
|
|
39191
39191
|
/***/ "../../../../node_modules/react-dom/index.js":
|
|
39192
|
-
|
|
39193
|
-
!***
|
|
39194
|
-
|
|
39192
|
+
/*!*************************************************************!*\
|
|
39193
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-dom/index.js ***!
|
|
39194
|
+
\*************************************************************/
|
|
39195
39195
|
/*! no static exports found */
|
|
39196
39196
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39197
39197
|
|
|
@@ -39234,9 +39234,9 @@ if (false) {} else {
|
|
|
39234
39234
|
/***/ }),
|
|
39235
39235
|
|
|
39236
39236
|
/***/ "../../../../node_modules/react-is/cjs/react-is.development.js":
|
|
39237
|
-
|
|
39238
|
-
!***
|
|
39239
|
-
|
|
39237
|
+
/*!*******************************************************************************!*\
|
|
39238
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
|
|
39239
|
+
\*******************************************************************************/
|
|
39240
39240
|
/*! no static exports found */
|
|
39241
39241
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39242
39242
|
|
|
@@ -39427,9 +39427,9 @@ exports.typeOf = typeOf;
|
|
|
39427
39427
|
/***/ }),
|
|
39428
39428
|
|
|
39429
39429
|
/***/ "../../../../node_modules/react-is/index.js":
|
|
39430
|
-
|
|
39431
|
-
!***
|
|
39432
|
-
|
|
39430
|
+
/*!************************************************************!*\
|
|
39431
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-is/index.js ***!
|
|
39432
|
+
\************************************************************/
|
|
39433
39433
|
/*! no static exports found */
|
|
39434
39434
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39435
39435
|
|
|
@@ -39444,9 +39444,9 @@ if (false) {} else {
|
|
|
39444
39444
|
/***/ }),
|
|
39445
39445
|
|
|
39446
39446
|
/***/ "../../../../node_modules/react/cjs/react.development.js":
|
|
39447
|
-
|
|
39448
|
-
!***
|
|
39449
|
-
|
|
39447
|
+
/*!*************************************************************************!*\
|
|
39448
|
+
!*** E:/Babylon/Babylon.js/node_modules/react/cjs/react.development.js ***!
|
|
39449
|
+
\*************************************************************************/
|
|
39450
39450
|
/*! no static exports found */
|
|
39451
39451
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39452
39452
|
|
|
@@ -41368,9 +41368,9 @@ exports.version = ReactVersion;
|
|
|
41368
41368
|
/***/ }),
|
|
41369
41369
|
|
|
41370
41370
|
/***/ "../../../../node_modules/react/index.js":
|
|
41371
|
-
|
|
41372
|
-
!***
|
|
41373
|
-
|
|
41371
|
+
/*!*********************************************************!*\
|
|
41372
|
+
!*** E:/Babylon/Babylon.js/node_modules/react/index.js ***!
|
|
41373
|
+
\*********************************************************/
|
|
41374
41374
|
/*! no static exports found */
|
|
41375
41375
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41376
41376
|
|
|
@@ -41385,9 +41385,9 @@ if (false) {} else {
|
|
|
41385
41385
|
/***/ }),
|
|
41386
41386
|
|
|
41387
41387
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler-tracing.development.js":
|
|
41388
|
-
|
|
41389
|
-
!***
|
|
41390
|
-
|
|
41388
|
+
/*!*****************************************************************************************!*\
|
|
41389
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
|
|
41390
|
+
\*****************************************************************************************/
|
|
41391
41391
|
/*! no static exports found */
|
|
41392
41392
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41393
41393
|
|
|
@@ -41746,9 +41746,9 @@ exports.unstable_wrap = unstable_wrap;
|
|
|
41746
41746
|
/***/ }),
|
|
41747
41747
|
|
|
41748
41748
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler.development.js":
|
|
41749
|
-
|
|
41750
|
-
!***
|
|
41751
|
-
|
|
41749
|
+
/*!*********************************************************************************!*\
|
|
41750
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
|
|
41751
|
+
\*********************************************************************************/
|
|
41752
41752
|
/*! no static exports found */
|
|
41753
41753
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41754
41754
|
|
|
@@ -42616,9 +42616,9 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
|
|
|
42616
42616
|
/***/ }),
|
|
42617
42617
|
|
|
42618
42618
|
/***/ "../../../../node_modules/scheduler/index.js":
|
|
42619
|
-
|
|
42620
|
-
!***
|
|
42621
|
-
|
|
42619
|
+
/*!*************************************************************!*\
|
|
42620
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/index.js ***!
|
|
42621
|
+
\*************************************************************/
|
|
42622
42622
|
/*! no static exports found */
|
|
42623
42623
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42624
42624
|
|
|
@@ -42633,9 +42633,9 @@ if (false) {} else {
|
|
|
42633
42633
|
/***/ }),
|
|
42634
42634
|
|
|
42635
42635
|
/***/ "../../../../node_modules/scheduler/tracing.js":
|
|
42636
|
-
|
|
42637
|
-
!***
|
|
42638
|
-
|
|
42636
|
+
/*!***************************************************************!*\
|
|
42637
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/tracing.js ***!
|
|
42638
|
+
\***************************************************************/
|
|
42639
42639
|
/*! no static exports found */
|
|
42640
42640
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42641
42641
|
|
|
@@ -42650,9 +42650,9 @@ if (false) {} else {
|
|
|
42650
42650
|
/***/ }),
|
|
42651
42651
|
|
|
42652
42652
|
/***/ "../../../../node_modules/setimmediate/setImmediate.js":
|
|
42653
|
-
|
|
42654
|
-
!***
|
|
42655
|
-
|
|
42653
|
+
/*!***********************************************************************!*\
|
|
42654
|
+
!*** E:/Babylon/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
|
|
42655
|
+
\***********************************************************************/
|
|
42656
42656
|
/*! no static exports found */
|
|
42657
42657
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42658
42658
|
|
|
@@ -42848,9 +42848,9 @@ if (false) {} else {
|
|
|
42848
42848
|
/***/ }),
|
|
42849
42849
|
|
|
42850
42850
|
/***/ "../../../../node_modules/split.js/dist/split.es.js":
|
|
42851
|
-
|
|
42852
|
-
!***
|
|
42853
|
-
|
|
42851
|
+
/*!********************************************************************!*\
|
|
42852
|
+
!*** E:/Babylon/Babylon.js/node_modules/split.js/dist/split.es.js ***!
|
|
42853
|
+
\********************************************************************/
|
|
42854
42854
|
/*! exports provided: default */
|
|
42855
42855
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
42856
42856
|
|
|
@@ -43634,9 +43634,9 @@ var Split = function (idsOption, options) {
|
|
|
43634
43634
|
/***/ }),
|
|
43635
43635
|
|
|
43636
43636
|
/***/ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
|
43637
|
-
|
|
43638
|
-
!***
|
|
43639
|
-
|
|
43637
|
+
/*!************************************************************************************************!*\
|
|
43638
|
+
!*** E:/Babylon/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
|
43639
|
+
\************************************************************************************************/
|
|
43640
43640
|
/*! no static exports found */
|
|
43641
43641
|
/***/ (function(module, exports, __webpack_require__) {
|
|
43642
43642
|
|
|
@@ -43914,9 +43914,9 @@ module.exports = function (list, options) {
|
|
|
43914
43914
|
/***/ }),
|
|
43915
43915
|
|
|
43916
43916
|
/***/ "../../../../node_modules/timers-browserify/main.js":
|
|
43917
|
-
|
|
43918
|
-
!***
|
|
43919
|
-
|
|
43917
|
+
/*!********************************************************************!*\
|
|
43918
|
+
!*** E:/Babylon/Babylon.js/node_modules/timers-browserify/main.js ***!
|
|
43919
|
+
\********************************************************************/
|
|
43920
43920
|
/*! no static exports found */
|
|
43921
43921
|
/***/ (function(module, exports, __webpack_require__) {
|
|
43922
43922
|
|
|
@@ -43989,9 +43989,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
|
|
|
43989
43989
|
/***/ }),
|
|
43990
43990
|
|
|
43991
43991
|
/***/ "../../../../node_modules/tslib/tslib.es6.js":
|
|
43992
|
-
|
|
43993
|
-
!***
|
|
43994
|
-
|
|
43992
|
+
/*!*************************************************************!*\
|
|
43993
|
+
!*** E:/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
|
|
43994
|
+
\*************************************************************/
|
|
43995
43995
|
/*! 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 */
|
|
43996
43996
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
43997
43997
|
|
|
@@ -44296,9 +44296,9 @@ module.exports = g;
|
|
|
44296
44296
|
/***/ }),
|
|
44297
44297
|
|
|
44298
44298
|
/***/ "../../node_modules/re-resizable/lib/index.es5.js":
|
|
44299
|
-
|
|
44300
|
-
!***
|
|
44301
|
-
|
|
44299
|
+
/*!****************************************************************************************!*\
|
|
44300
|
+
!*** E:/Babylon/Babylon.js/.temp/sourceES6/node_modules/re-resizable/lib/index.es5.js ***!
|
|
44301
|
+
\****************************************************************************************/
|
|
44302
44302
|
/*! no static exports found */
|
|
44303
44303
|
/***/ (function(module, exports, __webpack_require__) {
|
|
44304
44304
|
|
|
@@ -45814,6 +45814,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45814
45814
|
|
|
45815
45815
|
|
|
45816
45816
|
|
|
45817
|
+
|
|
45817
45818
|
var DebugTabComponent = /** @class */ (function (_super) {
|
|
45818
45819
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(DebugTabComponent, _super);
|
|
45819
45820
|
function DebugTabComponent(props) {
|
|
@@ -48023,8 +48024,9 @@ var RangeSelectorComponent = /** @class */ (function (_super) {
|
|
|
48023
48024
|
"use strict";
|
|
48024
48025
|
__webpack_require__.r(__webpack_exports__);
|
|
48025
48026
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Context", function() { return Context; });
|
|
48026
|
-
/* harmony import */ var
|
|
48027
|
-
/* harmony import */ var
|
|
48027
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babylonjs/core/Animations/animation */ "@babylonjs/core/Misc/observable");
|
|
48028
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__);
|
|
48029
|
+
|
|
48028
48030
|
|
|
48029
48031
|
;
|
|
48030
48032
|
var Context = /** @class */ (function () {
|
|
@@ -48036,43 +48038,43 @@ var Context = /** @class */ (function () {
|
|
|
48036
48038
|
this.referenceMinFrame = 0;
|
|
48037
48039
|
this.referenceMaxFrame = 100;
|
|
48038
48040
|
this.focusedInput = false;
|
|
48039
|
-
this.onActiveAnimationChanged = new
|
|
48040
|
-
this.onActiveKeyPointChanged = new
|
|
48041
|
-
this.onHostWindowResized = new
|
|
48042
|
-
this.onSelectAllKeys = new
|
|
48043
|
-
this.onActiveKeyFrameChanged = new
|
|
48044
|
-
this.onFrameSet = new
|
|
48045
|
-
this.onFrameManuallyEntered = new
|
|
48046
|
-
this.onMainKeyPointSet = new
|
|
48047
|
-
this.onMainKeyPointMoved = new
|
|
48048
|
-
this.onValueSet = new
|
|
48049
|
-
this.onValueManuallyEntered = new
|
|
48050
|
-
this.onFrameRequired = new
|
|
48051
|
-
this.onCreateOrUpdateKeyPointRequired = new
|
|
48052
|
-
this.onFlattenTangentRequired = new
|
|
48053
|
-
this.onLinearTangentRequired = new
|
|
48054
|
-
this.onBreakTangentRequired = new
|
|
48055
|
-
this.onUnifyTangentRequired = new
|
|
48056
|
-
this.onStepTangentRequired = new
|
|
48057
|
-
this.onDeleteAnimation = new
|
|
48058
|
-
this.onGraphMoved = new
|
|
48059
|
-
this.onGraphScaled = new
|
|
48060
|
-
this.onRangeUpdated = new
|
|
48061
|
-
this.onMoveToFrameRequired = new
|
|
48062
|
-
this.onAnimationStateChanged = new
|
|
48063
|
-
this.onDeleteKeyActiveKeyPoints = new
|
|
48064
|
-
this.onSelectionRectangleMoved = new
|
|
48065
|
-
this.onAnimationsLoaded = new
|
|
48066
|
-
this.onEditAnimationRequired = new
|
|
48067
|
-
this.onEditAnimationUIClosed = new
|
|
48068
|
-
this.onClipLengthIncreased = new
|
|
48069
|
-
this.onClipLengthDecreased = new
|
|
48070
|
-
this.onInterpolationModeSet = new
|
|
48071
|
-
this.onSelectToActivated = new
|
|
48041
|
+
this.onActiveAnimationChanged = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48042
|
+
this.onActiveKeyPointChanged = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48043
|
+
this.onHostWindowResized = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48044
|
+
this.onSelectAllKeys = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48045
|
+
this.onActiveKeyFrameChanged = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48046
|
+
this.onFrameSet = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48047
|
+
this.onFrameManuallyEntered = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48048
|
+
this.onMainKeyPointSet = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48049
|
+
this.onMainKeyPointMoved = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48050
|
+
this.onValueSet = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48051
|
+
this.onValueManuallyEntered = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48052
|
+
this.onFrameRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48053
|
+
this.onCreateOrUpdateKeyPointRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48054
|
+
this.onFlattenTangentRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48055
|
+
this.onLinearTangentRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48056
|
+
this.onBreakTangentRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48057
|
+
this.onUnifyTangentRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48058
|
+
this.onStepTangentRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48059
|
+
this.onDeleteAnimation = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48060
|
+
this.onGraphMoved = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48061
|
+
this.onGraphScaled = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48062
|
+
this.onRangeUpdated = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48063
|
+
this.onMoveToFrameRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48064
|
+
this.onAnimationStateChanged = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48065
|
+
this.onDeleteKeyActiveKeyPoints = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48066
|
+
this.onSelectionRectangleMoved = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48067
|
+
this.onAnimationsLoaded = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48068
|
+
this.onEditAnimationRequired = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48069
|
+
this.onEditAnimationUIClosed = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48070
|
+
this.onClipLengthIncreased = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48071
|
+
this.onClipLengthDecreased = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48072
|
+
this.onInterpolationModeSet = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48073
|
+
this.onSelectToActivated = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48072
48074
|
this.lockLastFrameValue = false;
|
|
48073
48075
|
this.lockLastFrameFrame = false;
|
|
48074
48076
|
// value frame inTangent outTangent
|
|
48075
|
-
this.onActiveKeyDataChanged = new
|
|
48077
|
+
this.onActiveKeyDataChanged = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48076
48078
|
}
|
|
48077
48079
|
Context.prototype.prepare = function () {
|
|
48078
48080
|
this.isPlaying = false;
|
|
@@ -48265,6 +48267,13 @@ var Context = /** @class */ (function () {
|
|
|
48265
48267
|
}
|
|
48266
48268
|
return null;
|
|
48267
48269
|
};
|
|
48270
|
+
Context.prototype.hasActiveQuaternionAnimationKeyPoints = function () {
|
|
48271
|
+
var _a;
|
|
48272
|
+
var activeAnimData = (_a = this.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.map(function (keyPointComponent) { return keyPointComponent.props.curve.animation.dataType; });
|
|
48273
|
+
var quaternionAnimData = activeAnimData === null || activeAnimData === void 0 ? void 0 : activeAnimData.filter(function (type) { return (type === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Animation"].ANIMATIONTYPE_QUATERNION); });
|
|
48274
|
+
var hasActiveQuaternionAnimation = ((quaternionAnimData === null || quaternionAnimData === void 0 ? void 0 : quaternionAnimData.length) || 0) > 0;
|
|
48275
|
+
return hasActiveQuaternionAnimation;
|
|
48276
|
+
};
|
|
48268
48277
|
return Context;
|
|
48269
48278
|
}());
|
|
48270
48279
|
|
|
@@ -48491,14 +48500,15 @@ var CanvasComponent = /** @class */ (function (_super) {
|
|
|
48491
48500
|
"use strict";
|
|
48492
48501
|
__webpack_require__.r(__webpack_exports__);
|
|
48493
48502
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Curve", function() { return Curve; });
|
|
48494
|
-
/* harmony import */ var
|
|
48495
|
-
/* harmony import */ var
|
|
48503
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babylonjs/core/Animations/animation */ "@babylonjs/core/Misc/observable");
|
|
48504
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__);
|
|
48505
|
+
|
|
48496
48506
|
|
|
48497
48507
|
|
|
48498
48508
|
var Curve = /** @class */ (function () {
|
|
48499
48509
|
function Curve(color, animation, property, tangentBuilder, setDefaultInTangent, setDefaultOutTangent) {
|
|
48500
48510
|
this.keys = new Array();
|
|
48501
|
-
this.onDataUpdatedObservable = new
|
|
48511
|
+
this.onDataUpdatedObservable = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48502
48512
|
this.color = color;
|
|
48503
48513
|
this.animation = animation;
|
|
48504
48514
|
this.property = property;
|
|
@@ -48512,6 +48522,7 @@ var Curve = /** @class */ (function () {
|
|
|
48512
48522
|
return "";
|
|
48513
48523
|
}
|
|
48514
48524
|
var pathData = "M".concat(convertX(keys[0].frame), " ").concat(convertY(keys[0].value));
|
|
48525
|
+
var dataType = this.animation.dataType;
|
|
48515
48526
|
for (var keyIndex = 1; keyIndex < keys.length; keyIndex++) {
|
|
48516
48527
|
var outTangent = keys[keyIndex - 1].outTangent;
|
|
48517
48528
|
var inTangent = keys[keyIndex].inTangent;
|
|
@@ -48521,12 +48532,12 @@ var Curve = /** @class */ (function () {
|
|
|
48521
48532
|
var prevValue = keys[keyIndex - 1].value;
|
|
48522
48533
|
var frameDist = currentFrame - prevFrame;
|
|
48523
48534
|
var prevInterpolation = keys[keyIndex - 1].interpolation;
|
|
48524
|
-
if (prevInterpolation ===
|
|
48535
|
+
if (prevInterpolation === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["AnimationKeyInterpolation"].STEP) { // Draw a stepped curve
|
|
48525
48536
|
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(prevValue));
|
|
48526
48537
|
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48527
48538
|
continue;
|
|
48528
48539
|
}
|
|
48529
|
-
if (outTangent === undefined && inTangent === undefined) { // Draw a straight line
|
|
48540
|
+
if (outTangent === undefined && inTangent === undefined && dataType !== _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_0__["Animation"].ANIMATIONTYPE_QUATERNION) { // Draw a straight line
|
|
48530
48541
|
pathData += " L".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48531
48542
|
continue;
|
|
48532
48543
|
}
|
|
@@ -48722,6 +48733,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
48722
48733
|
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
48723
48734
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
48724
48735
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
48736
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babylonjs/core/Animations/animation */ "@babylonjs/core/Misc/observable");
|
|
48737
|
+
/* harmony import */ var _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__);
|
|
48738
|
+
|
|
48725
48739
|
|
|
48726
48740
|
|
|
48727
48741
|
var CurveComponent = /** @class */ (function (_super) {
|
|
@@ -48765,12 +48779,17 @@ var CurveComponent = /** @class */ (function (_super) {
|
|
|
48765
48779
|
if (!this.props.context.isChannelEnabled(this.props.curve.animation, this.props.curve.color)) {
|
|
48766
48780
|
return null;
|
|
48767
48781
|
}
|
|
48782
|
+
var pathStyle = {
|
|
48783
|
+
stroke: this.props.curve.color,
|
|
48784
|
+
fill: "none",
|
|
48785
|
+
strokeWidth: "1",
|
|
48786
|
+
};
|
|
48787
|
+
if (this.props.curve.animation.dataType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_QUATERNION) {
|
|
48788
|
+
pathStyle['stroke-dasharray'] = '5';
|
|
48789
|
+
pathStyle['stroke-opacity'] = '0.5';
|
|
48790
|
+
}
|
|
48768
48791
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", { style: { cursor: "pointer", overflow: "auto" } },
|
|
48769
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("path", { d: this.props.curve.getPathData(this.props.convertX, this.props.convertY), style:
|
|
48770
|
-
stroke: this.props.curve.color,
|
|
48771
|
-
fill: "none",
|
|
48772
|
-
strokeWidth: "1",
|
|
48773
|
-
} })));
|
|
48792
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("path", { d: this.props.curve.getPathData(this.props.convertX, this.props.convertY), style: pathStyle })));
|
|
48774
48793
|
};
|
|
48775
48794
|
return CurveComponent;
|
|
48776
48795
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -48995,6 +49014,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48995
49014
|
}
|
|
48996
49015
|
for (var _i = 0, _a = _this.props.context.activeAnimations; _i < _a.length; _i++) {
|
|
48997
49016
|
var currentAnimation = _a[_i];
|
|
49017
|
+
if (currentAnimation.dataType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_QUATERNION) {
|
|
49018
|
+
continue;
|
|
49019
|
+
}
|
|
48998
49020
|
var keys = currentAnimation.getKeys();
|
|
48999
49021
|
var currentFrame = _this.props.context.activeFrame;
|
|
49000
49022
|
var indexToAdd = -1;
|
|
@@ -49056,10 +49078,6 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49056
49078
|
derivative = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"].Hermite1stDerivative(leftKey.value.scale(invFrameDelta), leftKey.outTangent, rightKey.value.scale(invFrameDelta), rightKey.inTangent, cutTime);
|
|
49057
49079
|
break;
|
|
49058
49080
|
}
|
|
49059
|
-
case _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_QUATERNION: {
|
|
49060
|
-
derivative = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"].Hermite1stDerivative(leftKey.value.scale(invFrameDelta), leftKey.outTangent, rightKey.value.scale(invFrameDelta), rightKey.inTangent, cutTime);
|
|
49061
|
-
break;
|
|
49062
|
-
}
|
|
49063
49081
|
case _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_COLOR3:
|
|
49064
49082
|
derivative = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"].Hermite1stDerivative(leftKey.value.scale(invFrameDelta), leftKey.outTangent, rightKey.value.scale(invFrameDelta), rightKey.inTangent, cutTime);
|
|
49065
49083
|
break;
|
|
@@ -49815,6 +49833,11 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49815
49833
|
if (!_this._keyPointSVG.current) {
|
|
49816
49834
|
return;
|
|
49817
49835
|
}
|
|
49836
|
+
var animationType = _this.props.curve.animation.dataType;
|
|
49837
|
+
var isQuaternionAnimation = animationType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Animation"].ANIMATIONTYPE_QUATERNION;
|
|
49838
|
+
if (isQuaternionAnimation) {
|
|
49839
|
+
return;
|
|
49840
|
+
}
|
|
49818
49841
|
var rect2 = _this._keyPointSVG.current.getBoundingClientRect();
|
|
49819
49842
|
var overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
|
|
49820
49843
|
if (!_this.props.context.activeKeyPoints) {
|
|
@@ -50050,6 +50073,10 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50050
50073
|
this.props.context.activeKeyPoints = [];
|
|
50051
50074
|
}
|
|
50052
50075
|
evt.preventDefault();
|
|
50076
|
+
var isQuaternionAnimation = this.props.curve.animation.dataType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Animation"].ANIMATIONTYPE_QUATERNION;
|
|
50077
|
+
if (isQuaternionAnimation) {
|
|
50078
|
+
return;
|
|
50079
|
+
}
|
|
50053
50080
|
this._select(evt.nativeEvent.ctrlKey);
|
|
50054
50081
|
this.props.context.onActiveKeyPointChanged.notifyObservers();
|
|
50055
50082
|
this._pointerIsDown = true;
|
|
@@ -50057,15 +50084,15 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50057
50084
|
this._sourcePointerX = evt.nativeEvent.offsetX;
|
|
50058
50085
|
this._sourcePointerY = evt.nativeEvent.offsetY;
|
|
50059
50086
|
var target = evt.nativeEvent.target;
|
|
50060
|
-
if (target.tagName === "image") {
|
|
50087
|
+
if (target.tagName === "image" && !isQuaternionAnimation) {
|
|
50061
50088
|
this._controlMode = ControlMode.Key;
|
|
50062
50089
|
this.setState({ tangentSelectedIndex: -1 });
|
|
50063
50090
|
}
|
|
50064
|
-
else if (target.classList.contains("left-tangent")) {
|
|
50091
|
+
else if (target.classList.contains("left-tangent") && !isQuaternionAnimation) {
|
|
50065
50092
|
this._controlMode = ControlMode.TangentLeft;
|
|
50066
50093
|
this.setState({ tangentSelectedIndex: 0 });
|
|
50067
50094
|
}
|
|
50068
|
-
else if (target.classList.contains("right-tangent")) {
|
|
50095
|
+
else if (target.classList.contains("right-tangent") && !isQuaternionAnimation) {
|
|
50069
50096
|
this._controlMode = ControlMode.TangentRight;
|
|
50070
50097
|
this.setState({ tangentSelectedIndex: 1 });
|
|
50071
50098
|
}
|
|
@@ -50101,7 +50128,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50101
50128
|
};
|
|
50102
50129
|
KeyPointComponent.prototype._onPointerMove = function (evt) {
|
|
50103
50130
|
var _this = this;
|
|
50104
|
-
if (!this._pointerIsDown || this.state.selectedState !== SelectionState.Selected) {
|
|
50131
|
+
if (!this._pointerIsDown || this.state.selectedState !== SelectionState.Selected || this.props.context.hasActiveQuaternionAnimationKeyPoints()) {
|
|
50105
50132
|
return;
|
|
50106
50133
|
}
|
|
50107
50134
|
if (this._controlMode === ControlMode.Key) {
|
|
@@ -50218,6 +50245,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50218
50245
|
}
|
|
50219
50246
|
var animationType = this.props.curve.animation.dataType;
|
|
50220
50247
|
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;
|
|
50248
|
+
var isQuaternionAnimation = animationType === _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["Animation"].ANIMATIONTYPE_QUATERNION;
|
|
50221
50249
|
var svgImageIcon = this.state.selectedState === SelectionState.Selected ? keySelected : this.state.selectedState === SelectionState.Siblings ? keyActive : keyInactive;
|
|
50222
50250
|
var keys = this.props.curve.keys;
|
|
50223
50251
|
var isLockedTangent = (_a = keys[this.props.keyId].lockedTangent) !== null && _a !== void 0 ? _a : true;
|
|
@@ -50247,10 +50275,10 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50247
50275
|
this._inVec.scaleInPlace(100 * this.props.scale);
|
|
50248
50276
|
this._outVec.normalize();
|
|
50249
50277
|
this._outVec.scaleInPlace(100 * this.props.scale);
|
|
50250
|
-
return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("svg", { ref: this._svgHost, onPointerDown: function (evt) { return _this._onPointerDown(evt); }, onPointerMove: function (evt) { return _this._onPointerMove(evt); }, onPointerUp: function (evt) { return _this._onPointerUp(evt); }, x: this.state.x, y: this.state.y, style: { cursor: "pointer", overflow: "auto" } },
|
|
50278
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("svg", { ref: this._svgHost, onPointerDown: function (evt) { return _this._onPointerDown(evt); }, onPointerMove: function (evt) { return _this._onPointerMove(evt); }, onPointerUp: function (evt) { return _this._onPointerUp(evt); }, x: this.state.x, y: this.state.y, style: { cursor: isQuaternionAnimation ? "auto" : "pointer", overflow: "auto", opacity: isQuaternionAnimation ? "25%" : "100%" } },
|
|
50251
50279
|
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("image", { x: "-".concat(8 * this.props.scale), y: "-".concat(8 * this.props.scale), width: "".concat(16 * this.props.scale), height: "".concat(16 * this.props.scale), ref: this._keyPointSVG, href: svgImageIcon }),
|
|
50252
50280
|
this.state.selectedState === SelectionState.Selected && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("g", null,
|
|
50253
|
-
this.props.keyId !== 0 && !hasStepTangentIn && !isColorAnimation && hasDefinedInTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50281
|
+
this.props.keyId !== 0 && !hasStepTangentIn && !isColorAnimation && !isQuaternionAnimation && hasDefinedInTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50254
50282
|
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: "".concat(this._inVec.x, "px"), y2: "".concat(this._inVec.y, "px"), style: {
|
|
50255
50283
|
stroke: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50256
50284
|
strokeWidth: "".concat(1 * this.props.scale),
|
|
@@ -50259,7 +50287,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50259
50287
|
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "left-tangent", cx: "".concat(this._inVec.x, "px"), cy: "".concat(this._inVec.y, "px"), r: "".concat(4 * this.props.scale), style: {
|
|
50260
50288
|
fill: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50261
50289
|
} }))),
|
|
50262
|
-
this.props.keyId !== keys.length - 1 && !hasStepTangentOut && !isColorAnimation && hasDefinedOutTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50290
|
+
this.props.keyId !== keys.length - 1 && !hasStepTangentOut && !isColorAnimation && !isQuaternionAnimation && hasDefinedOutTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50263
50291
|
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: "".concat(this._outVec.x, "px"), y2: "".concat(this._outVec.y, "px"), style: {
|
|
50264
50292
|
stroke: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50265
50293
|
strokeWidth: "".concat(1 * this.props.scale),
|
|
@@ -51794,7 +51822,8 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51794
51822
|
var numAnims = new Set((_b = _this.props.context.activeKeyPoints) === null || _b === void 0 ? void 0 : _b.map(function (keyPointComponent) { return keyPointComponent.props.curve.animation.uniqueId; })).size;
|
|
51795
51823
|
var frameControlEnabled = (numKeys === 1 && numAnims === 1) || (numKeys > 1 && numAnims > 1);
|
|
51796
51824
|
var valueControlEnabled = numKeys > 0;
|
|
51797
|
-
_this.
|
|
51825
|
+
var hasActiveQuaternionAnimation = _this.props.context.hasActiveQuaternionAnimationKeyPoints();
|
|
51826
|
+
_this.setState({ keyFrameValue: "", keyValue: "", frameControlEnabled: frameControlEnabled && !hasActiveQuaternionAnimation, valueControlEnabled: valueControlEnabled && !hasActiveQuaternionAnimation });
|
|
51798
51827
|
});
|
|
51799
51828
|
return _this;
|
|
51800
51829
|
}
|
|
@@ -53384,6 +53413,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
53384
53413
|
|
|
53385
53414
|
|
|
53386
53415
|
|
|
53416
|
+
|
|
53417
|
+
|
|
53387
53418
|
var PBRMaterialPropertyGridComponent = /** @class */ (function (_super) {
|
|
53388
53419
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PBRMaterialPropertyGridComponent, _super);
|
|
53389
53420
|
function PBRMaterialPropertyGridComponent(props) {
|
|
@@ -53434,7 +53465,7 @@ var PBRMaterialPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
53434
53465
|
{ label: "Anisotropic Tangents", value: 12 },
|
|
53435
53466
|
{ label: "Anisotropic Bitangents", value: 13 },
|
|
53436
53467
|
// Maps
|
|
53437
|
-
{ label: "
|
|
53468
|
+
{ label: "Albedo Map", value: 20 },
|
|
53438
53469
|
{ label: "Ambient Map", value: 21 },
|
|
53439
53470
|
{ label: "Opacity Map", value: 22 },
|
|
53440
53471
|
{ label: "Emissive Map", value: 23 },
|
|
@@ -56227,6 +56258,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
56227
56258
|
|
|
56228
56259
|
|
|
56229
56260
|
|
|
56261
|
+
|
|
56230
56262
|
|
|
56231
56263
|
|
|
56232
56264
|
var MeshPropertyGridComponent = /** @class */ (function (_super) {
|
|
@@ -58506,6 +58538,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
58506
58538
|
|
|
58507
58539
|
|
|
58508
58540
|
|
|
58541
|
+
|
|
58509
58542
|
var ScenePropertyGridComponent = /** @class */ (function (_super) {
|
|
58510
58543
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ScenePropertyGridComponent, _super);
|
|
58511
58544
|
function ScenePropertyGridComponent(props) {
|
|
@@ -59413,14 +59446,20 @@ var GLTFComponent = /** @class */ (function (_super) {
|
|
|
59413
59446
|
];
|
|
59414
59447
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
59415
59448
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__["LineContainerComponent"], { title: "GLTF LOADER", closed: true, selection: this.props.globalState },
|
|
59449
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Always compute bounding box", target: loaderState, propertyName: "alwaysComputeBoundingBox" }),
|
|
59450
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Always compute skeleton root node", target: loaderState, propertyName: "alwaysComputeSkeletonRootNode" }),
|
|
59416
59451
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_5__["OptionsLineComponent"], { label: "Animation start mode", options: animationStartMode, target: loaderState, propertyName: "animationStartMode" }),
|
|
59417
59452
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Capture performance counters", target: loaderState, propertyName: "capturePerformanceCounters" }),
|
|
59418
59453
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Compile materials", target: loaderState, propertyName: "compileMaterials" }),
|
|
59419
59454
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Compile shadow generators", target: loaderState, propertyName: "compileShadowGenerators" }),
|
|
59420
59455
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_5__["OptionsLineComponent"], { label: "Coordinate system", options: coordinateSystemMode, target: loaderState, propertyName: "coordinateSystemMode" }),
|
|
59456
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Create instances", target: loaderState, propertyName: "createInstances" }),
|
|
59421
59457
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Enable logging", target: loaderState, propertyName: "loggingEnabled" }),
|
|
59458
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Load all materials", target: loaderState, propertyName: "loadAllMaterials" }),
|
|
59459
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { label: "Target FPS", target: loaderState, propertyName: "targetFps", isInteger: true }),
|
|
59422
59460
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Transparency as coverage", target: loaderState, propertyName: "transparencyAsCoverage" }),
|
|
59423
59461
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Use clip plane", target: loaderState, propertyName: "useClipPlane" }),
|
|
59462
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Use sRGB buffers", target: loaderState, propertyName: "useSRGBBuffers" }),
|
|
59424
59463
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { label: "Validate", target: loaderState, propertyName: "validate" }),
|
|
59425
59464
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_messageLineComponent__WEBPACK_IMPORTED_MODULE_6__["MessageLineComponent"], { text: "You need to reload your file to see these changes" })),
|
|
59426
59465
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__["LineContainerComponent"], { title: "GLTF EXTENSIONS", closed: true, selection: this.props.globalState },
|
|
@@ -60040,14 +60079,20 @@ var GlobalState = /** @class */ (function () {
|
|
|
60040
60079
|
EXT_texture_webp: { enabled: true },
|
|
60041
60080
|
};
|
|
60042
60081
|
this.glTFLoaderDefaults = {
|
|
60082
|
+
alwaysComputeBoundingBox: false,
|
|
60083
|
+
alwaysComputeSkeletonRootNode: false,
|
|
60043
60084
|
animationStartMode: typeof _babylonjs_loaders_glTF_index__WEBPACK_IMPORTED_MODULE_0__["GLTFLoaderAnimationStartMode"] !== 'undefined' ? _babylonjs_loaders_glTF_index__WEBPACK_IMPORTED_MODULE_0__["GLTFLoaderAnimationStartMode"].FIRST : 1,
|
|
60044
60085
|
capturePerformanceCounters: false,
|
|
60045
60086
|
compileMaterials: false,
|
|
60046
60087
|
compileShadowGenerators: false,
|
|
60047
60088
|
coordinateSystemMode: typeof _babylonjs_loaders_glTF_index__WEBPACK_IMPORTED_MODULE_0__["GLTFLoaderCoordinateSystemMode"] !== 'undefined' ? _babylonjs_loaders_glTF_index__WEBPACK_IMPORTED_MODULE_0__["GLTFLoaderCoordinateSystemMode"].AUTO : 0,
|
|
60089
|
+
createInstances: true,
|
|
60090
|
+
loadAllMaterials: false,
|
|
60048
60091
|
loggingEnabled: false,
|
|
60092
|
+
targetFps: 60,
|
|
60049
60093
|
transparencyAsCoverage: false,
|
|
60050
60094
|
useClipPlane: false,
|
|
60095
|
+
useSRGBBuffers: true,
|
|
60051
60096
|
};
|
|
60052
60097
|
this.glTFLoaderExtensions = {};
|
|
60053
60098
|
this.blockMutationUpdates = false;
|
|
@@ -61453,6 +61498,11 @@ var PopupComponent = /** @class */ (function (_super) {
|
|
|
61453
61498
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PopupComponent, _super);
|
|
61454
61499
|
function PopupComponent(props) {
|
|
61455
61500
|
var _this = _super.call(this, props) || this;
|
|
61501
|
+
_this.onBeforeUnloadListener = function () {
|
|
61502
|
+
if (_this._window) {
|
|
61503
|
+
_this._window.close();
|
|
61504
|
+
}
|
|
61505
|
+
};
|
|
61456
61506
|
_this._container = document.createElement("div");
|
|
61457
61507
|
_this._container.id = _this.props.id;
|
|
61458
61508
|
_this._window;
|
|
@@ -61478,6 +61528,7 @@ var PopupComponent = /** @class */ (function (_super) {
|
|
|
61478
61528
|
this._container.appendChild(this._host);
|
|
61479
61529
|
}
|
|
61480
61530
|
this._window = _inspector__WEBPACK_IMPORTED_MODULE_3__["Inspector"][windowVariableName];
|
|
61531
|
+
window.addEventListener("beforeunload", this.onBeforeUnloadListener);
|
|
61481
61532
|
if (this._window) {
|
|
61482
61533
|
if (onOpen) {
|
|
61483
61534
|
onOpen(this._window);
|
|
@@ -61510,6 +61561,7 @@ var PopupComponent = /** @class */ (function (_super) {
|
|
|
61510
61561
|
}
|
|
61511
61562
|
};
|
|
61512
61563
|
PopupComponent.prototype.componentWillUnmount = function () {
|
|
61564
|
+
window.removeEventListener("beforeunload", this.onBeforeUnloadListener);
|
|
61513
61565
|
if (this._window) {
|
|
61514
61566
|
this._window.close();
|
|
61515
61567
|
}
|
|
@@ -62162,6 +62214,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
62162
62214
|
/* harmony import */ var _extensionsComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../extensionsComponent */ "./components/sceneExplorer/extensionsComponent.tsx");
|
|
62163
62215
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
62164
62216
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
|
|
62217
|
+
/* harmony import */ var _babylonjs_core_Rendering_boundingBoxRenderer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babylonjs/core/Rendering/boundingBoxRenderer */ "@babylonjs/core/Misc/observable");
|
|
62218
|
+
/* harmony import */ var _babylonjs_core_Rendering_boundingBoxRenderer__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Rendering_boundingBoxRenderer__WEBPACK_IMPORTED_MODULE_7__);
|
|
62219
|
+
|
|
62165
62220
|
|
|
62166
62221
|
|
|
62167
62222
|
|
|
@@ -63155,6 +63210,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
63155
63210
|
|
|
63156
63211
|
|
|
63157
63212
|
|
|
63213
|
+
|
|
63214
|
+
// side effects
|
|
63215
|
+
|
|
63216
|
+
|
|
63158
63217
|
|
|
63159
63218
|
__webpack_require__(/*! ./sceneExplorer.scss */ "./components/sceneExplorer/sceneExplorer.scss");
|
|
63160
63219
|
var SceneExplorerFilterComponent = /** @class */ (function (_super) {
|
|
@@ -64607,7 +64666,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
64607
64666
|
/* harmony import */ var _babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__);
|
|
64608
64667
|
|
|
64609
64668
|
var name = 'lodPixelShader';
|
|
64610
|
-
var shader = "\n#extension GL_EXT_shader_texture_lod : enable\n\nprecision highp float;\n\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform float lod;\nuniform vec2 texSize;\nvoid main(void)\n{\n gl_FragColor = textureLod(textureSampler,vUV,lod);\n}";
|
|
64669
|
+
var shader = "\n#extension GL_EXT_shader_texture_lod : enable\n\nprecision highp float;\n\nconst float GammaEncodePowerApprox = 1.0 / 2.2;\n\nvarying vec2 vUV;\nuniform sampler2D textureSampler;\nuniform float lod;\nuniform vec2 texSize;\nuniform bool gamma;\nvoid main(void)\n{\n gl_FragColor = textureLod(textureSampler,vUV,lod);\n if (!gamma) {\n gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(GammaEncodePowerApprox));\n }\n}";
|
|
64611
64670
|
_babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__["Effect"].ShadersStore[name] = shader;
|
|
64612
64671
|
/** @hidden */
|
|
64613
64672
|
var lodPixelShader = { name: name, shader: shader };
|
|
@@ -64629,7 +64688,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
64629
64688
|
/* harmony import */ var _babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__);
|
|
64630
64689
|
|
|
64631
64690
|
var name = 'lodCubePixelShader';
|
|
64632
|
-
var shader = "\nprecision highp float;\n\nvarying vec2 vUV;\nuniform samplerCube textureSampler;\nuniform float lod;\nvoid main(void)\n{\n vec2 uv=vUV*2.0-1.0;\n #ifdef POSITIVEX\n gl_FragColor=textureCube(textureSampler,vec3(1.001,uv.y,uv.x),lod);\n #endif\n #ifdef NEGATIVEX\n gl_FragColor=textureCube(textureSampler,vec3(-1.001,uv.y,uv.x),lod);\n #endif\n #ifdef POSITIVEY\n gl_FragColor=textureCube(textureSampler,vec3(uv.y,1.001,uv.x),lod);\n #endif\n #ifdef NEGATIVEY\n gl_FragColor=textureCube(textureSampler,vec3(uv.y,-1.001,uv.x),lod);\n #endif\n #ifdef POSITIVEZ\n gl_FragColor=textureCube(textureSampler,vec3(uv,1.001),lod);\n #endif\n #ifdef NEGATIVEZ\n gl_FragColor=textureCube(textureSampler,vec3(uv,-1.001),lod);\n #endif\n}";
|
|
64691
|
+
var shader = "\nprecision highp float;\n\nconst float GammaEncodePowerApprox = 1.0 / 2.2;\n\nvarying vec2 vUV;\nuniform samplerCube textureSampler;\nuniform float lod;\nuniform bool gamma;\nvoid main(void)\n{\n vec2 uv=vUV*2.0-1.0;\n #ifdef POSITIVEX\n gl_FragColor=textureCube(textureSampler,vec3(1.001,uv.y,uv.x),lod);\n #endif\n #ifdef NEGATIVEX\n gl_FragColor=textureCube(textureSampler,vec3(-1.001,uv.y,uv.x),lod);\n #endif\n #ifdef POSITIVEY\n gl_FragColor=textureCube(textureSampler,vec3(uv.y,1.001,uv.x),lod);\n #endif\n #ifdef NEGATIVEY\n gl_FragColor=textureCube(textureSampler,vec3(uv.y,-1.001,uv.x),lod);\n #endif\n #ifdef POSITIVEZ\n gl_FragColor=textureCube(textureSampler,vec3(uv,1.001),lod);\n #endif\n #ifdef NEGATIVEZ\n gl_FragColor=textureCube(textureSampler,vec3(uv,-1.001),lod);\n #endif\n if (!gamma) {\n gl_FragColor.rgb = pow(gl_FragColor.rgb, vec3(GammaEncodePowerApprox));\n }\n}";
|
|
64633
64692
|
_babylonjs_core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__["Effect"].ShadersStore[name] = shader;
|
|
64634
64693
|
/** @hidden */
|
|
64635
64694
|
var lodCubePixelShader = { name: name, shader: shader };
|
|
@@ -64940,6 +64999,39 @@ var HexColor = /** @class */ (function (_super) {
|
|
|
64940
64999
|
|
|
64941
65000
|
|
|
64942
65001
|
|
|
65002
|
+
/***/ }),
|
|
65003
|
+
|
|
65004
|
+
/***/ "./sharedUiComponents/imgs/toggleMixedIcon.svg":
|
|
65005
|
+
/*!*****************************************************!*\
|
|
65006
|
+
!*** ./sharedUiComponents/imgs/toggleMixedIcon.svg ***!
|
|
65007
|
+
\*****************************************************/
|
|
65008
|
+
/*! no static exports found */
|
|
65009
|
+
/***/ (function(module, exports) {
|
|
65010
|
+
|
|
65011
|
+
module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M25,25H15a5,5,0,0,1,0-10H25a5,5,0,0,1,0,10ZM15,16.5a3.5,3.5,0,0,0,0,7H25a3.5,3.5,0,0,0,0-7Z'/%3E%3Crect class='cls-1' x='16.03' y='19.25' width='7.94' height='1.5' rx='0.75'/%3E%3C/svg%3E"
|
|
65012
|
+
|
|
65013
|
+
/***/ }),
|
|
65014
|
+
|
|
65015
|
+
/***/ "./sharedUiComponents/imgs/toggleOffIcon.svg":
|
|
65016
|
+
/*!***************************************************!*\
|
|
65017
|
+
!*** ./sharedUiComponents/imgs/toggleOffIcon.svg ***!
|
|
65018
|
+
\***************************************************/
|
|
65019
|
+
/*! no static exports found */
|
|
65020
|
+
/***/ (function(module, exports) {
|
|
65021
|
+
|
|
65022
|
+
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='M15.25,22.5a2.5,2.5,0,1,1,2.5-2.5A2.5,2.5,0,0,1,15.25,22.5Z' style='fill:%23333'/%3E%3Cpath d='M25,25H15a5,5,0,0,1,0-10H25a5,5,0,0,1,0,10ZM15,16.5a3.5,3.5,0,0,0,0,7H25a3.5,3.5,0,0,0,0-7Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
65023
|
+
|
|
65024
|
+
/***/ }),
|
|
65025
|
+
|
|
65026
|
+
/***/ "./sharedUiComponents/imgs/toggleOnIcon.svg":
|
|
65027
|
+
/*!**************************************************!*\
|
|
65028
|
+
!*** ./sharedUiComponents/imgs/toggleOnIcon.svg ***!
|
|
65029
|
+
\**************************************************/
|
|
65030
|
+
/*! no static exports found */
|
|
65031
|
+
/***/ (function(module, exports) {
|
|
65032
|
+
|
|
65033
|
+
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='M24.75,22.5a2.5,2.5,0,1,0-2.5-2.5A2.5,2.5,0,0,0,24.75,22.5Z' style='fill:%23333'/%3E%3Cpath d='M10,20a5,5,0,0,1,5-5H25a5,5,0,0,1,0,10H15A5,5,0,0,1,10,20Zm5-3.5a3.5,3.5,0,0,0,0,7H25a3.5,3.5,0,0,0,0-7Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
65034
|
+
|
|
64943
65035
|
/***/ }),
|
|
64944
65036
|
|
|
64945
65037
|
/***/ "./sharedUiComponents/lines/booleanLineComponent.tsx":
|
|
@@ -65033,12 +65125,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
65033
65125
|
|
|
65034
65126
|
|
|
65035
65127
|
|
|
65128
|
+
var toggleOnIcon = __webpack_require__(/*! ../imgs/toggleOnIcon.svg */ "./sharedUiComponents/imgs/toggleOnIcon.svg");
|
|
65129
|
+
var toggleMixedIcon = __webpack_require__(/*! ../imgs/toggleMixedIcon.svg */ "./sharedUiComponents/imgs/toggleMixedIcon.svg");
|
|
65130
|
+
var toggleOffIcon = __webpack_require__(/*! ../imgs/toggleOffIcon.svg */ "./sharedUiComponents/imgs/toggleOffIcon.svg");
|
|
65036
65131
|
var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
65037
65132
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CheckBoxLineComponent, _super);
|
|
65038
65133
|
function CheckBoxLineComponent(props) {
|
|
65039
65134
|
var _this = _super.call(this, props) || this;
|
|
65040
65135
|
_this._localChange = false;
|
|
65041
|
-
_this._uniqueId = CheckBoxLineComponent._UniqueIdSeed++;
|
|
65042
65136
|
if (_this.props.isSelected) {
|
|
65043
65137
|
_this.state = { isSelected: _this.props.isSelected(), isConflict: false };
|
|
65044
65138
|
}
|
|
@@ -65051,18 +65145,18 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
65051
65145
|
return _this;
|
|
65052
65146
|
}
|
|
65053
65147
|
CheckBoxLineComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
|
|
65054
|
-
var
|
|
65148
|
+
var selected;
|
|
65055
65149
|
if (nextProps.isSelected) {
|
|
65056
|
-
|
|
65150
|
+
selected = nextProps.isSelected();
|
|
65057
65151
|
}
|
|
65058
65152
|
else {
|
|
65059
|
-
|
|
65153
|
+
selected = nextProps.target[nextProps.propertyName] === true;
|
|
65060
65154
|
if (nextProps.target[nextProps.propertyName] === _targetsProxy__WEBPACK_IMPORTED_MODULE_3__["conflictingValuesPlaceholder"]) {
|
|
65061
65155
|
nextState.isConflict = true;
|
|
65062
65156
|
}
|
|
65063
65157
|
}
|
|
65064
|
-
if (
|
|
65065
|
-
nextState.isSelected =
|
|
65158
|
+
if (selected !== nextState.isSelected || this._localChange) {
|
|
65159
|
+
nextState.isSelected = selected;
|
|
65066
65160
|
this._localChange = false;
|
|
65067
65161
|
return true;
|
|
65068
65162
|
}
|
|
@@ -65096,16 +65190,17 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
65096
65190
|
};
|
|
65097
65191
|
CheckBoxLineComponent.prototype.render = function () {
|
|
65098
65192
|
var _this = this;
|
|
65193
|
+
var icon = this.state.isConflict ? toggleMixedIcon : (this.state.isSelected) ? toggleOnIcon : toggleOffIcon;
|
|
65099
65194
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBoxLine" },
|
|
65100
65195
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
65101
65196
|
this.props.label &&
|
|
65102
65197
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.iconLabel }, this.props.label),
|
|
65103
65198
|
this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__["FontAwesomeIcon"], { className: "cbx ".concat(this.props.disabled ? "disabled" : ""), icon: this.state.isSelected ? this.props.faIcons.enabled : this.props.faIcons.disabled, onClick: function () { return !_this.props.disabled && _this.onChange(); } }),
|
|
65104
65199
|
!this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBox" },
|
|
65105
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
65106
|
-
|
|
65200
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: "container lbl".concat(!!this.props.disabled ? " disabled" : "") },
|
|
65201
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkbox", className: "cbx hidden ".concat(this.state.isConflict ? "conflict" : ""), checked: this.state.isSelected, onChange: function () { return _this.onChange(); }, disabled: !!this.props.disabled }),
|
|
65202
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "icon", src: icon, alt: this.props.label })))));
|
|
65107
65203
|
};
|
|
65108
|
-
CheckBoxLineComponent._UniqueIdSeed = 0;
|
|
65109
65204
|
return CheckBoxLineComponent;
|
|
65110
65205
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
65111
65206
|
|
|
@@ -65389,11 +65484,11 @@ var ColorLineComponent = /** @class */ (function (_super) {
|
|
|
65389
65484
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_colorPickerComponent__WEBPACK_IMPORTED_MODULE_6__["ColorPickerLineComponent"], { linearHint: this.props.isLinear, value: this.props.disableAlpha ? this.toColor3(this.state.color) : this.state.color, onColorChanged: function (color) {
|
|
65390
65485
|
_this.setColor(_this.convertToColor(color));
|
|
65391
65486
|
} })),
|
|
65392
|
-
this.props.
|
|
65487
|
+
this.props.lockObject && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "", target: this, propertyName: "colorString", onChange: function (newValue) {
|
|
65393
65488
|
_this.setColorFromString(newValue);
|
|
65394
65489
|
}, onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
65395
65490
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "copy hoverIcon", onClick: function () { return _this.copyToClipboard(); }, title: "Copy to clipboard" },
|
|
65396
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: copyIcon, alt: "" })),
|
|
65491
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: copyIcon, alt: "Copy" })),
|
|
65397
65492
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
65398
65493
|
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
65399
65494
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_3__["NumericInputComponent"], { label: "r", value: this.state.color.r, onChange: function (value) { return _this.updateStateR(value); } }),
|
|
@@ -65967,6 +66062,59 @@ var IndentedTextLineComponent = /** @class */ (function (_super) {
|
|
|
65967
66062
|
|
|
65968
66063
|
|
|
65969
66064
|
|
|
66065
|
+
/***/ }),
|
|
66066
|
+
|
|
66067
|
+
/***/ "./sharedUiComponents/lines/inputArrowsComponent.tsx":
|
|
66068
|
+
/*!***********************************************************!*\
|
|
66069
|
+
!*** ./sharedUiComponents/lines/inputArrowsComponent.tsx ***!
|
|
66070
|
+
\***********************************************************/
|
|
66071
|
+
/*! exports provided: InputArrowsComponent */
|
|
66072
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
66073
|
+
|
|
66074
|
+
"use strict";
|
|
66075
|
+
__webpack_require__.r(__webpack_exports__);
|
|
66076
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputArrowsComponent", function() { return InputArrowsComponent; });
|
|
66077
|
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
66078
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
66079
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
66080
|
+
|
|
66081
|
+
|
|
66082
|
+
var upArrowIcon = __webpack_require__(/*! ./valueUpArrowIcon.svg */ "./sharedUiComponents/lines/valueUpArrowIcon.svg");
|
|
66083
|
+
var downArrowIcon = __webpack_require__(/*! ./valueDownArrowIcon.svg */ "./sharedUiComponents/lines/valueDownArrowIcon.svg");
|
|
66084
|
+
var InputArrowsComponent = /** @class */ (function (_super) {
|
|
66085
|
+
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(InputArrowsComponent, _super);
|
|
66086
|
+
function InputArrowsComponent() {
|
|
66087
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
66088
|
+
_this._arrowsRef = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
|
|
66089
|
+
_this._drag = function (event) {
|
|
66090
|
+
_this.props.incrementValue(-event.movementY);
|
|
66091
|
+
};
|
|
66092
|
+
_this._releaseListener = function () {
|
|
66093
|
+
var _a, _b;
|
|
66094
|
+
_this.props.setDragging(false);
|
|
66095
|
+
(_a = _this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.exitPointerLock();
|
|
66096
|
+
window.removeEventListener("pointerup", _this._releaseListener);
|
|
66097
|
+
(_b = _this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.removeEventListener("mousemove", _this._drag);
|
|
66098
|
+
};
|
|
66099
|
+
return _this;
|
|
66100
|
+
}
|
|
66101
|
+
InputArrowsComponent.prototype.render = function () {
|
|
66102
|
+
var _this = this;
|
|
66103
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "arrows", ref: this._arrowsRef, onPointerDown: function (event) {
|
|
66104
|
+
var _a, _b;
|
|
66105
|
+
_this.props.setDragging(true);
|
|
66106
|
+
(_a = _this._arrowsRef.current) === null || _a === void 0 ? void 0 : _a.requestPointerLock();
|
|
66107
|
+
window.addEventListener("pointerup", _this._releaseListener);
|
|
66108
|
+
(_b = _this._arrowsRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.addEventListener("mousemove", _this._drag);
|
|
66109
|
+
}, onDragStart: function (evt) { return evt.preventDefault(); } },
|
|
66110
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "upArrowIcon", src: upArrowIcon, alt: "Increase Value" }),
|
|
66111
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "downArrowIcon", src: downArrowIcon, alt: "Increase Value" }));
|
|
66112
|
+
};
|
|
66113
|
+
return InputArrowsComponent;
|
|
66114
|
+
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
66115
|
+
|
|
66116
|
+
|
|
66117
|
+
|
|
65970
66118
|
/***/ }),
|
|
65971
66119
|
|
|
65972
66120
|
/***/ "./sharedUiComponents/lines/lineContainerComponent.tsx":
|
|
@@ -66455,7 +66603,7 @@ var SliderLineComponent = /** @class */ (function (_super) {
|
|
|
66455
66603
|
}, onChange: function (evt) {
|
|
66456
66604
|
var changed = _this.prepareDataToRead(_this.state.value);
|
|
66457
66605
|
_this.onChange(changed);
|
|
66458
|
-
} }),
|
|
66606
|
+
}, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
66459
66607
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "slider" },
|
|
66460
66608
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { className: "range", type: "range", step: this.props.step, min: this.prepareDataToRead(this.props.minimum), max: this.prepareDataToRead(this.props.maximum), value: this.prepareDataToRead(this.state.value), onInput: function (evt) { return _this.onInput(evt.target.value); }, onChange: function (evt) { return _this.onChange(evt.target.value); } }))));
|
|
66461
66609
|
};
|
|
@@ -66541,6 +66689,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
66541
66689
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
66542
66690
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
66543
66691
|
/* harmony import */ var _targetsProxy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./targetsProxy */ "./sharedUiComponents/lines/targetsProxy.tsx");
|
|
66692
|
+
/* harmony import */ var _inputArrowsComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputArrowsComponent */ "./sharedUiComponents/lines/inputArrowsComponent.tsx");
|
|
66693
|
+
|
|
66544
66694
|
|
|
66545
66695
|
|
|
66546
66696
|
|
|
@@ -66549,7 +66699,10 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
66549
66699
|
function TextInputLineComponent(props) {
|
|
66550
66700
|
var _this = _super.call(this, props) || this;
|
|
66551
66701
|
_this._localChange = false;
|
|
66552
|
-
_this.state = {
|
|
66702
|
+
_this.state = {
|
|
66703
|
+
value: (_this.props.value !== undefined ? _this.props.value : _this.props.target[_this.props.propertyName]) || "",
|
|
66704
|
+
dragging: false
|
|
66705
|
+
};
|
|
66553
66706
|
return _this;
|
|
66554
66707
|
}
|
|
66555
66708
|
TextInputLineComponent.prototype.componentWillUnmount = function () {
|
|
@@ -66565,6 +66718,8 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
66565
66718
|
nextState.value = newValue || "";
|
|
66566
66719
|
return true;
|
|
66567
66720
|
}
|
|
66721
|
+
if (nextState.dragging != this.state.dragging)
|
|
66722
|
+
return true;
|
|
66568
66723
|
return false;
|
|
66569
66724
|
};
|
|
66570
66725
|
TextInputLineComponent.prototype.raiseOnPropertyChanged = function (newValue, previousValue) {
|
|
@@ -66603,18 +66758,43 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
66603
66758
|
}
|
|
66604
66759
|
this.raiseOnPropertyChanged(value, store);
|
|
66605
66760
|
};
|
|
66761
|
+
TextInputLineComponent.prototype.incrementValue = function (amount) {
|
|
66762
|
+
if (this.props.step) {
|
|
66763
|
+
amount *= this.props.step;
|
|
66764
|
+
}
|
|
66765
|
+
if (this.props.arrowsIncrement) {
|
|
66766
|
+
this.props.arrowsIncrement(amount);
|
|
66767
|
+
return;
|
|
66768
|
+
}
|
|
66769
|
+
var currentValue = parseFloat(this.state.value);
|
|
66770
|
+
this.updateValue((currentValue + amount).toFixed(2));
|
|
66771
|
+
};
|
|
66772
|
+
TextInputLineComponent.prototype.onKeyDown = function (event) {
|
|
66773
|
+
if (this.props.arrows) {
|
|
66774
|
+
if (event.key === "ArrowUp") {
|
|
66775
|
+
this.incrementValue(1);
|
|
66776
|
+
event.preventDefault();
|
|
66777
|
+
}
|
|
66778
|
+
if (event.key === "ArrowDown") {
|
|
66779
|
+
this.incrementValue(-1);
|
|
66780
|
+
event.preventDefault();
|
|
66781
|
+
}
|
|
66782
|
+
}
|
|
66783
|
+
};
|
|
66606
66784
|
TextInputLineComponent.prototype.render = function () {
|
|
66607
66785
|
var _this = this;
|
|
66608
66786
|
var value = this.state.value === _targetsProxy__WEBPACK_IMPORTED_MODULE_2__["conflictingValuesPlaceholder"] ? "" : this.state.value;
|
|
66609
66787
|
var placeholder = this.state.value === _targetsProxy__WEBPACK_IMPORTED_MODULE_2__["conflictingValuesPlaceholder"] ? _targetsProxy__WEBPACK_IMPORTED_MODULE_2__["conflictingValuesPlaceholder"] : "";
|
|
66610
66788
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.props.unit !== undefined ? "textInputLine withUnits" : "textInputLine" },
|
|
66611
66789
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }),
|
|
66612
|
-
(
|
|
66613
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "value"
|
|
66790
|
+
(this.props.label !== undefined) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label)),
|
|
66791
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "value".concat(this.props.noUnderline === true ? " noUnderline" : "").concat(this.props.arrows ? " hasArrows" : "").concat(this.state.dragging ? " dragging" : "") },
|
|
66614
66792
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { value: value, onBlur: function () {
|
|
66615
66793
|
_this.props.lockObject.lock = false;
|
|
66616
66794
|
_this.updateValue((_this.props.value !== undefined ? _this.props.value : _this.props.target[_this.props.propertyName]) || "");
|
|
66617
|
-
}, onFocus: function () { return (_this.props.lockObject.lock = true); }, onChange: function (evt) { return _this.updateValue(evt.target.value); }, placeholder: placeholder })
|
|
66795
|
+
}, onFocus: function () { return (_this.props.lockObject.lock = true); }, onChange: function (evt) { return _this.updateValue(evt.target.value); }, onKeyDown: function (evt) { return _this.onKeyDown(evt); }, placeholder: placeholder }),
|
|
66796
|
+
this.props.arrows &&
|
|
66797
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_inputArrowsComponent__WEBPACK_IMPORTED_MODULE_3__["InputArrowsComponent"], { incrementValue: function (amount) { return _this.incrementValue(amount); }, setDragging: function (dragging) { return _this.setState({ dragging: dragging }); } })),
|
|
66618
66798
|
this.props.unit !== undefined && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.props.unitLocked ? "unit disabled" : "unit", onClick: function () { if (_this.props.onUnitClicked && !_this.props.unitLocked)
|
|
66619
66799
|
_this.props.onUnitClicked(_this.props.unit || ""); } }, this.props.unit)));
|
|
66620
66800
|
};
|
|
@@ -66677,6 +66857,17 @@ var TextLineComponent = /** @class */ (function (_super) {
|
|
|
66677
66857
|
|
|
66678
66858
|
|
|
66679
66859
|
|
|
66860
|
+
/***/ }),
|
|
66861
|
+
|
|
66862
|
+
/***/ "./sharedUiComponents/lines/valueDownArrowIcon.svg":
|
|
66863
|
+
/*!*********************************************************!*\
|
|
66864
|
+
!*** ./sharedUiComponents/lines/valueDownArrowIcon.svg ***!
|
|
66865
|
+
\*********************************************************/
|
|
66866
|
+
/*! no static exports found */
|
|
66867
|
+
/***/ (function(module, exports) {
|
|
66868
|
+
|
|
66869
|
+
module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.09,5.55a.61.61,0,0,1,.85,0l2,2V1.79a.6.6,0,1,1,1.2,0V7.52l2-2a.61.61,0,0,1,.85,0,.6.6,0,0,1,0,.84l-3,3a.6.6,0,0,1-.84,0l-3-3A.6.6,0,0,1,4.09,5.55Z'/%3E%3C/svg%3E"
|
|
66870
|
+
|
|
66680
66871
|
/***/ }),
|
|
66681
66872
|
|
|
66682
66873
|
/***/ "./sharedUiComponents/lines/valueLineComponent.tsx":
|
|
@@ -66712,6 +66903,17 @@ var ValueLineComponent = /** @class */ (function (_super) {
|
|
|
66712
66903
|
|
|
66713
66904
|
|
|
66714
66905
|
|
|
66906
|
+
/***/ }),
|
|
66907
|
+
|
|
66908
|
+
/***/ "./sharedUiComponents/lines/valueUpArrowIcon.svg":
|
|
66909
|
+
/*!*******************************************************!*\
|
|
66910
|
+
!*** ./sharedUiComponents/lines/valueUpArrowIcon.svg ***!
|
|
66911
|
+
\*******************************************************/
|
|
66912
|
+
/*! no static exports found */
|
|
66913
|
+
/***/ (function(module, exports) {
|
|
66914
|
+
|
|
66915
|
+
module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.09,9.45a.6.6,0,0,1,0-.84l3-3a.6.6,0,0,1,.84,0l3,3a.6.6,0,0,1,0,.84.61.61,0,0,1-.85,0l-2-2v5.73a.6.6,0,0,1-1.2,0V7.48l-2,2A.61.61,0,0,1,4.09,9.45Z'/%3E%3C/svg%3E"
|
|
66916
|
+
|
|
66715
66917
|
/***/ }),
|
|
66716
66918
|
|
|
66717
66919
|
/***/ "./sharedUiComponents/lines/vector2LineComponent.tsx":
|
|
@@ -68091,7 +68293,7 @@ var TextureHelper = /** @class */ (function () {
|
|
|
68091
68293
|
scene = texture.getScene();
|
|
68092
68294
|
engine = scene.getEngine();
|
|
68093
68295
|
if (!texture.isCube) {
|
|
68094
|
-
lodPostProcess = new _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["PostProcess"]("lod", "lod", ["lod"], null, 1.0, null, _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["Texture"].NEAREST_NEAREST_MIPNEAREST, engine);
|
|
68296
|
+
lodPostProcess = new _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["PostProcess"]("lod", "lod", ["lod", "gamma"], null, 1.0, null, _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["Texture"].NEAREST_NEAREST_MIPNEAREST, engine);
|
|
68095
68297
|
}
|
|
68096
68298
|
else {
|
|
68097
68299
|
faceDefines = [
|
|
@@ -68102,7 +68304,7 @@ var TextureHelper = /** @class */ (function () {
|
|
|
68102
68304
|
"#define POSITIVEZ",
|
|
68103
68305
|
"#define NEGATIVEZ",
|
|
68104
68306
|
];
|
|
68105
|
-
lodPostProcess = new _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["PostProcess"]("lodCube", "lodCube", ["lod"], null, 1.0, null, _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["Texture"].NEAREST_NEAREST_MIPNEAREST, engine, false, faceDefines[face]);
|
|
68307
|
+
lodPostProcess = new _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["PostProcess"]("lodCube", "lodCube", ["lod", "gamma"], null, 1.0, null, _babylonjs_core_PostProcesses_postProcess__WEBPACK_IMPORTED_MODULE_1__["Texture"].NEAREST_NEAREST_MIPNEAREST, engine, false, faceDefines[face]);
|
|
68106
68308
|
}
|
|
68107
68309
|
if (!lodPostProcess.getEffect().isReady()) {
|
|
68108
68310
|
// Try again later
|
|
@@ -68119,6 +68321,7 @@ var TextureHelper = /** @class */ (function () {
|
|
|
68119
68321
|
lodPostProcess.onApply = function (effect) {
|
|
68120
68322
|
effect.setTexture("textureSampler", texture);
|
|
68121
68323
|
effect.setFloat("lod", lod);
|
|
68324
|
+
effect.setBool("gamma", texture.gammaSpace);
|
|
68122
68325
|
};
|
|
68123
68326
|
internalTexture = texture.getInternalTexture();
|
|
68124
68327
|
if (!(rtt.renderTarget && internalTexture)) return [3 /*break*/, 2];
|