@babylonjs/inspector 5.0.0-beta.2 → 5.0.0-beta.6
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
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
|
|
@@ -117,7 +117,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
117
117
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return parse; });
|
|
118
118
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findIconDefinition", function() { return findIconDefinition; });
|
|
119
119
|
/*!
|
|
120
|
-
* Font Awesome Free 5.15.
|
|
120
|
+
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
|
121
121
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
122
122
|
*/
|
|
123
123
|
function _typeof(obj) {
|
|
@@ -314,7 +314,7 @@ var STYLE_TO_PREFIX = {
|
|
|
314
314
|
'kit': 'fak'
|
|
315
315
|
};
|
|
316
316
|
var LAYERS_TEXT_CLASSNAME = 'fa-layers-text';
|
|
317
|
-
var FONT_FAMILY_PATTERN = /Font Awesome ([5 ]*)(Solid|Regular|Light|Duotone|Brands|Free|Pro|Kit)
|
|
317
|
+
var FONT_FAMILY_PATTERN = /Font Awesome ([5 ]*)(Solid|Regular|Light|Duotone|Brands|Free|Pro|Kit).*/i; // TODO: do we need to handle font-weight for kit SVG pseudo-elements?
|
|
318
318
|
|
|
319
319
|
var FONT_WEIGHT_TO_PREFIX = {
|
|
320
320
|
'900': 'fas',
|
|
@@ -1214,7 +1214,7 @@ var p = config.measurePerformance && PERFORMANCE && PERFORMANCE.mark && PERFORMA
|
|
|
1214
1214
|
mark: noop$1,
|
|
1215
1215
|
measure: noop$1
|
|
1216
1216
|
};
|
|
1217
|
-
var preamble = "FA \"5.15.
|
|
1217
|
+
var preamble = "FA \"5.15.4\"";
|
|
1218
1218
|
|
|
1219
1219
|
var begin = function begin(name) {
|
|
1220
1220
|
p.mark("".concat(preamble, " ").concat(name, " begins"));
|
|
@@ -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
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
|
|
@@ -2719,6 +2719,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2719
2719
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faWindowMaximize", function() { return faWindowMaximize; });
|
|
2720
2720
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faWindowMinimize", function() { return faWindowMinimize; });
|
|
2721
2721
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faWindowRestore", function() { return faWindowRestore; });
|
|
2722
|
+
/*!
|
|
2723
|
+
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
|
2724
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
2725
|
+
*/
|
|
2722
2726
|
var prefix = "far";
|
|
2723
2727
|
var faAddressBook = {
|
|
2724
2728
|
prefix: 'far',
|
|
@@ -3641,10 +3645,10 @@ var _iconsCache = {
|
|
|
3641
3645
|
/***/ }),
|
|
3642
3646
|
|
|
3643
3647
|
/***/ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js":
|
|
3644
|
-
|
|
3645
|
-
!***
|
|
3646
|
-
|
|
3647
|
-
/*! exports provided: fas, prefix, faAd, faAddressBook, faAddressCard, faAdjust, faAirFreshener, faAlignCenter, faAlignJustify, faAlignLeft, faAlignRight, faAllergies, faAmbulance, faAmericanSignLanguageInterpreting, faAnchor, faAngleDoubleDown, faAngleDoubleLeft, faAngleDoubleRight, faAngleDoubleUp, faAngleDown, faAngleLeft, faAngleRight, faAngleUp, faAngry, faAnkh, faAppleAlt, faArchive, faArchway, faArrowAltCircleDown, faArrowAltCircleLeft, faArrowAltCircleRight, faArrowAltCircleUp, faArrowCircleDown, faArrowCircleLeft, faArrowCircleRight, faArrowCircleUp, faArrowDown, faArrowLeft, faArrowRight, faArrowUp, faArrowsAlt, faArrowsAltH, faArrowsAltV, faAssistiveListeningSystems, faAsterisk, faAt, faAtlas, faAtom, faAudioDescription, faAward, faBaby, faBabyCarriage, faBackspace, faBackward, faBacon, faBacteria, faBacterium, faBahai, faBalanceScale, faBalanceScaleLeft, faBalanceScaleRight, faBan, faBandAid, faBarcode, faBars, faBaseballBall, faBasketballBall, faBath, faBatteryEmpty, faBatteryFull, faBatteryHalf, faBatteryQuarter, faBatteryThreeQuarters, faBed, faBeer, faBell, faBellSlash, faBezierCurve, faBible, faBicycle, faBiking, faBinoculars, faBiohazard, faBirthdayCake, faBlender, faBlenderPhone, faBlind, faBlog, faBold, faBolt, faBomb, faBone, faBong, faBook, faBookDead, faBookMedical, faBookOpen, faBookReader, faBookmark, faBorderAll, faBorderNone, faBorderStyle, faBowlingBall, faBox, faBoxOpen, faBoxTissue, faBoxes, faBraille, faBrain, faBreadSlice, faBriefcase, faBriefcaseMedical, faBroadcastTower, faBroom, faBrush, faBug, faBuilding, faBullhorn, faBullseye, faBurn, faBus, faBusAlt, faBusinessTime, faCalculator, faCalendar, faCalendarAlt, faCalendarCheck, faCalendarDay, faCalendarMinus, faCalendarPlus, faCalendarTimes, faCalendarWeek, faCamera, faCameraRetro, faCampground, faCandyCane, faCannabis, faCapsules, faCar, faCarAlt, faCarBattery, faCarCrash, faCarSide, faCaravan, faCaretDown, faCaretLeft, faCaretRight, faCaretSquareDown, faCaretSquareLeft, faCaretSquareRight, faCaretSquareUp, faCaretUp, faCarrot, faCartArrowDown, faCartPlus, faCashRegister, faCat, faCertificate, faChair, faChalkboard, faChalkboardTeacher, faChargingStation, faChartArea, faChartBar, faChartLine, faChartPie, faCheck, faCheckCircle, faCheckDouble, faCheckSquare, faCheese, faChess, faChessBishop, faChessBoard, faChessKing, faChessKnight, faChessPawn, faChessQueen, faChessRook, faChevronCircleDown, faChevronCircleLeft, faChevronCircleRight, faChevronCircleUp, faChevronDown, faChevronLeft, faChevronRight, faChevronUp, faChild, faChurch, faCircle, faCircleNotch, faCity, faClinicMedical, faClipboard, faClipboardCheck, faClipboardList, faClock, faClone, faClosedCaptioning, faCloud, faCloudDownloadAlt, faCloudMeatball, faCloudMoon, faCloudMoonRain, faCloudRain, faCloudShowersHeavy, faCloudSun, faCloudSunRain, faCloudUploadAlt, faCocktail, faCode, faCodeBranch, faCoffee, faCog, faCogs, faCoins, faColumns, faComment, faCommentAlt, faCommentDollar, faCommentDots, faCommentMedical, faCommentSlash, faComments, faCommentsDollar, faCompactDisc, faCompass, faCompress, faCompressAlt, faCompressArrowsAlt, faConciergeBell, faCookie, faCookieBite, faCopy, faCopyright, faCouch, faCreditCard, faCrop, faCropAlt, faCross, faCrosshairs, faCrow, faCrown, faCrutch, faCube, faCubes, faCut, faDatabase, faDeaf, faDemocrat, faDesktop, faDharmachakra, faDiagnoses, faDice, faDiceD20, faDiceD6, faDiceFive, faDiceFour, faDiceOne, faDiceSix, faDiceThree, faDiceTwo, faDigitalTachograph, faDirections, faDisease, faDivide, faDizzy, faDna, faDog, faDollarSign, faDolly, faDollyFlatbed, faDonate, faDoorClosed, faDoorOpen, faDotCircle, faDove, faDownload, faDraftingCompass, faDragon, faDrawPolygon, faDrum, faDrumSteelpan, faDrumstickBite, faDumbbell, faDumpster, faDumpsterFire, faDungeon, faEdit, faEgg, faEject, faEllipsisH, faEllipsisV, faEnvelope, faEnvelopeOpen, faEnvelopeOpenText, faEnvelopeSquare, faEquals, faEraser, faEthernet, faEuroSign, faExchangeAlt, faExclamation, faExclamationCircle, faExclamationTriangle, faExpand, faExpandAlt, faExpandArrowsAlt, faExternalLinkAlt, faExternalLinkSquareAlt, faEye, faEyeDropper, faEyeSlash, faFan, faFastBackward, faFastForward, faFaucet, faFax, faFeather, faFeatherAlt, faFemale, faFighterJet, faFile, faFileAlt, faFileArchive, faFileAudio, faFileCode, faFileContract, faFileCsv, faFileDownload, faFileExcel, faFileExport, faFileImage, faFileImport, faFileInvoice, faFileInvoiceDollar, faFileMedical, faFileMedicalAlt, faFilePdf, faFilePowerpoint, faFilePrescription, faFileSignature, faFileUpload, faFileVideo, faFileWord, faFill, faFillDrip, faFilm, faFilter, faFingerprint, faFire, faFireAlt, faFireExtinguisher, faFirstAid, faFish, faFistRaised, faFlag, faFlagCheckered, faFlagUsa, faFlask, faFlushed, faFolder, faFolderMinus, faFolderOpen, faFolderPlus, faFont, faFontAwesomeLogoFull, faFootballBall, faForward, faFrog, faFrown, faFrownOpen, faFunnelDollar, faFutbol, faGamepad, faGasPump, faGavel, faGem, faGenderless, faGhost, faGift, faGifts, faGlassCheers, faGlassMartini, faGlassMartiniAlt, faGlassWhiskey, faGlasses, faGlobe, faGlobeAfrica, faGlobeAmericas, faGlobeAsia, faGlobeEurope, faGolfBall, faGopuram, faGraduationCap, faGreaterThan, faGreaterThanEqual, faGrimace, faGrin, faGrinAlt, faGrinBeam, faGrinBeamSweat, faGrinHearts, faGrinSquint, faGrinSquintTears, faGrinStars, faGrinTears, faGrinTongue, faGrinTongueSquint, faGrinTongueWink, faGrinWink, faGripHorizontal, faGripLines, faGripLinesVertical, faGripVertical, faGuitar, faHSquare, faHamburger, faHammer, faHamsa, faHandHolding, faHandHoldingHeart, faHandHoldingMedical, faHandHoldingUsd, faHandHoldingWater, faHandLizard, faHandMiddleFinger, faHandPaper, faHandPeace, faHandPointDown, faHandPointLeft, faHandPointRight, faHandPointUp, faHandPointer, faHandRock, faHandScissors, faHandSparkles, faHandSpock, faHands, faHandsHelping, faHandsWash, faHandshake, faHandshakeAltSlash, faHandshakeSlash, faHanukiah, faHardHat, faHashtag, faHatCowboy, faHatCowboySide, faHatWizard, faHdd, faHeadSideCough, faHeadSideCoughSlash, faHeadSideMask, faHeadSideVirus, faHeading, faHeadphones, faHeadphonesAlt, faHeadset, faHeart, faHeartBroken, faHeartbeat, faHelicopter, faHighlighter, faHiking, faHippo, faHistory, faHockeyPuck, faHollyBerry, faHome, faHorse, faHorseHead, faHospital, faHospitalAlt, faHospitalSymbol, faHospitalUser, faHotTub, faHotdog, faHotel, faHourglass, faHourglassEnd, faHourglassHalf, faHourglassStart, faHouseDamage, faHouseUser, faHryvnia, faICursor, faIceCream, faIcicles, faIcons, faIdBadge, faIdCard, faIdCardAlt, faIgloo, faImage, faImages, faInbox, faIndent, faIndustry, faInfinity, faInfo, faInfoCircle, faItalic, faJedi, faJoint, faJournalWhills, faKaaba, faKey, faKeyboard, faKhanda, faKiss, faKissBeam, faKissWinkHeart, faKiwiBird, faLandmark, faLanguage, faLaptop, faLaptopCode, faLaptopHouse, faLaptopMedical, faLaugh, faLaughBeam, faLaughSquint, faLaughWink, faLayerGroup, faLeaf, faLemon, faLessThan, faLessThanEqual, faLevelDownAlt, faLevelUpAlt, faLifeRing, faLightbulb, faLink, faLiraSign, faList, faListAlt, faListOl, faListUl, faLocationArrow, faLock, faLockOpen, faLongArrowAltDown, faLongArrowAltLeft, faLongArrowAltRight, faLongArrowAltUp, faLowVision, faLuggageCart, faLungs, faLungsVirus, faMagic, faMagnet, faMailBulk, faMale, faMap, faMapMarked, faMapMarkedAlt, faMapMarker, faMapMarkerAlt, faMapPin, faMapSigns, faMarker, faMars, faMarsDouble, faMarsStroke, faMarsStrokeH, faMarsStrokeV, faMask, faMedal, faMedkit, faMeh, faMehBlank, faMehRollingEyes, faMemory, faMenorah, faMercury, faMeteor, faMicrochip, faMicrophone, faMicrophoneAlt, faMicrophoneAltSlash, faMicrophoneSlash, faMicroscope, faMinus, faMinusCircle, faMinusSquare, faMitten, faMobile, faMobileAlt, faMoneyBill, faMoneyBillAlt, faMoneyBillWave, faMoneyBillWaveAlt, faMoneyCheck, faMoneyCheckAlt, faMonument, faMoon, faMortarPestle, faMosque, faMotorcycle, faMountain, faMouse, faMousePointer, faMugHot, faMusic, faNetworkWired, faNeuter, faNewspaper, faNotEqual, faNotesMedical, faObjectGroup, faObjectUngroup, faOilCan, faOm, faOtter, faOutdent, faPager, faPaintBrush, faPaintRoller, faPalette, faPallet, faPaperPlane, faPaperclip, faParachuteBox, faParagraph, faParking, faPassport, faPastafarianism, faPaste, faPause, faPauseCircle, faPaw, faPeace, faPen, faPenAlt, faPenFancy, faPenNib, faPenSquare, faPencilAlt, faPencilRuler, faPeopleArrows, faPeopleCarry, faPepperHot, faPercent, faPercentage, faPersonBooth, faPhone, faPhoneAlt, faPhoneSlash, faPhoneSquare, faPhoneSquareAlt, faPhoneVolume, faPhotoVideo, faPiggyBank, faPills, faPizzaSlice, faPlaceOfWorship, faPlane, faPlaneArrival, faPlaneDeparture, faPlaneSlash, faPlay, faPlayCircle, faPlug, faPlus, faPlusCircle, faPlusSquare, faPodcast, faPoll, faPollH, faPoo, faPooStorm, faPoop, faPortrait, faPoundSign, faPowerOff, faPray, faPrayingHands, faPrescription, faPrescriptionBottle, faPrescriptionBottleAlt, faPrint, faProcedures, faProjectDiagram, faPumpMedical, faPumpSoap, faPuzzlePiece, faQrcode, faQuestion, faQuestionCircle, faQuidditch, faQuoteLeft, faQuoteRight, faQuran, faRadiation, faRadiationAlt, faRainbow, faRandom, faReceipt, faRecordVinyl, faRecycle, faRedo, faRedoAlt, faRegistered, faRemoveFormat, faReply, faReplyAll, faRepublican, faRestroom, faRetweet, faRibbon, faRing, faRoad, faRobot, faRocket, faRoute, faRss, faRssSquare, faRubleSign, faRuler, faRulerCombined, faRulerHorizontal, faRulerVertical, faRunning, faRupeeSign, faSadCry, faSadTear, faSatellite, faSatelliteDish, faSave, faSchool, faScrewdriver, faScroll, faSdCard, faSearch, faSearchDollar, faSearchLocation, faSearchMinus, faSearchPlus, faSeedling, faServer, faShapes, faShare, faShareAlt, faShareAltSquare, faShareSquare, faShekelSign, faShieldAlt, faShieldVirus, faShip, faShippingFast, faShoePrints, faShoppingBag, faShoppingBasket, faShoppingCart, faShower, faShuttleVan, faSign, faSignInAlt, faSignLanguage, faSignOutAlt, faSignal, faSignature, faSimCard, faSink, faSitemap, faSkating, faSkiing, faSkiingNordic, faSkull, faSkullCrossbones, faSlash, faSleigh, faSlidersH, faSmile, faSmileBeam, faSmileWink, faSmog, faSmoking, faSmokingBan, faSms, faSnowboarding, faSnowflake, faSnowman, faSnowplow, faSoap, faSocks, faSolarPanel, faSort, faSortAlphaDown, faSortAlphaDownAlt, faSortAlphaUp, faSortAlphaUpAlt, faSortAmountDown, faSortAmountDownAlt, faSortAmountUp, faSortAmountUpAlt, faSortDown, faSortNumericDown, faSortNumericDownAlt, faSortNumericUp, faSortNumericUpAlt, faSortUp, faSpa, faSpaceShuttle, faSpellCheck, faSpider, faSpinner, faSplotch, faSprayCan, faSquare, faSquareFull, faSquareRootAlt, faStamp, faStar, faStarAndCrescent, faStarHalf, faStarHalfAlt, faStarOfDavid, faStarOfLife, faStepBackward, faStepForward, faStethoscope, faStickyNote, faStop, faStopCircle, faStopwatch, faStopwatch20, faStore, faStoreAlt, faStoreAltSlash, faStoreSlash, faStream, faStreetView, faStrikethrough, faStroopwafel, faSubscript, faSubway, faSuitcase, faSuitcaseRolling, faSun, faSuperscript, faSurprise, faSwatchbook, faSwimmer, faSwimmingPool, faSynagogue, faSync, faSyncAlt, faSyringe, faTable, faTableTennis, faTablet, faTabletAlt, faTablets, faTachometerAlt, faTag, faTags, faTape, faTasks, faTaxi, faTeeth, faTeethOpen, faTemperatureHigh, faTemperatureLow, faTenge, faTerminal, faTextHeight, faTextWidth, faTh, faThLarge, faThList, faTheaterMasks, faThermometer, faThermometerEmpty, faThermometerFull, faThermometerHalf, faThermometerQuarter, faThermometerThreeQuarters, faThumbsDown, faThumbsUp, faThumbtack, faTicketAlt, faTimes, faTimesCircle, faTint, faTintSlash, faTired, faToggleOff, faToggleOn, faToilet, faToiletPaper, faToiletPaperSlash, faToolbox, faTools, faTooth, faTorah, faToriiGate, faTractor, faTrademark, faTrafficLight, faTrailer, faTrain, faTram, faTransgender, faTransgenderAlt, faTrash, faTrashAlt, faTrashRestore, faTrashRestoreAlt, faTree, faTrophy, faTruck, faTruckLoading, faTruckMonster, faTruckMoving, faTruckPickup, faTshirt, faTty, faTv, faUmbrella, faUmbrellaBeach, faUnderline, faUndo, faUndoAlt, faUniversalAccess, faUniversity, faUnlink, faUnlock, faUnlockAlt, faUpload, faUser, faUserAlt, faUserAltSlash, faUserAstronaut, faUserCheck, faUserCircle, faUserClock, faUserCog, faUserEdit, faUserFriends, faUserGraduate, faUserInjured, faUserLock, faUserMd, faUserMinus, faUserNinja, faUserNurse, faUserPlus, faUserSecret, faUserShield, faUserSlash, faUserTag, faUserTie, faUserTimes, faUsers, faUsersCog, faUsersSlash, faUtensilSpoon, faUtensils, faVectorSquare, faVenus, faVenusDouble, faVenusMars, faVial, faVials, faVideo, faVideoSlash, faVihara, faVirus, faVirusSlash, faViruses, faVoicemail, faVolleyballBall, faVolumeDown, faVolumeMute, faVolumeOff, faVolumeUp, faVoteYea, faVrCardboard, faWalking, faWallet, faWarehouse, faWater, faWaveSquare, faWeight, faWeightHanging, faWheelchair, faWifi, faWind, faWindowClose, faWindowMaximize, faWindowMinimize, faWindowRestore, faWineBottle, faWineGlass, faWineGlassAlt, faWonSign, faWrench, faXRay, faYenSign, faYinYang */
|
|
3648
|
+
/*!***************************************************************************************************************!*\
|
|
3649
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
|
|
3650
|
+
\***************************************************************************************************************/
|
|
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 */
|
|
3648
3652
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
3649
3653
|
|
|
3650
3654
|
"use strict";
|
|
@@ -4613,6 +4617,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4613
4617
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVenus", function() { return faVenus; });
|
|
4614
4618
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVenusDouble", function() { return faVenusDouble; });
|
|
4615
4619
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVenusMars", function() { return faVenusMars; });
|
|
4620
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVest", function() { return faVest; });
|
|
4621
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVestPatches", function() { return faVestPatches; });
|
|
4616
4622
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVial", function() { return faVial; });
|
|
4617
4623
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVials", function() { return faVials; });
|
|
4618
4624
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faVideo", function() { return faVideo; });
|
|
@@ -4651,6 +4657,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4651
4657
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faXRay", function() { return faXRay; });
|
|
4652
4658
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faYenSign", function() { return faYenSign; });
|
|
4653
4659
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "faYinYang", function() { return faYinYang; });
|
|
4660
|
+
/*!
|
|
4661
|
+
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
|
4662
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
4663
|
+
*/
|
|
4654
4664
|
var prefix = "fas";
|
|
4655
4665
|
var faAd = {
|
|
4656
4666
|
prefix: 'fas',
|
|
@@ -4675,7 +4685,7 @@ var faAdjust = {
|
|
|
4675
4685
|
var faAirFreshener = {
|
|
4676
4686
|
prefix: 'fas',
|
|
4677
4687
|
iconName: 'air-freshener',
|
|
4678
|
-
icon: [
|
|
4688
|
+
icon: [512, 512, [], "f5d0", "M224 160H96C43 160 0 203 0 256V480C0 497.625 14.375 512 32 512H288C305.625 512 320 497.625 320 480V256C320 203 277 160 224 160ZM160 416C115.875 416 80 380.125 80 336S115.875 256 160 256S240 291.875 240 336S204.125 416 160 416ZM224 32C224 14.375 209.625 0 192 0H128C110.375 0 96 14.375 96 32V128H224V32ZM381.781 51.578C383 50.969 384 49.359 384 48C384 46.625 383 45.031 381.781 44.422L352 32L339.562 2.219C338.969 1 337.375 0 336 0S333.031 1 332.406 2.219L320 32L290.219 44.422C289 45.031 288 46.625 288 48C288 49.359 289 50.969 290.219 51.578L320 64L332.406 93.781C333.031 95 334.625 96 336 96S338.969 95 339.562 93.781L352 64L381.781 51.578ZM448 64L460.406 93.781C461.031 95 462.625 96 464 96S466.969 95 467.562 93.781L480 64L509.781 51.578C511 50.969 512 49.359 512 48C512 46.625 511 45.031 509.781 44.422L480 32L467.562 2.219C466.969 1 465.375 0 464 0S461.031 1 460.406 2.219L448 32L418.219 44.422C417 45.031 416 46.625 416 48C416 49.359 417 50.969 418.219 51.578L448 64ZM480 224L467.562 194.219C466.969 193 465.375 192 464 192S461.031 193 460.406 194.219L448 224L418.219 236.422C417 237.031 416 238.625 416 240C416 241.359 417 242.969 418.219 243.578L448 256L460.406 285.781C461.031 287 462.625 288 464 288S466.969 287 467.562 285.781L480 256L509.781 243.578C511 242.969 512 241.359 512 240C512 238.625 511 237.031 509.781 236.422L480 224ZM445.781 147.578C447 146.969 448 145.359 448 144C448 142.625 447 141.031 445.781 140.422L416 128L403.562 98.219C402.969 97 401.375 96 400 96S397.031 97 396.406 98.219L384 128L354.219 140.422C353 141.031 352 142.625 352 144C352 145.359 353 146.969 354.219 147.578L384 160L396.406 189.781C397.031 191 398.625 192 400 192S402.969 191 403.562 189.781L416 160L445.781 147.578Z"]
|
|
4679
4689
|
};
|
|
4680
4690
|
var faAlignCenter = {
|
|
4681
4691
|
prefix: 'fas',
|
|
@@ -4920,12 +4930,12 @@ var faBacon = {
|
|
|
4920
4930
|
var faBacteria = {
|
|
4921
4931
|
prefix: 'fas',
|
|
4922
4932
|
iconName: 'bacteria',
|
|
4923
|
-
icon: [640, 512, [], "
|
|
4933
|
+
icon: [640, 512, [], "e059", "M272.35,226.4A17.71,17.71,0,0,0,281.46,203l-4-9.08a121.29,121.29,0,0,1,12.36-3.08A83.34,83.34,0,0,0,323.57,177l10,9a17.76,17.76,0,1,0,23.92-26.27l-9.72-8.76a83.12,83.12,0,0,0,11.65-48.18l11.85-3.51a17.73,17.73,0,1,0-10.15-34l-11.34,3.36a84,84,0,0,0-36.38-35.57l2.84-10.85a17.8,17.8,0,0,0-34.47-8.93l-2.82,10.78a83.25,83.25,0,0,0-16.74,1.1C250.83,27,240,30.22,229.1,33.39l-3.38-9.46a17.8,17.8,0,0,0-33.56,11.89l3.49,9.8a286.74,286.74,0,0,0-43.94,23.57l-6.32-8.43a17.9,17.9,0,0,0-24.94-3.6A17.69,17.69,0,0,0,116.84,82l6.45,8.61a286.59,286.59,0,0,0-34.95,35.33l-8.82-6.42a17.84,17.84,0,0,0-24.89,3.86,17.66,17.66,0,0,0,3.88,24.77l8.88,6.47a286.6,286.6,0,0,0-23,43.91l-10.48-3.59a17.73,17.73,0,1,0-11.59,33.52L32.67,232c-2.79,10-5.79,19.84-7.52,30.22a83.16,83.16,0,0,0-.82,19l-11.58,3.43a17.73,17.73,0,1,0,10.13,34l11.27-3.33a83.51,83.51,0,0,0,36.39,35.43l-2.88,11.06a17.81,17.81,0,0,0,34.48,8.92l2.87-11c1,0,2.07.26,3.1.26a83.39,83.39,0,0,0,45.65-13.88l8.59,8.8a17.77,17.77,0,0,0,25.56-24.7l-9.14-9.37a83.41,83.41,0,0,0,12.08-31.05,119.08,119.08,0,0,1,3.87-15.53l9,4.22a17.74,17.74,0,1,0,15.15-32.09l-8.8-4.11c.67-1,1.2-2.08,1.9-3.05a119.89,119.89,0,0,1,7.87-9.41,121.73,121.73,0,0,1,11.65-11.4,119.49,119.49,0,0,1,9.94-7.82c1.12-.77,2.32-1.42,3.47-2.15l3.92,8.85a17.86,17.86,0,0,0,16.32,10.58A18.14,18.14,0,0,0,272.35,226.4ZM128,256a32,32,0,1,1,32-32A32,32,0,0,1,128,256Zm80-96a16,16,0,1,1,16-16A16,16,0,0,1,208,160Zm431.26,45.3a17.79,17.79,0,0,0-17.06-12.69,17.55,17.55,0,0,0-5.08.74l-11.27,3.33a83.61,83.61,0,0,0-36.39-35.43l2.88-11.06a17.81,17.81,0,0,0-34.48-8.91l-2.87,11c-1,0-2.07-.26-3.1-.26a83.32,83.32,0,0,0-45.65,13.89l-8.59-8.81a17.77,17.77,0,0,0-25.56,24.7l9.14,9.37a83.28,83.28,0,0,0-12.08,31.06,119.34,119.34,0,0,1-3.87,15.52l-9-4.22a17.74,17.74,0,1,0-15.15,32.09l8.8,4.11c-.67,1-1.2,2.08-1.89,3.05a117.71,117.71,0,0,1-7.94,9.47,119,119,0,0,1-11.57,11.33,121.59,121.59,0,0,1-10,7.83c-1.12.77-2.32,1.42-3.47,2.15l-3.92-8.85a17.86,17.86,0,0,0-16.32-10.58,18.14,18.14,0,0,0-7.18,1.5A17.71,17.71,0,0,0,358.54,309l4,9.08a118.71,118.71,0,0,1-12.36,3.08,83.34,83.34,0,0,0-33.77,13.9l-10-9a17.77,17.77,0,1,0-23.92,26.28l9.72,8.75a83.12,83.12,0,0,0-11.65,48.18l-11.86,3.51a17.73,17.73,0,1,0,10.16,34l11.34-3.36A84,84,0,0,0,326.61,479l-2.84,10.85a17.8,17.8,0,0,0,34.47,8.93L361.06,488a83.3,83.3,0,0,0,16.74-1.1c11.37-1.89,22.24-5.07,33.1-8.24l3.38,9.46a17.8,17.8,0,0,0,33.56-11.89l-3.49-9.79a287.66,287.66,0,0,0,43.94-23.58l6.32,8.43a17.88,17.88,0,0,0,24.93,3.6A17.67,17.67,0,0,0,523.16,430l-6.45-8.61a287.37,287.37,0,0,0,34.95-35.34l8.82,6.42a17.76,17.76,0,1,0,21-28.63l-8.88-6.46a287.17,287.17,0,0,0,23-43.92l10.48,3.59a17.73,17.73,0,1,0,11.59-33.52L607.33,280c2.79-10,5.79-19.84,7.52-30.21a83.27,83.27,0,0,0,.82-19.05l11.58-3.43A17.7,17.7,0,0,0,639.26,205.3ZM416,416a32,32,0,1,1,32-32A32,32,0,0,1,416,416Z"]
|
|
4924
4934
|
};
|
|
4925
4935
|
var faBacterium = {
|
|
4926
4936
|
prefix: 'fas',
|
|
4927
4937
|
iconName: 'bacterium',
|
|
4928
|
-
icon: [512, 512, [], "
|
|
4938
|
+
icon: [512, 512, [], "e05a", "M511,102.93A23.76,23.76,0,0,0,481.47,87l-15.12,4.48a111.85,111.85,0,0,0-48.5-47.42l3.79-14.47a23.74,23.74,0,0,0-46-11.91l-3.76,14.37a111.94,111.94,0,0,0-22.33,1.47,386.74,386.74,0,0,0-44.33,10.41l-4.3-12a23.74,23.74,0,0,0-44.75,15.85l4.3,12.05a383.4,383.4,0,0,0-58.69,31.83l-8-10.63a23.85,23.85,0,0,0-33.24-4.8,23.57,23.57,0,0,0-4.83,33.09l8,10.63a386.14,386.14,0,0,0-46.7,47.44l-11-8a23.68,23.68,0,1,0-28,38.17l11.09,8.06a383.45,383.45,0,0,0-30.92,58.75l-12.93-4.43a23.65,23.65,0,1,0-15.47,44.69l13,4.48a385.81,385.81,0,0,0-9.3,40.53A111.58,111.58,0,0,0,32.44,375L17,379.56a23.64,23.64,0,0,0,13.51,45.31l15-4.44a111.49,111.49,0,0,0,48.53,47.24l-3.85,14.75a23.66,23.66,0,0,0,17,28.83,24.7,24.7,0,0,0,6,.75,23.73,23.73,0,0,0,23-17.7L140,479.67c1.37.05,2.77.35,4.13.35A111.22,111.22,0,0,0,205,461.5l11.45,11.74a23.7,23.7,0,0,0,34.08-32.93l-12.19-12.5a111,111,0,0,0,16.11-41.4,158.69,158.69,0,0,1,5.16-20.71l12,5.64a23.66,23.66,0,1,0,20.19-42.79l-11.72-5.49c.89-1.32,1.59-2.77,2.52-4.06a157.86,157.86,0,0,1,10.46-12.49,159.5,159.5,0,0,1,15.59-15.28,162.18,162.18,0,0,1,13.23-10.4c1.5-1,3.1-1.89,4.63-2.87l5.23,11.8a23.74,23.74,0,0,0,43.48-19.08l-5.36-12.11a158.87,158.87,0,0,1,16.49-4.1,111,111,0,0,0,45-18.54l13.33,12a23.69,23.69,0,1,0,31.88-35l-12.94-11.67A110.83,110.83,0,0,0,479.21,137L495,132.32A23.61,23.61,0,0,0,511,102.93ZM160,368a48,48,0,1,1,48-48A48,48,0,0,1,160,368Zm80-136a24,24,0,1,1,24-24A24,24,0,0,1,240,232Z"]
|
|
4929
4939
|
};
|
|
4930
4940
|
var faBahai = {
|
|
4931
4941
|
prefix: 'fas',
|
|
@@ -5170,7 +5180,7 @@ var faBoxOpen = {
|
|
|
5170
5180
|
var faBoxTissue = {
|
|
5171
5181
|
prefix: 'fas',
|
|
5172
5182
|
iconName: 'box-tissue',
|
|
5173
|
-
icon: [512, 512, [], "
|
|
5183
|
+
icon: [512, 512, [], "e05b", "M383.88,287.82l64-192H338.47a70.2,70.2,0,0,1-66.59-48,70.21,70.21,0,0,0-66.6-48H63.88l64,288Zm-384,192a32,32,0,0,0,32,32h448a32,32,0,0,0,32-32v-64H-.12Zm480-256H438.94l-21.33,64h14.27a16,16,0,0,1,0,32h-352a16,16,0,1,1,0-32H95.09l-14.22-64h-49a32,32,0,0,0-32,32v128h512v-128A32,32,0,0,0,479.88,223.82Z"]
|
|
5174
5184
|
};
|
|
5175
5185
|
var faBoxes = {
|
|
5176
5186
|
prefix: 'fas',
|
|
@@ -6225,7 +6235,7 @@ var faFastForward = {
|
|
|
6225
6235
|
var faFaucet = {
|
|
6226
6236
|
prefix: 'fas',
|
|
6227
6237
|
iconName: 'faucet',
|
|
6228
|
-
icon: [512, 512, [], "
|
|
6238
|
+
icon: [512, 512, [], "e005", "M352,256H313.39c-15.71-13.44-35.46-23.07-57.39-28V180.44l-32-3.38-32,3.38V228c-21.93,5-41.68,14.6-57.39,28H16A16,16,0,0,0,0,272v96a16,16,0,0,0,16,16h92.79C129.38,421.73,173,448,224,448s94.62-26.27,115.21-64H352a32,32,0,0,1,32,32,32,32,0,0,0,32,32h64a32,32,0,0,0,32-32A160,160,0,0,0,352,256ZM81.59,159.91l142.41-15,142.41,15c9.42,1,17.59-6.81,17.59-16.8V112.89c0-10-8.17-17.8-17.59-16.81L256,107.74V80a16,16,0,0,0-16-16H208a16,16,0,0,0-16,16v27.74L81.59,96.08C72.17,95.09,64,102.9,64,112.89v30.22C64,153.1,72.17,160.91,81.59,159.91Z"]
|
|
6229
6239
|
};
|
|
6230
6240
|
var faFax = {
|
|
6231
6241
|
prefix: 'fas',
|
|
@@ -6755,7 +6765,7 @@ var faHandHoldingHeart = {
|
|
|
6755
6765
|
var faHandHoldingMedical = {
|
|
6756
6766
|
prefix: 'fas',
|
|
6757
6767
|
iconName: 'hand-holding-medical',
|
|
6758
|
-
icon: [576, 512, [], "
|
|
6768
|
+
icon: [576, 512, [], "e05c", "M159.88,175.82h64v64a16,16,0,0,0,16,16h64a16,16,0,0,0,16-16v-64h64a16,16,0,0,0,16-16v-64a16,16,0,0,0-16-16h-64v-64a16,16,0,0,0-16-16h-64a16,16,0,0,0-16,16v64h-64a16,16,0,0,0-16,16v64A16,16,0,0,0,159.88,175.82ZM568.07,336.13a39.91,39.91,0,0,0-55.93-8.47L392.47,415.84H271.86a16,16,0,0,1,0-32H350.1c16,0,30.75-10.87,33.37-26.61a32.06,32.06,0,0,0-31.62-37.38h-160a117.7,117.7,0,0,0-74.12,26.25l-46.5,37.74H15.87a16.11,16.11,0,0,0-16,16v96a16.11,16.11,0,0,0,16,16h347a104.8,104.8,0,0,0,61.7-20.27L559.6,392A40,40,0,0,0,568.07,336.13Z"]
|
|
6759
6769
|
};
|
|
6760
6770
|
var faHandHoldingUsd = {
|
|
6761
6771
|
prefix: 'fas',
|
|
@@ -6825,7 +6835,7 @@ var faHandScissors = {
|
|
|
6825
6835
|
var faHandSparkles = {
|
|
6826
6836
|
prefix: 'fas',
|
|
6827
6837
|
iconName: 'hand-sparkles',
|
|
6828
|
-
icon: [640, 512, [], "
|
|
6838
|
+
icon: [640, 512, [], "e05d", "M106.66,170.64l.09,0,49.55-20.65a7.32,7.32,0,0,0,3.68-6h0a7.29,7.29,0,0,0-3.68-6l-49.57-20.67-.07,0L86,67.68a6.66,6.66,0,0,0-11.92,0l-20.7,49.63-.05,0L3.7,138A7.29,7.29,0,0,0,0,144H0a7.32,7.32,0,0,0,3.68,6L53.27,170.6l.07,0L74,220.26a6.65,6.65,0,0,0,11.92,0l20.69-49.62ZM471.38,467.41l-1-.42-1-.5a38.67,38.67,0,0,1,0-69.14l1-.49,1-.43,37.49-15.63,15.63-37.48.41-1,.47-.95c3.85-7.74,10.58-13.63,18.35-17.34,0-1.33.25-2.69.27-4V144a32,32,0,0,0-64,0v72a8,8,0,0,1-8,8H456a8,8,0,0,1-8-8V64a32,32,0,0,0-64,0V216a8,8,0,0,1-8,8H360a8,8,0,0,1-8-8V32a32,32,0,0,0-64,0V216a8,8,0,0,1-8,8H264a8,8,0,0,1-8-8V64a32,32,0,0,0-64,0v241l-23.59-32.49a40,40,0,0,0-64.71,47.09L229.3,492.21A48.07,48.07,0,0,0,268.09,512H465.7c19.24,0,35.65-11.73,43.24-28.79l-.07-.17ZM349.79,339.52,320,351.93l-12.42,29.78a4,4,0,0,1-7.15,0L288,351.93l-29.79-12.41a4,4,0,0,1,0-7.16L288,319.94l12.42-29.78a4,4,0,0,1,7.15,0L320,319.94l29.79,12.42a4,4,0,0,1,0,7.16ZM640,431.91a7.28,7.28,0,0,0-3.68-6l-49.57-20.67-.07,0L566,355.63a6.66,6.66,0,0,0-11.92,0l-20.7,49.63-.05,0L483.7,426a7.28,7.28,0,0,0-3.68,6h0a7.29,7.29,0,0,0,3.68,5.95l49.57,20.67.07,0L554,508.21a6.65,6.65,0,0,0,11.92,0l20.69-49.62h0l.09,0,49.55-20.66a7.29,7.29,0,0,0,3.68-5.95h0Z"]
|
|
6829
6839
|
};
|
|
6830
6840
|
var faHandSpock = {
|
|
6831
6841
|
prefix: 'fas',
|
|
@@ -6845,7 +6855,7 @@ var faHandsHelping = {
|
|
|
6845
6855
|
var faHandsWash = {
|
|
6846
6856
|
prefix: 'fas',
|
|
6847
6857
|
iconName: 'hands-wash',
|
|
6848
|
-
icon: [576, 512, [], "
|
|
6858
|
+
icon: [576, 512, [], "e05e", "M496,224a48,48,0,1,0-48-48A48,48,0,0,0,496,224ZM311.47,178.45A56.77,56.77,0,0,1,328,176a56,56,0,0,1,19,3.49l15.35-48.61A24,24,0,0,0,342,99.74c-11.53-1.35-22.21,6.44-25.71,17.51l-20.9,66.17ZM93.65,386.33c.8-.19,1.54-.54,2.35-.71V359.93a156,156,0,0,1,107.06-148l73.7-22.76L310.92,81.05a24,24,0,0,0-20.33-31.11c-11.53-1.34-22.22,6.45-25.72,17.52L231.42,173.88a8,8,0,0,1-15.26-4.83L259.53,31.26A24,24,0,0,0,239.2.15C227.67-1.19,217,6.6,213.49,17.66L165.56,169.37a8,8,0,1,1-15.26-4.82l38.56-122a24,24,0,0,0-20.33-31.11C157,10,146.32,17.83,142.82,28.9l-60,189.85L80.76,168.7A24,24,0,0,0,56.9,144.55c-13.23-.05-24.72,10.54-24.9,23.86V281.14A123.69,123.69,0,0,0,93.65,386.33ZM519.1,336H360a8,8,0,0,1,0-16H488a24,24,0,0,0,23.54-28.76C509.35,279.84,498.71,272,487.1,272H288l47.09-17.06a24,24,0,0,0-14.18-45.88L213.19,242.31A123.88,123.88,0,0,0,128,360v25.65a79.78,79.78,0,0,1,58,108.63A118.9,118.9,0,0,0,248,512H456a24,24,0,0,0,23.54-28.76C477.35,471.84,466.71,464,455.1,464H360a8,8,0,0,1,0-16H488a24,24,0,0,0,23.54-28.76C509.35,407.84,498.71,400,487.1,400H360a8,8,0,0,1,0-16H520a24,24,0,0,0,23.54-28.76C541.35,343.84,530.71,336,519.1,336ZM416,64a32,32,0,1,0-32-32A32,32,0,0,0,416,64ZM112,416a48,48,0,1,0,48,48A48,48,0,0,0,112,416Z"]
|
|
6849
6859
|
};
|
|
6850
6860
|
var faHandshake = {
|
|
6851
6861
|
prefix: 'fas',
|
|
@@ -6855,12 +6865,12 @@ var faHandshake = {
|
|
|
6855
6865
|
var faHandshakeAltSlash = {
|
|
6856
6866
|
prefix: 'fas',
|
|
6857
6867
|
iconName: 'handshake-alt-slash',
|
|
6858
|
-
icon: [640, 512, [], "
|
|
6868
|
+
icon: [640, 512, [], "e05f", "M358.59,195.6,504.2,313.8a63.4,63.4,0,0,1,22.21,37.91H624a16.05,16.05,0,0,0,16-16V143.91A16,16,0,0,0,624,128H512L457.41,73.41A32,32,0,0,0,434.8,64H348.91a32,32,0,0,0-21.61,8.41l-88.12,80.68-25.69-19.85L289.09,64H205.3a32,32,0,0,0-22.6,9.41l-20.34,20.3L45.47,3.38A16,16,0,0,0,23,6.19L3.38,31.46A16,16,0,0,0,6.19,53.91L594.54,508.63A16,16,0,0,0,617,505.82l19.64-25.27a16,16,0,0,0-2.81-22.45L303.4,202.72l32.69-29.92,27-24.7a16,16,0,0,1,21.61,23.61ZM16,128A16.05,16.05,0,0,0,0,144V335.91a16,16,0,0,0,16,16H146.3l90.5,81.89a64,64,0,0,0,90-9.3l.2-.2,17.91,15.5a37.16,37.16,0,0,0,52.29-5.39l8.8-10.82L23.56,128Z"]
|
|
6859
6869
|
};
|
|
6860
6870
|
var faHandshakeSlash = {
|
|
6861
6871
|
prefix: 'fas',
|
|
6862
6872
|
iconName: 'handshake-slash',
|
|
6863
|
-
icon: [640, 512, [], "
|
|
6873
|
+
icon: [640, 512, [], "e060", "M0,128.21V384H64a32,32,0,0,0,32-32V184L23.83,128.21ZM48,320.1a16,16,0,1,1-16,16A16,16,0,0,1,48,320.1Zm80,31.81h18.3l90.5,81.89a64,64,0,0,0,90-9.3l.2-.2,17.91,15.5a37.16,37.16,0,0,0,52.29-5.39l8.8-10.82L128,208.72Zm416-223.7V352.1a32,32,0,0,0,32,32h64V128.21ZM592,352.1a16,16,0,1,1,16-16A16,16,0,0,1,592,352.1ZM303.33,202.67l59.58-54.57a16,16,0,0,1,21.59,23.61L358.41,195.6,504,313.8a73.08,73.08,0,0,1,7.91,7.7V128L457.3,73.41A31.76,31.76,0,0,0,434.7,64H348.8a31.93,31.93,0,0,0-21.6,8.41l-88.07,80.64-25.64-19.81L289.09,64H205.3a32,32,0,0,0-22.6,9.41L162.36,93.72,45.47,3.38A16,16,0,0,0,23,6.19L3.38,31.46A16,16,0,0,0,6.19,53.91L594.53,508.63A16,16,0,0,0,617,505.82l19.65-25.27a16,16,0,0,0-2.82-22.45Z"]
|
|
6864
6874
|
};
|
|
6865
6875
|
var faHanukiah = {
|
|
6866
6876
|
prefix: 'fas',
|
|
@@ -6900,22 +6910,22 @@ var faHdd = {
|
|
|
6900
6910
|
var faHeadSideCough = {
|
|
6901
6911
|
prefix: 'fas',
|
|
6902
6912
|
iconName: 'head-side-cough',
|
|
6903
|
-
icon: [640, 512, [], "
|
|
6913
|
+
icon: [640, 512, [], "e061", "M616,304a24,24,0,1,0-24-24A24,24,0,0,0,616,304ZM552,416a24,24,0,1,0,24,24A24,24,0,0,0,552,416Zm-64-56a24,24,0,1,0,24,24A24,24,0,0,0,488,360ZM616,464a24,24,0,1,0,24,24A24,24,0,0,0,616,464Zm0-104a24,24,0,1,0,24,24A24,24,0,0,0,616,360Zm-64-40a24,24,0,1,0,24,24A24,24,0,0,0,552,320Zm-74.78-45c-21-47.12-48.5-151.75-73.12-186.75A208.13,208.13,0,0,0,234.1,0H192C86,0,0,86,0,192c0,56.75,24.75,107.62,64,142.88V512H288V480h64a64,64,0,0,0,64-64H320a32,32,0,0,1,0-64h96V320h32A32,32,0,0,0,477.22,275ZM288,224a32,32,0,1,1,32-32A32.07,32.07,0,0,1,288,224Z"]
|
|
6904
6914
|
};
|
|
6905
6915
|
var faHeadSideCoughSlash = {
|
|
6906
6916
|
prefix: 'fas',
|
|
6907
6917
|
iconName: 'head-side-cough-slash',
|
|
6908
|
-
icon: [640, 512, [], "
|
|
6918
|
+
icon: [640, 512, [], "e062", "M454.11,319.21c19.56-3.81,31.62-25,23.11-44.21-21-47.12-48.5-151.75-73.12-186.75A208.13,208.13,0,0,0,234.1,0H192A190.64,190.64,0,0,0,84.18,33.3L45.46,3.38A16,16,0,0,0,23,6.19L3.37,31.46A16,16,0,0,0,6.18,53.91L594.53,508.63A16,16,0,0,0,617,505.82l19.64-25.27a16,16,0,0,0-2.81-22.45ZM313.39,210.45,263.61,172c5.88-7.14,14.43-12,24.36-12a32.06,32.06,0,0,1,32,32C320,199,317.24,205.17,313.39,210.45ZM616,304a24,24,0,1,0-24-24A24,24,0,0,0,616,304Zm-64,64a24,24,0,1,0-24-24A24,24,0,0,0,552,368ZM288,384a32,32,0,0,1,32-32h19.54L20.73,105.59A190.86,190.86,0,0,0,0,192c0,56.75,24.75,107.62,64,142.88V512H288V480h64a64,64,0,0,0,64-64H320A32,32,0,0,1,288,384Zm328-24a24,24,0,1,0,24,24A24,24,0,0,0,616,360Z"]
|
|
6909
6919
|
};
|
|
6910
6920
|
var faHeadSideMask = {
|
|
6911
6921
|
prefix: 'fas',
|
|
6912
6922
|
iconName: 'head-side-mask',
|
|
6913
|
-
icon: [512, 512, [], "
|
|
6923
|
+
icon: [512, 512, [], "e063", "M.15,184.42C-2.17,244.21,23,298.06,64,334.88V512H224V316.51L3.67,156.25A182.28,182.28,0,0,0,.15,184.42ZM509.22,275c-21-47.12-48.5-151.75-73.12-186.75A208.11,208.11,0,0,0,266.11,0H200C117,0,42.48,50.57,13.25,123.65L239.21,288H511.76A31.35,31.35,0,0,0,509.22,275ZM320,224a32,32,0,1,1,32-32A32.07,32.07,0,0,1,320,224Zm16,144H496l16-48H256V512H401.88a64,64,0,0,0,60.71-43.76L464,464H336a16,16,0,0,1,0-32H474.67l10.67-32H336a16,16,0,0,1,0-32Z"]
|
|
6914
6924
|
};
|
|
6915
6925
|
var faHeadSideVirus = {
|
|
6916
6926
|
prefix: 'fas',
|
|
6917
6927
|
iconName: 'head-side-virus',
|
|
6918
|
-
icon: [512, 512, [], "
|
|
6928
|
+
icon: [512, 512, [], "e064", "M272,240a16,16,0,1,0,16,16A16,16,0,0,0,272,240Zm-64-64a16,16,0,1,0,16,16A16,16,0,0,0,208,176Zm301.2,99c-20.93-47.12-48.43-151.73-73.07-186.75A207.9,207.9,0,0,0,266.09,0H192C86,0,0,86,0,192A191.23,191.23,0,0,0,64,334.81V512H320V448h64a64,64,0,0,0,64-64V320H480A32,32,0,0,0,509.2,275ZM368,240H355.88c-28.51,0-42.79,34.47-22.63,54.63l8.58,8.57a16,16,0,1,1-22.63,22.63l-8.57-8.58C290.47,297.09,256,311.37,256,339.88V352a16,16,0,0,1-32,0V339.88c0-28.51-34.47-42.79-54.63-22.63l-8.57,8.58a16,16,0,0,1-22.63-22.63l8.58-8.57c20.16-20.16,5.88-54.63-22.63-54.63H112a16,16,0,0,1,0-32h12.12c28.51,0,42.79-34.47,22.63-54.63l-8.58-8.57a16,16,0,0,1,22.63-22.63l8.57,8.58c20.16,20.16,54.63,5.88,54.63-22.63V96a16,16,0,0,1,32,0v12.12c0,28.51,34.47,42.79,54.63,22.63l8.57-8.58a16,16,0,0,1,22.63,22.63l-8.58,8.57C313.09,173.53,327.37,208,355.88,208H368a16,16,0,0,1,0,32Z"]
|
|
6919
6929
|
};
|
|
6920
6930
|
var faHeading = {
|
|
6921
6931
|
prefix: 'fas',
|
|
@@ -7065,7 +7075,7 @@ var faHouseDamage = {
|
|
|
7065
7075
|
var faHouseUser = {
|
|
7066
7076
|
prefix: 'fas',
|
|
7067
7077
|
iconName: 'house-user',
|
|
7068
|
-
icon: [576, 512, [], "
|
|
7078
|
+
icon: [576, 512, [], "e065", "M570.69,236.27,512,184.44V48a16,16,0,0,0-16-16H432a16,16,0,0,0-16,16V99.67L314.78,10.3C308.5,4.61,296.53,0,288,0s-20.46,4.61-26.74,10.3l-256,226A18.27,18.27,0,0,0,0,248.2a18.64,18.64,0,0,0,4.09,10.71L25.5,282.7a21.14,21.14,0,0,0,12,5.3,21.67,21.67,0,0,0,10.69-4.11l15.9-14V480a32,32,0,0,0,32,32H480a32,32,0,0,0,32-32V269.88l15.91,14A21.94,21.94,0,0,0,538.63,288a20.89,20.89,0,0,0,11.87-5.31l21.41-23.81A21.64,21.64,0,0,0,576,248.19,21,21,0,0,0,570.69,236.27ZM288,176a64,64,0,1,1-64,64A64,64,0,0,1,288,176ZM400,448H176a16,16,0,0,1-16-16,96,96,0,0,1,96-96h64a96,96,0,0,1,96,96A16,16,0,0,1,400,448Z"]
|
|
7069
7079
|
};
|
|
7070
7080
|
var faHryvnia = {
|
|
7071
7081
|
prefix: 'fas',
|
|
@@ -7235,7 +7245,7 @@ var faLaptopCode = {
|
|
|
7235
7245
|
var faLaptopHouse = {
|
|
7236
7246
|
prefix: 'fas',
|
|
7237
7247
|
iconName: 'laptop-house',
|
|
7238
|
-
icon: [640, 512, [], "
|
|
7248
|
+
icon: [640, 512, [], "e066", "M272,288H208a16,16,0,0,1-16-16V208a16,16,0,0,1,16-16h64a16,16,0,0,1,16,16v37.12C299.11,232.24,315,224,332.8,224H469.74l6.65-7.53A16.51,16.51,0,0,0,480,207a16.31,16.31,0,0,0-4.75-10.61L416,144V48a16,16,0,0,0-16-16H368a16,16,0,0,0-16,16V87.3L263.5,8.92C258,4,247.45,0,240.05,0s-17.93,4-23.47,8.92L4.78,196.42A16.15,16.15,0,0,0,0,207a16.4,16.4,0,0,0,3.55,9.39L22.34,237.7A16.22,16.22,0,0,0,33,242.48,16.51,16.51,0,0,0,42.34,239L64,219.88V384a32,32,0,0,0,32,32H272ZM629.33,448H592V288c0-17.67-12.89-32-28.8-32H332.8c-15.91,0-28.8,14.33-28.8,32V448H266.67A10.67,10.67,0,0,0,256,458.67v10.66A42.82,42.82,0,0,0,298.6,512H597.4A42.82,42.82,0,0,0,640,469.33V458.67A10.67,10.67,0,0,0,629.33,448ZM544,448H352V304H544Z"]
|
|
7239
7249
|
};
|
|
7240
7250
|
var faLaptopMedical = {
|
|
7241
7251
|
prefix: 'fas',
|
|
@@ -7390,7 +7400,7 @@ var faLungs = {
|
|
|
7390
7400
|
var faLungsVirus = {
|
|
7391
7401
|
prefix: 'fas',
|
|
7392
7402
|
iconName: 'lungs-virus',
|
|
7393
|
-
icon: [640, 512, [], "
|
|
7403
|
+
icon: [640, 512, [], "e067", "M344,150.68V16A16,16,0,0,0,328,0H312a16,16,0,0,0-16,16V150.68a46.45,46.45,0,0,1,48,0ZM195.54,444.46a48.06,48.06,0,0,1,0-67.88l8.58-8.58H192a48,48,0,0,1,0-96h12.12l-8.58-8.57a48,48,0,0,1,60.46-74V161.75C256,125.38,224.62,96,186,96c-44,0-58,28.5-80.12,63.13a819.52,819.52,0,0,0-102,231A113.16,113.16,0,0,0,0,419.75C0,481,62.5,525.26,125.25,508.38l59.5-15.87a98.51,98.51,0,0,0,52.5-34.75,46.49,46.49,0,0,1-41.71-13.3Zm226.29-22.63a16,16,0,0,0,0-22.62l-8.58-8.58C393.09,370.47,407.37,336,435.88,336H448a16,16,0,0,0,0-32H435.88c-28.51,0-42.79-34.47-22.63-54.62l8.58-8.58a16,16,0,0,0-22.63-22.63l-8.57,8.58C370.47,246.91,336,232.63,336,204.12V192a16,16,0,0,0-32,0v12.12c0,28.51-34.47,42.79-54.63,22.63l-8.57-8.58a16,16,0,0,0-22.63,22.63l8.58,8.58c20.16,20.15,5.88,54.62-22.63,54.62H192a16,16,0,0,0,0,32h12.12c28.51,0,42.79,34.47,22.63,54.63l-8.58,8.58a16,16,0,1,0,22.63,22.62l8.57-8.57C269.53,393.1,304,407.38,304,435.88V448a16,16,0,0,0,32,0V435.88c0-28.5,34.47-42.78,54.63-22.62l8.57,8.57a16,16,0,0,0,22.63,0ZM288,304a16,16,0,1,1,16-16A16,16,0,0,1,288,304Zm64,64a16,16,0,1,1,16-16A16,16,0,0,1,352,368Zm284.12,22.13a819.52,819.52,0,0,0-102-231C512,124.5,498,96,454,96c-38.62,0-70,29.38-70,65.75v27.72a48,48,0,0,1,60.46,74L435.88,272H448a48,48,0,0,1,0,96H435.88l8.58,8.58a47.7,47.7,0,0,1-41.71,81.18,98.51,98.51,0,0,0,52.5,34.75l59.5,15.87C577.5,525.26,640,481,640,419.75A113.16,113.16,0,0,0,636.12,390.13Z"]
|
|
7394
7404
|
};
|
|
7395
7405
|
var faMagic = {
|
|
7396
7406
|
prefix: 'fas',
|
|
@@ -7845,7 +7855,7 @@ var faPencilRuler = {
|
|
|
7845
7855
|
var faPeopleArrows = {
|
|
7846
7856
|
prefix: 'fas',
|
|
7847
7857
|
iconName: 'people-arrows',
|
|
7848
|
-
icon: [576, 512, [], "
|
|
7858
|
+
icon: [576, 512, [], "e068", "M96,128A64,64,0,1,0,32,64,64,64,0,0,0,96,128Zm0,176.08a44.11,44.11,0,0,1,13.64-32L181.77,204c1.65-1.55,3.77-2.31,5.61-3.57A63.91,63.91,0,0,0,128,160H64A64,64,0,0,0,0,224v96a32,32,0,0,0,32,32V480a32,32,0,0,0,32,32h64a32,32,0,0,0,32-32V383.61l-50.36-47.53A44.08,44.08,0,0,1,96,304.08ZM480,128a64,64,0,1,0-64-64A64,64,0,0,0,480,128Zm32,32H448a63.91,63.91,0,0,0-59.38,40.42c1.84,1.27,4,2,5.62,3.59l72.12,68.06a44.37,44.37,0,0,1,0,64L416,383.62V480a32,32,0,0,0,32,32h64a32,32,0,0,0,32-32V352a32,32,0,0,0,32-32V224A64,64,0,0,0,512,160ZM444.4,295.34l-72.12-68.06A12,12,0,0,0,352,236v36H224V236a12,12,0,0,0-20.28-8.73L131.6,295.34a12.4,12.4,0,0,0,0,17.47l72.12,68.07A12,12,0,0,0,224,372.14V336H352v36.14a12,12,0,0,0,20.28,8.74l72.12-68.07A12.4,12.4,0,0,0,444.4,295.34Z"]
|
|
7849
7859
|
};
|
|
7850
7860
|
var faPeopleCarry = {
|
|
7851
7861
|
prefix: 'fas',
|
|
@@ -7945,7 +7955,7 @@ var faPlaneDeparture = {
|
|
|
7945
7955
|
var faPlaneSlash = {
|
|
7946
7956
|
prefix: 'fas',
|
|
7947
7957
|
iconName: 'plane-slash',
|
|
7948
|
-
icon: [640, 512, [], "
|
|
7958
|
+
icon: [640, 512, [], "e069", "M32.48,147.88,64,256,32.48,364.13A16,16,0,0,0,48,384H88a16,16,0,0,0,12.8-6.41L144,320H246.85l-49,171.59A16,16,0,0,0,213.2,512h65.5a16,16,0,0,0,13.89-8.06l66.6-116.54L34.35,136.34A15.47,15.47,0,0,0,32.48,147.88ZM633.82,458.09,455.14,320H512c35.34,0,96-28.66,96-64s-60.66-64-96-64H397.7L292.61,8.06C290.06,3.61,283.84,0,278.71,0H213.2a16,16,0,0,0-15.38,20.39l36.94,129.29L45.46,3.38A16,16,0,0,0,23,6.19L3.37,31.45A16,16,0,0,0,6.18,53.91L594.54,508.63A16,16,0,0,0,617,505.81l19.64-25.26A16,16,0,0,0,633.82,458.09Z"]
|
|
7949
7959
|
};
|
|
7950
7960
|
var faPlay = {
|
|
7951
7961
|
prefix: 'fas',
|
|
@@ -8065,12 +8075,12 @@ var faProjectDiagram = {
|
|
|
8065
8075
|
var faPumpMedical = {
|
|
8066
8076
|
prefix: 'fas',
|
|
8067
8077
|
iconName: 'pump-medical',
|
|
8068
|
-
icon: [384, 512, [], "
|
|
8078
|
+
icon: [384, 512, [], "e06a", "M235.51,159.82H84.24A64,64,0,0,0,20.51,218L.14,442a64,64,0,0,0,63.74,69.8h192A64,64,0,0,0,319.61,442L299.24,218A64,64,0,0,0,235.51,159.82Zm4.37,173.33a13.35,13.35,0,0,1-13.34,13.34h-40v40a13.33,13.33,0,0,1-13.33,13.33H146.54a13.33,13.33,0,0,1-13.33-13.33v-40h-40a13.34,13.34,0,0,1-13.33-13.34V306.49a13.33,13.33,0,0,1,13.33-13.34h40v-40a13.33,13.33,0,0,1,13.33-13.33h26.67a13.33,13.33,0,0,1,13.33,13.33v40h40a13.34,13.34,0,0,1,13.34,13.34ZM379.19,93.88,335.87,50.56a64,64,0,0,0-45.24-18.74H223.88a32,32,0,0,0-32-32h-64a32,32,0,0,0-32,32v96h128v-32h66.75l43.31,43.31a16,16,0,0,0,22.63,0l22.62-22.62A16,16,0,0,0,379.19,93.88Z"]
|
|
8069
8079
|
};
|
|
8070
8080
|
var faPumpSoap = {
|
|
8071
8081
|
prefix: 'fas',
|
|
8072
8082
|
iconName: 'pump-soap',
|
|
8073
|
-
icon: [384, 512, [], "
|
|
8083
|
+
icon: [384, 512, [], "e06b", "M235.63,160H84.37a64,64,0,0,0-63.74,58.21L.27,442.21A64,64,0,0,0,64,512H256a64,64,0,0,0,63.74-69.79l-20.36-224A64,64,0,0,0,235.63,160ZM160,416c-33.12,0-60-26.33-60-58.75,0-25,35.7-75.47,52-97.27A10,10,0,0,1,168,260c16.33,21.8,52,72.27,52,97.27C220,389.67,193.12,416,160,416ZM379.31,94.06,336,50.74A64,64,0,0,0,290.75,32H224A32,32,0,0,0,192,0H128A32,32,0,0,0,96,32v96H224V96h66.75l43.31,43.31a16,16,0,0,0,22.63,0l22.62-22.62A16,16,0,0,0,379.31,94.06Z"]
|
|
8074
8084
|
};
|
|
8075
8085
|
var faPuzzlePiece = {
|
|
8076
8086
|
prefix: 'fas',
|
|
@@ -8385,7 +8395,7 @@ var faShieldAlt = {
|
|
|
8385
8395
|
var faShieldVirus = {
|
|
8386
8396
|
prefix: 'fas',
|
|
8387
8397
|
iconName: 'shield-virus',
|
|
8388
|
-
icon: [512, 512, [], "
|
|
8398
|
+
icon: [512, 512, [], "e06c", "M224,192a16,16,0,1,0,16,16A16,16,0,0,0,224,192ZM466.5,83.68l-192-80A57.4,57.4,0,0,0,256.05,0a57.4,57.4,0,0,0-18.46,3.67l-192,80A47.93,47.93,0,0,0,16,128C16,326.5,130.5,463.72,237.5,508.32a48.09,48.09,0,0,0,36.91,0C360.09,472.61,496,349.3,496,128A48,48,0,0,0,466.5,83.68ZM384,256H371.88c-28.51,0-42.79,34.47-22.63,54.63l8.58,8.57a16,16,0,1,1-22.63,22.63l-8.57-8.58C306.47,313.09,272,327.37,272,355.88V368a16,16,0,0,1-32,0V355.88c0-28.51-34.47-42.79-54.63-22.63l-8.57,8.58a16,16,0,0,1-22.63-22.63l8.58-8.57c20.16-20.16,5.88-54.63-22.63-54.63H128a16,16,0,0,1,0-32h12.12c28.51,0,42.79-34.47,22.63-54.63l-8.58-8.57a16,16,0,0,1,22.63-22.63l8.57,8.58c20.16,20.16,54.63,5.88,54.63-22.63V112a16,16,0,0,1,32,0v12.12c0,28.51,34.47,42.79,54.63,22.63l8.57-8.58a16,16,0,0,1,22.63,22.63l-8.58,8.57C329.09,189.53,343.37,224,371.88,224H384a16,16,0,0,1,0,32Zm-96,0a16,16,0,1,0,16,16A16,16,0,0,0,288,256Z"]
|
|
8389
8399
|
};
|
|
8390
8400
|
var faShip = {
|
|
8391
8401
|
prefix: 'fas',
|
|
@@ -8465,7 +8475,7 @@ var faSimCard = {
|
|
|
8465
8475
|
var faSink = {
|
|
8466
8476
|
prefix: 'fas',
|
|
8467
8477
|
iconName: 'sink',
|
|
8468
|
-
icon: [512, 512, [], "
|
|
8478
|
+
icon: [512, 512, [], "e06d", "M32,416a96,96,0,0,0,96,96H384a96,96,0,0,0,96-96V384H32ZM496,288H400V256h64a16,16,0,0,0,16-16V224a16,16,0,0,0-16-16H384a32,32,0,0,0-32,32v48H288V96a32,32,0,0,1,64,0v16a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V96A96.16,96.16,0,0,0,300.87,1.86C255.29,10.71,224,53.36,224,99.79V288H160V240a32,32,0,0,0-32-32H48a16,16,0,0,0-16,16v16a16,16,0,0,0,16,16h64v32H16A16,16,0,0,0,0,304v32a16,16,0,0,0,16,16H496a16,16,0,0,0,16-16V304A16,16,0,0,0,496,288Z"]
|
|
8469
8479
|
};
|
|
8470
8480
|
var faSitemap = {
|
|
8471
8481
|
prefix: 'fas',
|
|
@@ -8570,7 +8580,7 @@ var faSnowplow = {
|
|
|
8570
8580
|
var faSoap = {
|
|
8571
8581
|
prefix: 'fas',
|
|
8572
8582
|
iconName: 'soap',
|
|
8573
|
-
icon: [512, 512, [], "
|
|
8583
|
+
icon: [512, 512, [], "e06e", "M416,192a95.42,95.42,0,0,1-30.94,70.21A95.8,95.8,0,0,1,352,448H160a96,96,0,0,1,0-192h88.91A95.3,95.3,0,0,1,224,192H96A96,96,0,0,0,0,288V416a96,96,0,0,0,96,96H416a96,96,0,0,0,96-96V288A96,96,0,0,0,416,192Zm-96,64a64,64,0,1,0-64-64A64,64,0,0,0,320,256ZM208,96a48,48,0,1,0-48-48A48,48,0,0,0,208,96ZM384,64a32,32,0,1,0-32-32A32,32,0,0,0,384,64ZM160,288a64,64,0,0,0,0,128H352a64,64,0,0,0,0-128Z"]
|
|
8574
8584
|
};
|
|
8575
8585
|
var faSocks = {
|
|
8576
8586
|
prefix: 'fas',
|
|
@@ -8780,7 +8790,7 @@ var faStopwatch = {
|
|
|
8780
8790
|
var faStopwatch20 = {
|
|
8781
8791
|
prefix: 'fas',
|
|
8782
8792
|
iconName: 'stopwatch-20',
|
|
8783
|
-
icon: [448, 512, [], "
|
|
8793
|
+
icon: [448, 512, [], "e06f", "M398.5,190.91l.59-.61,26.59-26.58a16,16,0,0,0,0-22.63L403,118.41a16,16,0,0,0-22.63,0l-24.68,24.68A206.68,206.68,0,0,0,256,98.5V64h32a16,16,0,0,0,16-16V16A16,16,0,0,0,288,0H160a16.05,16.05,0,0,0-16,16V48a16.05,16.05,0,0,0,16,16h32V98.5A207.92,207.92,0,0,0,16.09,297.57C12.64,411.5,106.76,510.22,220.72,512,337.13,513.77,432,420,432,304A206,206,0,0,0,398.5,190.91ZM204.37,377.55a8.2,8.2,0,0,1,8.32,8.07v22.31a8.2,8.2,0,0,1-8.32,8.07H121.52a16.46,16.46,0,0,1-16.61-17.62c2.78-35.22,14.67-57.41,38.45-91.37,20.42-29.19,27.1-37.32,27.1-62.34,0-16.92-1.79-24.27-12.21-24.27-9.39,0-12.69,7.4-12.69,22.68v5.23a8.2,8.2,0,0,1-8.33,8.07h-24.9a8.2,8.2,0,0,1-8.33-8.07v-4.07c0-27.3,8.48-60.24,56.43-60.24,43,0,55.57,25.85,55.57,61,0,35.58-12.44,51.21-34.35,81.31-11.56,15-24.61,35.57-26.41,51.2ZM344,352.32c0,35.16-12.3,63.68-57.23,63.68C243.19,416,232,386.48,232,352.55V247.22c0-40.73,19.58-63.22,56.2-63.22C325,184,344,206.64,344,245.3ZM287.87,221.73c-9.41,0-13.23,7.5-13.23,20V357.68c0,13.11,3.59,20.59,13.23,20.59s13-8,13-21.27V241.06C300.89,229.79,297.88,221.73,287.87,221.73Z"]
|
|
8784
8794
|
};
|
|
8785
8795
|
var faStore = {
|
|
8786
8796
|
prefix: 'fas',
|
|
@@ -8795,12 +8805,12 @@ var faStoreAlt = {
|
|
|
8795
8805
|
var faStoreAltSlash = {
|
|
8796
8806
|
prefix: 'fas',
|
|
8797
8807
|
iconName: 'store-alt-slash',
|
|
8798
|
-
icon: [640, 512, [], "
|
|
8808
|
+
icon: [640, 512, [], "e070", "M17.89,123.62,5.51,142.2c-14.2,21.3,1,49.8,26.59,49.8h74.26ZM576,413.42V224H512V364L384,265V224H330.92l-41.4-32H608c25.5,0,40.7-28.5,26.59-49.8l-85.29-128A32.18,32.18,0,0,0,522.6,0H117.42A31.87,31.87,0,0,0,90.81,14.2l-10.66,16L45.46,3.38A16,16,0,0,0,23,6.19L3.37,31.46A16,16,0,0,0,6.18,53.91L594.53,508.63A16,16,0,0,0,617,505.81l19.64-25.26a16,16,0,0,0-2.81-22.45ZM320,384H128V224H64V480a32,32,0,0,0,32,32H352a32,32,0,0,0,32-32V406.59l-64-49.47Z"]
|
|
8799
8809
|
};
|
|
8800
8810
|
var faStoreSlash = {
|
|
8801
8811
|
prefix: 'fas',
|
|
8802
8812
|
iconName: 'store-slash',
|
|
8803
|
-
icon: [640, 512, [], "
|
|
8813
|
+
icon: [640, 512, [], "e071", "M121.51,384V284.2a119.43,119.43,0,0,1-28,3.8,123.46,123.46,0,0,1-17.1-1.2,114.88,114.88,0,0,1-15.58-3.6V480c0,17.7,13.59,32,30.4,32H505.75L348.42,384Zm-28-128.09c25.1,0,47.29-10.72,64-27.24L24,120.05c-30.52,53.39-2.45,126.53,56.49,135A95.68,95.68,0,0,0,93.48,255.91ZM602.13,458.09,547.2,413.41V283.2a93.5,93.5,0,0,1-15.57,3.6,127.31,127.31,0,0,1-17.29,1.2,114.89,114.89,0,0,1-28-3.8v79.68L348.52,251.77a88.06,88.06,0,0,0,25.41,4.14c28.11,0,53-13,70.11-33.11,17.19,20.11,42.08,33.11,70.11,33.11a94.31,94.31,0,0,0,13-.91c59.66-8.41,88-82.8,56.06-136.4L521.55,15A30.1,30.1,0,0,0,495.81,0H112A30.11,30.11,0,0,0,86.27,15L76.88,30.78,43.19,3.38A14.68,14.68,0,0,0,21.86,6.19L3.2,31.45A16.58,16.58,0,0,0,5.87,53.91L564.81,508.63a14.69,14.69,0,0,0,21.33-2.82l18.66-25.26A16.58,16.58,0,0,0,602.13,458.09Z"]
|
|
8804
8814
|
};
|
|
8805
8815
|
var faStream = {
|
|
8806
8816
|
prefix: 'fas',
|
|
@@ -9105,7 +9115,7 @@ var faToiletPaper = {
|
|
|
9105
9115
|
var faToiletPaperSlash = {
|
|
9106
9116
|
prefix: 'fas',
|
|
9107
9117
|
iconName: 'toilet-paper-slash',
|
|
9108
|
-
icon: [640, 512, [], "
|
|
9118
|
+
icon: [640, 512, [], "e072", "M64,192V364.13c0,41.12-9.75,62.75-31.12,126.87A16,16,0,0,0,48,512H328.86a31.87,31.87,0,0,0,30.38-21.87c9.31-27.83,18-53.35,22.18-85.55l-316-244.25C64.53,170.66,64,181.19,64,192ZM633.82,458.09l-102-78.81C575.28,360.91,608,284.32,608,192,608,86,565,0,512,0s-96,86-96,192c0,42,7,80.4,18.43,112L384,265V192c0-83.62,23.63-153.5,60.5-192H160c-23.33,0-44.63,16.83-61.26,44.53L45.46,3.38A16,16,0,0,0,23,6.19L3.37,31.45A16,16,0,0,0,6.18,53.91L594.54,508.63A16,16,0,0,0,617,505.81l19.64-25.26A16,16,0,0,0,633.82,458.09ZM512,256c-17.63,0-32-28.62-32-64s14.37-64,32-64,32,28.63,32,64S529.62,256,512,256Z"]
|
|
9109
9119
|
};
|
|
9110
9120
|
var faToolbox = {
|
|
9111
9121
|
prefix: 'fas',
|
|
@@ -9150,7 +9160,7 @@ var faTrafficLight = {
|
|
|
9150
9160
|
var faTrailer = {
|
|
9151
9161
|
prefix: 'fas',
|
|
9152
9162
|
iconName: 'trailer',
|
|
9153
|
-
icon: [640, 512, [], "
|
|
9163
|
+
icon: [640, 512, [], "e041", "M624,320H544V80a16,16,0,0,0-16-16H16A16,16,0,0,0,0,80V368a16,16,0,0,0,16,16H65.61c7.83-54.21,54-96,110.39-96s102.56,41.79,110.39,96H624a16,16,0,0,0,16-16V336A16,16,0,0,0,624,320ZM96,243.68a176.29,176.29,0,0,0-32,20.71V136a8,8,0,0,1,8-8H88a8,8,0,0,1,8,8Zm96-18.54c-5.31-.49-10.57-1.14-16-1.14s-10.69.65-16,1.14V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm96,39.25a176.29,176.29,0,0,0-32-20.71V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8ZM384,320H352V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm96,0H448V136a8,8,0,0,1,8-8h16a8,8,0,0,1,8,8Zm-304,0a80,80,0,1,0,80,80A80,80,0,0,0,176,320Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,176,432Z"]
|
|
9154
9164
|
};
|
|
9155
9165
|
var faTrain = {
|
|
9156
9166
|
prefix: 'fas',
|
|
@@ -9430,7 +9440,7 @@ var faUsersCog = {
|
|
|
9430
9440
|
var faUsersSlash = {
|
|
9431
9441
|
prefix: 'fas',
|
|
9432
9442
|
iconName: 'users-slash',
|
|
9433
|
-
icon: [640, 512, [], "
|
|
9443
|
+
icon: [640, 512, [], "e073", "M132.65,212.32,36.21,137.78A63.4,63.4,0,0,0,32,160a63.84,63.84,0,0,0,100.65,52.32Zm40.44,62.28A63.79,63.79,0,0,0,128,256H64A64.06,64.06,0,0,0,0,320v32a32,32,0,0,0,32,32H97.91A146.62,146.62,0,0,1,173.09,274.6ZM544,224a64,64,0,1,0-64-64A64.06,64.06,0,0,0,544,224ZM500.56,355.11a114.24,114.24,0,0,0-84.47-65.28L361,247.23c41.46-16.3,71-55.92,71-103.23A111.93,111.93,0,0,0,320,32c-57.14,0-103.69,42.83-110.6,98.08L45.46,3.38A16,16,0,0,0,23,6.19L3.37,31.46A16,16,0,0,0,6.18,53.91L594.53,508.63A16,16,0,0,0,617,505.82l19.64-25.27a16,16,0,0,0-2.81-22.45ZM128,403.21V432a48,48,0,0,0,48,48H464a47.45,47.45,0,0,0,12.57-1.87L232,289.13C173.74,294.83,128,343.42,128,403.21ZM576,256H512a63.79,63.79,0,0,0-45.09,18.6A146.29,146.29,0,0,1,542,384h66a32,32,0,0,0,32-32V320A64.06,64.06,0,0,0,576,256Z"]
|
|
9434
9444
|
};
|
|
9435
9445
|
var faUtensilSpoon = {
|
|
9436
9446
|
prefix: 'fas',
|
|
@@ -9462,6 +9472,16 @@ var faVenusMars = {
|
|
|
9462
9472
|
iconName: 'venus-mars',
|
|
9463
9473
|
icon: [576, 512, [], "f228", "M564 0h-79c-10.7 0-16 12.9-8.5 20.5l16.9 16.9-48.7 48.7C422.5 72.1 396.2 64 368 64c-33.7 0-64.6 11.6-89.2 30.9 14 16.7 25 36 32.1 57.1 14.5-14.8 34.7-24 57.1-24 44.1 0 80 35.9 80 80s-35.9 80-80 80c-22.3 0-42.6-9.2-57.1-24-7.1 21.1-18 40.4-32.1 57.1 24.5 19.4 55.5 30.9 89.2 30.9 79.5 0 144-64.5 144-144 0-28.2-8.1-54.5-22.1-76.7l48.7-48.7 16.9 16.9c2.4 2.4 5.4 3.5 8.4 3.5 6.2 0 12.1-4.8 12.1-12V12c0-6.6-5.4-12-12-12zM144 64C64.5 64 0 128.5 0 208c0 68.5 47.9 125.9 112 140.4V400H76c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h36v36c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-36h36c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-36v-51.6c64.1-14.6 112-71.9 112-140.4 0-79.5-64.5-144-144-144zm0 224c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"]
|
|
9464
9474
|
};
|
|
9475
|
+
var faVest = {
|
|
9476
|
+
prefix: 'fas',
|
|
9477
|
+
iconName: 'vest',
|
|
9478
|
+
icon: [448, 512, [], "e085", "M437.252,239.877,384,160V32A32,32,0,0,0,352,0H320a24.021,24.021,0,0,0-13.312,4.031l-25,16.672a103.794,103.794,0,0,1-115.376,0l-25-16.672A24.021,24.021,0,0,0,128,0H96A32,32,0,0,0,64,32V160L10.748,239.877A64,64,0,0,0,0,275.377V480a32,32,0,0,0,32,32H192V288a31.987,31.987,0,0,1,1.643-10.119L207.135,237.4,150.188,66.564A151.518,151.518,0,0,0,224,86.234a151.55,151.55,0,0,0,73.812-19.672L224,288V512H416a32,32,0,0,0,32-32V275.377A64,64,0,0,0,437.252,239.877ZM131.312,371.312l-48,48a16,16,0,0,1-22.624-22.624l48-48a16,16,0,0,1,22.624,22.624Zm256,48a15.992,15.992,0,0,1-22.624,0l-48-48a16,16,0,0,1,22.624-22.624l48,48A15.993,15.993,0,0,1,387.312,419.312Z"]
|
|
9479
|
+
};
|
|
9480
|
+
var faVestPatches = {
|
|
9481
|
+
prefix: 'fas',
|
|
9482
|
+
iconName: 'vest-patches',
|
|
9483
|
+
icon: [448, 512, [], "e086", "M437.252,239.877,384,160V32A32,32,0,0,0,352,0H320a23.982,23.982,0,0,0-13.312,4.031l-25,16.672a103.794,103.794,0,0,1-115.376,0l-25-16.672A23.982,23.982,0,0,0,128,0H96A32,32,0,0,0,64,32V160L10.748,239.877A64,64,0,0,0,0,275.377V480a32,32,0,0,0,32,32H192V288a31.987,31.987,0,0,1,1.643-10.119L207.135,237.4,150.188,66.561A151.579,151.579,0,0,0,224,86.234a151.565,151.565,0,0,0,73.811-19.668L224,288V512H416a32,32,0,0,0,32-32V275.377A64,64,0,0,0,437.252,239.877ZM63.5,272.484a12.01,12.01,0,0,1,17-16.968l15.5,15.5,15.5-15.5a12.01,12.01,0,0,1,17,16.968L112.984,288,128.5,303.516a12.01,12.01,0,0,1-17,16.968L96,304.984l-15.5,15.5a12.01,12.01,0,0,1-17-16.968L79.016,288ZM96,456a40,40,0,1,1,40-40A40,40,0,0,1,96,456ZM359.227,335.785,310.7,336a6.671,6.671,0,0,1-6.7-6.7l.215-48.574A24.987,24.987,0,0,1,331.43,256.1c12.789,1.162,22.129,12.619,22.056,25.419l-.037,5.057,5.051-.037c12.826-.035,24.236,9.275,25.4,22.076A24.948,24.948,0,0,1,359.227,335.785Z"]
|
|
9484
|
+
};
|
|
9465
9485
|
var faVial = {
|
|
9466
9486
|
prefix: 'fas',
|
|
9467
9487
|
iconName: 'vial',
|
|
@@ -9490,17 +9510,17 @@ var faVihara = {
|
|
|
9490
9510
|
var faVirus = {
|
|
9491
9511
|
prefix: 'fas',
|
|
9492
9512
|
iconName: 'virus',
|
|
9493
|
-
icon: [512, 512, [], "
|
|
9513
|
+
icon: [512, 512, [], "e074", "M483.55,227.55H462c-50.68,0-76.07-61.27-40.23-97.11L437,115.19A28.44,28.44,0,0,0,396.8,75L381.56,90.22c-35.84,35.83-97.11,10.45-97.11-40.23V28.44a28.45,28.45,0,0,0-56.9,0V50c0,50.68-61.27,76.06-97.11,40.23L115.2,75A28.44,28.44,0,0,0,75,115.19l15.25,15.25c35.84,35.84,10.45,97.11-40.23,97.11H28.45a28.45,28.45,0,1,0,0,56.89H50c50.68,0,76.07,61.28,40.23,97.12L75,396.8A28.45,28.45,0,0,0,115.2,437l15.24-15.25c35.84-35.84,97.11-10.45,97.11,40.23v21.54a28.45,28.45,0,0,0,56.9,0V462c0-50.68,61.27-76.07,97.11-40.23L396.8,437A28.45,28.45,0,0,0,437,396.8l-15.25-15.24c-35.84-35.84-10.45-97.12,40.23-97.12h21.54a28.45,28.45,0,1,0,0-56.89ZM224,272a48,48,0,1,1,48-48A48,48,0,0,1,224,272Zm80,56a24,24,0,1,1,24-24A24,24,0,0,1,304,328Z"]
|
|
9494
9514
|
};
|
|
9495
9515
|
var faVirusSlash = {
|
|
9496
9516
|
prefix: 'fas',
|
|
9497
9517
|
iconName: 'virus-slash',
|
|
9498
|
-
icon: [640, 512, [], "
|
|
9518
|
+
icon: [640, 512, [], "e075", "M114,227.6H92.4C76.7,227.6,64,240.3,64,256s12.7,28.4,28.4,28.4H114c50.7,0,76.1,61.3,40.2,97.1L139,396.8 c-11.5,10.7-12.2,28.7-1.6,40.2s28.7,12.2,40.2,1.6c0.5-0.5,1.1-1,1.6-1.6l15.2-15.2c35.8-35.8,97.1-10.5,97.1,40.2v21.5 c0,15.7,12.8,28.4,28.5,28.4c15.7,0,28.4-12.7,28.4-28.4V462c0-26.6,17-45.9,38.2-53.4l-244.5-189 C133.7,224.7,123.9,227.5,114,227.6z M617,505.8l19.6-25.3c5.4-7,4.2-17-2.8-22.5L470.6,332c4.2-25.4,24.9-47.5,55.4-47.5h21.5 c15.7,0,28.4-12.7,28.4-28.4s-12.7-28.4-28.4-28.4H526c-50.7,0-76.1-61.3-40.2-97.1l15.2-15.3c10.7-11.5,10-29.5-1.6-40.2 c-10.9-10.1-27.7-10.1-38.6,0l-15.2,15.2c-35.8,35.8-97.1,10.5-97.1-40.2V28.5C348.4,12.7,335.7,0,320,0 c-15.7,0-28.4,12.7-28.4,28.4V50c0,50.7-61.3,76.1-97.1,40.2L179.2,75c-11.1-11.1-29.4-10.6-40.5,0.5L45.5,3.4 c-7-5.4-17-4.2-22.5,2.8L3.4,31.5c-5.4,7-4.2,17,2.8,22.5l588.4,454.7C601.5,514.1,611.6,512.8,617,505.8z M335.4,227.5l-62.9-48.6 c4.9-1.8,10.2-2.8,15.4-2.9c26.5,0,48,21.5,48,48C336,225.2,335.5,226.3,335.4,227.5z"]
|
|
9499
9519
|
};
|
|
9500
9520
|
var faViruses = {
|
|
9501
9521
|
prefix: 'fas',
|
|
9502
9522
|
iconName: 'viruses',
|
|
9503
|
-
icon: [640, 512, [], "
|
|
9523
|
+
icon: [640, 512, [], "e076", "M624,352H611.88c-28.51,0-42.79-34.47-22.63-54.63l8.58-8.57a16,16,0,1,0-22.63-22.63l-8.57,8.58C546.47,294.91,512,280.63,512,252.12V240a16,16,0,0,0-32,0v12.12c0,28.51-34.47,42.79-54.63,22.63l-8.57-8.58a16,16,0,0,0-22.63,22.63l8.58,8.57c20.16,20.16,5.88,54.63-22.63,54.63H368a16,16,0,0,0,0,32h12.12c28.51,0,42.79,34.47,22.63,54.63l-8.58,8.57a16,16,0,1,0,22.63,22.63l8.57-8.58c20.16-20.16,54.63-5.88,54.63,22.63V496a16,16,0,0,0,32,0V483.88c0-28.51,34.47-42.79,54.63-22.63l8.57,8.58a16,16,0,1,0,22.63-22.63l-8.58-8.57C569.09,418.47,583.37,384,611.88,384H624a16,16,0,0,0,0-32ZM480,384a32,32,0,1,1,32-32A32,32,0,0,1,480,384ZM346.51,213.33h16.16a21.33,21.33,0,0,0,0-42.66H346.51c-38,0-57.05-46-30.17-72.84l11.43-11.44A21.33,21.33,0,0,0,297.6,56.23L286.17,67.66c-26.88,26.88-72.84,7.85-72.84-30.17V21.33a21.33,21.33,0,0,0-42.66,0V37.49c0,38-46,57.05-72.84,30.17L86.4,56.23A21.33,21.33,0,0,0,56.23,86.39L67.66,97.83c26.88,26.88,7.85,72.84-30.17,72.84H21.33a21.33,21.33,0,0,0,0,42.66H37.49c38,0,57.05,46,30.17,72.84L56.23,297.6A21.33,21.33,0,1,0,86.4,327.77l11.43-11.43c26.88-26.88,72.84-7.85,72.84,30.17v16.16a21.33,21.33,0,0,0,42.66,0V346.51c0-38,46-57.05,72.84-30.17l11.43,11.43a21.33,21.33,0,0,0,30.17-30.17l-11.43-11.43C289.46,259.29,308.49,213.33,346.51,213.33ZM160,192a32,32,0,1,1,32-32A32,32,0,0,1,160,192Zm80,32a16,16,0,1,1,16-16A16,16,0,0,1,240,224Z"]
|
|
9504
9524
|
};
|
|
9505
9525
|
var faVoicemail = {
|
|
9506
9526
|
prefix: 'fas',
|
|
@@ -10615,6 +10635,8 @@ var _iconsCache = {
|
|
|
10615
10635
|
faVenus: faVenus,
|
|
10616
10636
|
faVenusDouble: faVenusDouble,
|
|
10617
10637
|
faVenusMars: faVenusMars,
|
|
10638
|
+
faVest: faVest,
|
|
10639
|
+
faVestPatches: faVestPatches,
|
|
10618
10640
|
faVial: faVial,
|
|
10619
10641
|
faVials: faVials,
|
|
10620
10642
|
faVideo: faVideo,
|
|
@@ -10661,9 +10683,9 @@ var _iconsCache = {
|
|
|
10661
10683
|
/***/ }),
|
|
10662
10684
|
|
|
10663
10685
|
/***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
|
|
10664
|
-
|
|
10665
|
-
!***
|
|
10666
|
-
|
|
10686
|
+
/*!************************************************************************************************************!*\
|
|
10687
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
|
|
10688
|
+
\************************************************************************************************************/
|
|
10667
10689
|
/*! exports provided: FontAwesomeIcon */
|
|
10668
10690
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10669
10691
|
|
|
@@ -10937,6 +10959,12 @@ function log () {
|
|
|
10937
10959
|
}
|
|
10938
10960
|
|
|
10939
10961
|
function normalizeIconArgs(icon) {
|
|
10962
|
+
// this has everything that it needs to be rendered which means it was probably imported
|
|
10963
|
+
// directly from an icon svg package
|
|
10964
|
+
if (icon && _typeof(icon) === 'object' && icon.prefix && icon.iconName && icon.icon) {
|
|
10965
|
+
return icon;
|
|
10966
|
+
}
|
|
10967
|
+
|
|
10940
10968
|
if (_fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__["parse"].icon) {
|
|
10941
10969
|
return _fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__["parse"].icon(icon);
|
|
10942
10970
|
} // if the icon is null, there's nothing to do
|
|
@@ -10947,7 +10975,7 @@ function normalizeIconArgs(icon) {
|
|
|
10947
10975
|
} // if the icon is an object and has a prefix and an icon name, return it
|
|
10948
10976
|
|
|
10949
10977
|
|
|
10950
|
-
if (_typeof(icon) === 'object' && icon.prefix && icon.iconName) {
|
|
10978
|
+
if (icon && _typeof(icon) === 'object' && icon.prefix && icon.iconName) {
|
|
10951
10979
|
return icon;
|
|
10952
10980
|
} // if it's an array with length of two
|
|
10953
10981
|
|
|
@@ -11064,9 +11092,9 @@ var convertCurry = convert.bind(null, react__WEBPACK_IMPORTED_MODULE_2___default
|
|
|
11064
11092
|
/***/ }),
|
|
11065
11093
|
|
|
11066
11094
|
/***/ "../../../../node_modules/classnames/index.js":
|
|
11067
|
-
|
|
11068
|
-
!***
|
|
11069
|
-
|
|
11095
|
+
/*!*************************************************************************************!*\
|
|
11096
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/classnames/index.js ***!
|
|
11097
|
+
\*************************************************************************************/
|
|
11070
11098
|
/*! no static exports found */
|
|
11071
11099
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11072
11100
|
|
|
@@ -11132,207 +11160,284 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
|
11132
11160
|
/***/ }),
|
|
11133
11161
|
|
|
11134
11162
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss":
|
|
11135
|
-
|
|
11136
|
-
!***
|
|
11137
|
-
|
|
11138
|
-
/*!
|
|
11139
|
-
/***/ (function(module,
|
|
11163
|
+
/*!******************************************************************************************************************************************************************************************************************!*\
|
|
11164
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/actionTabs.scss ***!
|
|
11165
|
+
\******************************************************************************************************************************************************************************************************************/
|
|
11166
|
+
/*! exports provided: default */
|
|
11167
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11140
11168
|
|
|
11169
|
+
"use strict";
|
|
11170
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11171
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11172
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11173
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11174
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11141
11175
|
// Imports
|
|
11142
|
-
|
|
11143
|
-
|
|
11176
|
+
|
|
11177
|
+
|
|
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);
|
|
11144
11179
|
// Module
|
|
11145
|
-
exports.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", ""]);
|
|
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":""}]);
|
|
11146
11181
|
// Exports
|
|
11147
|
-
|
|
11182
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11148
11183
|
|
|
11149
11184
|
|
|
11150
11185
|
/***/ }),
|
|
11151
11186
|
|
|
11152
11187
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss":
|
|
11153
|
-
|
|
11154
|
-
!***
|
|
11155
|
-
|
|
11156
|
-
/*!
|
|
11157
|
-
/***/ (function(module,
|
|
11188
|
+
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
|
|
11189
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss ***!
|
|
11190
|
+
\*****************************************************************************************************************************************************************************************************************************************************/
|
|
11191
|
+
/*! exports provided: default */
|
|
11192
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11158
11193
|
|
|
11194
|
+
"use strict";
|
|
11195
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11196
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11197
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11198
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11199
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11159
11200
|
// Imports
|
|
11160
|
-
|
|
11161
|
-
|
|
11201
|
+
|
|
11202
|
+
|
|
11203
|
+
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);
|
|
11162
11204
|
// Module
|
|
11163
|
-
|
|
11205
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#performance-viewer {\n display: grid;\n height: 100%;\n width: 100%;\n grid-template-columns: 300px 1fr;\n font-family: \"acumin-pro\"; }\n #performance-viewer .performancePlayheadButton {\n grid-area: liveButton;\n height: 30px;\n width: 100px;\n justify-self: right;\n background-color: #dcdfe1;\n color: #2e3f47;\n outline: 2px #2e3f47;\n margin: 5px;\n position: absolute;\n top: 10px;\n right: 10px; }\n #performance-viewer #performance-viewer-sidebar {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n border: 2px solid gray; }\n #performance-viewer #performance-viewer-sidebar .sidebar-item {\n display: grid;\n width: 100%;\n height: 30px;\n font-size: 14px;\n padding: 2.5px 0px;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .header {\n color: white;\n grid-template-columns: 10px 9fr 1fr 10px; }\n #performance-viewer #performance-viewer-sidebar .header .category {\n grid-column: 2; }\n #performance-viewer #performance-viewer-sidebar .header .value {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .version-header {\n background-color: #2e3f47;\n color: white;\n grid-template-columns: 10px 1fr 1fr 10px;\n font-size: 14px;\n height: 35px; }\n #performance-viewer #performance-viewer-sidebar .version-header .category {\n grid-column: 2; }\n #performance-viewer #performance-viewer-sidebar .version-header .value {\n grid-column: 3;\n display: flex;\n justify-content: end; }\n #performance-viewer #performance-viewer-sidebar .category-header {\n background-color: #4a5960;\n text-transform: uppercase;\n font-size: 14px;\n height: 30px; }\n #performance-viewer #performance-viewer-sidebar .category-header .checkBoxLine {\n color: #dcdfe1; }\n #performance-viewer #performance-viewer-sidebar .measure {\n color: black;\n grid-template-columns: 18px 6fr 1fr;\n font-family: \"acumin-pro-condensed\"; }\n #performance-viewer #performance-viewer-sidebar .measure .category {\n display: grid;\n grid-template-columns: 18px 7px 18px 10px 1fr;\n grid-column: 2;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .measure .category .color-picker {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .measure .category .sidebar-item-label {\n grid-column: 5; }\n #performance-viewer #performance-viewer-sidebar .measure .value {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .measure:nth-child(odd) {\n background-color: #dcdfe1; }\n #performance-viewer #performance-viewer-sidebar .measure:nth-child(even) {\n background-color: #ebedee; }\n #performance-viewer #performance-viewer-sidebar .checkBoxLine {\n color: #4a5960;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .checkBoxLine .disabled {\n color: lightgray; }\n #performance-viewer #performance-viewer-sidebar .color-picker {\n width: 100%; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-rect {\n height: 18px;\n width: 18px;\n cursor: pointer; }\n #performance-viewer #performance-viewer-sidebar .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 #performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float {\n position: absolute; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float .color-picker-container {\n width: 200px; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss"],"names":[],"mappings":"AAGA;EACI,aAAa;EACb,YAAY;EACZ,WAAW;EACX,gCAAgC;EAChC,yBAAyB,EAAA;EAL7B;IAQQ,qBAAqB;IACrB,YAZW;IAaX,YAAY;IACZ,mBAAmB;IACnB,yBAAyB;IACzB,cAAc;IACd,oBAAoB;IACpB,WAAW;IACX,kBAAkB;IAClB,SAAS;IACT,WAAW,EAAA;EAlBnB;IAsBQ,aAAa;IACb,sBAAsB;IACtB,kBAAkB;IAElB,sBAAsB,EAAA;IA1B9B;MA6BY,aAAa;MACb,WAAW;MACX,YAAY;MACZ,eAAe;MACf,kBAAkB;MAClB,mBAAmB,EAAA;IAlC/B;MAsCY,YAAY;MACZ,wCAAwC,EAAA;MAvCpD;QA0CgB,cAAc,EAAA;MA1C9B;QA8CgB,cAAc,EAAA;IA9C9B;MAmDY,yBAAyB;MACzB,YAAY;MACZ,wCAAwC;MACxC,eAAe;MACf,YAAY,EAAA;MAvDxB;QA0DgB,cAAc,EAAA;MA1D9B;QA8DgB,cAAc;QACd,aAAa;QACb,oBAAoB,EAAA;IAhEpC;MAsEY,yBAAyB;MACzB,yBAAyB;MACzB,eAAe;MACf,YAAY,EAAA;MAzExB;QA4EgB,cAAc,EAAA;IA5E9B;MAiFY,YAAY;MACZ,mCAA0C;MAC1C,mCAAmC,EAAA;MAnF/C;QAsFgB,aAAa;QACb,6CAA2D;QAC3D,cAAc;QACd,mBAAmB,EAAA;QAzFnC;UA4FoB,cAAc,EAAA;QA5FlC;UAgGoB,cAAc,EAAA;MAhGlC;QAqGgB,cAAc,EAAA;IArG9B;MA2GY,yBAAyB,EAAA;IA3GrC;MAgHY,yBAAyB,EAAA;IAhHrC;MAoHY,cAAc;MACd,WAAW;MACX,YAAY;MACZ,aAAa;MACb,uBAAuB;MACvB,mBAAmB,EAAA;MAzH/B;QA2HgB,gBAAgB,EAAA;IA3HhC;MAgIY,WAAW,EAAA;MAhIvB;QAmIgB,YArIC;QAsID,WAtIC;QAuID,eAAe,EAAA;MArI/B;QAyIgB,eAAe;QACf,QAAQ;QACR,UAAU;QACV,WAAW;QACX,SAAS;QACT,YAAY,EAAA;MA9I5B;QAkJgB,kBAAkB,EAAA;QAlJlC;UAqJoB,YAAY,EAAA","sourcesContent":["$buttonHeight: 30px;\r\n$squareSize: 18px;\r\n\r\n#performance-viewer {\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n grid-template-columns: 300px 1fr;\r\n font-family: \"acumin-pro\";\r\n\r\n .performancePlayheadButton {\r\n grid-area: liveButton;\r\n height: $buttonHeight;\r\n width: 100px;\r\n justify-self: right;\r\n background-color: #dcdfe1;\r\n color: #2e3f47;\r\n outline: 2px #2e3f47;\r\n margin: 5px;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n\r\n #performance-viewer-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n overflow-y: scroll;\r\n\r\n border: 2px solid gray;\r\n\r\n .sidebar-item {\r\n display: grid;\r\n width: 100%;\r\n height: 30px;\r\n font-size: 14px;\r\n padding: 2.5px 0px;\r\n align-items: center;\r\n }\r\n\r\n .header {\r\n color: white;\r\n grid-template-columns: 10px 9fr 1fr 10px;\r\n\r\n .category {\r\n grid-column: 2;\r\n }\r\n\r\n .value {\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n .version-header {\r\n background-color: #2e3f47;\r\n color: white;\r\n grid-template-columns: 10px 1fr 1fr 10px;\r\n font-size: 14px;\r\n height: 35px; // with padding, we get 40px\r\n\r\n .category {\r\n grid-column: 2;\r\n }\r\n\r\n .value {\r\n grid-column: 3;\r\n display: flex;\r\n justify-content: end;\r\n }\r\n }\r\n\r\n // mid-dark color\r\n .category-header {\r\n background-color: #4a5960;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n height: 30px;\r\n\r\n .checkBoxLine {\r\n color: #dcdfe1;\r\n }\r\n }\r\n\r\n .measure {\r\n color: black;\r\n grid-template-columns: $squareSize 6fr 1fr;\r\n font-family: \"acumin-pro-condensed\";\r\n \r\n .category {\r\n display: grid;\r\n grid-template-columns: $squareSize 7px $squareSize 10px 1fr;\r\n grid-column: 2;\r\n align-items: center;\r\n\r\n .color-picker {\r\n grid-column: 3;\r\n }\r\n\r\n .sidebar-item-label {\r\n grid-column: 5;\r\n }\r\n }\r\n\r\n .value {\r\n grid-column: 3;\r\n }\r\n }\r\n\r\n //darker color\r\n .measure:nth-child(odd) {\r\n background-color: #dcdfe1;\r\n }\r\n\r\n // lighter color\r\n .measure:nth-child(even) {\r\n background-color: #ebedee;\r\n }\r\n\r\n .checkBoxLine {\r\n color: #4a5960;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n .disabled {\r\n color: lightgray;\r\n }\r\n }\r\n\r\n .color-picker {\r\n width: 100%;\r\n\r\n .color-rect {\r\n height: $squareSize;\r\n width: $squareSize;\r\n cursor: pointer;\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 .color-picker-container {\r\n width: 200px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
11164
11206
|
// Exports
|
|
11165
|
-
|
|
11207
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11166
11208
|
|
|
11167
11209
|
|
|
11168
11210
|
/***/ }),
|
|
11169
11211
|
|
|
11170
11212
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss":
|
|
11171
|
-
|
|
11172
|
-
!***
|
|
11173
|
-
|
|
11174
|
-
/*!
|
|
11175
|
-
/***/ (function(module,
|
|
11213
|
+
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
|
|
11214
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss ***!
|
|
11215
|
+
\****************************************************************************************************************************************************************************************************************************************************************/
|
|
11216
|
+
/*! exports provided: default */
|
|
11217
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11176
11218
|
|
|
11219
|
+
"use strict";
|
|
11220
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11221
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11222
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11223
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11224
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11177
11225
|
// Imports
|
|
11178
|
-
|
|
11179
|
-
|
|
11226
|
+
|
|
11227
|
+
|
|
11228
|
+
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);
|
|
11180
11229
|
// Module
|
|
11181
|
-
|
|
11230
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#bottom-bar {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 10px 210px 10px 1fr 10px 61px 10px; }\n #bottom-bar #bottom-bar-total {\n grid-row: 1;\n grid-column: 6;\n color: white;\n background: #222222;\n height: 25px;\n align-self: center;\n font-size: 12pt; }\n #bottom-bar #bottom-bar-total #clip-range {\n width: 100%; }\n #bottom-bar .control-button .control-button-image {\n display: unset; }\n #bottom-bar .control-button .control-button-hover-image {\n display: none; }\n #bottom-bar .control-button:hover {\n cursor: pointer; }\n #bottom-bar .control-button:hover .control-button-image {\n display: none; }\n #bottom-bar .control-button:hover .control-button-hover-image {\n display: unset; }\n #bottom-bar .control-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #bottom-bar #media-player {\n grid-row: 1;\n grid-column: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n grid-template-rows: 100%;\n grid-template-columns: 23px 23px 23px 23px 23px 23px 23px; }\n #bottom-bar #media-player #start-key {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #media-player #prev-frame {\n grid-row: 1;\n grid-column: 2; }\n #bottom-bar #media-player #first-key {\n grid-row: 1;\n grid-column: 3; }\n #bottom-bar #media-player #rev-key {\n grid-row: 1;\n grid-column: 4; }\n #bottom-bar #media-player #fwd-key {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #media-player #next-key {\n grid-row: 1;\n grid-column: 6; }\n #bottom-bar #media-player #next-frame {\n grid-row: 1;\n grid-column: 7; }\n #bottom-bar #media-player #end-key {\n grid-row: 1;\n grid-column: 8; }\n #bottom-bar #range-selector {\n grid-row: 1;\n grid-column: 4;\n background: #222222;\n width: 100%;\n height: calc(100% - 20px);\n margin: 10px 0;\n position: relative; }\n #bottom-bar #range-selector #range-scrollbar {\n position: absolute;\n left: 2px;\n top: 2px;\n right: 2px;\n bottom: 2px;\n background: #666666;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px auto 1fr auto 20px;\n color: #222222;\n font-family: 'acumin-pro-condensed';\n font-size: 14px;\n min-width: 70px; }\n #bottom-bar #range-selector #range-scrollbar #left-handle {\n grid-row: 1;\n grid-column: 1; }\n #bottom-bar #range-selector #range-scrollbar #right-handle {\n grid-row: 1;\n grid-column: 5; }\n #bottom-bar #range-selector #range-scrollbar #from-key {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar #to-key {\n grid-row: 1;\n grid-column: 4;\n align-self: center;\n justify-self: center;\n user-select: none;\n pointer-events: none; }\n #bottom-bar #range-selector #range-scrollbar .handle {\n width: 20px;\n align-self: center;\n justify-self: center;\n cursor: pointer;\n user-select: none; }\n #bottom-bar #range-selector #range-scrollbar .handle img {\n pointer-events: none; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/bottomBar.scss"],"names":[],"mappings":"AAAA;EACI,aAAY;EACZ,wBAAwB;EACxB,yDAAyD,EAAA;EAH7D;IAMQ,WAAW;IACX,cAAc;IACd,YAAW;IACX,mBAAmB;IACnB,YAAY;IACZ,kBAAkB;IAClB,eAAe,EAAA;IAZvB;MAeY,WAAW,EAAA;EAfvB;IAsBY,cAAc,EAAA;EAtB1B;IA0BY,aAAa,EAAA;EA1BzB;IA8BY,eAAe,EAAA;IA9B3B;MAiCgB,aAAa,EAAA;IAjC7B;MAqCgB,cAAc,EAAA;EArC9B;IA0CY,yBAAyB;IACzB,sBAAsB,EAAA;EA3ClC;IAgDQ,WAAW;IACX,cAAc;IACd,aAAY;IACZ,kBAAkB;IAClB,oBAAoB;IACpB,wBAAwB;IACxB,yDAAyD,EAAA;IAtDjE;MAyDY,WAAW;MACX,cAAc,EAAA;IA1D1B;MA8DY,WAAW;MACX,cAAc,EAAA;IA/D1B;MAmEY,WAAW;MACX,cAAc,EAAA;IApE1B;MAwEY,WAAW;MACX,cAAc,EAAA;IAzE1B;MA6EY,WAAW;MACX,cAAc,EAAA;IA9E1B;MAkFY,WAAW;MACX,cAAc,EAAA;IAnF1B;MAuFY,WAAW;MACX,cAAc,EAAA;IAxF1B;MA4FY,WAAW;MACX,cAAc,EAAA;EA7F1B;IAkGQ,WAAW;IACX,cAAc;IACd,mBAAmB;IACnB,WAAW;IACX,yBAAyB;IACzB,cAAc;IACd,kBAAkB,EAAA;IAxG1B;MA2GY,kBAAkB;MAClB,SAAQ;MACR,QAAO;MACP,UAAU;MACV,WAAW;MACX,mBAAmB;MACnB,aAAa;MACb,wBAAwB;MACxB,8CAA8C;MAC9C,cAAa;MACb,mCAAmC;MACnC,eAAe;MACf,eAAe,EAAA;MAvH3B;QA0HgB,WAAW;QACX,cAAc,EAAA;MA3H9B;QA+HgB,WAAW;QACX,cAAc,EAAA;MAhI9B;QAoIgB,WAAW;QACX,cAAc;QACd,kBAAkB;QAClB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB,EAAA;MAzIpC;QA6IgB,WAAW;QACX,cAAc;QACd,kBAAkB;QAClB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB,EAAA;MAlJpC;QAsJgB,WAAW;QACX,kBAAkB;QAClB,oBAAoB;QACpB,eAAe;QACf,iBAAiB,EAAA;QA1JjC;UA6JoB,oBAAoB,EAAA","sourcesContent":["#bottom-bar {\r\n display:grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 10px 210px 10px 1fr 10px 61px 10px;\r\n\r\n #bottom-bar-total { \r\n grid-row: 1;\r\n grid-column: 6;\r\n color:white;\r\n background: #222222;\r\n height: 25px;\r\n align-self: center;\r\n font-size: 12pt;\r\n\r\n #clip-range {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .control-button {\r\n\r\n .control-button-image {\r\n display: unset;\r\n }\r\n\r\n .control-button-hover-image {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n .control-button-image {\r\n display: none;\r\n }\r\n \r\n .control-button-hover-image {\r\n display: unset;\r\n }\r\n }\r\n\r\n &:active {\r\n transform-origin: 50% 50%;\r\n transform: scale(0.96);\r\n }\r\n }\r\n\r\n #media-player {\r\n grid-row: 1;\r\n grid-column: 2;\r\n display:grid;\r\n align-self: center;\r\n justify-self: center;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 23px 23px 23px 23px 23px 23px 23px;\r\n\r\n #start-key { \r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n \r\n #prev-frame {\r\n grid-row: 1;\r\n grid-column: 2;\r\n }\r\n\r\n #first-key { \r\n grid-row: 1;\r\n grid-column: 3;\r\n }\r\n\r\n #rev-key { \r\n grid-row: 1;\r\n grid-column: 4;\r\n }\r\n\r\n #fwd-key { \r\n grid-row: 1;\r\n grid-column: 5;\r\n }\r\n\r\n #next-key { \r\n grid-row: 1;\r\n grid-column: 6;\r\n }\r\n\r\n #next-frame {\r\n grid-row: 1;\r\n grid-column: 7;\r\n }\r\n\r\n #end-key { \r\n grid-row: 1;\r\n grid-column: 8;\r\n }\r\n }\r\n\r\n #range-selector {\r\n grid-row: 1;\r\n grid-column: 4;\r\n background: #222222;\r\n width: 100%;\r\n height: calc(100% - 20px);\r\n margin: 10px 0;\r\n position: relative;\r\n\r\n #range-scrollbar {\r\n position: absolute;\r\n left:2px;\r\n top:2px;\r\n right: 2px;\r\n bottom: 2px;\r\n background: #666666;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px auto 1fr auto 20px;\r\n color:#222222;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 14px;\r\n min-width: 70px;\r\n\r\n #left-handle {\r\n grid-row: 1;\r\n grid-column: 1; \r\n }\r\n\r\n #right-handle {\r\n grid-row: 1;\r\n grid-column: 5; \r\n }\r\n\r\n #from-key {\r\n grid-row: 1;\r\n grid-column: 2; \r\n align-self: center;\r\n justify-self: center;\r\n user-select: none;\r\n pointer-events: none;\r\n }\r\n\r\n #to-key {\r\n grid-row: 1;\r\n grid-column: 4; \r\n align-self: center;\r\n justify-self: center;\r\n user-select: none;\r\n pointer-events: none;\r\n }\r\n\r\n .handle {\r\n width: 20px;\r\n align-self: center;\r\n justify-self: center;\r\n cursor: pointer;\r\n user-select: none;\r\n\r\n img {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11182
11231
|
// Exports
|
|
11183
|
-
|
|
11232
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11184
11233
|
|
|
11185
11234
|
|
|
11186
11235
|
/***/ }),
|
|
11187
11236
|
|
|
11188
11237
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss":
|
|
11189
|
-
|
|
11190
|
-
!***
|
|
11191
|
-
|
|
11192
|
-
/*!
|
|
11193
|
-
/***/ (function(module,
|
|
11238
|
+
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
|
|
11239
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss ***!
|
|
11240
|
+
\*************************************************************************************************************************************************************************************************************************************************************/
|
|
11241
|
+
/*! exports provided: default */
|
|
11242
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11194
11243
|
|
|
11244
|
+
"use strict";
|
|
11245
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11246
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11247
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11248
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11249
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11195
11250
|
// Imports
|
|
11196
|
-
|
|
11197
|
-
|
|
11251
|
+
|
|
11252
|
+
|
|
11253
|
+
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);
|
|
11198
11254
|
// Module
|
|
11199
|
-
exports.push([module.i, "#canvas-zone {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 30px 10px 40px;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n background: #222222;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph #svg-graph-grid {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-grid:focus {\n outline: none; }\n #canvas-zone #graph #svg-graph-horizontal {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-horizontal:focus {\n outline: none; }\n #canvas-zone #graph #dark-rectangle {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n background: #111111;\n opacity: 0.2;\n pointer-events: none;\n position: absolute; }\n #canvas-zone #graph #block-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: 40px;\n height: 100%;\n background: #222222;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-curves {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n z-index: 2; }\n #canvas-zone #graph #svg-graph-curves:focus {\n outline: none; }\n #canvas-zone #graph #selection-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n position: absolute;\n left: 40px;\n visibility: hidden;\n border: 1px dashed white; }\n #canvas-zone #range-frame-bar {\n grid-column: 1;\n grid-row: 4;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n pointer-events: none;\n user-select: none; }\n #canvas-zone #range-frame-bar #svg-range-frames {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%; }\n #canvas-zone #frame-bar {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 40px 1fr; }\n #canvas-zone #frame-bar #angle-unit {\n grid-column: 1;\n grid-row: 1;\n background: #111111; }\n #canvas-zone #frame-bar #frames {\n grid-column: 1 / 3;\n grid-row: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #canvas-zone #frame-bar #frames #svg-frames {\n margin-left: 40px;\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%; }\n #canvas-zone #play-head-control {\n grid-column: 1;\n grid-row: 2;\n position: absolute;\n height: 30px;\n left: 40px;\n width: calc(100% - 40px); }\n #canvas-zone #play-head {\n grid-column: 1;\n grid-row: 1 / 3;\n position: absolute;\n top: 0;\n height: calc(100% - 5px);\n width: 22px;\n margin-left: 40px;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 22px;\n transform: translateX(-50%);\n pointer-events: none;\n z-index: 3; }\n #canvas-zone #play-head #play-head-bar {\n grid-row: 1;\n grid-column: 1;\n justify-self: center;\n width: 1.5px;\n background: #ffffff;\n height: 100%;\n pointer-events: none; }\n #canvas-zone #play-head #play-head-circle {\n grid-row: 2;\n grid-column: 1;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #FFFFFF;\n font-family: 'acumin-pro-condensed';\n font-size: 8pt;\n display: grid;\n align-content: center;\n justify-content: center;\n color: #555555;\n cursor: pointer; }\n #canvas-zone #angle-mode {\n grid-column: 1;\n grid-row: 2;\n width: 40px;\n height: 100%;\n z-index: 1;\n background: #222222; }\n", ""]);
|
|
11255
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#canvas-zone {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 30px 10px 40px;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n background: #222222;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph #svg-graph-grid {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-grid:focus {\n outline: none; }\n #canvas-zone #graph #svg-graph-horizontal {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-horizontal:focus {\n outline: none; }\n #canvas-zone #graph #dark-rectangle {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n background: #111111;\n opacity: 0.2;\n pointer-events: none;\n position: absolute; }\n #canvas-zone #graph #block-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: 40px;\n height: 100%;\n background: #222222;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-curves {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n z-index: 2; }\n #canvas-zone #graph #svg-graph-curves:focus {\n outline: none; }\n #canvas-zone #graph #selection-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n position: absolute;\n left: 40px;\n visibility: hidden;\n border: 1px dashed white; }\n #canvas-zone #range-frame-bar {\n grid-column: 1;\n grid-row: 4;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n pointer-events: none;\n user-select: none; }\n #canvas-zone #range-frame-bar #svg-range-frames {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%; }\n #canvas-zone #frame-bar {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 40px 1fr; }\n #canvas-zone #frame-bar #angle-unit {\n grid-column: 1;\n grid-row: 1;\n background: #111111; }\n #canvas-zone #frame-bar #frames {\n grid-column: 1 / 3;\n grid-row: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #canvas-zone #frame-bar #frames #svg-frames {\n margin-left: 40px;\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%; }\n #canvas-zone #play-head-control {\n grid-column: 1;\n grid-row: 2;\n position: absolute;\n height: 30px;\n left: 40px;\n width: calc(100% - 40px); }\n #canvas-zone #play-head {\n grid-column: 1;\n grid-row: 1 / 3;\n position: absolute;\n top: 0;\n height: calc(100% - 5px);\n width: 22px;\n margin-left: 40px;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 22px;\n transform: translateX(-50%);\n pointer-events: none;\n z-index: 3; }\n #canvas-zone #play-head #play-head-bar {\n grid-row: 1;\n grid-column: 1;\n justify-self: center;\n width: 1.5px;\n background: #ffffff;\n height: 100%;\n pointer-events: none; }\n #canvas-zone #play-head #play-head-circle {\n grid-row: 2;\n grid-column: 1;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #FFFFFF;\n font-family: 'acumin-pro-condensed';\n font-size: 8pt;\n display: grid;\n align-content: center;\n justify-content: center;\n color: #555555;\n cursor: pointer; }\n #canvas-zone #angle-mode {\n grid-column: 1;\n grid-row: 2;\n width: 40px;\n height: 100%;\n z-index: 1;\n background: #222222; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/canvas.scss"],"names":[],"mappings":"AAAA;EACI,aAAa;EACb,2BAA2B;EAC3B,sCAAsC;EACtC,gBAAgB;EAChB,kBAAkB,EAAA;EALtB;IAQQ,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,aAAa;IACb,2BAA2B;IAC3B,wBAAwB;IACxB,gBAAgB;IAChB,kBAAkB,EAAA;IAjB1B;MAoBY,cAAc;MACd,WAAW;MACX,WAAW;MACX,YAAY;MACZ,oBAAoB;MAKpB,UAAU,EAAA;MA7BtB;QA2BgB,aAAa,EAAA;IA3B7B;MAiCY,cAAc;MACd,WAAW;MACX,iBAAiB;MACjB,wBAAwB;MACxB,YAAY;MACZ,oBAAoB;MAKpB,UAAU,EAAA;MA3CtB;QAyCgB,aAAa,EAAA;IAzC7B;MA+CY,cAAc;MACd,WAAW;MACX,iBAAiB;MACjB,wBAAwB;MACxB,YAAY;MACZ,mBAAmB;MACnB,YAAY;MACZ,oBAAoB;MACpB,kBAAkB,EAAA;IAvD9B;MA2DY,cAAc;MACd,WAAW;MACX,WAAU;MACV,YAAY;MACZ,mBAAmB;MACnB,UAAU,EAAA;IAhEtB;MAoEY,cAAc;MACd,WAAW;MACX,iBAAiB;MACjB,wBAAwB;MACxB,YAAY;MACZ,UAAU,EAAA;MAzEtB;QA4EgB,aAAa,EAAA;IA5E7B;MAiFY,cAAc;MACd,WAAW;MACX,wBAAwB;MACxB,YAAY;MACZ,oBAAoB;MACpB,kBAAkB;MAClB,UAAU;MACV,kBAAkB;MAElB,wBAAwB,EAAA;EA1FpC;IA+FQ,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,wBAAwB;IACxB,2BAA2B;IAC3B,oBAAoB;IACpB,iBAAiB,EAAA;IAzGzB;MA4GY,cAAc;MACd,WAAW;MACX,WAAW;MACX,YAAY,EAAA;EA/GxB;IAoHQ,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;IACZ,mBAAmB;IACnB,oBAAoB;IAEpB,aAAa;IACb,wBAAwB;IACxB,+BAA+B,EAAA;IA7HvC;MAgIY,cAAc;MACd,WAAW;MACX,mBAAmB,EAAA;IAlI/B;MAsIY,kBAAkB;MAElB,WAAW;MACX,WAAW;MACX,YAAY;MACZ,aAAa;MACb,wBAAwB;MACxB,2BAA2B,EAAA;MA7IvC;QAgJgB,iBAAiB;QACjB,cAAc;QACd,WAAW;QACX,wBAAwB;QACxB,YAAY,EAAA;EApJ5B;IA0JQ,cAAc;IACd,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,UAAU;IACV,wBAAwB,EAAA;EA/JhC;IAmKQ,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,MAAK;IACL,wBAAwB;IACxB,WAAW;IACX,iBAAiB;IACjB,aAAa;IACb,2BAA2B;IAC3B,4BAA4B;IAC5B,2BAA2B;IAC3B,oBAAoB;IACpB,UAAU,EAAA;IA/KlB;MAkLY,WAAW;MACX,cAAc;MACd,oBAAoB;MACpB,YAAY;MACZ,mBAAmB;MACnB,YAAY;MACZ,oBAAoB,EAAA;IAxLhC;MA4LY,WAAW;MACX,cAAc;MACd,WAAW;MACX,YAAY;MACZ,kBAAkB;MAClB,mBAAmB;MACnB,mCAAmC;MACnC,cAAc;MACd,aAAa;MACb,qBAAqB;MACrB,uBAAuB;MACvB,cAAa;MACb,eAAe,EAAA;EAxM3B;IA6MQ,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;IACZ,UAAU;IACV,mBAAmB,EAAA","sourcesContent":["#canvas-zone {\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 30px 10px 40px;\r\n overflow: hidden; \r\n position: relative;\r\n\r\n #graph {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width: 100%;\r\n height: 100%;\r\n background: #222222;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n \r\n #svg-graph-grid {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width: 100%;\r\n height: 100%; \r\n pointer-events: none;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n z-index: 1;\r\n }\r\n\r\n #svg-graph-horizontal {\r\n grid-column: 1;\r\n grid-row: 1;\r\n margin-left: 40px;\r\n width: calc(100% - 40px);\r\n height: 100%; \r\n pointer-events: none;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n z-index: 1;\r\n }\r\n\r\n #dark-rectangle {\r\n grid-column: 1;\r\n grid-row: 1;\r\n margin-left: 40px;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n background: #111111;\r\n opacity: 0.2;\r\n pointer-events: none;\r\n position: absolute;\r\n }\r\n\r\n #block-rectangle {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width:40px;\r\n height: 100%; \r\n background: #222222;\r\n z-index: 1;\r\n }\r\n\r\n #svg-graph-curves {\r\n grid-column: 1;\r\n grid-row: 1;\r\n margin-left: 40px;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n z-index: 2;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n #selection-rectangle {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width: calc(100% - 40px);\r\n height: 100%; \r\n pointer-events: none;\r\n position: absolute;\r\n left: 40px;\r\n visibility: hidden;\r\n\r\n border: 1px dashed white;\r\n }\r\n }\r\n\r\n #range-frame-bar {\r\n grid-column: 1;\r\n grid-row: 4;\r\n width: 100%;\r\n height: 100%;\r\n background: #222222;\r\n pointer-events: none;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n pointer-events: none;\r\n user-select: none;\r\n\r\n #svg-range-frames {\r\n grid-column: 1;\r\n grid-row: 1; \r\n width: 100%;\r\n height: 100%; \r\n }\r\n }\r\n\r\n #frame-bar {\r\n grid-column: 1;\r\n grid-row: 2;\r\n width: 100%;\r\n height: 100%;\r\n background: #222222;\r\n pointer-events: none;\r\n\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 40px 1fr;\r\n\r\n #angle-unit {\r\n grid-column: 1;\r\n grid-row: 1;\r\n background: #111111;\r\n }\r\n\r\n #frames {\r\n grid-column: 1 / 3;\r\n \r\n grid-row: 1; \r\n width: 100%;\r\n height: 100%; \r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n #svg-frames {\r\n margin-left: 40px;\r\n grid-column: 1;\r\n grid-row: 1; \r\n width: calc(100% - 40px);\r\n height: 100%; \r\n }\r\n }\r\n }\r\n\r\n #play-head-control { \r\n grid-column: 1;\r\n grid-row: 2;\r\n position: absolute;\r\n height: 30px; \r\n left: 40px;\r\n width: calc(100% - 40px);\r\n }\r\n\r\n #play-head {\r\n grid-column: 1;\r\n grid-row: 1 / 3;\r\n position: absolute;\r\n top:0;\r\n height: calc(100% - 5px);\r\n width: 22px;\r\n margin-left: 40px;\r\n display: grid; \r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 22px;\r\n transform: translateX(-50%);\r\n pointer-events: none; \r\n z-index: 3;\r\n\r\n #play-head-bar {\r\n grid-row: 1;\r\n grid-column: 1;\r\n justify-self: center;\r\n width: 1.5px;\r\n background: #ffffff;\r\n height: 100%; \r\n pointer-events: none; \r\n }\r\n\r\n #play-head-circle {\r\n grid-row: 2;\r\n grid-column: 1;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n background: #FFFFFF;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 8pt;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n color:#555555;\r\n cursor: pointer; \r\n } \r\n }\r\n\r\n #angle-mode {\r\n grid-column: 1;\r\n grid-row: 2;\r\n width: 40px;\r\n height: 100%;\r\n z-index: 1;\r\n background: #222222;\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11200
11256
|
// Exports
|
|
11201
|
-
|
|
11257
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11202
11258
|
|
|
11203
11259
|
|
|
11204
11260
|
/***/ }),
|
|
11205
11261
|
|
|
11206
11262
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss":
|
|
11207
|
-
|
|
11208
|
-
!***
|
|
11209
|
-
|
|
11210
|
-
/*!
|
|
11211
|
-
/***/ (function(module,
|
|
11263
|
+
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
|
|
11264
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss ***!
|
|
11265
|
+
\******************************************************************************************************************************************************************************************************************************************************************/
|
|
11266
|
+
/*! exports provided: default */
|
|
11267
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11212
11268
|
|
|
11269
|
+
"use strict";
|
|
11270
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11271
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11272
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11273
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11274
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11213
11275
|
// Imports
|
|
11214
|
-
|
|
11215
|
-
|
|
11276
|
+
|
|
11277
|
+
|
|
11278
|
+
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);
|
|
11216
11279
|
// Module
|
|
11217
|
-
|
|
11280
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#curve-editor {\n background: #333333;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 40px calc(100% - 85px) 45px;\n grid-template-columns: 10px 210px 10px 1fr 10px; }\n #curve-editor #top-bar {\n background: #333333;\n grid-row: 1;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #bottom-bar {\n background: #333333;\n grid-row: 3;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #canvas-zone {\n grid-row: 2;\n grid-column: 4;\n width: 100%;\n height: 100%;\n background: #333333; }\n #curve-editor #sidebar {\n grid-row: 2;\n grid-column: 2;\n width: 100%;\n height: 100%;\n background: #111111; }\n #curve-editor .action-button:hover {\n background: #666666;\n color: white;\n cursor: pointer; }\n #curve-editor .action-button.active {\n background: #111111; }\n #curve-editor .action-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #curve-editor .push-button {\n cursor: pointer; }\n #curve-editor .push-button.active {\n background: #666666; }\n #curve-editor .text-input {\n color: white;\n background: #000000;\n font-family: 'acumin-pro-condensed';\n font-size: 11pt;\n border: 0;\n margin: 3px 1px;\n text-align: end;\n padding-right: 4px; }\n #curve-editor .text-input:focus {\n outline: none; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss"],"names":[],"mappings":"AAAA;EACI,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,+CAA+C;EAC/C,+CAA+C,EAAA;EANnD;IASQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EAbpB;IAiBQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EArBpB;IAyBQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EA7B3B;IAiCQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EArC3B;IA0CY,mBAAmB;IACnB,YAAW;IACX,eAAe,EAAA;EA5C3B;IAgDY,mBAAmB,EAAA;EAhD/B;IAoDY,yBAAyB;IACzB,sBAAsB,EAAA;EArDlC;IA0DQ,eAAe,EAAA;IA1DvB;MA4DY,mBAAmB,EAAA;EA5D/B;IAiEQ,YAAW;IACX,mBAAmB;IACnB,mCAAmC;IACnC,eAAe;IACf,SAAS;IACT,eAAe;IACf,eAAe;IACf,kBAAkB,EAAA;IAxE1B;MA2EY,aAAa,EAAA","sourcesContent":["#curve-editor {\r\n background: #333333;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 85px) 45px;\r\n grid-template-columns: 10px 210px 10px 1fr 10px;\r\n\r\n #top-bar {\r\n background: #333333;\r\n grid-row: 1;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #bottom-bar {\r\n background: #333333;\r\n grid-row: 3;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #canvas-zone {\r\n grid-row: 2;\r\n grid-column: 4;\r\n width: 100%;\r\n height: 100%;\r\n background: #333333;\r\n }\r\n\r\n #sidebar {\r\n grid-row: 2;\r\n grid-column: 2;\r\n width: 100%;\r\n height: 100%;\r\n background: #111111;\r\n }\r\n\r\n .action-button {\r\n &:hover {\r\n background: #666666;\r\n color:white;\r\n cursor: pointer;\r\n }\r\n\r\n &.active {\r\n background: #111111;\r\n }\r\n\r\n &:active {\r\n transform-origin: 50% 50%;\r\n transform: scale(0.96);\r\n }\r\n }\r\n\r\n .push-button {\r\n cursor: pointer;\r\n &.active {\r\n background: #666666;\r\n }\r\n }\r\n\r\n .text-input {\r\n color:white;\r\n background: #000000;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 11pt;\r\n border: 0;\r\n margin: 3px 1px;\r\n text-align: end; \r\n padding-right: 4px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11218
11281
|
// Exports
|
|
11219
|
-
|
|
11282
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11220
11283
|
|
|
11221
11284
|
|
|
11222
11285
|
/***/ }),
|
|
11223
11286
|
|
|
11224
11287
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss":
|
|
11225
|
-
|
|
11226
|
-
!***
|
|
11227
|
-
|
|
11228
|
-
/*!
|
|
11229
|
-
/***/ (function(module,
|
|
11288
|
+
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
|
|
11289
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss ***!
|
|
11290
|
+
\**************************************************************************************************************************************************************************************************************************************************************/
|
|
11291
|
+
/*! exports provided: default */
|
|
11292
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11230
11293
|
|
|
11294
|
+
"use strict";
|
|
11295
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11296
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11297
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11298
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11299
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11231
11300
|
// Imports
|
|
11232
|
-
|
|
11233
|
-
|
|
11301
|
+
|
|
11302
|
+
|
|
11303
|
+
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);
|
|
11234
11304
|
// Module
|
|
11235
|
-
exports.push([module.i, "#sideBar {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 30px 1fr; }\n #sideBar #menu-bar {\n background: #252525;\n grid-row: 1;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 30px 30px 30px 30px 1fr 52px 3px; }\n #sideBar #menu-bar.small {\n grid-template-columns: 0px 0px 30px 30px 1fr 52px 3px; }\n #sideBar #menu-bar #add-animation {\n grid-row: 1;\n grid-column: 1; }\n #sideBar #menu-bar #load-animation {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #menu-bar #save-animation {\n grid-row: 1;\n grid-column: 3; }\n #sideBar #menu-bar #edit-animation {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #menu-bar #framerate-animation {\n grid-row: 1;\n grid-column: 6; }\n #sideBar .simple-button {\n width: 80px;\n height: 20px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n background: #444444;\n border: 0;\n line-height: 12px;\n cursor: pointer;\n align-self: center;\n justify-self: center;\n border-radius: 0; }\n #sideBar .simple-button:active {\n transform-origin: center;\n transform: scale(0.95); }\n #sideBar #save-animation-pane {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 40px auto; }\n #sideBar #save-animation-pane #save-animation-list {\n grid-row: 1;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding-top: 5px; }\n #sideBar #save-animation-pane #save-animation-list .save-animation-list-entry {\n height: 20px;\n margin-left: 10px;\n display: flex;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n line-height: 15px; }\n #sideBar #save-animation-pane #save-animation-buttons {\n grid-row: 2;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 10px 1fr 10px 1fr 10px;\n align-items: center; }\n #sideBar #save-animation-pane #save-animation-buttons #save-snippet {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #save-animation-pane #save-animation-buttons #save-file {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #save-animation-pane #save-animation-snippet {\n grid-row: 3;\n grid-column: 1;\n width: calc(100% - 31px);\n height: 20px;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n padding-left: 31px;\n background: #252525; }\n #sideBar #load-animation-pane {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 1fr auto;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #load-animation-pane #load-animation-snippet-id-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #load-animation-pane #load-animation-local-file-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #load-animation-pane #load-snippet-id {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px;\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #load-animation-pane #load-snippet {\n grid-row: 4;\n grid-column: 2;\n width: 60px;\n justify-self: left; }\n #sideBar #load-animation-pane input[type=\"file\"] {\n display: none; }\n #sideBar #load-animation-pane #file-snippet-label {\n grid-row: 6;\n grid-column: 2;\n width: 60px;\n justify-self: left;\n text-align: center;\n line-height: 18px; }\n #sideBar #load-animation-pane #load-animation-snippet {\n grid-row: 8;\n grid-column: 1 / 3;\n width: calc(100% - 31px);\n height: 20px;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n padding-left: 31px;\n background: #252525; }\n #sideBar #add-animation-pane {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #add-animation-pane .input-text {\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #add-animation-pane .option {\n background: #252525;\n color: white;\n border: 0; }\n #sideBar #add-animation-pane #add-animation-display-name-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-mode-label {\n grid-row: 4;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-property-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-type-label {\n grid-row: 8;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-loop-mode-label {\n grid-row: 10;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-name {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-mode {\n grid-row: 4;\n grid-column: 2;\n margin-right: 10px;\n width: calc(100% - 10px); }\n #sideBar #add-animation-pane #add-animation-property {\n grid-row: 6;\n grid-column: 2;\n margin-right: 10px;\n width: calc(100% - 10px); }\n #sideBar #add-animation-pane #add-animation-type {\n grid-row: 8;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-loop-mode {\n grid-row: 10;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation {\n grid-row: 12;\n grid-column: 2;\n justify-self: left; }\n #sideBar #edit-animation-pane {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n background: #111111; }\n #sideBar #edit-animation-pane .input-text {\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #edit-animation-pane .option {\n background: #252525;\n color: white;\n border: 0; }\n #sideBar #edit-animation-pane #edit-animation-display-name-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-property-label {\n grid-row: 4;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-loop-mode-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-name {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-property {\n grid-row: 4;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-loop-mode {\n grid-row: 6;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation {\n grid-row: 8;\n grid-column: 1 / 3;\n display: grid;\n grid-template-columns: 50% 50%;\n grid-template-rows: 100%; }\n #sideBar #edit-animation-pane #edit-animation #edit-animation-ok {\n grid-row: 1;\n grid-column: 1; }\n #sideBar #edit-animation-pane #edit-animation #edit-animation-cancel {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #animation-list {\n background: #111111;\n grid-row: 2;\n grid-column: 1;\n width: 100%;\n height: 100%; }\n #sideBar #animation-list .animation-entry {\n height: 20px;\n display: grid;\n grid-template-columns: 20px 10px 1fr 20px 20px;\n grid-template-rows: 100%; }\n #sideBar #animation-list .animation-entry.isActive {\n background: #444444; }\n #sideBar #animation-list .animation-entry .animation-active-indicator {\n grid-row: 1;\n grid-column: 1;\n display: grid;\n margin: 5px;\n padding-top: 2px; }\n #sideBar #animation-list .animation-entry .animation-chevron {\n grid-row: 1;\n grid-column: 2;\n display: grid;\n align-content: center;\n padding-top: 5px;\n cursor: pointer; }\n #sideBar #animation-list .animation-entry .animation-chevron .animation-chevron-image.collapsed {\n transform-origin: 50% 50%;\n transform: rotateZ(-90deg); }\n #sideBar #animation-list .animation-entry .animation-name {\n cursor: pointer;\n grid-row: 1;\n grid-column: 3;\n font-family: 'acumin-pro-condensed';\n font-size: 10.5pt;\n color: white;\n display: grid;\n align-self: center;\n margin-left: 5px;\n user-select: none; }\n #sideBar #animation-list .animation-entry .animation-options {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #animation-list .animation-entry .animation-delete {\n grid-row: 1;\n grid-column: 5; }\n", ""]);
|
|
11305
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#sideBar {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 30px 1fr; }\n #sideBar #menu-bar {\n background: #252525;\n grid-row: 1;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 30px 30px 30px 30px 1fr 52px 3px; }\n #sideBar #menu-bar.small {\n grid-template-columns: 0px 0px 30px 30px 1fr 52px 3px; }\n #sideBar #menu-bar #add-animation {\n grid-row: 1;\n grid-column: 1; }\n #sideBar #menu-bar #load-animation {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #menu-bar #save-animation {\n grid-row: 1;\n grid-column: 3; }\n #sideBar #menu-bar #edit-animation {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #menu-bar #framerate-animation {\n grid-row: 1;\n grid-column: 6; }\n #sideBar .simple-button {\n width: 80px;\n height: 20px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n background: #444444;\n border: 0;\n line-height: 12px;\n cursor: pointer;\n align-self: center;\n justify-self: center;\n border-radius: 0; }\n #sideBar .simple-button:active {\n transform-origin: center;\n transform: scale(0.95); }\n #sideBar #save-animation-pane {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 40px auto; }\n #sideBar #save-animation-pane #save-animation-list {\n grid-row: 1;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n padding-top: 5px; }\n #sideBar #save-animation-pane #save-animation-list .save-animation-list-entry {\n height: 20px;\n margin-left: 10px;\n display: flex;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n line-height: 15px; }\n #sideBar #save-animation-pane #save-animation-buttons {\n grid-row: 2;\n grid-column: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 10px 1fr 10px 1fr 10px;\n align-items: center; }\n #sideBar #save-animation-pane #save-animation-buttons #save-snippet {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #save-animation-pane #save-animation-buttons #save-file {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #save-animation-pane #save-animation-snippet {\n grid-row: 3;\n grid-column: 1;\n width: calc(100% - 31px);\n height: 20px;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n padding-left: 31px;\n background: #252525; }\n #sideBar #load-animation-pane {\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 1fr auto;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #load-animation-pane #load-animation-snippet-id-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #load-animation-pane #load-animation-local-file-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #load-animation-pane #load-snippet-id {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px;\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #load-animation-pane #load-snippet {\n grid-row: 4;\n grid-column: 2;\n width: 60px;\n justify-self: left; }\n #sideBar #load-animation-pane input[type=\"file\"] {\n display: none; }\n #sideBar #load-animation-pane #file-snippet-label {\n grid-row: 6;\n grid-column: 2;\n width: 60px;\n justify-self: left;\n text-align: center;\n line-height: 18px; }\n #sideBar #load-animation-pane #load-animation-snippet {\n grid-row: 8;\n grid-column: 1 / 3;\n width: calc(100% - 31px);\n height: 20px;\n align-content: center;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n padding-left: 31px;\n background: #252525; }\n #sideBar #add-animation-pane {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #add-animation-pane .input-text {\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #add-animation-pane .option {\n background: #252525;\n color: white;\n border: 0; }\n #sideBar #add-animation-pane #add-animation-display-name-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-mode-label {\n grid-row: 4;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-property-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-type-label {\n grid-row: 8;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-loop-mode-label {\n grid-row: 10;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-name {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-mode {\n grid-row: 4;\n grid-column: 2;\n margin-right: 10px;\n width: calc(100% - 10px); }\n #sideBar #add-animation-pane #add-animation-property {\n grid-row: 6;\n grid-column: 2;\n margin-right: 10px;\n width: calc(100% - 10px); }\n #sideBar #add-animation-pane #add-animation-type {\n grid-row: 8;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation-loop-mode {\n grid-row: 10;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #add-animation-pane #add-animation {\n grid-row: 12;\n grid-column: 2;\n justify-self: left; }\n #sideBar #edit-animation-pane {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 75px 1fr;\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt;\n background: #111111; }\n #sideBar #edit-animation-pane .input-text {\n border: 0;\n background: #252525;\n width: 127px;\n color: white;\n font-family: 'acumin-pro-condensed';\n font-size: 10pt; }\n #sideBar #edit-animation-pane .option {\n background: #252525;\n color: white;\n border: 0; }\n #sideBar #edit-animation-pane #edit-animation-display-name-label {\n grid-row: 2;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-property-label {\n grid-row: 4;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-loop-mode-label {\n grid-row: 6;\n grid-column: 1;\n justify-self: end;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-name {\n grid-row: 2;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-property {\n grid-row: 4;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation-loop-mode {\n grid-row: 6;\n grid-column: 2;\n margin-right: 10px; }\n #sideBar #edit-animation-pane #edit-animation {\n grid-row: 8;\n grid-column: 1 / 3;\n display: grid;\n grid-template-columns: 50% 50%;\n grid-template-rows: 100%; }\n #sideBar #edit-animation-pane #edit-animation #edit-animation-ok {\n grid-row: 1;\n grid-column: 1; }\n #sideBar #edit-animation-pane #edit-animation #edit-animation-cancel {\n grid-row: 1;\n grid-column: 2; }\n #sideBar #animation-list {\n background: #111111;\n grid-row: 2;\n grid-column: 1;\n width: 100%;\n height: 100%; }\n #sideBar #animation-list .animation-entry {\n height: 20px;\n display: grid;\n grid-template-columns: 20px 10px 1fr 20px 20px;\n grid-template-rows: 100%; }\n #sideBar #animation-list .animation-entry.isActive {\n background: #444444; }\n #sideBar #animation-list .animation-entry .animation-active-indicator {\n grid-row: 1;\n grid-column: 1;\n display: grid;\n margin: 5px;\n padding-top: 2px; }\n #sideBar #animation-list .animation-entry .animation-chevron {\n grid-row: 1;\n grid-column: 2;\n display: grid;\n align-content: center;\n padding-top: 5px;\n cursor: pointer; }\n #sideBar #animation-list .animation-entry .animation-chevron .animation-chevron-image.collapsed {\n transform-origin: 50% 50%;\n transform: rotateZ(-90deg); }\n #sideBar #animation-list .animation-entry .animation-name {\n cursor: pointer;\n grid-row: 1;\n grid-column: 3;\n font-family: 'acumin-pro-condensed';\n font-size: 10.5pt;\n color: white;\n display: grid;\n align-self: center;\n margin-left: 5px;\n user-select: none; }\n #sideBar #animation-list .animation-entry .animation-options {\n grid-row: 1;\n grid-column: 4; }\n #sideBar #animation-list .animation-entry .animation-delete {\n grid-row: 1;\n grid-column: 5; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/sideBar.scss"],"names":[],"mappings":"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","sourcesContent":["#sideBar {\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 30px 1fr;\r\n\r\n #menu-bar {\r\n background: #252525;\r\n grid-row: 1;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 30px 30px 30px 30px 1fr 52px 3px;\r\n\r\n &.small { \r\n grid-template-columns: 0px 0px 30px 30px 1fr 52px 3px;\r\n }\r\n\r\n #add-animation {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n #load-animation {\r\n grid-row: 1;\r\n grid-column: 2;\r\n } \r\n \r\n #save-animation {\r\n grid-row: 1;\r\n grid-column: 3;\r\n } \r\n\r\n #edit-animation {\r\n grid-row: 1;\r\n grid-column: 4;\r\n } \r\n\r\n #framerate-animation {\r\n grid-row: 1;\r\n grid-column: 6;\r\n }\r\n }\r\n\r\n .simple-button {\r\n width: 80px;\r\n height: 20px;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n background: #444444;\r\n border: 0;\r\n line-height: 12px;\r\n cursor: pointer;\r\n align-self: center;\r\n justify-self: center;\r\n border-radius: 0;\r\n\r\n &:active {\r\n transform-origin: center;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n #save-animation-pane {\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 1fr 40px auto;\r\n\r\n #save-animation-list {\r\n grid-row: 1;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding-top: 5px;\r\n\r\n .save-animation-list-entry {\r\n height: 20px;\r\n margin-left: 10px;\r\n display: flex;\r\n align-content: center;\r\n color: white;\r\n \r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n line-height: 15px;\r\n }\r\n }\r\n\r\n #save-animation-buttons {\r\n grid-row: 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 10px 1fr 10px 1fr 10px;\r\n align-items: center;\r\n\r\n #save-snippet {\r\n grid-row: 1;\r\n grid-column: 2;\r\n }\r\n\r\n #save-file {\r\n grid-row: 1;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n #save-animation-snippet {\r\n grid-row: 3;\r\n grid-column: 1;\r\n width: calc(100% - 31px);\r\n height: 20px;\r\n align-content: center;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n padding-left: 31px;\r\n background: #252525;\r\n }\r\n }\r\n\r\n #load-animation-pane {\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 75px 1fr;\r\n grid-template-rows: 10px 20px 10px 20px 10px 20px 1fr auto;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n\r\n #load-animation-snippet-id-label {\r\n grid-row: 2;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n }\r\n\r\n #load-animation-local-file-label {\r\n grid-row: 6;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n }\r\n\r\n #load-snippet-id { \r\n grid-row: 2;\r\n grid-column: 2; \r\n margin-right: 10px;\r\n border: 0;\r\n background: #252525; \r\n width: 127px; \r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n }\r\n\r\n #load-snippet {\r\n grid-row: 4;\r\n grid-column: 2;\r\n width: 60px;\r\n justify-self: left;\r\n }\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n #file-snippet-label {\r\n grid-row: 6;\r\n grid-column: 2;\r\n width: 60px;\r\n justify-self: left;\r\n text-align: center;\r\n line-height: 18px;\r\n }\r\n\r\n #load-animation-snippet {\r\n grid-row: 8;\r\n grid-column: 1 / 3;\r\n width: calc(100% - 31px);\r\n height: 20px;\r\n align-content: center;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n padding-left: 31px;\r\n background: #252525;\r\n }\r\n }\r\n\r\n #add-animation-pane {\r\n grid-column: 1;\r\n grid-row: 2;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 75px 1fr;\r\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n\r\n .input-text {\r\n border: 0;\r\n background: #252525; \r\n width: 127px; \r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n }\r\n\r\n .option {\r\n background: #252525;\r\n color: white;\r\n border: 0;\r\n }\r\n\r\n #add-animation-display-name-label {\r\n grid-row: 2;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #add-animation-mode-label {\r\n grid-row: 4;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #add-animation-property-label {\r\n grid-row: 6;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n \r\n #add-animation-type-label {\r\n grid-row: 8;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #add-animation-loop-mode-label {\r\n grid-row: 10;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #add-animation-name {\r\n grid-row: 2;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #add-animation-mode {\r\n grid-row: 4;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n width: calc(100% - 10px);\r\n }\r\n\r\n #add-animation-property {\r\n grid-row: 6;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n width: calc(100% - 10px);\r\n }\r\n\r\n #add-animation-type {\r\n grid-row: 8;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #add-animation-loop-mode {\r\n grid-row: 10;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #add-animation {\r\n grid-row: 12;\r\n grid-column: 2; \r\n justify-self: left;\r\n }\r\n }\r\n\r\n #edit-animation-pane {\r\n grid-column: 1;\r\n grid-row: 2;\r\n\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 75px 1fr;\r\n grid-template-rows: 10px 20px 10px 20px 10px 20px 10px 20px 1fr;\r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n background: #111111;\r\n\r\n .input-text {\r\n border: 0;\r\n background: #252525; \r\n width: 127px; \r\n color:white;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10pt;\r\n }\r\n\r\n .option {\r\n background: #252525;\r\n color: white;\r\n border: 0;\r\n }\r\n\r\n #edit-animation-display-name-label {\r\n grid-row: 2;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #edit-animation-property-label {\r\n grid-row: 4;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #edit-animation-loop-mode-label {\r\n grid-row: 6;\r\n grid-column: 1;\r\n justify-self: end;\r\n margin-right: 10px;\r\n } \r\n\r\n #edit-animation-name {\r\n grid-row: 2;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #edit-animation-property {\r\n grid-row: 4;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #edit-animation-loop-mode {\r\n grid-row: 6;\r\n grid-column: 2;\r\n margin-right: 10px;\r\n }\r\n\r\n #edit-animation {\r\n grid-row: 8;\r\n grid-column: 1 / 3; \r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n grid-template-rows: 100%;\r\n\r\n #edit-animation-ok {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n #edit-animation-cancel {\r\n grid-row: 1;\r\n grid-column: 2;\r\n }\r\n }\r\n }\r\n\r\n #animation-list {\r\n background: #111111;\r\n grid-row: 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .animation-entry {\r\n height: 20px;\r\n display: grid;\r\n grid-template-columns: 20px 10px 1fr 20px 20px;\r\n grid-template-rows: 100%;\r\n\r\n &.isActive {\r\n background: #444444;\r\n }\r\n\r\n .animation-active-indicator {\r\n grid-row: 1;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 5px;\r\n padding-top: 2px\r\n }\r\n\r\n .animation-chevron { \r\n grid-row: 1;\r\n grid-column: 2;\r\n display: grid;\r\n align-content: center;\r\n padding-top: 5px;\r\n cursor: pointer;\r\n\r\n .animation-chevron-image {\r\n &.collapsed {\r\n transform-origin: 50% 50%;\r\n transform: rotateZ(-90deg);\r\n }\r\n }\r\n }\r\n\r\n .animation-name { \r\n cursor: pointer; \r\n grid-row: 1;\r\n grid-column: 3;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 10.5pt;\r\n color: white;\r\n display: grid;\r\n align-self: center;\r\n margin-left: 5px;\r\n user-select: none;\r\n }\r\n\r\n .animation-options { \r\n grid-row: 1;\r\n grid-column: 4;\r\n }\r\n\r\n .animation-delete { \r\n grid-row: 1;\r\n grid-column: 5;\r\n }\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11236
11306
|
// Exports
|
|
11237
|
-
|
|
11307
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11238
11308
|
|
|
11239
11309
|
|
|
11240
11310
|
/***/ }),
|
|
11241
11311
|
|
|
11242
11312
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss":
|
|
11243
|
-
|
|
11244
|
-
!***
|
|
11245
|
-
|
|
11246
|
-
/*!
|
|
11247
|
-
/***/ (function(module,
|
|
11313
|
+
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
|
|
11314
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss ***!
|
|
11315
|
+
\*************************************************************************************************************************************************************************************************************************************************************/
|
|
11316
|
+
/*! exports provided: default */
|
|
11317
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11248
11318
|
|
|
11319
|
+
"use strict";
|
|
11320
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11321
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11322
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11323
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11324
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11249
11325
|
// Imports
|
|
11250
|
-
|
|
11251
|
-
|
|
11326
|
+
|
|
11327
|
+
|
|
11328
|
+
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);
|
|
11252
11329
|
// Module
|
|
11253
|
-
|
|
11330
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#top-bar {\n display: grid;\n grid-template-columns: 40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;\n grid-template-rows: 100%; }\n #top-bar .disabled {\n opacity: 20%;\n pointer-events: none; }\n #top-bar #top-bar-logo {\n grid-row: 1;\n grid-column: 1; }\n #top-bar #top-bar-parent-name {\n grid-row: 1;\n grid-column: 2;\n font-family: 'acumin-pro-condensed';\n font-size: 15pt;\n color: white;\n display: grid;\n align-content: center;\n padding-bottom: 5px; }\n #top-bar #key-frame {\n grid-row: 1;\n grid-column: 3;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #key-value {\n grid-row: 1;\n grid-column: 5;\n height: 24px;\n display: grid;\n align-self: center; }\n #top-bar #new-key {\n grid-row: 1;\n grid-column: 7; }\n #top-bar #frame-canvas {\n grid-row: 1;\n grid-column: 8; }\n #top-bar #flatten-tangent {\n grid-row: 1;\n grid-column: 9; }\n #top-bar #linear-tangent {\n grid-row: 1;\n grid-column: 10; }\n #top-bar #break-tangent {\n grid-row: 1;\n grid-column: 11; }\n #top-bar #unify-tangent {\n grid-row: 1;\n grid-column: 12; }\n #top-bar #step-tangent {\n grid-row: 1;\n grid-column: 13; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/topBar.scss"],"names":[],"mappings":"AAAA;EACI,aAAY;EACZ,oGAAoG;EACpG,wBAAwB,EAAA;EAH5B;IAMQ,YAAY;IACZ,oBAAoB,EAAA;EAP5B;IAWQ,WAAW;IACX,cAAc,EAAA;EAZtB;IAgBQ,WAAW;IACX,cAAc;IACd,mCAAmC;IACnC,eAAe;IACf,YAAW;IACX,aAAa;IACb,qBAAqB;IACrB,mBAAmB,EAAA;EAvB3B;IA2BQ,WAAW;IACX,cAAc;IACd,YAAY;IACZ,aAAa;IACb,kBAAkB,EAAA;EA/B1B;IAmCQ,WAAW;IACX,cAAc;IACd,YAAY;IACZ,aAAa;IACb,kBAAkB,EAAA;EAvC1B;IA2CQ,WAAW;IACX,cAAc,EAAA;EA5CtB;IAgDQ,WAAW;IACX,cAAc,EAAA;EAjDtB;IAqDQ,WAAW;IACX,cAAc,EAAA;EAtDtB;IA0DQ,WAAW;IACX,eAAe,EAAA;EA3DvB;IA+DQ,WAAW;IACX,eAAe,EAAA;EAhEvB;IAoEQ,WAAW;IACX,eAAe,EAAA;EArEvB;IAyEQ,WAAW;IACX,eAAe,EAAA","sourcesContent":["#top-bar {\r\n display:grid;\r\n grid-template-columns: 40px 200px 75px 8px 75px 8px 40px 40px 40px 40px 40px 40px 40px 40px 1fr 40px;\r\n grid-template-rows: 100%;\r\n\r\n .disabled {\r\n opacity: 20%;\r\n pointer-events: none;\r\n }\r\n\r\n #top-bar-logo {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n #top-bar-parent-name {\r\n grid-row: 1;\r\n grid-column: 2;\r\n font-family: 'acumin-pro-condensed';\r\n font-size: 15pt;\r\n color:white;\r\n display: grid;\r\n align-content: center;\r\n padding-bottom: 5px;\r\n }\r\n\r\n #key-frame {\r\n grid-row: 1;\r\n grid-column: 3;\r\n height: 24px;\r\n display: grid;\r\n align-self: center;\r\n }\r\n\r\n #key-value {\r\n grid-row: 1;\r\n grid-column: 5;\r\n height: 24px;\r\n display: grid;\r\n align-self: center;\r\n }\r\n\r\n #new-key {\r\n grid-row: 1;\r\n grid-column: 7;\r\n }\r\n\r\n #frame-canvas {\r\n grid-row: 1;\r\n grid-column: 8;\r\n }\r\n\r\n #flatten-tangent {\r\n grid-row: 1;\r\n grid-column: 9;\r\n }\r\n \r\n #linear-tangent {\r\n grid-row: 1;\r\n grid-column: 10;\r\n } \r\n\r\n #break-tangent {\r\n grid-row: 1;\r\n grid-column: 11;\r\n }\r\n \r\n #unify-tangent {\r\n grid-row: 1;\r\n grid-column: 12;\r\n }\r\n\r\n #step-tangent {\r\n grid-row: 1;\r\n grid-column: 13;\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11254
11331
|
// Exports
|
|
11255
|
-
|
|
11332
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11256
11333
|
|
|
11257
11334
|
|
|
11258
11335
|
/***/ }),
|
|
11259
11336
|
|
|
11260
11337
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss":
|
|
11261
|
-
|
|
11262
|
-
!***
|
|
11263
|
-
|
|
11264
|
-
/*!
|
|
11265
|
-
/***/ (function(module,
|
|
11338
|
+
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
|
|
11339
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss ***!
|
|
11340
|
+
\***********************************************************************************************************************************************************************************************************************************************************/
|
|
11341
|
+
/*! exports provided: default */
|
|
11342
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11266
11343
|
|
|
11344
|
+
"use strict";
|
|
11345
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11346
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11347
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11348
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11349
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11267
11350
|
// Imports
|
|
11268
|
-
|
|
11269
|
-
|
|
11351
|
+
|
|
11352
|
+
|
|
11353
|
+
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);
|
|
11270
11354
|
// Module
|
|
11271
|
-
exports.push([module.i, "#texture-editor {\n height: 100%;\n width: 100%;\n color: white;\n background-color: #1e1e1e;\n font-family: 'acumin-pro-condensed'; }\n #texture-editor .icon {\n width: 40px;\n height: 40px; }\n #texture-editor .icon.button {\n background-color: #333333; }\n #texture-editor .icon.button:hover {\n background-color: #4a4a4a;\n cursor: pointer; }\n #texture-editor .icon.button.active {\n background-color: #666666; }\n #texture-editor .icon.button:active {\n background-color: #837c7c; }\n #texture-editor .has-tooltip {\n display: inline-block; }\n #texture-editor .has-tooltip .tooltip {\n visibility: hidden;\n background-color: white;\n z-index: 1;\n position: absolute;\n opacity: 0;\n transition: opacity 0.5s;\n line-height: normal;\n font-size: 14px;\n padding: 0px 5px;\n color: black; }\n #texture-editor .has-tooltip:hover .tooltip {\n visibility: visible;\n opacity: 1; }\n #texture-editor #properties {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n font-size: 12px;\n color: white;\n user-select: none;\n background-color: #333333; }\n #texture-editor #properties .tab {\n display: inline-flex;\n line-height: 40px;\n height: 40px;\n flex-shrink: 0;\n flex-grow: 0;\n border-right: 2px solid #1e1e1e;\n background-color: #333333; }\n #texture-editor #properties #left {\n overflow: hidden;\n height: 40px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n flex-wrap: wrap; }\n #texture-editor #properties #left #dimensions-tab form {\n display: flex; }\n #texture-editor #properties #left #dimensions-tab label {\n margin-left: 15px;\n font-size: 15px;\n color: #afafaf; }\n #texture-editor #properties #left #dimensions-tab label input {\n width: 40px;\n height: 24px;\n background-color: #000000;\n color: #ffffff;\n border: 0;\n font-size: 12px;\n text-align: 'left';\n font-family: 'acumin-pro-condensed';\n font-size: 15px;\n padding-left: 8px; }\n #texture-editor #properties #left #dimensions-tab label:last-of-type {\n margin-right: 8px; }\n #texture-editor #properties #right-tab {\n margin-right: 0;\n flex-grow: 0;\n flex-shrink: 0; }\n #texture-editor #properties #right-tab input[type=\"file\"] {\n display: none; }\n #texture-editor #properties .pixel-data {\n width: 45px;\n color: #afafaf;\n display: flex;\n justify-content: space-between;\n font-size: 15px; }\n #texture-editor #properties .pixel-data:first-of-type {\n margin-left: 15px; }\n #texture-editor #properties .pixel-data:last-of-type {\n padding-right: 15px; }\n #texture-editor #properties .pixel-data .value {\n display: inline-block;\n width: 30px;\n color: white; }\n #texture-editor #toolbar {\n position: absolute;\n top: 60px;\n left: 0;\n width: 40px;\n display: flex;\n flex-direction: column;\n justify-content: left; }\n #texture-editor #toolbar #tools {\n display: flex;\n flex-direction: column; }\n #texture-editor #toolbar #add-tool {\n position: relative; }\n #texture-editor #toolbar #add-tool #add-tool-popup {\n background-color: #333333;\n width: 348px;\n margin-left: 40px;\n position: absolute;\n top: 0px;\n height: 40px;\n padding-left: 4px;\n line-height: 40px;\n user-select: none; }\n #texture-editor #toolbar #add-tool #add-tool-popup 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 #texture-editor #toolbar #color {\n margin-top: 8px; }\n #texture-editor #toolbar #color #active-color-bg {\n border-radius: 50%;\n width: 20px;\n height: 20px;\n margin: 10px;\n position: relative;\n background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);\n background-size: 20px 20px;\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px; }\n #texture-editor #toolbar #color #active-color {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 50%; }\n #texture-editor #toolbar #color-picker {\n position: absolute;\n margin-left: 40px; }\n #texture-editor #channels-bar {\n position: absolute;\n top: 60px;\n right: 0;\n width: 80px;\n background: #666666;\n user-select: none; }\n #texture-editor #channels-bar .channel {\n color: white;\n border-bottom: 2px solid #232323;\n width: 80px;\n height: 40px;\n font-size: 16px;\n display: flex;\n align-items: center; }\n #texture-editor #channels-bar .channel.uneditable {\n background: #333333; }\n #texture-editor #channels-bar .channel:hover {\n cursor: pointer; }\n #texture-editor #channels-bar .channel:last-of-type {\n border-bottom: none; }\n #texture-editor #canvas-ui {\n width: 100%;\n height: calc(100% - 70px);\n outline: none; }\n #texture-editor #tool-ui {\n background-color: #333;\n position: absolute;\n right: 0;\n bottom: 30px; }\n #texture-editor #tool-ui label {\n display: flex;\n flex-direction: column;\n align-items: center; }\n #texture-editor #tool-ui input[type='range'] {\n background: #d3d3d3; }\n #texture-editor #bottom-bar {\n height: 30px;\n width: 100%;\n background-color: #333333;\n font-size: 14px;\n user-select: none;\n line-height: 30px;\n position: relative; }\n #texture-editor #bottom-bar #file-url {\n left: 30px;\n position: absolute; }\n #texture-editor #bottom-bar #mip-level {\n right: 30px;\n position: absolute; }\n", ""]);
|
|
11355
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#texture-editor {\n height: 100%;\n width: 100%;\n color: white;\n background-color: #1e1e1e;\n font-family: 'acumin-pro-condensed'; }\n #texture-editor .icon {\n width: 40px;\n height: 40px; }\n #texture-editor .icon.button {\n background-color: #333333; }\n #texture-editor .icon.button:hover {\n background-color: #4a4a4a;\n cursor: pointer; }\n #texture-editor .icon.button.active {\n background-color: #666666; }\n #texture-editor .icon.button:active {\n background-color: #837c7c; }\n #texture-editor .has-tooltip {\n display: inline-block; }\n #texture-editor .has-tooltip .tooltip {\n visibility: hidden;\n background-color: white;\n z-index: 1;\n position: absolute;\n opacity: 0;\n transition: opacity 0.5s;\n line-height: normal;\n font-size: 14px;\n padding: 0px 5px;\n color: black; }\n #texture-editor .has-tooltip:hover .tooltip {\n visibility: visible;\n opacity: 1; }\n #texture-editor #properties {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n font-size: 12px;\n color: white;\n user-select: none;\n background-color: #333333; }\n #texture-editor #properties .tab {\n display: inline-flex;\n line-height: 40px;\n height: 40px;\n flex-shrink: 0;\n flex-grow: 0;\n border-right: 2px solid #1e1e1e;\n background-color: #333333; }\n #texture-editor #properties #left {\n overflow: hidden;\n height: 40px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n flex-wrap: wrap; }\n #texture-editor #properties #left #dimensions-tab form {\n display: flex; }\n #texture-editor #properties #left #dimensions-tab label {\n margin-left: 15px;\n font-size: 15px;\n color: #afafaf; }\n #texture-editor #properties #left #dimensions-tab label input {\n width: 40px;\n height: 24px;\n background-color: #000000;\n color: #ffffff;\n border: 0;\n font-size: 12px;\n text-align: 'left';\n font-family: 'acumin-pro-condensed';\n font-size: 15px;\n padding-left: 8px; }\n #texture-editor #properties #left #dimensions-tab label:last-of-type {\n margin-right: 8px; }\n #texture-editor #properties #right-tab {\n margin-right: 0;\n flex-grow: 0;\n flex-shrink: 0; }\n #texture-editor #properties #right-tab input[type=\"file\"] {\n display: none; }\n #texture-editor #properties .pixel-data {\n width: 45px;\n color: #afafaf;\n display: flex;\n justify-content: space-between;\n font-size: 15px; }\n #texture-editor #properties .pixel-data:first-of-type {\n margin-left: 15px; }\n #texture-editor #properties .pixel-data:last-of-type {\n padding-right: 15px; }\n #texture-editor #properties .pixel-data .value {\n display: inline-block;\n width: 30px;\n color: white; }\n #texture-editor #toolbar {\n position: absolute;\n top: 60px;\n left: 0;\n width: 40px;\n display: flex;\n flex-direction: column;\n justify-content: left; }\n #texture-editor #toolbar #tools {\n display: flex;\n flex-direction: column; }\n #texture-editor #toolbar #add-tool {\n position: relative; }\n #texture-editor #toolbar #add-tool #add-tool-popup {\n background-color: #333333;\n width: 348px;\n margin-left: 40px;\n position: absolute;\n top: 0px;\n height: 40px;\n padding-left: 4px;\n line-height: 40px;\n user-select: none; }\n #texture-editor #toolbar #add-tool #add-tool-popup 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 #texture-editor #toolbar #color {\n margin-top: 8px; }\n #texture-editor #toolbar #color #active-color-bg {\n border-radius: 50%;\n width: 20px;\n height: 20px;\n margin: 10px;\n position: relative;\n background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);\n background-size: 20px 20px;\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px; }\n #texture-editor #toolbar #color #active-color {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 50%; }\n #texture-editor #toolbar #color-picker {\n position: absolute;\n margin-left: 40px; }\n #texture-editor #channels-bar {\n position: absolute;\n top: 60px;\n right: 0;\n width: 80px;\n background: #666666;\n user-select: none; }\n #texture-editor #channels-bar .channel {\n color: white;\n border-bottom: 2px solid #232323;\n width: 80px;\n height: 40px;\n font-size: 16px;\n display: flex;\n align-items: center; }\n #texture-editor #channels-bar .channel.uneditable {\n background: #333333; }\n #texture-editor #channels-bar .channel:hover {\n cursor: pointer; }\n #texture-editor #channels-bar .channel:last-of-type {\n border-bottom: none; }\n #texture-editor #canvas-ui {\n width: 100%;\n height: calc(100% - 70px);\n outline: none; }\n #texture-editor #tool-ui {\n background-color: #333;\n position: absolute;\n right: 0;\n bottom: 30px; }\n #texture-editor #tool-ui label {\n display: flex;\n flex-direction: column;\n align-items: center; }\n #texture-editor #tool-ui input[type='range'] {\n background: #d3d3d3; }\n #texture-editor #bottom-bar {\n height: 30px;\n width: 100%;\n background-color: #333333;\n font-size: 14px;\n user-select: none;\n line-height: 30px;\n position: relative; }\n #texture-editor #bottom-bar #file-url {\n left: 30px;\n position: absolute; }\n #texture-editor #bottom-bar #mip-level {\n right: 30px;\n position: absolute; }\n", "",{"version":3,"sources":["webpack://./components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss"],"names":[],"mappings":"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","sourcesContent":["#texture-editor {\n height: 100%;\n width: 100%;\n color: white;\n background-color: #1e1e1e;\n font-family: 'acumin-pro-condensed';\n\n .icon {\n width: 40px;\n height: 40px;\n &.button {\n background-color: #333333;\n &:hover {\n background-color: #4a4a4a;\n cursor: pointer;\n }\n // When the button is selected - className='active'\n &.active {\n background-color: #666666;\n }\n // When the button is clicked\n &:active {\n background-color: #837c7c;\n }\n }\n }\n \n .has-tooltip {\n display: inline-block;\n .tooltip {\n visibility: hidden;\n background-color: rgb(255, 255, 255);\n z-index: 1;\n position: absolute;\n opacity: 0;\n transition: opacity 0.5s;\n line-height: normal;\n font-size: 14px;\n padding: 0px 5px;\n color: black;\n }\n \n &:hover .tooltip {\n visibility: visible;\n opacity: 1;\n }\n }\n \n #properties {\n width: 100%;\n height: 40px;\n \n display: flex;\n align-items: center;\n font-size: 12px;\n color: white;\n user-select: none;\n background-color: #333333;\n \n .tab {\n display: inline-flex;\n line-height: 40px;\n height: 40px;\n flex-shrink: 0;\n flex-grow: 0;\n border-right: 2px solid #1e1e1e;\n background-color: #333333;\n }\n #left {\n overflow: hidden;\n height: 40px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n flex-wrap: wrap;\n #dimensions-tab {\n form {\n display: flex;\n }\n label {\n margin-left: 15px;\n font-size: 15px;\n color: #afafaf;\n input {\n width: 40px;\n height: 24px;\n background-color: #000000;\n color: #ffffff;\n border: 0;\n font-size: 12px;\n text-align: 'left';\n font-family: 'acumin-pro-condensed';\n font-size: 15px;\n padding-left: 8px;\n }\n \n &:last-of-type {\n margin-right: 8px;\n }\n }\n }\n }\n #right-tab {\n margin-right: 0;\n flex-grow: 0;\n flex-shrink: 0;\n \n input[type=\"file\"] {\n display: none;\n }\n }\n \n .pixel-data {\n &:first-of-type {\n margin-left: 15px;\n }\n &:last-of-type {\n padding-right: 15px;\n }\n width: 45px;\n color: #afafaf;\n display: flex;\n justify-content: space-between;\n .value {\n display: inline-block;\n width: 30px;\n color: white;\n }\n font-size: 15px;\n }\n }\n \n #toolbar {\n position: absolute;\n top: 60px;\n left: 0;\n width: 40px;\n display: flex;\n flex-direction: column;\n justify-content: left;\n \n #tools {\n display: flex;\n flex-direction: column;\n \n }\n\n #add-tool {\n position: relative;\n #add-tool-popup {\n background-color: #333333;\n width: 348px;\n margin-left: 40px;\n position: absolute;\n top: 0px;\n height: 40px;\n padding-left: 4px;\n line-height: 40px;\n user-select: none;\n button {\n background: #222222;\n border: 1px solid rgb(51, 122, 183);\n margin: 5px 10px 5px 10px;\n color:white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer;\n }\n }\n }\n\n #color {\n margin-top: 8px;\n #active-color-bg {\n border-radius: 50%;\n width: 20px;\n height: 20px;\n margin: 10px;\n position: relative;\n background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);\n background-size: 20px 20px;\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n }\n #active-color {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 50%;\n }\n }\n #color-picker {\n position: absolute;\n margin-left: 40px;\n }\n }\n \n #channels-bar {\n position: absolute;\n top: 60px;\n right: 0;\n width: 80px;\n background: #666666;\n .channel {\n color: white;\n border-bottom: 2px solid #232323;\n width: 80px;\n height: 40px;\n font-size: 16px;\n display: flex;\n align-items: center;\n \n &.uneditable {\n background: #333333;\n }\n\n &:hover {\n cursor: pointer;\n }\n\n &:last-of-type {\n border-bottom: none;\n }\n }\n user-select: none;\n }\n \n #canvas-ui {\n width: 100%;\n height: calc(100% - 70px);\n outline: none;\n }\n\n #tool-ui {\n background-color: #333;\n position: absolute;\n right: 0;\n bottom: 30px;\n\n label {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n input[type='range'] {\n background: #d3d3d3;\n }\n }\n \n #bottom-bar {\n height: 30px;\n width: 100%;\n background-color: #333333;\n font-size: 14px;\n user-select: none;\n line-height: 30px;\n position: relative;\n #file-url {\n left: 30px;\n position: absolute;\n }\n #mip-level {\n right: 30px;\n position: absolute;\n }\n }\n}"],"sourceRoot":""}]);
|
|
11272
11356
|
// Exports
|
|
11273
|
-
|
|
11357
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11274
11358
|
|
|
11275
11359
|
|
|
11276
11360
|
/***/ }),
|
|
11277
11361
|
|
|
11278
11362
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss":
|
|
11279
|
-
|
|
11280
|
-
!***
|
|
11281
|
-
|
|
11282
|
-
/*!
|
|
11283
|
-
/***/ (function(module,
|
|
11363
|
+
/*!****************************************************************************************************************************************************************************************************************!*\
|
|
11364
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/embedHost/embedHost.scss ***!
|
|
11365
|
+
\****************************************************************************************************************************************************************************************************************/
|
|
11366
|
+
/*! exports provided: default */
|
|
11367
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11284
11368
|
|
|
11369
|
+
"use strict";
|
|
11370
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11371
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11372
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11373
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11374
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11285
11375
|
// Imports
|
|
11286
|
-
|
|
11287
|
-
|
|
11376
|
+
|
|
11377
|
+
|
|
11378
|
+
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);
|
|
11288
11379
|
// Module
|
|
11289
|
-
|
|
11380
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#embed-host {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px;\n z-index: 10; }\n\n#__resizable_base__ {\n display: none; }\n\n#embed {\n background: #333333;\n height: 100%;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-rows: 30px 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #embed #header {\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 #embed #header #logo {\n grid-column: 1;\n width: 24px;\n height: 24px;\n display: flex;\n align-self: center;\n justify-self: center; }\n #embed #header #back {\n grid-column: 1;\n display: grid;\n align-self: center;\n justify-self: center;\n cursor: pointer; }\n #embed #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #embed #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #embed #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #embed #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #embed #split {\n grid-row: 2;\n overflow: hidden; }\n #embed #split.splitPopup {\n display: grid;\n grid-template-rows: 300px 2px 1fr; }\n #embed #split.splitPopup .panes {\n margin-bottom: 1px; }\n #embed #split #topPart {\n grid-row: 1;\n overflow: hidden;\n display: grid;\n grid-auto-rows: 100%; }\n #embed #split #separator {\n grid-row: 2;\n background: white;\n opacity: 0.1; }\n #embed #split #bottomPart {\n overflow: hidden;\n grid-row: 3;\n display: grid;\n grid-auto-rows: 100%; }\n #embed #split .gutter.gutter-vertical {\n background-image: none;\n background: #444444;\n cursor: row-resize; }\n", "",{"version":3,"sources":["webpack://./components/embedHost/embedHost.scss"],"names":[],"mappings":"AAAA;EACI,kBAAkB;EAClB,UAAU;EACV,QAAO;EACP,WAAW;EACX,WAAW,EAAA;;AAGf;EACI,aAAa,EAAA;;AAGjB;EACI,mBAAmB;EACnB,YAAY;EACZ,SAAS;EACT,UAAU;EACV,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,gBAAgB,EAAA;EARpB;IAWQ,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,aAAa;IACb,oCAAoC;IACpC,yBAAyB;IACzB,sBAAsB;IACtB,qBAAqB;IACrB,iBAAiB,EAAA;IArBzB;MAwBY,cAAc;MACd,WAAW;MACX,YAAY;MACZ,aAAa;MACb,kBAAkB;MAClB,oBAAoB,EAAA;IA7BhC;MAiCY,cAAc;MACd,aAAa;MACb,kBAAkB;MAClB,oBAAoB;MACpB,eAAe,EAAA;IArC3B;MAyCY,cAAc;MACd,aAAa;MACb,mBAAmB;MACnB,kBAAkB,EAAA;IA5C9B;MAgDY,cAAc;MACd,aAAa;MACb,mBAAmB;MACnB,8BAA8B,EAAA;MAnD1C;QAsDgB,cAAc;QACd,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,eAAe,EAAA;MA1D/B;QA8DgB,cAAc;QACd,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,eAAe,EAAA;EAlE/B;IAwEQ,WAAW;IACX,gBAAgB,EAAA;IAzExB;MA6EY,aAAa;MACb,iCAAiC,EAAA;MA9E7C;QAiFgB,kBAAkB,EAAA;IAjFlC;MAsFY,WAAW;MACX,gBAAgB;MAChB,aAAa;MACb,oBAAoB,EAAA;IAzFhC;MA6FY,WAAW;MACX,iBAAiB;MACjB,YAAY,EAAA;IA/FxB;MAmGY,gBAAgB;MAChB,WAAW;MACX,aAAa;MACb,oBAAoB,EAAA;IAtGhC;MA0GY,sBAAsB;MACtB,mBAAmB;MACnB,kBAAkB,EAAA","sourcesContent":["#embed-host {\r\n position: absolute;\r\n right: 0px;\r\n top:0px;\r\n bottom: 0px;\r\n z-index: 10;\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n#embed {\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: 30px 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n #header {\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 #split {\r\n grid-row: 2;\r\n overflow: hidden;\r\n\r\n \r\n &.splitPopup {\r\n display: grid;\r\n grid-template-rows: 300px 2px 1fr;\r\n\r\n .panes {\r\n margin-bottom: 1px;\r\n }\r\n }\r\n\r\n #topPart {\r\n grid-row: 1;\r\n overflow: hidden;\r\n display: grid;\r\n grid-auto-rows: 100%;\r\n }\r\n \r\n #separator {\r\n grid-row: 2;\r\n background: white;\r\n opacity: 0.1;\r\n }\r\n\r\n #bottomPart {\r\n overflow: hidden;\r\n grid-row: 3;\r\n display: grid;\r\n grid-auto-rows: 100%;\r\n } \r\n\r\n .gutter.gutter-vertical {\r\n background-image: none;\r\n background: #444444;\r\n cursor: row-resize;\r\n }\r\n }\r\n\r\n}"],"sourceRoot":""}]);
|
|
11290
11381
|
// Exports
|
|
11291
|
-
|
|
11382
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11292
11383
|
|
|
11293
11384
|
|
|
11294
11385
|
/***/ }),
|
|
11295
11386
|
|
|
11296
11387
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss":
|
|
11297
|
-
|
|
11298
|
-
!***
|
|
11299
|
-
|
|
11300
|
-
/*!
|
|
11301
|
-
/***/ (function(module,
|
|
11388
|
+
/*!************************************************************************************************************************************************************************************************************************!*\
|
|
11389
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss ***!
|
|
11390
|
+
\************************************************************************************************************************************************************************************************************************/
|
|
11391
|
+
/*! exports provided: default */
|
|
11392
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11302
11393
|
|
|
11394
|
+
"use strict";
|
|
11395
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11396
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11397
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11398
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11399
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11303
11400
|
// Imports
|
|
11304
|
-
|
|
11305
|
-
|
|
11401
|
+
|
|
11402
|
+
|
|
11403
|
+
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);
|
|
11306
11404
|
// Module
|
|
11307
|
-
exports.push([module.i, "#scene-explorer-host {\n position: absolute;\n left: 0px;\n top: 0px;\n bottom: 0px; }\n #scene-explorer-host:focus {\n outline: none; }\n\n#__resizable_base__ {\n display: none; }\n\n.context-menu {\n background: #222222; }\n .context-menu .react-contextmenu-item {\n padding: 10px;\n cursor: pointer; }\n .context-menu .react-contextmenu-item:hover {\n background: #555555; }\n\n.react-contextmenu.context-menu.react-contextmenu--visible {\n z-index: 99;\n transform: scale(1); }\n\n#sceneExplorer {\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 #sceneExplorer:focus {\n outline: none; }\n #sceneExplorer #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 #sceneExplorer #header #logo {\n position: relative;\n grid-column: 1;\n width: 24px;\n height: 24px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center; }\n #sceneExplorer #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #sceneExplorer #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #sceneExplorer #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer #tree {\n grid-row: 2;\n overflow-x: hidden;\n overflow-y: auto; }\n #sceneExplorer .filter {\n display: flex;\n align-items: stretch; }\n #sceneExplorer .filter input {\n width: 100%;\n margin: 10px 40px 5px 40px;\n display: block;\n border: none;\n padding: 0;\n border-bottom: solid 1px #337ab7;\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #337ab7 4%);\n background-position: -1000px 0;\n background-size: 1000px 100%;\n background-repeat: no-repeat;\n color: white; }\n #sceneExplorer .filter input::placeholder {\n color: lightgray; }\n #sceneExplorer .filter input:focus {\n box-shadow: none;\n outline: none;\n background-position: 0 0; }\n #sceneExplorer .groupContainer {\n margin-left: 0px;\n color: white;\n margin-top: 0px;\n margin-bottom: 0px;\n height: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n display: grid;\n align-items: center; }\n #sceneExplorer .groupContainer:hover {\n background: #444444; }\n #sceneExplorer .groupContainer .expandableHeader {\n display: grid;\n grid-template-columns: 1fr 20px; }\n #sceneExplorer .groupContainer .expandableHeader .text {\n grid-column: 1;\n display: grid;\n grid-template-columns: 20px 1fr; }\n #sceneExplorer .groupContainer .expandableHeader .text .arrow {\n grid-column: 1;\n margin-left: 0px;\n color: white;\n cursor: pointer;\n display: inline-block;\n margin-right: 6px;\n opacity: 0.5; }\n #sceneExplorer .groupContainer .expandableHeader .text .text-value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #sceneExplorer .groupContainer .expandableHeader .expandAll {\n opacity: 0.5;\n grid-column: 2;\n margin-right: 10px; }\n #sceneExplorer .icon {\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer {\n margin-left: 0px;\n color: white;\n margin-top: 0px;\n margin-bottom: 0px;\n height: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: grid;\n grid-template-columns: 20px 1fr; }\n #sceneExplorer .itemContainer:hover {\n background: #444444; }\n #sceneExplorer .itemContainer.selected {\n background: #bbbbbb;\n color: black; }\n #sceneExplorer .itemContainer .isNotActive {\n opacity: 0.3; }\n #sceneExplorer .itemContainer .arrow {\n grid-column: 1;\n color: white;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .popup {\n width: 200px;\n visibility: hidden;\n background-color: #444444;\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.5);\n position: absolute;\n z-index: 1;\n margin-left: -180px;\n box-sizing: border-box; }\n #sceneExplorer .itemContainer .popup.show {\n visibility: visible; }\n #sceneExplorer .itemContainer .popup:focus {\n outline: none; }\n #sceneExplorer .itemContainer .popup .popupMenu {\n padding: 6px 5px 5px 10px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n height: 18px; }\n #sceneExplorer .itemContainer .popup .popupMenu:hover {\n background: white;\n color: #333333; }\n #sceneExplorer .itemContainer .sceneNode {\n grid-column: 2;\n margin-left: -10px;\n display: grid;\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\n align-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer .sceneNode .sceneTitle {\n grid-column: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n height: 24px; }\n #sceneExplorer .itemContainer .sceneNode .translation {\n grid-column: 2;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .translation.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .rotation {\n grid-column: 3;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .rotation.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .scaling {\n grid-column: 4;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .scaling.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .bounding {\n grid-column: 5;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .bounding.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .separator {\n grid-column: 6;\n margin-left: 5px;\n width: 5px;\n display: flex;\n align-items: center;\n height: 18px;\n border-left: solid 1px #337ab7; }\n #sceneExplorer .itemContainer .sceneNode .pickingMode {\n grid-column: 7;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .pickingMode.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .refresh {\n grid-column: 8; }\n #sceneExplorer .itemContainer .sceneNode .extensions {\n width: 20px;\n grid-column: 9; }\n #sceneExplorer .itemContainer .targetedAnimationTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .targetedAnimationTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .animationGroupTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .animationGroupTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .soundTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .soundTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .meshTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .meshTools .bounding-box {\n grid-column: 2;\n opacity: 0.5; }\n #sceneExplorer .itemContainer .meshTools .bounding-box.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .meshTools .visibility {\n grid-column: 3; }\n #sceneExplorer .itemContainer .meshTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .cameraTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .cameraTools .activeCamera {\n grid-column: 2; }\n #sceneExplorer .itemContainer .cameraTools .enableGizmo {\n grid-column: 3; }\n #sceneExplorer .itemContainer .cameraTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .lightTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .lightTools .enableLight {\n grid-column: 2; }\n #sceneExplorer .itemContainer .lightTools .extensions {\n width: 20px;\n grid-column: 3; }\n #sceneExplorer .itemContainer .spriteTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .spriteTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .spriteManagerTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .spriteManagerTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .materialTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .materialTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .materialTools .icon {\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer .particleSystemTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .particleSystemTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .effectLayerTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .effectLayerTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .postProcessTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .postProcessTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .renderingPipelineTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .renderingPipelineTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .textureTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .textureTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .adtextureTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .adtextureTools .edit {\n grid-column: 2; }\n #sceneExplorer .itemContainer .adtextureTools .pickingMode {\n grid-column: 3;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .adtextureTools .pickingMode.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .adtextureTools .extensions {\n width: 20px;\n grid-column: 3; }\n #sceneExplorer .itemContainer .controlTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .controlTools .highlight {\n grid-column: 2; }\n #sceneExplorer .itemContainer .controlTools .visibility {\n grid-column: 3; }\n #sceneExplorer .itemContainer .controlTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .transformNodeTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .transformNodeTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .skeletonTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .skeletonTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .title {\n grid-column: 1;\n background: transparent;\n white-space: nowrap;\n overflow: hidden;\n min-width: 0;\n margin-right: 5px;\n display: grid;\n align-items: center;\n grid-template-columns: 25px 1fr;\n height: 24px;\n cursor: pointer; }\n #sceneExplorer .itemContainer .title .titleIcon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #sceneExplorer .itemContainer .title .titleText {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n", ""]);
|
|
11405
|
+
___CSS_LOADER_EXPORT___.push([module.i, "#scene-explorer-host {\n position: absolute;\n left: 0px;\n top: 0px;\n bottom: 0px; }\n #scene-explorer-host:focus {\n outline: none; }\n\n#__resizable_base__ {\n display: none; }\n\n.context-menu {\n background: #222222; }\n .context-menu .react-contextmenu-item {\n padding: 10px;\n cursor: pointer; }\n .context-menu .react-contextmenu-item:hover {\n background: #555555; }\n\n.react-contextmenu.context-menu.react-contextmenu--visible {\n z-index: 99;\n transform: scale(1); }\n\n#sceneExplorer {\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 #sceneExplorer:focus {\n outline: none; }\n #sceneExplorer #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 #sceneExplorer #header #logo {\n position: relative;\n grid-column: 1;\n width: 24px;\n height: 24px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center; }\n #sceneExplorer #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #sceneExplorer #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #sceneExplorer #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer #tree {\n grid-row: 2;\n overflow-x: hidden;\n overflow-y: auto; }\n #sceneExplorer .filter {\n display: flex;\n align-items: stretch; }\n #sceneExplorer .filter input {\n width: 100%;\n margin: 10px 40px 5px 40px;\n display: block;\n border: none;\n padding: 0;\n border-bottom: solid 1px #337ab7;\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #337ab7 4%);\n background-position: -1000px 0;\n background-size: 1000px 100%;\n background-repeat: no-repeat;\n color: white; }\n #sceneExplorer .filter input::placeholder {\n color: lightgray; }\n #sceneExplorer .filter input:focus {\n box-shadow: none;\n outline: none;\n background-position: 0 0; }\n #sceneExplorer .groupContainer {\n margin-left: 0px;\n color: white;\n margin-top: 0px;\n margin-bottom: 0px;\n height: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-self: center;\n display: grid;\n align-items: center; }\n #sceneExplorer .groupContainer:hover {\n background: #444444; }\n #sceneExplorer .groupContainer .expandableHeader {\n display: grid;\n grid-template-columns: 1fr 20px; }\n #sceneExplorer .groupContainer .expandableHeader .text {\n grid-column: 1;\n display: grid;\n grid-template-columns: 20px 1fr; }\n #sceneExplorer .groupContainer .expandableHeader .text .arrow {\n grid-column: 1;\n margin-left: 0px;\n color: white;\n cursor: pointer;\n display: inline-block;\n margin-right: 6px;\n opacity: 0.5; }\n #sceneExplorer .groupContainer .expandableHeader .text .text-value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #sceneExplorer .groupContainer .expandableHeader .expandAll {\n opacity: 0.5;\n grid-column: 2;\n margin-right: 10px; }\n #sceneExplorer .icon {\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer {\n margin-left: 0px;\n color: white;\n margin-top: 0px;\n margin-bottom: 0px;\n height: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: grid;\n grid-template-columns: 20px 1fr; }\n #sceneExplorer .itemContainer:hover {\n background: #444444; }\n #sceneExplorer .itemContainer.selected {\n background: #bbbbbb;\n color: black; }\n #sceneExplorer .itemContainer .isNotActive {\n opacity: 0.3; }\n #sceneExplorer .itemContainer .arrow {\n grid-column: 1;\n color: white;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .popup {\n width: 200px;\n visibility: hidden;\n background-color: #444444;\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.5);\n position: absolute;\n z-index: 1;\n margin-left: -180px;\n box-sizing: border-box; }\n #sceneExplorer .itemContainer .popup.show {\n visibility: visible; }\n #sceneExplorer .itemContainer .popup:focus {\n outline: none; }\n #sceneExplorer .itemContainer .popup .popupMenu {\n padding: 6px 5px 5px 10px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n height: 18px; }\n #sceneExplorer .itemContainer .popup .popupMenu:hover {\n background: white;\n color: #333333; }\n #sceneExplorer .itemContainer .sceneNode {\n grid-column: 2;\n margin-left: -10px;\n display: grid;\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\n align-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer .sceneNode .sceneTitle {\n grid-column: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n height: 24px; }\n #sceneExplorer .itemContainer .sceneNode .translation {\n grid-column: 2;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .translation.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .rotation {\n grid-column: 3;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .rotation.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .scaling {\n grid-column: 4;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .scaling.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .bounding {\n grid-column: 5;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .bounding.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .separator {\n grid-column: 6;\n margin-left: 5px;\n width: 5px;\n display: flex;\n align-items: center;\n height: 18px;\n border-left: solid 1px #337ab7; }\n #sceneExplorer .itemContainer .sceneNode .pickingMode {\n grid-column: 7;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .sceneNode .pickingMode.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .sceneNode .refresh {\n grid-column: 8; }\n #sceneExplorer .itemContainer .sceneNode .extensions {\n width: 20px;\n grid-column: 9; }\n #sceneExplorer .itemContainer .targetedAnimationTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .targetedAnimationTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .animationGroupTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .animationGroupTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .soundTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .soundTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .meshTools {\n grid-column: 2;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center;\n min-width: 0; }\n #sceneExplorer .itemContainer .meshTools .bounding-box {\n grid-column: 2;\n opacity: 0.5; }\n #sceneExplorer .itemContainer .meshTools .bounding-box.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .meshTools .visibility {\n grid-column: 3; }\n #sceneExplorer .itemContainer .meshTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .cameraTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .cameraTools .activeCamera {\n grid-column: 2; }\n #sceneExplorer .itemContainer .cameraTools .enableGizmo {\n grid-column: 3; }\n #sceneExplorer .itemContainer .cameraTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .lightTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .lightTools .enableLight {\n grid-column: 2; }\n #sceneExplorer .itemContainer .lightTools .extensions {\n width: 20px;\n grid-column: 3; }\n #sceneExplorer .itemContainer .spriteTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .spriteTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .spriteManagerTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .spriteManagerTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .materialTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .materialTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .materialTools .icon {\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #sceneExplorer .itemContainer .particleSystemTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .particleSystemTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .effectLayerTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .effectLayerTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .postProcessTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .postProcessTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .renderingPipelineTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .renderingPipelineTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .textureTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .textureTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .adtextureTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .adtextureTools .edit {\n grid-column: 2; }\n #sceneExplorer .itemContainer .adtextureTools .pickingMode {\n grid-column: 3;\n opacity: 0.6; }\n #sceneExplorer .itemContainer .adtextureTools .pickingMode.selected {\n opacity: 1; }\n #sceneExplorer .itemContainer .adtextureTools .extensions {\n width: 20px;\n grid-column: 3; }\n #sceneExplorer .itemContainer .controlTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr 20px 20px auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .controlTools .highlight {\n grid-column: 2; }\n #sceneExplorer .itemContainer .controlTools .visibility {\n grid-column: 3; }\n #sceneExplorer .itemContainer .controlTools .extensions {\n width: 20px;\n grid-column: 4; }\n #sceneExplorer .itemContainer .transformNodeTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .transformNodeTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .skeletonTools {\n grid-column: 2;\n display: grid;\n grid-template-columns: 1fr auto 5px;\n align-items: center; }\n #sceneExplorer .itemContainer .skeletonTools .extensions {\n width: 20px;\n grid-column: 2; }\n #sceneExplorer .itemContainer .title {\n grid-column: 1;\n background: transparent;\n white-space: nowrap;\n overflow: hidden;\n min-width: 0;\n margin-right: 5px;\n display: grid;\n align-items: center;\n grid-template-columns: 25px 1fr;\n height: 24px;\n cursor: pointer; }\n #sceneExplorer .itemContainer .title .titleIcon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #sceneExplorer .itemContainer .title .titleText {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n", "",{"version":3,"sources":["webpack://./components/sceneExplorer/sceneExplorer.scss"],"names":[],"mappings":"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","sourcesContent":["#scene-explorer-host {\r\n position: absolute;\r\n left: 0px;\r\n top:0px;\r\n bottom: 0px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n.context-menu {\r\n background: #222222;\r\n\r\n .react-contextmenu-item {\r\n padding: 10px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #555555;\r\n }\r\n }\r\n}\r\n\r\n.react-contextmenu.context-menu.react-contextmenu--visible {\r\n z-index: 99;\r\n transform: scale(1);\r\n}\r\n\r\n#sceneExplorer {\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\r\n &:focus {\r\n outline: none;\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 position: relative;\r\n grid-column: 1; \r\n width: 24px;\r\n height: 24px;\r\n left:0;\r\n display: flex;\r\n align-self: center; \r\n justify-self: center;\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 #tree {\r\n grid-row: 2; \r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 40px 5px 40px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat; \r\n color:white; \r\n }\r\n\r\n input::placeholder {\r\n color: lightgray;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n }\r\n\r\n .groupContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px; \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 align-self: center; \r\n display: grid;\r\n align-items: center; \r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n .expandableHeader {\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n\r\n .text {\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n .arrow {\r\n grid-column: 1;\r\n margin-left: 0px;\r\n color: white;\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-right: 6px;\r\n opacity: 0.5;\r\n }\r\n\r\n .text-value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .expandAll { \r\n opacity: 0.5;\r\n grid-column: 2;\r\n margin-right: 10px; \r\n }\r\n }\r\n \r\n\r\n }\r\n\r\n .icon {\r\n display: grid;\r\n align-items: center; \r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .itemContainer {\r\n margin-left: 0px;\r\n color: white;\r\n margin-top: 0px;\r\n margin-bottom: 0px;\r\n height: 24px; \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 display: grid;\r\n grid-template-columns: 20px 1fr;\r\n\r\n &:hover {\r\n background: #444444;\r\n }\r\n\r\n &.selected{\r\n background: #bbbbbb;\r\n color: black;\r\n }\r\n \r\n .isNotActive {\r\n opacity: 0.3;\r\n }\r\n\r\n .arrow {\r\n grid-column: 1;\r\n color: white;\r\n opacity: 0.6;\r\n }\r\n\r\n .popup {\r\n width: 200px;\r\n visibility: hidden;\r\n background-color: #444444;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n position: absolute;\r\n z-index: 1;\r\n margin-left: -180px;\r\n box-sizing: border-box;\r\n\r\n &.show {\r\n visibility: visible;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .popupMenu {\r\n padding: 6px 5px 5px 10px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n height: 18px;\r\n \r\n\r\n &:hover {\r\n background: white;\r\n color: #333333;\r\n }\r\n }\r\n }\r\n\r\n .sceneNode {\r\n grid-column: 2;\r\n margin-left: -10px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px 20px 20px 10px 20px 20px auto 5px;\r\n align-items: center;\r\n cursor: pointer; \r\n\r\n .sceneTitle {\r\n grid-column: 1;\r\n margin-right: 5px; \r\n display: flex;\r\n align-items: center; \r\n height: 24px; \r\n } \r\n\r\n .translation {\r\n grid-column: 2;\r\n opacity: 0.6;\r\n \r\n &.selected {\r\n opacity: 1;\r\n } \r\n }\r\n\r\n .rotation {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n } \r\n }\r\n\r\n .scaling {\r\n grid-column: 4;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n } \r\n }\r\n \r\n .bounding {\r\n grid-column: 5;\r\n opacity: 0.6;\r\n &.selected {\r\n opacity: 1;\r\n } \r\n }\r\n\r\n .separator {\r\n grid-column: 6;\r\n margin-left: 5px; \r\n width: 5px;\r\n display: flex;\r\n align-items: center; \r\n height: 18px; \r\n border-left: solid 1px rgb(51, 122, 183);\r\n }\r\n\r\n .pickingMode {\r\n grid-column: 7;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .refresh {\r\n grid-column: 8;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 9;\r\n }\r\n }\r\n \r\n .targetedAnimationTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n \r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .animationGroupTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n \r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .soundTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n \r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n\r\n .meshTools {\r\n grid-column: 2;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n min-width: 0;\r\n\r\n .bounding-box {\r\n grid-column: 2; \r\n opacity: 0.5;\r\n \r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .visibility {\r\n grid-column: 3; \r\n } \r\n \r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .cameraTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .activeCamera {\r\n grid-column: 2;\r\n }\r\n\r\n .enableGizmo {\r\n grid-column: 3; \r\n } \r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n }\r\n\r\n .lightTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .enableLight {\r\n grid-column: 2;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n } \r\n \r\n .spriteTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n } \r\n\r\n .spriteManagerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n } \r\n\r\n .materialTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n \r\n .icon {\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 .particleSystemTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .effectLayerTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .postProcessTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .renderingPipelineTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n .textureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n } \r\n\r\n .adtextureTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .edit {\r\n grid-column: 2;\r\n }\r\n \r\n .pickingMode {\r\n grid-column: 3;\r\n opacity: 0.6;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 3;\r\n }\r\n } \r\n\r\n .controlTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr 20px 20px auto 5px;\r\n align-items: center;\r\n\r\n .highlight {\r\n grid-column: 2;\r\n }\r\n\r\n .visibility {\r\n grid-column: 3;\r\n }\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 4;\r\n }\r\n } \r\n \r\n .transformNodeTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n } \r\n\r\n .skeletonTools {\r\n grid-column: 2;\r\n display: grid;\r\n grid-template-columns: 1fr auto 5px;\r\n align-items: center;\r\n\r\n .extensions {\r\n width: 20px;\r\n grid-column: 2;\r\n }\r\n } \r\n\r\n .title {\r\n grid-column: 1;\r\n background: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n min-width: 0;\r\n margin-right: 5px; \r\n display: grid;\r\n align-items: center; \r\n grid-template-columns: 25px 1fr; \r\n height: 24px;\r\n cursor: pointer;\r\n\r\n .titleIcon {\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 .titleText {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden; \r\n }\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11308
11406
|
// Exports
|
|
11309
|
-
|
|
11407
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11310
11408
|
|
|
11311
11409
|
|
|
11312
11410
|
/***/ }),
|
|
11313
11411
|
|
|
11314
11412
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss":
|
|
11315
|
-
|
|
11316
|
-
!***
|
|
11317
|
-
|
|
11318
|
-
/*!
|
|
11319
|
-
/***/ (function(module,
|
|
11413
|
+
/*!****************************************************************************************************************************************************************************************************************************!*\
|
|
11414
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/cjs.js!C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss ***!
|
|
11415
|
+
\****************************************************************************************************************************************************************************************************************************/
|
|
11416
|
+
/*! exports provided: default */
|
|
11417
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11320
11418
|
|
|
11419
|
+
"use strict";
|
|
11420
|
+
__webpack_require__.r(__webpack_exports__);
|
|
11421
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
11422
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
11423
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11424
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
11321
11425
|
// Imports
|
|
11322
|
-
|
|
11323
|
-
|
|
11426
|
+
|
|
11427
|
+
|
|
11428
|
+
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);
|
|
11324
11429
|
// Module
|
|
11325
|
-
exports.push([module.i, ".color-picker-container {\n width: 320px;\n height: 300px;\n background-color: white;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 50% 50px 60px 40px 1fr auto;\n font-family: \"acumin-pro-condensed\";\n font-weight: normal;\n font-size: 14px; }\n .color-picker-container.with-hints {\n height: 380px; }\n .color-picker-container .color-picker-saturation {\n grid-row: 1;\n grid-column: 1;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n position: relative;\n cursor: pointer; }\n .color-picker-container .color-picker-saturation .color-picker-saturation-white {\n grid-row: 1;\n grid-column: 1;\n background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\n background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }\n .color-picker-container .color-picker-saturation .color-picker-saturation-black {\n grid-row: 1;\n grid-column: 1;\n background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));\n background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }\n .color-picker-container .color-picker-saturation .color-picker-saturation-cursor {\n pointer-events: none;\n width: 4px;\n height: 4px;\n box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);\n border-radius: 50%;\n transform: translate(-2px, -2px);\n position: absolute; }\n .color-picker-container .color-picker-hue {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n margin: 10px;\n grid-template-columns: 24% 76%;\n grid-template-rows: 100%; }\n .color-picker-container .color-picker-hue .color-picker-hue-color {\n grid-row: 1;\n grid-column: 1;\n align-self: center;\n justify-self: center;\n width: 30px;\n height: 30px;\n border-radius: 15px;\n border: 1px solid black; }\n .color-picker-container .color-picker-hue .color-picker-hue-slider {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n height: 16px;\n position: relative;\n cursor: pointer;\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }\n .color-picker-container .color-picker-hue .color-picker-hue-slider .color-picker-hue-cursor {\n pointer-events: none;\n width: 8px;\n height: 18px;\n transform: translate(-4px, -2px);\n background-color: #f8f8f8;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n position: absolute; }\n .color-picker-container .color-picker-component {\n display: grid;\n margin: 5px;\n grid-template-columns: 100%;\n grid-template-rows: 50% 50%; }\n .color-picker-container .color-picker-component .color-picker-component-value {\n justify-self: center;\n align-self: center;\n grid-row: 1;\n grid-column: 1;\n margin-bottom: 4px; }\n .color-picker-container .color-picker-component .color-picker-component-value input {\n width: 50px; }\n .color-picker-container .color-picker-component .color-picker-component-label {\n justify-self: center;\n align-self: center;\n grid-row: 2;\n grid-column: 1;\n color: black; }\n .color-picker-container .color-picker-rgb {\n grid-row: 3;\n grid-column: 1;\n display: grid;\n margin: 10px;\n grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\n grid-template-rows: 100%; }\n .color-picker-container .red {\n grid-row: 1;\n grid-column: 1; }\n .color-picker-container .green {\n grid-row: 1;\n grid-column: 3; }\n .color-picker-container .blue {\n grid-row: 1;\n grid-column: 5; }\n .color-picker-container .alpha {\n grid-row: 1;\n grid-column: 7; }\n .color-picker-container .alpha.grayed {\n opacity: 0.5; }\n .color-picker-container .color-picker-hex {\n grid-row: 4;\n grid-column: 1;\n display: grid;\n grid-template-columns: 20% 80%;\n grid-template-rows: 100%; }\n .color-picker-container .color-picker-hex .color-picker-hex-label {\n justify-self: center;\n align-self: center;\n grid-row: 1;\n grid-column: 1;\n margin-left: 10px;\n color: black; }\n .color-picker-container .color-picker-hex .color-picker-hex-value {\n justify-self: left;\n align-self: center;\n grid-row: 1;\n grid-column: 2;\n margin-left: 10px;\n margin-right: 10px; }\n .color-picker-container .color-picker-hex .color-picker-hex-value input {\n width: 70px; }\n .color-picker-container .color-picker-warning {\n color: black;\n font-size: 11px;\n padding: 4px;\n justify-self: left;\n align-self: center;\n grid-row: 6;\n grid-column: 1; }\n", ""]);
|
|
11430
|
+
___CSS_LOADER_EXPORT___.push([module.i, ".color-picker-container {\n width: 320px;\n height: 300px;\n background-color: white;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 50% 50px 60px 40px 1fr auto;\n font-family: \"acumin-pro-condensed\";\n font-weight: normal;\n font-size: 14px; }\n .color-picker-container.with-hints {\n height: 380px; }\n .color-picker-container .color-picker-saturation {\n grid-row: 1;\n grid-column: 1;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n position: relative;\n cursor: pointer; }\n .color-picker-container .color-picker-saturation .color-picker-saturation-white {\n grid-row: 1;\n grid-column: 1;\n background: -webkit-linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\n background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }\n .color-picker-container .color-picker-saturation .color-picker-saturation-black {\n grid-row: 1;\n grid-column: 1;\n background: -webkit-linear-gradient(to top, #000, rgba(0, 0, 0, 0));\n background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }\n .color-picker-container .color-picker-saturation .color-picker-saturation-cursor {\n pointer-events: none;\n width: 4px;\n height: 4px;\n box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);\n border-radius: 50%;\n transform: translate(-2px, -2px);\n position: absolute; }\n .color-picker-container .color-picker-hue {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n margin: 10px;\n grid-template-columns: 24% 76%;\n grid-template-rows: 100%; }\n .color-picker-container .color-picker-hue .color-picker-hue-color {\n grid-row: 1;\n grid-column: 1;\n align-self: center;\n justify-self: center;\n width: 30px;\n height: 30px;\n border-radius: 15px;\n border: 1px solid black; }\n .color-picker-container .color-picker-hue .color-picker-hue-slider {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n height: 16px;\n position: relative;\n cursor: pointer;\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }\n .color-picker-container .color-picker-hue .color-picker-hue-slider .color-picker-hue-cursor {\n pointer-events: none;\n width: 8px;\n height: 18px;\n transform: translate(-4px, -2px);\n background-color: #f8f8f8;\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n position: absolute; }\n .color-picker-container .color-picker-component {\n display: grid;\n margin: 5px;\n grid-template-columns: 100%;\n grid-template-rows: 50% 50%; }\n .color-picker-container .color-picker-component .color-picker-component-value {\n justify-self: center;\n align-self: center;\n grid-row: 1;\n grid-column: 1;\n margin-bottom: 4px; }\n .color-picker-container .color-picker-component .color-picker-component-value input {\n width: 50px; }\n .color-picker-container .color-picker-component .color-picker-component-label {\n justify-self: center;\n align-self: center;\n grid-row: 2;\n grid-column: 1;\n color: black; }\n .color-picker-container .color-picker-rgb {\n grid-row: 3;\n grid-column: 1;\n display: grid;\n margin: 10px;\n grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\n grid-template-rows: 100%; }\n .color-picker-container .red {\n grid-row: 1;\n grid-column: 1; }\n .color-picker-container .green {\n grid-row: 1;\n grid-column: 3; }\n .color-picker-container .blue {\n grid-row: 1;\n grid-column: 5; }\n .color-picker-container .alpha {\n grid-row: 1;\n grid-column: 7; }\n .color-picker-container .alpha.grayed {\n opacity: 0.5; }\n .color-picker-container .color-picker-hex {\n grid-row: 4;\n grid-column: 1;\n display: grid;\n grid-template-columns: 20% 80%;\n grid-template-rows: 100%; }\n .color-picker-container .color-picker-hex .color-picker-hex-label {\n justify-self: center;\n align-self: center;\n grid-row: 1;\n grid-column: 1;\n margin-left: 10px;\n color: black; }\n .color-picker-container .color-picker-hex .color-picker-hex-value {\n justify-self: left;\n align-self: center;\n grid-row: 1;\n grid-column: 2;\n margin-left: 10px;\n margin-right: 10px; }\n .color-picker-container .color-picker-hex .color-picker-hex-value input {\n width: 70px; }\n .color-picker-container .color-picker-warning {\n color: black;\n font-size: 11px;\n padding: 4px;\n justify-self: left;\n align-self: center;\n grid-row: 6;\n grid-column: 1; }\n", "",{"version":3,"sources":["webpack://./sharedUiComponents/colorPicker/colorPicker.scss"],"names":[],"mappings":"AAAA;EACI,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,aAAa;EACb,2BAA2B;EAC3B,+CAA+C;EAC/C,mCAAmC;EACnC,mBAAmB;EACnB,eAAe,EAAA;EATnB;IAYQ,aAAa,EAAA;EAZrB;IAgBQ,WAAW;IACX,cAAc;IACd,aAAa;IACb,2BAA2B;IAC3B,wBAAwB;IACxB,kBAAkB;IAClB,eAAe,EAAA;IAtBvB;MAyBY,WAAW;MACX,cAAc;MAEd,2EAAwE;MACxE,mEAAgE,EAAA;IA7B5E;MAiCY,WAAW;MACX,cAAc;MAEd,mEAAgE;MAChE,2DAAwD,EAAA;IArCpE;MAyCY,oBAAoB;MACpB,UAAU;MACV,WAAW;MACX,kGAA0F;MAC1F,kBAAkB;MAClB,gCAAgC;MAChC,kBAAkB,EAAA;EA/C9B;IAoDQ,WAAW;IACX,cAAc;IACd,aAAa;IACb,YAAY;IACZ,8BAA8B;IAC9B,wBAAwB,EAAA;IAzDhC;MA4DY,WAAW;MACX,cAAc;MACd,kBAAkB;MAClB,oBAAoB;MACpB,WAAW;MACX,YAAY;MACZ,mBAAmB;MACnB,uBAAuB,EAAA;IAnEnC;MAuEY,WAAW;MACX,cAAc;MACd,kBAAkB;MAClB,YAAY;MACZ,kBAAkB;MAClB,eAAe;MAEf,2GACqD;MACrD,mHAC2D,EAAA;MAjFvE;QAoFgB,oBAAoB;QACpB,UAAU;QACV,YAAY;QACZ,gCAAgC;QAChC,yBAAoC;QACpC,2CAA2C;QAC3C,kBAAkB,EAAA;EA1FlC;IAgGQ,aAAa;IACb,WAAW;IACX,2BAA2B;IAC3B,2BAA2B,EAAA;IAnGnC;MAsGY,oBAAoB;MACpB,kBAAkB;MAClB,WAAW;MACX,cAAc;MACd,kBAAkB,EAAA;MA1G9B;QA6GgB,WAAW,EAAA;IA7G3B;MAkHY,oBAAoB;MACpB,kBAAkB;MAClB,WAAW;MACX,cAAc;MACd,YAAW,EAAA;EAtHvB;IA2HQ,WAAW;IACX,cAAc;IACd,aAAa;IACb,YAAY;IACZ,wDAAwD;IACxD,wBAAwB,EAAA;EAhIhC;IAoIQ,WAAW;IACX,cAAc,EAAA;EArItB;IAyIQ,WAAW;IACX,cAAc,EAAA;EA1ItB;IA8IQ,WAAW;IACX,cAAc,EAAA;EA/ItB;IAmJQ,WAAW;IACX,cAAc,EAAA;IApJtB;MAuJY,YAAY,EAAA;EAvJxB;IA4JQ,WAAW;IACX,cAAc;IACd,aAAa;IACb,8BAA8B;IAC9B,wBAAwB,EAAA;IAhKhC;MAmKY,oBAAoB;MACpB,kBAAkB;MAClB,WAAW;MACX,cAAc;MACd,iBAAiB;MACjB,YAAW,EAAA;IAxKvB;MA4KY,kBAAkB;MAClB,kBAAkB;MAClB,WAAW;MACX,cAAc;MACd,iBAAiB;MACjB,kBAAkB,EAAA;MAjL9B;QAoLgB,WAAW,EAAA;EApL3B;IA0LQ,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,cAAc,EAAA","sourcesContent":[".color-picker-container {\r\n width: 320px;\r\n height: 300px;\r\n background-color: white;\r\n display: grid; \r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50px 60px 40px 1fr auto;\r\n font-family: \"acumin-pro-condensed\";\r\n font-weight: normal; \r\n font-size: 14px;\r\n\r\n &.with-hints { \r\n height: 380px;\r\n }\r\n \r\n .color-picker-saturation {\r\n grid-row: 1;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n cursor: pointer;\r\n \r\n .color-picker-saturation-white {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));\r\n background: linear-gradient(to right, #fff, rgba(255,255,255,0));\r\n }\r\n\r\n .color-picker-saturation-black {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));\r\n background: linear-gradient(to top, #000, rgba(0,0,0,0));\r\n }\r\n\r\n .color-picker-saturation-cursor {\r\n pointer-events: none;\r\n width: 4px;\r\n height: 4px;\r\n box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);\r\n border-radius: 50%;\r\n transform: translate(-2px, -2px);\r\n position: absolute;\r\n }\r\n }\r\n\r\n .color-picker-hue {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 24% 76%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hue-color {\r\n grid-row: 1;\r\n grid-column: 1;\r\n align-self: center;\r\n justify-self: center;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 15px;\r\n border: 1px solid black;\r\n }\r\n\r\n .color-picker-hue-slider {\r\n grid-row: 1;\r\n grid-column: 2;\r\n align-self: center;\r\n height: 16px;\r\n position: relative;\r\n cursor: pointer;\r\n \r\n background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\r\n 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -webkit-linear-gradient(to right, #f00 0%, #ff0\r\n 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); \r\n\r\n .color-picker-hue-cursor {\r\n pointer-events: none;\r\n width: 8px;\r\n height: 18px;\r\n transform: translate(-4px, -2px);\r\n background-color: rgb(248, 248, 248);\r\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\r\n position: absolute;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-component {\r\n display: grid;\r\n margin: 5px;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 50% 50%;\r\n\r\n .color-picker-component-value {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-bottom: 4px;\r\n\r\n input {\r\n width: 50px;\r\n }\r\n }\r\n\r\n .color-picker-component-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 2;\r\n grid-column: 1;\r\n color:black;\r\n }\r\n }\r\n\r\n .color-picker-rgb {\r\n grid-row: 3;\r\n grid-column: 1;\r\n display: grid;\r\n margin: 10px;\r\n grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\r\n grid-template-rows: 100%;\r\n }\r\n\r\n .red {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .green {\r\n grid-row: 1;\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-row: 1;\r\n grid-column: 5;\r\n }\r\n\r\n .alpha {\r\n grid-row: 1;\r\n grid-column: 7;\r\n\r\n &.grayed {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n .color-picker-hex {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid; \r\n grid-template-columns: 20% 80%;\r\n grid-template-rows: 100%;\r\n\r\n .color-picker-hex-label {\r\n justify-self: center;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 1;\r\n margin-left: 10px;\r\n color:black;\r\n }\r\n\r\n .color-picker-hex-value {\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 1;\r\n grid-column: 2;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n\r\n input {\r\n width: 70px;\r\n }\r\n }\r\n }\r\n\r\n .color-picker-warning {\r\n color: black;\r\n font-size: 11px;\r\n padding: 4px;\r\n justify-self: left;\r\n align-self: center;\r\n grid-row: 6;\r\n grid-column: 1;\r\n }\r\n}"],"sourceRoot":""}]);
|
|
11326
11431
|
// Exports
|
|
11327
|
-
|
|
11432
|
+
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
11328
11433
|
|
|
11329
11434
|
|
|
11330
11435
|
/***/ }),
|
|
11331
11436
|
|
|
11332
11437
|
/***/ "../../../../node_modules/css-loader/dist/runtime/api.js":
|
|
11333
|
-
|
|
11334
|
-
!***
|
|
11335
|
-
|
|
11438
|
+
/*!************************************************************************************************!*\
|
|
11439
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
|
|
11440
|
+
\************************************************************************************************/
|
|
11336
11441
|
/*! no static exports found */
|
|
11337
11442
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11338
11443
|
|
|
@@ -11345,27 +11450,27 @@ module.exports = exports;
|
|
|
11345
11450
|
*/
|
|
11346
11451
|
// css base code, injected by the css-loader
|
|
11347
11452
|
// eslint-disable-next-line func-names
|
|
11348
|
-
module.exports = function (
|
|
11453
|
+
module.exports = function (cssWithMappingToString) {
|
|
11349
11454
|
var list = []; // return the list of modules as css string
|
|
11350
11455
|
|
|
11351
11456
|
list.toString = function toString() {
|
|
11352
11457
|
return this.map(function (item) {
|
|
11353
|
-
var content = cssWithMappingToString(item
|
|
11458
|
+
var content = cssWithMappingToString(item);
|
|
11354
11459
|
|
|
11355
11460
|
if (item[2]) {
|
|
11356
11461
|
return "@media ".concat(item[2], " {").concat(content, "}");
|
|
11357
11462
|
}
|
|
11358
11463
|
|
|
11359
11464
|
return content;
|
|
11360
|
-
}).join(
|
|
11465
|
+
}).join("");
|
|
11361
11466
|
}; // import a list of modules into the list
|
|
11362
11467
|
// eslint-disable-next-line func-names
|
|
11363
11468
|
|
|
11364
11469
|
|
|
11365
11470
|
list.i = function (modules, mediaQuery, dedupe) {
|
|
11366
|
-
if (typeof modules ===
|
|
11471
|
+
if (typeof modules === "string") {
|
|
11367
11472
|
// eslint-disable-next-line no-param-reassign
|
|
11368
|
-
modules = [[null, modules,
|
|
11473
|
+
modules = [[null, modules, ""]];
|
|
11369
11474
|
}
|
|
11370
11475
|
|
|
11371
11476
|
var alreadyImportedModules = {};
|
|
@@ -11404,40 +11509,59 @@ module.exports = function (useSourceMap) {
|
|
|
11404
11509
|
return list;
|
|
11405
11510
|
};
|
|
11406
11511
|
|
|
11407
|
-
|
|
11408
|
-
|
|
11512
|
+
/***/ }),
|
|
11513
|
+
|
|
11514
|
+
/***/ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js":
|
|
11515
|
+
/*!*******************************************************************************************************************!*\
|
|
11516
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/runtime/cssWithMappingToString.js ***!
|
|
11517
|
+
\*******************************************************************************************************************/
|
|
11518
|
+
/*! no static exports found */
|
|
11519
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
11520
|
+
|
|
11521
|
+
"use strict";
|
|
11522
|
+
|
|
11409
11523
|
|
|
11410
|
-
|
|
11524
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11525
|
+
|
|
11526
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11527
|
+
|
|
11528
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11529
|
+
|
|
11530
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
11531
|
+
|
|
11532
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
11533
|
+
|
|
11534
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11535
|
+
|
|
11536
|
+
module.exports = function cssWithMappingToString(item) {
|
|
11537
|
+
var _item = _slicedToArray(item, 4),
|
|
11538
|
+
content = _item[1],
|
|
11539
|
+
cssMapping = _item[3];
|
|
11411
11540
|
|
|
11412
11541
|
if (!cssMapping) {
|
|
11413
11542
|
return content;
|
|
11414
11543
|
}
|
|
11415
11544
|
|
|
11416
|
-
if (
|
|
11417
|
-
|
|
11545
|
+
if (typeof btoa === "function") {
|
|
11546
|
+
// eslint-disable-next-line no-undef
|
|
11547
|
+
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
|
|
11548
|
+
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
|
|
11549
|
+
var sourceMapping = "/*# ".concat(data, " */");
|
|
11418
11550
|
var sourceURLs = cssMapping.sources.map(function (source) {
|
|
11419
|
-
return "/*# sourceURL=".concat(cssMapping.sourceRoot ||
|
|
11551
|
+
return "/*# sourceURL=".concat(cssMapping.sourceRoot || "").concat(source, " */");
|
|
11420
11552
|
});
|
|
11421
|
-
return [content].concat(sourceURLs).concat([sourceMapping]).join(
|
|
11553
|
+
return [content].concat(sourceURLs).concat([sourceMapping]).join("\n");
|
|
11422
11554
|
}
|
|
11423
11555
|
|
|
11424
|
-
return [content].join(
|
|
11425
|
-
}
|
|
11426
|
-
|
|
11427
|
-
|
|
11428
|
-
function toComment(sourceMap) {
|
|
11429
|
-
// eslint-disable-next-line no-undef
|
|
11430
|
-
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
|
|
11431
|
-
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
|
|
11432
|
-
return "/*# ".concat(data, " */");
|
|
11433
|
-
}
|
|
11556
|
+
return [content].join("\n");
|
|
11557
|
+
};
|
|
11434
11558
|
|
|
11435
11559
|
/***/ }),
|
|
11436
11560
|
|
|
11437
11561
|
/***/ "../../../../node_modules/gif.js.optimized/dist/gif.js":
|
|
11438
|
-
|
|
11439
|
-
!***
|
|
11440
|
-
|
|
11562
|
+
/*!**********************************************************************************************!*\
|
|
11563
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/gif.js.optimized/dist/gif.js ***!
|
|
11564
|
+
\**********************************************************************************************/
|
|
11441
11565
|
/*! no static exports found */
|
|
11442
11566
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11443
11567
|
|
|
@@ -11447,9 +11571,9 @@ function toComment(sourceMap) {
|
|
|
11447
11571
|
/***/ }),
|
|
11448
11572
|
|
|
11449
11573
|
/***/ "../../../../node_modules/object-assign/index.js":
|
|
11450
|
-
|
|
11451
|
-
!***
|
|
11452
|
-
|
|
11574
|
+
/*!****************************************************************************************!*\
|
|
11575
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/object-assign/index.js ***!
|
|
11576
|
+
\****************************************************************************************/
|
|
11453
11577
|
/*! no static exports found */
|
|
11454
11578
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11455
11579
|
|
|
@@ -11549,9 +11673,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
|
11549
11673
|
/***/ }),
|
|
11550
11674
|
|
|
11551
11675
|
/***/ "../../../../node_modules/process/browser.js":
|
|
11552
|
-
|
|
11553
|
-
!***
|
|
11554
|
-
|
|
11676
|
+
/*!************************************************************************************!*\
|
|
11677
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/process/browser.js ***!
|
|
11678
|
+
\************************************************************************************/
|
|
11555
11679
|
/*! no static exports found */
|
|
11556
11680
|
/***/ (function(module, exports) {
|
|
11557
11681
|
|
|
@@ -11744,9 +11868,9 @@ process.umask = function() { return 0; };
|
|
|
11744
11868
|
/***/ }),
|
|
11745
11869
|
|
|
11746
11870
|
/***/ "../../../../node_modules/prop-types/checkPropTypes.js":
|
|
11747
|
-
|
|
11748
|
-
!***
|
|
11749
|
-
|
|
11871
|
+
/*!**********************************************************************************************!*\
|
|
11872
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
|
|
11873
|
+
\**********************************************************************************************/
|
|
11750
11874
|
/*! no static exports found */
|
|
11751
11875
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11752
11876
|
|
|
@@ -11858,9 +11982,9 @@ module.exports = checkPropTypes;
|
|
|
11858
11982
|
/***/ }),
|
|
11859
11983
|
|
|
11860
11984
|
/***/ "../../../../node_modules/prop-types/factoryWithTypeCheckers.js":
|
|
11861
|
-
|
|
11862
|
-
!***
|
|
11863
|
-
|
|
11985
|
+
/*!*******************************************************************************************************!*\
|
|
11986
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
|
|
11987
|
+
\*******************************************************************************************************/
|
|
11864
11988
|
/*! no static exports found */
|
|
11865
11989
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11866
11990
|
|
|
@@ -12461,9 +12585,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
|
|
|
12461
12585
|
/***/ }),
|
|
12462
12586
|
|
|
12463
12587
|
/***/ "../../../../node_modules/prop-types/index.js":
|
|
12464
|
-
|
|
12465
|
-
!***
|
|
12466
|
-
|
|
12588
|
+
/*!*************************************************************************************!*\
|
|
12589
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/index.js ***!
|
|
12590
|
+
\*************************************************************************************/
|
|
12467
12591
|
/*! no static exports found */
|
|
12468
12592
|
/***/ (function(module, exports, __webpack_require__) {
|
|
12469
12593
|
|
|
@@ -12487,9 +12611,9 @@ if (true) {
|
|
|
12487
12611
|
/***/ }),
|
|
12488
12612
|
|
|
12489
12613
|
/***/ "../../../../node_modules/prop-types/lib/ReactPropTypesSecret.js":
|
|
12490
|
-
|
|
12491
|
-
!***
|
|
12492
|
-
|
|
12614
|
+
/*!********************************************************************************************************!*\
|
|
12615
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
|
|
12616
|
+
\********************************************************************************************************/
|
|
12493
12617
|
/*! no static exports found */
|
|
12494
12618
|
/***/ (function(module, exports, __webpack_require__) {
|
|
12495
12619
|
|
|
@@ -12511,9 +12635,9 @@ module.exports = ReactPropTypesSecret;
|
|
|
12511
12635
|
/***/ }),
|
|
12512
12636
|
|
|
12513
12637
|
/***/ "../../../../node_modules/react-contextmenu/es6/AbstractMenu.js":
|
|
12514
|
-
|
|
12515
|
-
!***
|
|
12516
|
-
|
|
12638
|
+
/*!*******************************************************************************************************!*\
|
|
12639
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
|
|
12640
|
+
\*******************************************************************************************************/
|
|
12517
12641
|
/*! exports provided: default */
|
|
12518
12642
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12519
12643
|
|
|
@@ -12737,9 +12861,9 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
12737
12861
|
/***/ }),
|
|
12738
12862
|
|
|
12739
12863
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenu.js":
|
|
12740
|
-
|
|
12741
|
-
!***
|
|
12742
|
-
|
|
12864
|
+
/*!******************************************************************************************************!*\
|
|
12865
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
|
|
12866
|
+
\******************************************************************************************************/
|
|
12743
12867
|
/*! exports provided: default */
|
|
12744
12868
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12745
12869
|
|
|
@@ -13054,9 +13178,9 @@ ContextMenu.defaultProps = {
|
|
|
13054
13178
|
/***/ }),
|
|
13055
13179
|
|
|
13056
13180
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenuTrigger.js":
|
|
13057
|
-
|
|
13058
|
-
!***
|
|
13059
|
-
|
|
13181
|
+
/*!*************************************************************************************************************!*\
|
|
13182
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
|
|
13183
|
+
\*************************************************************************************************************/
|
|
13060
13184
|
/*! exports provided: default */
|
|
13061
13185
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13062
13186
|
|
|
@@ -13254,9 +13378,9 @@ ContextMenuTrigger.defaultProps = {
|
|
|
13254
13378
|
/***/ }),
|
|
13255
13379
|
|
|
13256
13380
|
/***/ "../../../../node_modules/react-contextmenu/es6/MenuItem.js":
|
|
13257
|
-
|
|
13258
|
-
!***
|
|
13259
|
-
|
|
13381
|
+
/*!***************************************************************************************************!*\
|
|
13382
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
|
|
13383
|
+
\***************************************************************************************************/
|
|
13260
13384
|
/*! exports provided: default */
|
|
13261
13385
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13262
13386
|
|
|
@@ -13394,9 +13518,9 @@ MenuItem.defaultProps = {
|
|
|
13394
13518
|
/***/ }),
|
|
13395
13519
|
|
|
13396
13520
|
/***/ "../../../../node_modules/react-contextmenu/es6/SubMenu.js":
|
|
13397
|
-
|
|
13398
|
-
!***
|
|
13399
|
-
|
|
13521
|
+
/*!**************************************************************************************************!*\
|
|
13522
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
|
|
13523
|
+
\**************************************************************************************************/
|
|
13400
13524
|
/*! exports provided: default */
|
|
13401
13525
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13402
13526
|
|
|
@@ -13734,9 +13858,9 @@ SubMenu.defaultProps = {
|
|
|
13734
13858
|
/***/ }),
|
|
13735
13859
|
|
|
13736
13860
|
/***/ "../../../../node_modules/react-contextmenu/es6/actions.js":
|
|
13737
|
-
|
|
13738
|
-
!***
|
|
13739
|
-
|
|
13861
|
+
/*!**************************************************************************************************!*\
|
|
13862
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
|
|
13863
|
+
\**************************************************************************************************/
|
|
13740
13864
|
/*! exports provided: MENU_SHOW, MENU_HIDE, dispatchGlobalEvent, showMenu, hideMenu */
|
|
13741
13865
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13742
13866
|
|
|
@@ -13794,9 +13918,9 @@ function hideMenu() {
|
|
|
13794
13918
|
/***/ }),
|
|
13795
13919
|
|
|
13796
13920
|
/***/ "../../../../node_modules/react-contextmenu/es6/connectMenu.js":
|
|
13797
|
-
|
|
13798
|
-
!***
|
|
13799
|
-
|
|
13921
|
+
/*!******************************************************************************************************!*\
|
|
13922
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
|
|
13923
|
+
\******************************************************************************************************/
|
|
13800
13924
|
/*! exports provided: default */
|
|
13801
13925
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13802
13926
|
|
|
@@ -13892,9 +14016,9 @@ var ignoredTriggerProps = [].concat(_toConsumableArray(Object.keys(_ContextMenuT
|
|
|
13892
14016
|
/***/ }),
|
|
13893
14017
|
|
|
13894
14018
|
/***/ "../../../../node_modules/react-contextmenu/es6/globalEventListener.js":
|
|
13895
|
-
|
|
13896
|
-
!***
|
|
13897
|
-
|
|
14019
|
+
/*!**************************************************************************************************************!*\
|
|
14020
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
|
|
14021
|
+
\**************************************************************************************************************/
|
|
13898
14022
|
/*! exports provided: default */
|
|
13899
14023
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13900
14024
|
|
|
@@ -13954,9 +14078,9 @@ var GlobalEventListener = function GlobalEventListener() {
|
|
|
13954
14078
|
/***/ }),
|
|
13955
14079
|
|
|
13956
14080
|
/***/ "../../../../node_modules/react-contextmenu/es6/helpers.js":
|
|
13957
|
-
|
|
13958
|
-
!***
|
|
13959
|
-
|
|
14081
|
+
/*!**************************************************************************************************!*\
|
|
14082
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
|
|
14083
|
+
\**************************************************************************************************/
|
|
13960
14084
|
/*! exports provided: callIfExists, hasOwnProp, uniqueId, cssClasses, store, canUseDOM */
|
|
13961
14085
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
13962
14086
|
|
|
@@ -14003,9 +14127,9 @@ var canUseDOM = Boolean(typeof window !== 'undefined' && window.document && wind
|
|
|
14003
14127
|
/***/ }),
|
|
14004
14128
|
|
|
14005
14129
|
/***/ "../../../../node_modules/react-contextmenu/es6/index.js":
|
|
14006
|
-
|
|
14007
|
-
!***
|
|
14008
|
-
|
|
14130
|
+
/*!************************************************************************************************!*\
|
|
14131
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
|
|
14132
|
+
\************************************************************************************************/
|
|
14009
14133
|
/*! exports provided: ContextMenu, ContextMenuTrigger, MenuItem, SubMenu, connectMenu, hideMenu, showMenu */
|
|
14010
14134
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
14011
14135
|
|
|
@@ -14041,9 +14165,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14041
14165
|
/***/ }),
|
|
14042
14166
|
|
|
14043
14167
|
/***/ "../../../../node_modules/react-dom/cjs/react-dom.development.js":
|
|
14044
|
-
|
|
14045
|
-
!***
|
|
14046
|
-
|
|
14168
|
+
/*!********************************************************************************************************!*\
|
|
14169
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
|
|
14170
|
+
\********************************************************************************************************/
|
|
14047
14171
|
/*! no static exports found */
|
|
14048
14172
|
/***/ (function(module, exports, __webpack_require__) {
|
|
14049
14173
|
|
|
@@ -39065,9 +39189,9 @@ exports.version = ReactVersion;
|
|
|
39065
39189
|
/***/ }),
|
|
39066
39190
|
|
|
39067
39191
|
/***/ "../../../../node_modules/react-dom/index.js":
|
|
39068
|
-
|
|
39069
|
-
!***
|
|
39070
|
-
|
|
39192
|
+
/*!************************************************************************************!*\
|
|
39193
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/index.js ***!
|
|
39194
|
+
\************************************************************************************/
|
|
39071
39195
|
/*! no static exports found */
|
|
39072
39196
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39073
39197
|
|
|
@@ -39110,9 +39234,9 @@ if (false) {} else {
|
|
|
39110
39234
|
/***/ }),
|
|
39111
39235
|
|
|
39112
39236
|
/***/ "../../../../node_modules/react-is/cjs/react-is.development.js":
|
|
39113
|
-
|
|
39114
|
-
!***
|
|
39115
|
-
|
|
39237
|
+
/*!******************************************************************************************************!*\
|
|
39238
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
|
|
39239
|
+
\******************************************************************************************************/
|
|
39116
39240
|
/*! no static exports found */
|
|
39117
39241
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39118
39242
|
|
|
@@ -39303,9 +39427,9 @@ exports.typeOf = typeOf;
|
|
|
39303
39427
|
/***/ }),
|
|
39304
39428
|
|
|
39305
39429
|
/***/ "../../../../node_modules/react-is/index.js":
|
|
39306
|
-
|
|
39307
|
-
!***
|
|
39308
|
-
|
|
39430
|
+
/*!***********************************************************************************!*\
|
|
39431
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/index.js ***!
|
|
39432
|
+
\***********************************************************************************/
|
|
39309
39433
|
/*! no static exports found */
|
|
39310
39434
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39311
39435
|
|
|
@@ -39320,9 +39444,9 @@ if (false) {} else {
|
|
|
39320
39444
|
/***/ }),
|
|
39321
39445
|
|
|
39322
39446
|
/***/ "../../../../node_modules/react/cjs/react.development.js":
|
|
39323
|
-
|
|
39324
|
-
!***
|
|
39325
|
-
|
|
39447
|
+
/*!************************************************************************************************!*\
|
|
39448
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/cjs/react.development.js ***!
|
|
39449
|
+
\************************************************************************************************/
|
|
39326
39450
|
/*! no static exports found */
|
|
39327
39451
|
/***/ (function(module, exports, __webpack_require__) {
|
|
39328
39452
|
|
|
@@ -41244,9 +41368,9 @@ exports.version = ReactVersion;
|
|
|
41244
41368
|
/***/ }),
|
|
41245
41369
|
|
|
41246
41370
|
/***/ "../../../../node_modules/react/index.js":
|
|
41247
|
-
|
|
41248
|
-
!***
|
|
41249
|
-
|
|
41371
|
+
/*!********************************************************************************!*\
|
|
41372
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/index.js ***!
|
|
41373
|
+
\********************************************************************************/
|
|
41250
41374
|
/*! no static exports found */
|
|
41251
41375
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41252
41376
|
|
|
@@ -41261,9 +41385,9 @@ if (false) {} else {
|
|
|
41261
41385
|
/***/ }),
|
|
41262
41386
|
|
|
41263
41387
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler-tracing.development.js":
|
|
41264
|
-
|
|
41265
|
-
!***
|
|
41266
|
-
|
|
41388
|
+
/*!****************************************************************************************************************!*\
|
|
41389
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
|
|
41390
|
+
\****************************************************************************************************************/
|
|
41267
41391
|
/*! no static exports found */
|
|
41268
41392
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41269
41393
|
|
|
@@ -41622,9 +41746,9 @@ exports.unstable_wrap = unstable_wrap;
|
|
|
41622
41746
|
/***/ }),
|
|
41623
41747
|
|
|
41624
41748
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler.development.js":
|
|
41625
|
-
|
|
41626
|
-
!***
|
|
41627
|
-
|
|
41749
|
+
/*!********************************************************************************************************!*\
|
|
41750
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
|
|
41751
|
+
\********************************************************************************************************/
|
|
41628
41752
|
/*! no static exports found */
|
|
41629
41753
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41630
41754
|
|
|
@@ -42492,9 +42616,9 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
|
|
|
42492
42616
|
/***/ }),
|
|
42493
42617
|
|
|
42494
42618
|
/***/ "../../../../node_modules/scheduler/index.js":
|
|
42495
|
-
|
|
42496
|
-
!***
|
|
42497
|
-
|
|
42619
|
+
/*!************************************************************************************!*\
|
|
42620
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/index.js ***!
|
|
42621
|
+
\************************************************************************************/
|
|
42498
42622
|
/*! no static exports found */
|
|
42499
42623
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42500
42624
|
|
|
@@ -42509,9 +42633,9 @@ if (false) {} else {
|
|
|
42509
42633
|
/***/ }),
|
|
42510
42634
|
|
|
42511
42635
|
/***/ "../../../../node_modules/scheduler/tracing.js":
|
|
42512
|
-
|
|
42513
|
-
!***
|
|
42514
|
-
|
|
42636
|
+
/*!**************************************************************************************!*\
|
|
42637
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/tracing.js ***!
|
|
42638
|
+
\**************************************************************************************/
|
|
42515
42639
|
/*! no static exports found */
|
|
42516
42640
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42517
42641
|
|
|
@@ -42526,9 +42650,9 @@ if (false) {} else {
|
|
|
42526
42650
|
/***/ }),
|
|
42527
42651
|
|
|
42528
42652
|
/***/ "../../../../node_modules/setimmediate/setImmediate.js":
|
|
42529
|
-
|
|
42530
|
-
!***
|
|
42531
|
-
|
|
42653
|
+
/*!**********************************************************************************************!*\
|
|
42654
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
|
|
42655
|
+
\**********************************************************************************************/
|
|
42532
42656
|
/*! no static exports found */
|
|
42533
42657
|
/***/ (function(module, exports, __webpack_require__) {
|
|
42534
42658
|
|
|
@@ -42724,9 +42848,9 @@ if (false) {} else {
|
|
|
42724
42848
|
/***/ }),
|
|
42725
42849
|
|
|
42726
42850
|
/***/ "../../../../node_modules/split.js/dist/split.es.js":
|
|
42727
|
-
|
|
42728
|
-
!***
|
|
42729
|
-
|
|
42851
|
+
/*!*******************************************************************************************!*\
|
|
42852
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/split.js/dist/split.es.js ***!
|
|
42853
|
+
\*******************************************************************************************/
|
|
42730
42854
|
/*! exports provided: default */
|
|
42731
42855
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
42732
42856
|
|
|
@@ -42895,16 +43019,19 @@ var Split = function (idsOption, options) {
|
|
|
42895
43019
|
// Set default options.sizes to equal percentages of the parent element.
|
|
42896
43020
|
var sizes = getOption(options, 'sizes') || ids.map(function () { return 100 / ids.length; });
|
|
42897
43021
|
|
|
42898
|
-
// Standardize minSize to an array if it isn't already.
|
|
42899
|
-
// to be passed as a number.
|
|
43022
|
+
// Standardize minSize and maxSize to an array if it isn't already.
|
|
43023
|
+
// This allows minSize and maxSize to be passed as a number.
|
|
42900
43024
|
var minSize = getOption(options, 'minSize', 100);
|
|
42901
43025
|
var minSizes = Array.isArray(minSize) ? minSize : ids.map(function () { return minSize; });
|
|
43026
|
+
var maxSize = getOption(options, 'maxSize', Infinity);
|
|
43027
|
+
var maxSizes = Array.isArray(maxSize) ? maxSize : ids.map(function () { return maxSize; });
|
|
42902
43028
|
|
|
42903
43029
|
// Get other options
|
|
42904
43030
|
var expandToMin = getOption(options, 'expandToMin', false);
|
|
42905
43031
|
var gutterSize = getOption(options, 'gutterSize', 10);
|
|
42906
43032
|
var gutterAlign = getOption(options, 'gutterAlign', 'center');
|
|
42907
43033
|
var snapOffset = getOption(options, 'snapOffset', 30);
|
|
43034
|
+
var snapOffsets = Array.isArray(snapOffset) ? snapOffset : ids.map(function () { return snapOffset; });
|
|
42908
43035
|
var dragInterval = getOption(options, 'dragInterval', 1);
|
|
42909
43036
|
var direction = getOption(options, 'direction', HORIZONTAL);
|
|
42910
43037
|
var cursor = getOption(
|
|
@@ -43035,15 +43162,24 @@ var Split = function (idsOption, options) {
|
|
|
43035
43162
|
// If within snapOffset of min or max, set offset to min or max.
|
|
43036
43163
|
// snapOffset buffers a.minSize and b.minSize, so logic is opposite for both.
|
|
43037
43164
|
// Include the appropriate gutter sizes to prevent overflows.
|
|
43038
|
-
if (offset <= a.minSize + snapOffset + this[aGutterSize]) {
|
|
43165
|
+
if (offset <= a.minSize + a.snapOffset + this[aGutterSize]) {
|
|
43039
43166
|
offset = a.minSize + this[aGutterSize];
|
|
43040
43167
|
} else if (
|
|
43041
43168
|
offset >=
|
|
43042
|
-
this.size - (b.minSize + snapOffset + this[bGutterSize])
|
|
43169
|
+
this.size - (b.minSize + b.snapOffset + this[bGutterSize])
|
|
43043
43170
|
) {
|
|
43044
43171
|
offset = this.size - (b.minSize + this[bGutterSize]);
|
|
43045
43172
|
}
|
|
43046
43173
|
|
|
43174
|
+
if (offset >= a.maxSize - a.snapOffset + this[aGutterSize]) {
|
|
43175
|
+
offset = a.maxSize + this[aGutterSize];
|
|
43176
|
+
} else if (
|
|
43177
|
+
offset <=
|
|
43178
|
+
this.size - (b.maxSize - b.snapOffset + this[bGutterSize])
|
|
43179
|
+
) {
|
|
43180
|
+
offset = this.size - (b.maxSize + this[bGutterSize]);
|
|
43181
|
+
}
|
|
43182
|
+
|
|
43047
43183
|
// Actually adjust the size.
|
|
43048
43184
|
adjust.call(this, offset);
|
|
43049
43185
|
|
|
@@ -43317,6 +43453,8 @@ var Split = function (idsOption, options) {
|
|
|
43317
43453
|
element: elementOrSelector(id),
|
|
43318
43454
|
size: sizes[i],
|
|
43319
43455
|
minSize: minSizes[i],
|
|
43456
|
+
maxSize: maxSizes[i],
|
|
43457
|
+
snapOffset: snapOffsets[i],
|
|
43320
43458
|
i: i,
|
|
43321
43459
|
};
|
|
43322
43460
|
|
|
@@ -43496,9 +43634,9 @@ var Split = function (idsOption, options) {
|
|
|
43496
43634
|
/***/ }),
|
|
43497
43635
|
|
|
43498
43636
|
/***/ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
|
43499
|
-
|
|
43500
|
-
!***
|
|
43501
|
-
|
|
43637
|
+
/*!***********************************************************************************************************************!*\
|
|
43638
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
|
43639
|
+
\***********************************************************************************************************************/
|
|
43502
43640
|
/*! no static exports found */
|
|
43503
43641
|
/***/ (function(module, exports, __webpack_require__) {
|
|
43504
43642
|
|
|
@@ -43776,9 +43914,9 @@ module.exports = function (list, options) {
|
|
|
43776
43914
|
/***/ }),
|
|
43777
43915
|
|
|
43778
43916
|
/***/ "../../../../node_modules/timers-browserify/main.js":
|
|
43779
|
-
|
|
43780
|
-
!***
|
|
43781
|
-
|
|
43917
|
+
/*!*******************************************************************************************!*\
|
|
43918
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/timers-browserify/main.js ***!
|
|
43919
|
+
\*******************************************************************************************/
|
|
43782
43920
|
/*! no static exports found */
|
|
43783
43921
|
/***/ (function(module, exports, __webpack_require__) {
|
|
43784
43922
|
|
|
@@ -43851,9 +43989,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
|
|
|
43851
43989
|
/***/ }),
|
|
43852
43990
|
|
|
43853
43991
|
/***/ "../../../../node_modules/tslib/tslib.es6.js":
|
|
43854
|
-
|
|
43855
|
-
!***
|
|
43856
|
-
|
|
43992
|
+
/*!************************************************************************************!*\
|
|
43993
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/tslib/tslib.es6.js ***!
|
|
43994
|
+
\************************************************************************************/
|
|
43857
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 */
|
|
43858
43996
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
43859
43997
|
|
|
@@ -44158,9 +44296,9 @@ module.exports = g;
|
|
|
44158
44296
|
/***/ }),
|
|
44159
44297
|
|
|
44160
44298
|
/***/ "../../node_modules/re-resizable/lib/index.es5.js":
|
|
44161
|
-
|
|
44162
|
-
!***
|
|
44163
|
-
|
|
44299
|
+
/*!***************************************************************************************************************!*\
|
|
44300
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/.temp/sourceES6/node_modules/re-resizable/lib/index.es5.js ***!
|
|
44301
|
+
\***************************************************************************************************************/
|
|
44164
44302
|
/*! no static exports found */
|
|
44165
44303
|
/***/ (function(module, exports, __webpack_require__) {
|
|
44166
44304
|
|
|
@@ -45295,8 +45433,8 @@ var QuaternionLineComponent = /** @class */ (function (_super) {
|
|
|
45295
45433
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine", title: this.props.label + " (Using Quaternion)" },
|
|
45296
45434
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label" }, this.props.label + " (Using Quaternion)"),
|
|
45297
45435
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" },
|
|
45298
|
-
!this.props.useEuler && "X: "
|
|
45299
|
-
this.props.useEuler && "X: "
|
|
45436
|
+
!this.props.useEuler && "X: ".concat(quat.x.toFixed(1), ", Y: ").concat(quat.y.toFixed(1), ", Z: ").concat(quat.z.toFixed(1), ", W: ").concat(quat.w.toFixed(1)),
|
|
45437
|
+
this.props.useEuler && "X: ".concat(eulerDegrees.x.toFixed(2), ", Y: ").concat(eulerDegrees.y.toFixed(2), ", Z: ").concat(eulerDegrees.z.toFixed(2))),
|
|
45300
45438
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand", onClick: function () { return _this.switchExpandState(); } }, chevron)),
|
|
45301
45439
|
this.state.isExpanded && !this.props.useEuler && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
45302
45440
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "x", value: quat.x, onChange: function (value) { return _this.updateStateX(value); } }),
|
|
@@ -45361,10 +45499,11 @@ var TextureLineComponent = /** @class */ (function (_super) {
|
|
|
45361
45499
|
this.updatePreview();
|
|
45362
45500
|
};
|
|
45363
45501
|
TextureLineComponent.prototype.updatePreview = function () {
|
|
45502
|
+
var _a;
|
|
45364
45503
|
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
|
|
45365
|
-
var previewCanvas, texture, size, ratio, width, height, data, context, imageData, castData, e_1;
|
|
45366
|
-
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (
|
|
45367
|
-
switch (
|
|
45504
|
+
var previewCanvas, texture, size, ratio, width, height, engine, data, context, imageData, castData, e_1;
|
|
45505
|
+
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_b) {
|
|
45506
|
+
switch (_b.label) {
|
|
45368
45507
|
case 0:
|
|
45369
45508
|
previewCanvas = this.canvasRef.current;
|
|
45370
45509
|
texture = this.props.texture;
|
|
@@ -45372,12 +45511,18 @@ var TextureLineComponent = /** @class */ (function (_super) {
|
|
|
45372
45511
|
ratio = size.width / size.height;
|
|
45373
45512
|
width = this.props.width;
|
|
45374
45513
|
height = (width / ratio) | 1;
|
|
45375
|
-
_a
|
|
45514
|
+
engine = (_a = this.props.texture.getScene()) === null || _a === void 0 ? void 0 : _a.getEngine();
|
|
45515
|
+
if (engine && height > engine.getCaps().maxTextureSize) {
|
|
45516
|
+
// the texture.width/texture.height ratio is too small, so use the real width/height dimensions of the texture instead of the canvas width/computed height
|
|
45517
|
+
width = this.props.texture.getSize().width;
|
|
45518
|
+
height = this.props.texture.getSize().height;
|
|
45519
|
+
}
|
|
45520
|
+
_b.label = 1;
|
|
45376
45521
|
case 1:
|
|
45377
|
-
|
|
45522
|
+
_b.trys.push([1, 3, , 4]);
|
|
45378
45523
|
return [4 /*yield*/, _textureHelper__WEBPACK_IMPORTED_MODULE_3__["TextureHelper"].GetTextureDataAsync(texture, width, height, this.state.face, this.state.channels, this.props.globalState)];
|
|
45379
45524
|
case 2:
|
|
45380
|
-
data =
|
|
45525
|
+
data = _b.sent();
|
|
45381
45526
|
previewCanvas.width = width;
|
|
45382
45527
|
previewCanvas.height = height;
|
|
45383
45528
|
context = previewCanvas.getContext("2d");
|
|
@@ -45390,7 +45535,7 @@ var TextureLineComponent = /** @class */ (function (_super) {
|
|
|
45390
45535
|
previewCanvas.style.height = height + "px";
|
|
45391
45536
|
return [3 /*break*/, 4];
|
|
45392
45537
|
case 3:
|
|
45393
|
-
e_1 =
|
|
45538
|
+
e_1 = _b.sent();
|
|
45394
45539
|
previewCanvas.width = width;
|
|
45395
45540
|
previewCanvas.height = height;
|
|
45396
45541
|
previewCanvas.style.height = height + "px";
|
|
@@ -45592,7 +45737,7 @@ var TextureLinkLineComponent = /** @class */ (function (_super) {
|
|
|
45592
45737
|
var texture = this.props.texture;
|
|
45593
45738
|
if (!texture) {
|
|
45594
45739
|
if (this.props.propertyName || this.props.onTextureCreated) {
|
|
45595
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_6__["FileButtonLineComponent"], { label: "Add "
|
|
45740
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_6__["FileButtonLineComponent"], { label: "Add ".concat(this.props.label, " texture"), onClick: function (file) { return _this.updateTexture(file); }, accept: ".jpg, .png, .tga, .dds, .env" });
|
|
45596
45741
|
}
|
|
45597
45742
|
return null;
|
|
45598
45743
|
}
|
|
@@ -45873,7 +46018,7 @@ var GradientStepComponent = /** @class */ (function (_super) {
|
|
|
45873
46018
|
var _this = this;
|
|
45874
46019
|
var step = this.props.step;
|
|
45875
46020
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
45876
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
46021
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
45877
46022
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color" },
|
|
45878
46023
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_colorPickerComponent__WEBPACK_IMPORTED_MODULE_3__["ColorPickerLineComponent"], { value: step.color, onColorChanged: function (color) {
|
|
45879
46024
|
_this.updateColor(color);
|
|
@@ -45953,10 +46098,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45953
46098
|
|
|
45954
46099
|
|
|
45955
46100
|
__webpack_require__(/*! ./scss/performanceViewer.scss */ "./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss");
|
|
45956
|
-
//
|
|
46101
|
+
// arbitrary window size
|
|
45957
46102
|
var initialWindowSize = { width: 1024, height: 512 };
|
|
45958
|
-
|
|
45959
|
-
var isEnabled = false;
|
|
46103
|
+
var initialGraphSize = { width: 724, height: 512 };
|
|
45960
46104
|
var IPerfMetadataCategory;
|
|
45961
46105
|
(function (IPerfMetadataCategory) {
|
|
45962
46106
|
IPerfMetadataCategory["Count"] = "Count";
|
|
@@ -45970,7 +46114,7 @@ var defaultStrategiesList = [
|
|
|
45970
46114
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].ActiveIndicesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45971
46115
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].ActiveBonesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45972
46116
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].ActiveParticlesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45973
|
-
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].DrawCallsStrategy(), category: IPerfMetadataCategory.Count },
|
|
46117
|
+
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].DrawCallsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45974
46118
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalLightsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45975
46119
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalVerticesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45976
46120
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalMaterialsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
@@ -46019,9 +46163,9 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46019
46163
|
title: "Realtime Performance Viewer",
|
|
46020
46164
|
onClose: onClosePerformanceViewer,
|
|
46021
46165
|
onResize: onResize,
|
|
46022
|
-
size: initialWindowSize
|
|
46166
|
+
size: initialWindowSize,
|
|
46023
46167
|
},
|
|
46024
|
-
children: react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_performanceViewerPopupComponent__WEBPACK_IMPORTED_MODULE_6__["PerformanceViewerPopupComponent"], { scene: scene, layoutObservable: layoutObservable, returnToLiveObservable: returnToLiveObservable, performanceCollector: performanceCollector })
|
|
46168
|
+
children: (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_performanceViewerPopupComponent__WEBPACK_IMPORTED_MODULE_6__["PerformanceViewerPopupComponent"], { scene: scene, layoutObservable: layoutObservable, returnToLiveObservable: returnToLiveObservable, performanceCollector: performanceCollector, initialGraphSize: initialGraphSize })),
|
|
46025
46169
|
}, document.body);
|
|
46026
46170
|
}
|
|
46027
46171
|
};
|
|
@@ -46036,7 +46180,7 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46036
46180
|
setIsOpen(false);
|
|
46037
46181
|
setIsLoadedFromCsv(true);
|
|
46038
46182
|
performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.stop();
|
|
46039
|
-
var isValid = performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.loadFromFileData(data
|
|
46183
|
+
var isValid = performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.loadFromFileData(data);
|
|
46040
46184
|
if (!isValid) {
|
|
46041
46185
|
// if our data isnt valid we close the window.
|
|
46042
46186
|
setIsOpen(false);
|
|
@@ -46068,7 +46212,9 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46068
46212
|
perfCollector.addCollectionStrategies.apply(perfCollector, defaultStrategiesList);
|
|
46069
46213
|
if (_babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["ComputePressureObserverWrapper"].IsAvailable) {
|
|
46070
46214
|
perfCollector.addCollectionStrategies({
|
|
46071
|
-
strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].CpuStrategy(),
|
|
46215
|
+
strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].CpuStrategy(),
|
|
46216
|
+
category: IPerfMetadataCategory.FrameSteps,
|
|
46217
|
+
hidden: true
|
|
46072
46218
|
});
|
|
46073
46219
|
}
|
|
46074
46220
|
};
|
|
@@ -46077,11 +46223,11 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46077
46223
|
addStrategies(perfCollector);
|
|
46078
46224
|
setPerformanceCollector(perfCollector);
|
|
46079
46225
|
}, []);
|
|
46080
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
46226
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_4__["LineContainerComponent"], { title: "Performance Viewer" },
|
|
46081
46227
|
!isOpen && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "Open Realtime Perf Viewer", onClick: onPerformanceButtonClick }),
|
|
46082
46228
|
!isOpen && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_3__["FileButtonLineComponent"], { accept: "csv", label: "Load Perf Viewer using CSV", onClick: onLoadClick }),
|
|
46083
46229
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "Export Perf to CSV", onClick: onExportClick }),
|
|
46084
|
-
!isOpen && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: (performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.isStarted) ? "Stop Recording" : "Begin Recording", onClick: onToggleRecording })))
|
|
46230
|
+
!isOpen && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: (performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.isStarted) ? "Stop Recording" : "Begin Recording", onClick: onToggleRecording })));
|
|
46085
46231
|
};
|
|
46086
46232
|
|
|
46087
46233
|
|
|
@@ -46111,12 +46257,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
46111
46257
|
|
|
46112
46258
|
|
|
46113
46259
|
var PerformanceViewerPopupComponent = function (props) {
|
|
46114
|
-
var scene = props.scene, layoutObservable = props.layoutObservable, returnToLiveObservable = props.returnToLiveObservable, performanceCollector = props.performanceCollector;
|
|
46260
|
+
var scene = props.scene, layoutObservable = props.layoutObservable, returnToLiveObservable = props.returnToLiveObservable, performanceCollector = props.performanceCollector, initialGraphSize = props.initialGraphSize;
|
|
46115
46261
|
var onVisibleRangeChangedObservable = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__["Observable"]())[0];
|
|
46116
46262
|
return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: "performance-viewer" },
|
|
46117
46263
|
react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_performancePlayheadButtonComponent__WEBPACK_IMPORTED_MODULE_3__["PerformancePlayheadButtonComponent"], { returnToPlayhead: returnToLiveObservable }),
|
|
46118
46264
|
react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_performanceViewerSidebarComponent__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerSidebarComponent"], { collector: performanceCollector, onVisibleRangeChangedObservable: onVisibleRangeChangedObservable }),
|
|
46119
|
-
react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_graph_canvasGraphComponent__WEBPACK_IMPORTED_MODULE_4__["CanvasGraphComponent"], { id: "performance-viewer-graph", returnToPlayheadObservable: returnToLiveObservable, layoutObservable: layoutObservable, scene: scene, collector: performanceCollector, onVisibleRangeChangedObservable: onVisibleRangeChangedObservable })));
|
|
46265
|
+
react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_graph_canvasGraphComponent__WEBPACK_IMPORTED_MODULE_4__["CanvasGraphComponent"], { id: "performance-viewer-graph", returnToPlayheadObservable: returnToLiveObservable, layoutObservable: layoutObservable, scene: scene, collector: performanceCollector, onVisibleRangeChangedObservable: onVisibleRangeChangedObservable, initialGraphSize: initialGraphSize })));
|
|
46120
46266
|
};
|
|
46121
46267
|
|
|
46122
46268
|
|
|
@@ -46212,9 +46358,9 @@ var PerformanceViewerSidebarComponent = function (props) {
|
|
|
46212
46358
|
}; };
|
|
46213
46359
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "performance-viewer-sidebar" }, metadataCategories && metadataCategories.map(function (category) {
|
|
46214
46360
|
var _a;
|
|
46215
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "category-"
|
|
46361
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "category-".concat(category || 'version') },
|
|
46216
46362
|
category
|
|
46217
|
-
? react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category-header header sidebar-item", key: "header-"
|
|
46363
|
+
? react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category-header header sidebar-item", key: "header-".concat(category) },
|
|
46218
46364
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: "category" }, category),
|
|
46219
46365
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { isSelected: function () { var _a; return (metadataCategoryChecked === null || metadataCategoryChecked === void 0 ? void 0 : metadataCategoryChecked.get(category)) === ((_a = metadataCategoryId === null || metadataCategoryId === void 0 ? void 0 : metadataCategoryId.get(category)) === null || _a === void 0 ? void 0 : _a.length); }, onSelect: onCheckAllChange(category), faIcons: { enabled: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_3__["faCheckSquare"], disabled: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_3__["faSquare"] } }))
|
|
46220
46366
|
: react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "version-header sidebar-item", key: "header-version" },
|
|
@@ -46224,7 +46370,7 @@ var PerformanceViewerSidebarComponent = function (props) {
|
|
|
46224
46370
|
var _a;
|
|
46225
46371
|
var metadata = metadataMap === null || metadataMap === void 0 ? void 0 : metadataMap.get(id);
|
|
46226
46372
|
var range = valueMap === null || valueMap === void 0 ? void 0 : valueMap.get(id);
|
|
46227
|
-
return metadata && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "perf-sidebar-item-"
|
|
46373
|
+
return metadata && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "perf-sidebar-item-".concat(id), className: "sidebar-item measure" },
|
|
46228
46374
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category" },
|
|
46229
46375
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { isSelected: function () { return !metadata.hidden; }, onSelect: onCheckChange(id), faIcons: { enabled: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_3__["faCheckSquare"], disabled: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_3__["faSquare"] } }),
|
|
46230
46376
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_colorPickerComponent__WEBPACK_IMPORTED_MODULE_2__["ColorPickerLineComponent"], { value: _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_0__["Color3"].FromHexString((_a = metadata.color) !== null && _a !== void 0 ? _a : "#000"), onColorChanged: onColorChange(id), shouldPopRight: true }),
|
|
@@ -46815,6 +46961,7 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46815
46961
|
from: 0,
|
|
46816
46962
|
to: 0,
|
|
46817
46963
|
loop: false,
|
|
46964
|
+
initialized: false
|
|
46818
46965
|
};
|
|
46819
46966
|
_this.state = { currentFrame: 0 };
|
|
46820
46967
|
var animatableAsAny = _this.props.animatable;
|
|
@@ -46909,6 +47056,7 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46909
47056
|
this._animationControl.from = this._mainAnimatable.fromFrame;
|
|
46910
47057
|
this._animationControl.to = this._mainAnimatable.toFrame;
|
|
46911
47058
|
this._animationControl.loop = this._mainAnimatable.loopAnimation;
|
|
47059
|
+
this._animationControl.initialized = true;
|
|
46912
47060
|
}
|
|
46913
47061
|
}
|
|
46914
47062
|
var animations = animatable.animations;
|
|
@@ -46918,6 +47066,9 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46918
47066
|
this._animationCurveEditorContext.animations = animations;
|
|
46919
47067
|
this._animationCurveEditorContext.target = this.props.animatable;
|
|
46920
47068
|
this._animationCurveEditorContext.scene = this.props.scene;
|
|
47069
|
+
this._animationCurveEditorContext.fromKey = this._animationControl.from;
|
|
47070
|
+
this._animationCurveEditorContext.toKey = this._animationControl.to;
|
|
47071
|
+
this._animationCurveEditorContext.useExistingPlayRange = this._animationControl.initialized;
|
|
46921
47072
|
}
|
|
46922
47073
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
46923
47074
|
this._ranges.length > 0 && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__["LineContainerComponent"], { title: "ANIMATION RANGES", selection: this.props.globalState }, this._ranges.map(function (range, i) {
|
|
@@ -47845,8 +47996,8 @@ var RangeSelectorComponent = /** @class */ (function (_super) {
|
|
|
47845
47996
|
}
|
|
47846
47997
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "range-selector", ref: this._rangeHost, onPointerDown: function (evt) { return _this._onPointerDown(evt); }, onPointerMove: function (evt) { return _this._onPointerMove(evt); }, onPointerUp: function (evt) { return _this._onPointerUp(evt); } },
|
|
47847
47998
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "range-scrollbar", ref: this._rangeScrollbarHost, style: {
|
|
47848
|
-
left: 2 + ((this.props.context.fromKey - this._minFrame) / ratio) * this._viewWidth
|
|
47849
|
-
right: 2 + ((this._maxFrame - this.props.context.toKey) / ratio) * this._viewWidth
|
|
47999
|
+
left: "".concat(2 + ((this.props.context.fromKey - this._minFrame) / ratio) * this._viewWidth, "px"),
|
|
48000
|
+
right: "".concat(2 + ((this._maxFrame - this.props.context.toKey) / ratio) * this._viewWidth, "px"),
|
|
47850
48001
|
} },
|
|
47851
48002
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "left-handle", className: "handle" },
|
|
47852
48003
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: handleIcon })),
|
|
@@ -47879,6 +48030,7 @@ var Context = /** @class */ (function () {
|
|
|
47879
48030
|
function Context() {
|
|
47880
48031
|
this.activeAnimations = [];
|
|
47881
48032
|
this.activeChannels = {};
|
|
48033
|
+
this.useExistingPlayRange = false;
|
|
47882
48034
|
this.forwardAnimation = true;
|
|
47883
48035
|
this.referenceMinFrame = 0;
|
|
47884
48036
|
this.referenceMaxFrame = 100;
|
|
@@ -47916,6 +48068,10 @@ var Context = /** @class */ (function () {
|
|
|
47916
48068
|
this.onClipLengthDecreased = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47917
48069
|
this.onInterpolationModeSet = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47918
48070
|
this.onSelectToActivated = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48071
|
+
this.lockLastFrameValue = false;
|
|
48072
|
+
this.lockLastFrameFrame = false;
|
|
48073
|
+
// value frame inTangent outTangent
|
|
48074
|
+
this.onActiveKeyDataChanged = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47919
48075
|
}
|
|
47920
48076
|
Context.prototype.prepare = function () {
|
|
47921
48077
|
this.isPlaying = false;
|
|
@@ -47924,10 +48080,12 @@ var Context = /** @class */ (function () {
|
|
|
47924
48080
|
}
|
|
47925
48081
|
var animation = this.useTargetAnimations ? this.animations[0].animation : this.animations[0];
|
|
47926
48082
|
var keys = animation.getKeys();
|
|
47927
|
-
this.fromKey = keys[0].frame;
|
|
47928
|
-
this.toKey = keys[keys.length - 1].frame;
|
|
47929
48083
|
this.referenceMinFrame = 0;
|
|
47930
|
-
this.referenceMaxFrame =
|
|
48084
|
+
this.referenceMaxFrame = keys[keys.length - 1].frame;
|
|
48085
|
+
if (!this.useExistingPlayRange) {
|
|
48086
|
+
this.fromKey = this.referenceMinFrame;
|
|
48087
|
+
this.toKey = this.referenceMaxFrame;
|
|
48088
|
+
}
|
|
47931
48089
|
this.snippetId = animation.snippetId;
|
|
47932
48090
|
this.clipLength = this.referenceMaxFrame;
|
|
47933
48091
|
if (!animation || !animation.hasRunningRuntimeAnimations) {
|
|
@@ -48352,7 +48510,7 @@ var Curve = /** @class */ (function () {
|
|
|
48352
48510
|
if (keys.length < 2) {
|
|
48353
48511
|
return "";
|
|
48354
48512
|
}
|
|
48355
|
-
var pathData = "M"
|
|
48513
|
+
var pathData = "M".concat(convertX(keys[0].frame), " ").concat(convertY(keys[0].value));
|
|
48356
48514
|
for (var keyIndex = 1; keyIndex < keys.length; keyIndex++) {
|
|
48357
48515
|
var outTangent = keys[keyIndex - 1].outTangent;
|
|
48358
48516
|
var inTangent = keys[keyIndex].inTangent;
|
|
@@ -48363,21 +48521,21 @@ var Curve = /** @class */ (function () {
|
|
|
48363
48521
|
var frameDist = currentFrame - prevFrame;
|
|
48364
48522
|
var prevInterpolation = keys[keyIndex - 1].interpolation;
|
|
48365
48523
|
if (prevInterpolation === _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__["AnimationKeyInterpolation"].STEP) { // Draw a stepped curve
|
|
48366
|
-
pathData += "L "
|
|
48367
|
-
pathData += "L "
|
|
48524
|
+
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(prevValue));
|
|
48525
|
+
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48368
48526
|
continue;
|
|
48369
48527
|
}
|
|
48370
48528
|
if (outTangent === undefined && inTangent === undefined) { // Draw a straight line
|
|
48371
|
-
pathData += " L"
|
|
48529
|
+
pathData += " L".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48372
48530
|
continue;
|
|
48373
48531
|
}
|
|
48374
48532
|
// Let's sample the curve else
|
|
48375
48533
|
for (var frame = prevFrame; frame < currentFrame; frame += frameDist / Curve.SampleRate) {
|
|
48376
48534
|
var keyValue = this.animation.evaluate(frame);
|
|
48377
48535
|
var value = this.property ? keyValue[this.property] : keyValue;
|
|
48378
|
-
pathData += " L"
|
|
48536
|
+
pathData += " L".concat(convertX(frame), " ").concat(convertY(value));
|
|
48379
48537
|
}
|
|
48380
|
-
pathData += " L"
|
|
48538
|
+
pathData += " L".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48381
48539
|
}
|
|
48382
48540
|
return pathData;
|
|
48383
48541
|
};
|
|
@@ -48635,6 +48793,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
48635
48793
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
48636
48794
|
|
|
48637
48795
|
|
|
48796
|
+
// x distance between consecutive ticks on the frame
|
|
48797
|
+
var baseTickDistance = 25;
|
|
48798
|
+
var minTickDistance = 35;
|
|
48638
48799
|
var FrameBarComponent = /** @class */ (function (_super) {
|
|
48639
48800
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(FrameBarComponent, _super);
|
|
48640
48801
|
function FrameBarComponent(props) {
|
|
@@ -48681,10 +48842,10 @@ var FrameBarComponent = /** @class */ (function (_super) {
|
|
|
48681
48842
|
}
|
|
48682
48843
|
var minFrame = this.props.context.referenceMinFrame;
|
|
48683
48844
|
var maxFrame = this.props.context.referenceMaxFrame;
|
|
48684
|
-
var stepCounts = 20;
|
|
48685
48845
|
var range = maxFrame - minFrame;
|
|
48686
|
-
var offset = (range / stepCounts) | 0;
|
|
48687
48846
|
var convertRatio = range / this._GraphAbsoluteWidth;
|
|
48847
|
+
var dist = Math.max(baseTickDistance * this._viewScale, minTickDistance); // x distance between consecutive ticks
|
|
48848
|
+
var offset = Math.floor(dist * convertRatio);
|
|
48688
48849
|
var steps = [];
|
|
48689
48850
|
if (offset === 0) {
|
|
48690
48851
|
offset = 1;
|
|
@@ -48698,20 +48859,20 @@ var FrameBarComponent = /** @class */ (function (_super) {
|
|
|
48698
48859
|
return steps.map(function (s, i) {
|
|
48699
48860
|
var x = (s - minFrame) / convertRatio;
|
|
48700
48861
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("g", { key: "axis" + s },
|
|
48701
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("line", { key: "line" + s, x1: x, y1: 5 * _this._viewScale
|
|
48862
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("line", { key: "line" + s, x1: x, y1: "".concat(5 * _this._viewScale, "px"), x2: x, y2: "".concat(30 * _this._viewScale, "px"), style: {
|
|
48702
48863
|
stroke: "#333333",
|
|
48703
48864
|
strokeWidth: 0.5,
|
|
48704
48865
|
} }),
|
|
48705
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: x, y: 0, dx: 7 * _this._viewScale
|
|
48866
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: x, y: 0, dx: "".concat(7 * _this._viewScale, "px"), textAnchor: "middle", dy: "".concat(15 * _this._viewScale, "px"), style: {
|
|
48706
48867
|
fontFamily: "acumin-pro-condensed",
|
|
48707
|
-
fontSize: 10 * _this._viewScale
|
|
48868
|
+
fontSize: "".concat(10 * _this._viewScale, "px"),
|
|
48708
48869
|
fill: "#555555",
|
|
48709
48870
|
textAlign: "center",
|
|
48710
48871
|
} }, s.toFixed(0))));
|
|
48711
48872
|
});
|
|
48712
48873
|
};
|
|
48713
48874
|
FrameBarComponent.prototype.render = function () {
|
|
48714
|
-
var viewBox = -this._offsetX
|
|
48875
|
+
var viewBox = "".concat(-this._offsetX, " 0 ").concat(Math.round(this._viewWidth * this._viewScale), " ").concat(Math.round(30 * this._viewScale));
|
|
48715
48876
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frame-bar" },
|
|
48716
48877
|
this.props.context.activeAnimations.length > 0 && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-unit" }),
|
|
48717
48878
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frames" },
|
|
@@ -48756,7 +48917,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48756
48917
|
function GraphComponent(props) {
|
|
48757
48918
|
var _this = _super.call(this, props) || this;
|
|
48758
48919
|
_this._MinScale = 0.5;
|
|
48759
|
-
_this._MaxScale =
|
|
48920
|
+
_this._MaxScale = 5;
|
|
48760
48921
|
_this._GraphAbsoluteWidth = 788;
|
|
48761
48922
|
_this._GraphAbsoluteHeight = 357;
|
|
48762
48923
|
_this._viewWidth = 788;
|
|
@@ -48859,7 +49020,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48859
49020
|
// Key already exists, update it
|
|
48860
49021
|
leftKey.value = value;
|
|
48861
49022
|
}
|
|
48862
|
-
else if (Math.floor(rightKey.frame - currentFrame) === 0) {
|
|
49023
|
+
else if (Math.floor((rightKey === null || rightKey === void 0 ? void 0 : rightKey.frame) - currentFrame) === 0) {
|
|
48863
49024
|
// Key already exists, update it
|
|
48864
49025
|
rightKey.value = value;
|
|
48865
49026
|
}
|
|
@@ -48869,8 +49030,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48869
49030
|
var newKey = {
|
|
48870
49031
|
frame: currentFrame,
|
|
48871
49032
|
value: value,
|
|
49033
|
+
lockedTangent: true
|
|
48872
49034
|
};
|
|
48873
|
-
if (leftKey.outTangent !== undefined && rightKey.inTangent !== undefined) {
|
|
49035
|
+
if ((leftKey === null || leftKey === void 0 ? void 0 : leftKey.outTangent) !== undefined && (rightKey === null || rightKey === void 0 ? void 0 : rightKey.inTangent) !== undefined) {
|
|
48874
49036
|
var derivative = null;
|
|
48875
49037
|
var invFrameDelta = 1.0 / (rightKey.frame - leftKey.frame);
|
|
48876
49038
|
var cutTime = (currentFrame - leftKey.frame) * invFrameDelta;
|
|
@@ -49341,9 +49503,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49341
49503
|
stroke: isZero ? "#666666" : "#333333",
|
|
49342
49504
|
strokeWidth: isZero ? 1.0 : 0.5,
|
|
49343
49505
|
} }),
|
|
49344
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: 0, y: y, dx: 15 * _this._viewScale
|
|
49506
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: 0, y: y, dx: "".concat(15 * _this._viewScale, "px"), textAnchor: "middle", dy: "".concat(3 * _this._viewScale, "px"), style: {
|
|
49345
49507
|
fontFamily: "acumin-pro-condensed",
|
|
49346
|
-
fontSize: 10 * _this._viewScale
|
|
49508
|
+
fontSize: "".concat(10 * _this._viewScale, "px"),
|
|
49347
49509
|
fill: "#888888",
|
|
49348
49510
|
textAlign: "center",
|
|
49349
49511
|
} }, text)));
|
|
@@ -49422,6 +49584,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49422
49584
|
if (evt.nativeEvent.target.id !== "svg-graph-curves") {
|
|
49423
49585
|
return;
|
|
49424
49586
|
}
|
|
49587
|
+
evt.preventDefault();
|
|
49425
49588
|
this._pointerIsDown = true;
|
|
49426
49589
|
evt.currentTarget.setPointerCapture(evt.pointerId);
|
|
49427
49590
|
this._sourcePointerX = evt.nativeEvent.offsetX;
|
|
@@ -49443,20 +49606,23 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49443
49606
|
var localX = evt.nativeEvent.offsetX;
|
|
49444
49607
|
var localY = evt.nativeEvent.offsetY;
|
|
49445
49608
|
if (localX > this._selectionStartX) {
|
|
49446
|
-
style.left = this._selectionStartX
|
|
49447
|
-
style.width = localX - this._selectionStartX
|
|
49609
|
+
style.left = "".concat(this._selectionStartX, "px");
|
|
49610
|
+
style.width = "".concat(localX - this._selectionStartX, "px");
|
|
49448
49611
|
}
|
|
49449
49612
|
else {
|
|
49450
|
-
style.left = localX
|
|
49451
|
-
style.width = this._selectionStartX - localX
|
|
49613
|
+
style.left = "".concat(localX, "px");
|
|
49614
|
+
style.width = "".concat(this._selectionStartX - localX, "px");
|
|
49452
49615
|
}
|
|
49453
49616
|
if (localY > this._selectionStartY) {
|
|
49454
|
-
style.top = this._selectionStartY
|
|
49455
|
-
style.height = localY - this._selectionStartY
|
|
49617
|
+
style.top = "".concat(this._selectionStartY, "px");
|
|
49618
|
+
style.height = "".concat(localY - this._selectionStartY, "px");
|
|
49456
49619
|
}
|
|
49457
49620
|
else {
|
|
49458
|
-
style.top = localY
|
|
49459
|
-
style.height = this._selectionStartY - localY
|
|
49621
|
+
style.top = "".concat(localY, "px");
|
|
49622
|
+
style.height = "".concat(this._selectionStartY - localY, "px");
|
|
49623
|
+
}
|
|
49624
|
+
if (localX !== this._selectionStartX || localY !== this._selectionStartY) {
|
|
49625
|
+
this._selectionMade = true;
|
|
49460
49626
|
}
|
|
49461
49627
|
this.props.context.onSelectionRectangleMoved.notifyObservers(this._selectionRectangle.current.getBoundingClientRect());
|
|
49462
49628
|
return;
|
|
@@ -49472,9 +49638,10 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49472
49638
|
this._pointerIsDown = false;
|
|
49473
49639
|
evt.currentTarget.releasePointerCapture(evt.pointerId);
|
|
49474
49640
|
this._selectionRectangle.current.style.visibility = "hidden";
|
|
49475
|
-
if (!this._inSelectionMode) {
|
|
49641
|
+
if (!this._inSelectionMode || !this._selectionMade) {
|
|
49476
49642
|
this.props.context.clearSelection();
|
|
49477
49643
|
}
|
|
49644
|
+
this._selectionMade = false;
|
|
49478
49645
|
};
|
|
49479
49646
|
GraphComponent.prototype._onWheel = function (evt) {
|
|
49480
49647
|
var delta = evt.deltaY < 0 ? -0.05 : 0.05;
|
|
@@ -49494,9 +49661,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49494
49661
|
GraphComponent.prototype.render = function () {
|
|
49495
49662
|
var _this = this;
|
|
49496
49663
|
var scale = this._viewScale;
|
|
49497
|
-
var viewBoxScalingCurves = -this._offsetX
|
|
49498
|
-
var viewBoxScalingGrid = "0 "
|
|
49499
|
-
var viewBoxHorizontal = -this._offsetX
|
|
49664
|
+
var viewBoxScalingCurves = "".concat(-this._offsetX, " ").concat(-this._offsetY, " ").concat(Math.round(scale * this._viewCurveWidth), " ").concat(Math.round(scale * this._viewHeight));
|
|
49665
|
+
var viewBoxScalingGrid = "0 ".concat(-this._offsetY, " ").concat(Math.round(scale * this._viewWidth), " ").concat(Math.round(scale * this._viewHeight));
|
|
49666
|
+
var viewBoxHorizontal = "".concat(-this._offsetX, " 0 ").concat(Math.round((this._viewWidth - 40) * this._viewScale), " ").concat(Math.round(scale * this._viewHeight));
|
|
49500
49667
|
var activeBoxLeft = 0;
|
|
49501
49668
|
var activeBoxRight = 0;
|
|
49502
49669
|
if (this.props.context.activeAnimations.length !== 0) {
|
|
@@ -49627,10 +49794,10 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49627
49794
|
_this._stepTangent();
|
|
49628
49795
|
});
|
|
49629
49796
|
_this._onSelectionRectangleMovedObserver = _this.props.context.onSelectionRectangleMoved.add(function (rect1) {
|
|
49630
|
-
if (!_this.
|
|
49797
|
+
if (!_this._keyPointSVG.current) {
|
|
49631
49798
|
return;
|
|
49632
49799
|
}
|
|
49633
|
-
var rect2 = _this.
|
|
49800
|
+
var rect2 = _this._keyPointSVG.current.getBoundingClientRect();
|
|
49634
49801
|
var overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
|
|
49635
49802
|
if (!_this.props.context.activeKeyPoints) {
|
|
49636
49803
|
_this.props.context.activeKeyPoints = [];
|
|
@@ -49864,6 +50031,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49864
50031
|
if (!this.props.context.activeKeyPoints) {
|
|
49865
50032
|
this.props.context.activeKeyPoints = [];
|
|
49866
50033
|
}
|
|
50034
|
+
evt.preventDefault();
|
|
49867
50035
|
this._select(evt.nativeEvent.ctrlKey);
|
|
49868
50036
|
this.props.context.onActiveKeyPointChanged.notifyObservers();
|
|
49869
50037
|
this._pointerIsDown = true;
|
|
@@ -49950,7 +50118,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49950
50118
|
if (nextX !== null) {
|
|
49951
50119
|
newX = Math.min(nextX - epsilon, newX);
|
|
49952
50120
|
}
|
|
49953
|
-
if (this.props.keyId !== 0) {
|
|
50121
|
+
if (this.props.keyId !== 0 && !(this.props.context.lockLastFrameFrame && this.props.keyId === this.props.curve.keys.length - 1)) {
|
|
49954
50122
|
var frame = this.props.invertX(newX);
|
|
49955
50123
|
this.props.onFrameValueChanged(frame);
|
|
49956
50124
|
this.props.context.onFrameSet.notifyObservers(frame);
|
|
@@ -49961,6 +50129,9 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49961
50129
|
else {
|
|
49962
50130
|
newX = this.state.x;
|
|
49963
50131
|
}
|
|
50132
|
+
if (this.props.context.lockLastFrameValue && this.props.keyId === this.props.curve.keys.length - 1) {
|
|
50133
|
+
newY = this.state.y;
|
|
50134
|
+
}
|
|
49964
50135
|
var value = this.props.invertY(newY);
|
|
49965
50136
|
this.props.onKeyValueChanged(value);
|
|
49966
50137
|
this.props.context.onValueSet.notifyObservers(value);
|
|
@@ -49977,9 +50148,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49977
50148
|
var keys = this.props.curve.keys;
|
|
49978
50149
|
var isLockedTangent = keys[this.props.keyId].lockedTangent &&
|
|
49979
50150
|
this.props.keyId !== 0 &&
|
|
49980
|
-
this.props.keyId !== keys.length - 1
|
|
49981
|
-
keys[this.props.keyId].inTangent !== undefined &&
|
|
49982
|
-
keys[this.props.keyId].outTangent !== undefined;
|
|
50151
|
+
this.props.keyId !== keys.length - 1;
|
|
49983
50152
|
var angleDiff = 0;
|
|
49984
50153
|
var tmpVector = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[0];
|
|
49985
50154
|
if (isLockedTangent) {
|
|
@@ -50012,6 +50181,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50012
50181
|
this.props.context.refreshTarget();
|
|
50013
50182
|
this.forceUpdate();
|
|
50014
50183
|
}
|
|
50184
|
+
this.props.context.onActiveKeyDataChanged.notifyObservers(this.props.keyId);
|
|
50015
50185
|
this._sourcePointerX = evt.nativeEvent.offsetX;
|
|
50016
50186
|
this._sourcePointerY = evt.nativeEvent.offsetY;
|
|
50017
50187
|
evt.stopPropagation();
|
|
@@ -50060,24 +50230,24 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50060
50230
|
this._outVec.normalize();
|
|
50061
50231
|
this._outVec.scaleInPlace(100 * this.props.scale);
|
|
50062
50232
|
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" } },
|
|
50063
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("image", { x: "-"
|
|
50233
|
+
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 }),
|
|
50064
50234
|
this.state.selectedState === SelectionState.Selected && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("g", null,
|
|
50065
50235
|
this.props.keyId !== 0 && !hasStepTangentIn && !isColorAnimation && hasDefinedInTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50066
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: this._inVec.x
|
|
50236
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: "".concat(this._inVec.x, "px"), y2: "".concat(this._inVec.y, "px"), style: {
|
|
50067
50237
|
stroke: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50068
|
-
strokeWidth: ""
|
|
50238
|
+
strokeWidth: "".concat(1 * this.props.scale),
|
|
50069
50239
|
strokeDasharray: isLockedTangent ? "" : "2, 2",
|
|
50070
50240
|
} }),
|
|
50071
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "left-tangent", cx: this._inVec.x
|
|
50241
|
+
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: {
|
|
50072
50242
|
fill: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50073
50243
|
} }))),
|
|
50074
50244
|
this.props.keyId !== keys.length - 1 && !hasStepTangentOut && !isColorAnimation && hasDefinedOutTangent && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
50075
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: this._outVec.x
|
|
50245
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("line", { x1: 0, y1: 0, x2: "".concat(this._outVec.x, "px"), y2: "".concat(this._outVec.y, "px"), style: {
|
|
50076
50246
|
stroke: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50077
|
-
strokeWidth: ""
|
|
50247
|
+
strokeWidth: "".concat(1 * this.props.scale),
|
|
50078
50248
|
strokeDasharray: isLockedTangent ? "" : "2, 2",
|
|
50079
50249
|
} }),
|
|
50080
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "right-tangent", cx: this._outVec.x
|
|
50250
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "right-tangent", cx: "".concat(this._outVec.x, "px"), cy: "".concat(this._outVec.y, "px"), r: "".concat(4 * this.props.scale), style: {
|
|
50081
50251
|
fill: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50082
50252
|
} })))))));
|
|
50083
50253
|
};
|
|
@@ -50167,7 +50337,7 @@ var PlayHeadComponent = /** @class */ (function (_super) {
|
|
|
50167
50337
|
var keys = animation.getKeys();
|
|
50168
50338
|
var minFrame = this.props.context.referenceMinFrame;
|
|
50169
50339
|
var maxFrame = this.props.context.referenceMaxFrame;
|
|
50170
|
-
return Math.max(
|
|
50340
|
+
return Math.max(((pixel / this._viewScale - this._offsetX) / this._GraphAbsoluteWidth) * (maxFrame - minFrame) + minFrame, keys[0].frame);
|
|
50171
50341
|
};
|
|
50172
50342
|
PlayHeadComponent.prototype.componentWillUnmount = function () {
|
|
50173
50343
|
if (this._onBeforeRenderObserver) {
|
|
@@ -50179,6 +50349,7 @@ var PlayHeadComponent = /** @class */ (function (_super) {
|
|
|
50179
50349
|
}
|
|
50180
50350
|
};
|
|
50181
50351
|
PlayHeadComponent.prototype._onPointerDown = function (evt) {
|
|
50352
|
+
evt.preventDefault();
|
|
50182
50353
|
this._pointerIsDown = true;
|
|
50183
50354
|
evt.currentTarget.setPointerCapture(evt.pointerId);
|
|
50184
50355
|
var frame = this._pixelToFrame(evt.nativeEvent.offsetX);
|
|
@@ -50230,6 +50401,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50230
50401
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
50231
50402
|
|
|
50232
50403
|
|
|
50404
|
+
var tickDistance = 25; // x distance between consecutive ticks
|
|
50233
50405
|
var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
50234
50406
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(RangeFrameBarComponent, _super);
|
|
50235
50407
|
function RangeFrameBarComponent(props) {
|
|
@@ -50300,9 +50472,9 @@ var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
|
50300
50472
|
var from = this.props.context.fromKey;
|
|
50301
50473
|
var to = this.props.context.toKey;
|
|
50302
50474
|
var range = to - from;
|
|
50303
|
-
var stepCounts = Math.min(20, to - from);
|
|
50304
|
-
var offset = (range / stepCounts) | 0;
|
|
50305
50475
|
var convertRatio = range / this._viewWidth;
|
|
50476
|
+
var dist = tickDistance;
|
|
50477
|
+
var offset = Math.max(Math.floor(dist * convertRatio), 1);
|
|
50306
50478
|
var steps = [];
|
|
50307
50479
|
var start = from;
|
|
50308
50480
|
var end = start + range;
|
|
@@ -50329,7 +50501,7 @@ var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
|
50329
50501
|
};
|
|
50330
50502
|
RangeFrameBarComponent.prototype.render = function () {
|
|
50331
50503
|
var _this = this;
|
|
50332
|
-
var viewBox = -this._offsetX
|
|
50504
|
+
var viewBox = "".concat(-this._offsetX, " 0 ").concat(this._viewWidth + this._offsetX * 4, " 40");
|
|
50333
50505
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "range-frame-bar" },
|
|
50334
50506
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", { id: "svg-range-frames", viewBox: viewBox, ref: this._svgHost },
|
|
50335
50507
|
this._buildFrames(),
|
|
@@ -50546,41 +50718,69 @@ var AddAnimationComponent = /** @class */ (function (_super) {
|
|
|
50546
50718
|
var loopMode = 0;
|
|
50547
50719
|
var defaultValue0;
|
|
50548
50720
|
var defaultValue1;
|
|
50721
|
+
var defaultInTangent0;
|
|
50722
|
+
var defaultOutTangent0;
|
|
50723
|
+
var defaultInTangent1;
|
|
50724
|
+
var defaultOutTangent1;
|
|
50549
50725
|
switch (type) {
|
|
50550
50726
|
case "Float": {
|
|
50551
50727
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_FLOAT;
|
|
50552
50728
|
defaultValue0 = 0;
|
|
50553
50729
|
defaultValue1 = 1;
|
|
50730
|
+
defaultInTangent0 = 0;
|
|
50731
|
+
defaultOutTangent0 = 0;
|
|
50732
|
+
defaultInTangent1 = 0;
|
|
50733
|
+
defaultOutTangent1 = 0;
|
|
50554
50734
|
break;
|
|
50555
50735
|
}
|
|
50556
50736
|
case "Vector2": {
|
|
50557
50737
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_VECTOR2;
|
|
50558
50738
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"].Zero();
|
|
50559
50739
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](1, 1);
|
|
50740
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50741
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50742
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50743
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50560
50744
|
break;
|
|
50561
50745
|
}
|
|
50562
50746
|
case "Vector3": {
|
|
50563
50747
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_VECTOR3;
|
|
50564
50748
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"].Zero();
|
|
50565
50749
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](1, 1, 1);
|
|
50750
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50751
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50752
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50753
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50566
50754
|
break;
|
|
50567
50755
|
}
|
|
50568
50756
|
case "Quaternion": {
|
|
50569
50757
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_QUATERNION;
|
|
50570
50758
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"].Zero();
|
|
50571
50759
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](1, 1, 1, 0);
|
|
50760
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50761
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50762
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50763
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50572
50764
|
break;
|
|
50573
50765
|
}
|
|
50574
50766
|
case "Color3": {
|
|
50575
50767
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_COLOR3;
|
|
50576
50768
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"].Black();
|
|
50577
50769
|
defaultValue1 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"].White();
|
|
50770
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50771
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50772
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50773
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50578
50774
|
break;
|
|
50579
50775
|
}
|
|
50580
50776
|
case "Color4": {
|
|
50581
50777
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_COLOR4;
|
|
50582
50778
|
defaultValue0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50583
50779
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](1, 1, 1, 1);
|
|
50780
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50781
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50782
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50783
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50584
50784
|
break;
|
|
50585
50785
|
}
|
|
50586
50786
|
}
|
|
@@ -50603,10 +50803,14 @@ var AddAnimationComponent = /** @class */ (function (_super) {
|
|
|
50603
50803
|
keys.push({
|
|
50604
50804
|
frame: context.referenceMinFrame,
|
|
50605
50805
|
value: defaultValue0,
|
|
50806
|
+
inTangent: defaultInTangent0,
|
|
50807
|
+
outTangent: defaultOutTangent0
|
|
50606
50808
|
});
|
|
50607
50809
|
keys.push({
|
|
50608
50810
|
frame: context.referenceMaxFrame,
|
|
50609
50811
|
value: defaultValue1,
|
|
50812
|
+
inTangent: defaultInTangent1,
|
|
50813
|
+
outTangent: defaultOutTangent1
|
|
50610
50814
|
});
|
|
50611
50815
|
animation.setKeys(keys);
|
|
50612
50816
|
context.stop();
|
|
@@ -51318,7 +51522,7 @@ var SaveAnimationComponent = /** @class */ (function (_super) {
|
|
|
51318
51522
|
hostDocument.defaultView.alert("Animations saved with ID: " + _this.props.context.snippetId);
|
|
51319
51523
|
}
|
|
51320
51524
|
else {
|
|
51321
|
-
hostDocument.defaultView.alert("Unable to save your animations. It may be too large ("
|
|
51525
|
+
hostDocument.defaultView.alert("Unable to save your animations. It may be too large (".concat((dataToSend.payload.length / 1024).toFixed(2), " KB). Please try reducing the number of animations or the number of keys per animation and try again."));
|
|
51322
51526
|
}
|
|
51323
51527
|
}
|
|
51324
51528
|
};
|
|
@@ -51546,7 +51750,7 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51546
51750
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TopBarComponent, _super);
|
|
51547
51751
|
function TopBarComponent(props) {
|
|
51548
51752
|
var _this = _super.call(this, props) || this;
|
|
51549
|
-
_this.state = { keyFrameValue: "", keyValue: "",
|
|
51753
|
+
_this.state = { keyFrameValue: "", keyValue: "", frameControlEnabled: false, valueControlEnabled: false };
|
|
51550
51754
|
_this._onFrameSetObserver = _this.props.context.onFrameSet.add(function (newFrameValue) {
|
|
51551
51755
|
_this.setState({ keyFrameValue: newFrameValue.toFixed(0) });
|
|
51552
51756
|
});
|
|
@@ -51557,8 +51761,12 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51557
51761
|
_this.setState({ keyFrameValue: "", keyValue: "" });
|
|
51558
51762
|
});
|
|
51559
51763
|
_this.onActiveKeyPointChanged = _this.props.context.onActiveKeyPointChanged.add(function () {
|
|
51560
|
-
var _a;
|
|
51561
|
-
|
|
51764
|
+
var _a, _b;
|
|
51765
|
+
var numKeys = ((_a = _this.props.context.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
51766
|
+
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;
|
|
51767
|
+
var frameControlEnabled = (numKeys === 1 && numAnims === 1) || (numKeys > 1 && numAnims > 1);
|
|
51768
|
+
var valueControlEnabled = numKeys > 0;
|
|
51769
|
+
_this.setState({ keyFrameValue: "", keyValue: "", frameControlEnabled: frameControlEnabled, valueControlEnabled: valueControlEnabled });
|
|
51562
51770
|
});
|
|
51563
51771
|
return _this;
|
|
51564
51772
|
}
|
|
@@ -51582,8 +51790,8 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51582
51790
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "top-bar" },
|
|
51583
51791
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { id: "top-bar-logo", src: logoIcon }),
|
|
51584
51792
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "top-bar-parent-name" }, this.props.context.title),
|
|
51585
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputComponent"], { className: hasActiveAnimations && this.state.
|
|
51586
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputComponent"], { className: hasActiveAnimations && this.state.
|
|
51793
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputComponent"], { className: hasActiveAnimations && this.state.frameControlEnabled ? "" : "disabled", isNumber: true, value: this.state.keyFrameValue, tooltip: "Frame", id: "key-frame", onValueAsNumberChanged: function (newValue) { return _this.props.context.onFrameManuallyEntered.notifyObservers(newValue); }, globalState: this.props.globalState, context: this.props.context }),
|
|
51794
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputComponent"], { className: hasActiveAnimations && this.state.valueControlEnabled ? "" : "disabled", isNumber: true, value: this.state.keyValue, tooltip: "Value", id: "key-value", onValueAsNumberChanged: function (newValue) { return _this.props.context.onValueManuallyEntered.notifyObservers(newValue); }, globalState: this.props.globalState, context: this.props.context }),
|
|
51587
51795
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: hasActiveAnimations ? "" : "disabled", tooltip: "New key", id: "new-key", globalState: this.props.globalState, context: this.props.context, icon: newKeyIcon, onClick: function () { return _this.props.context.onCreateOrUpdateKeyPointRequired.notifyObservers(); } }),
|
|
51588
51796
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { tooltip: "Frame canvas", id: "frame-canvas", globalState: this.props.globalState, context: this.props.context, icon: frameIcon, onClick: function () { return _this.props.context.onFrameRequired.notifyObservers(); } }),
|
|
51589
51797
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__["ActionButtonComponent"], { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Flatten tangent", id: "flatten-tangent", globalState: this.props.globalState, context: this.props.context, icon: flatTangentIcon, onClick: function () { return _this.props.context.onFlattenTangentRequired.notifyObservers(); } }),
|
|
@@ -52083,7 +52291,7 @@ var CustomPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
52083
52291
|
case _babylonjs_core_Misc_iInspectable__WEBPACK_IMPORTED_MODULE_3__["InspectableType"].Options:
|
|
52084
52292
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_11__["OptionsLineComponent"], { key: inspectable.label, label: inspectable.label, target: this.props.target, propertyName: inspectable.propertyName, options: inspectable.options || [], onSelect: inspectable.callback ||
|
|
52085
52293
|
function (value) {
|
|
52086
|
-
console.log("Option "
|
|
52294
|
+
console.log("Option ".concat(value, " is selected"));
|
|
52087
52295
|
} }));
|
|
52088
52296
|
case _babylonjs_core_Misc_iInspectable__WEBPACK_IMPORTED_MODULE_3__["InspectableType"].Tab:
|
|
52089
52297
|
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_12__["TextLineComponent"], { key: inspectable.label, label: inspectable.label, value: " " });
|
|
@@ -54263,12 +54471,12 @@ var ChannelsBar = /** @class */ (function (_super) {
|
|
|
54263
54471
|
var newChannels = _this.props.channels;
|
|
54264
54472
|
newChannels[index].visible = !newChannels[index].visible;
|
|
54265
54473
|
_this.props.setChannels(newChannels);
|
|
54266
|
-
}, src: channel.visible ? eyeOpen : eyeClosed, title: visTip
|
|
54474
|
+
}, src: channel.visible ? eyeOpen : eyeClosed, title: "".concat(visTip, " ").concat(channel.name) }),
|
|
54267
54475
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "icon channel-name", onClick: function () {
|
|
54268
54476
|
var newChannels = _this.props.channels;
|
|
54269
54477
|
newChannels[index].editable = !newChannels[index].editable;
|
|
54270
54478
|
_this.props.setChannels(newChannels);
|
|
54271
|
-
}, src: channel.icon, title: editTip
|
|
54479
|
+
}, src: channel.icon, title: "".concat(editTip, " ").concat(channel.name) })));
|
|
54272
54480
|
})));
|
|
54273
54481
|
};
|
|
54274
54482
|
return ChannelsBar;
|
|
@@ -55751,7 +55959,7 @@ var TextureEditorComponent = /** @class */ (function (_super) {
|
|
|
55751
55959
|
cursor = "pointer";
|
|
55752
55960
|
}
|
|
55753
55961
|
else if (currentTool && currentTool.cursor) {
|
|
55754
|
-
cursor = "url(data:image/png;base64,"
|
|
55962
|
+
cursor = "url(data:image/png;base64,".concat(currentTool.cursor, ") 10 10, auto");
|
|
55755
55963
|
}
|
|
55756
55964
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "texture-editor", onPointerDown: this.onPointerDown, style: { cursor: cursor } },
|
|
55757
55965
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertiesBar__WEBPACK_IMPORTED_MODULE_4__["PropertiesBar"], { texture: this.props.texture, saveTexture: this.saveTexture, pixelData: this.state.pixelData, face: this.state.face, setFace: function (face) { return _this.setState({ face: face }); }, resetTexture: this.resetTexture, resizeTexture: this.resizeTexture, uploadTexture: this.uploadTexture, mipLevel: this.state.mipLevel, setMipLevel: function (mipLevel) { return _this.setState({ mipLevel: mipLevel }); }, size: ((_b = this._textureCanvasManager) === null || _b === void 0 ? void 0 : _b.size) || this.props.texture.getSize() }),
|
|
@@ -55804,7 +56012,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55804
56012
|
ToolBar.prototype.computeRGBAColor = function () {
|
|
55805
56013
|
var opacityInt = Math.floor(this.props.metadata.alpha * 255);
|
|
55806
56014
|
var opacityHex = opacityInt.toString(16).padStart(2, "0");
|
|
55807
|
-
return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color4"].FromHexString(""
|
|
56015
|
+
return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color4"].FromHexString("".concat(this.props.metadata.color).concat(opacityHex));
|
|
55808
56016
|
};
|
|
55809
56017
|
ToolBar.prototype.shouldComponentUpdate = function (nextProps) {
|
|
55810
56018
|
return (nextProps.tools != this.props.tools ||
|
|
@@ -55816,7 +56024,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55816
56024
|
var _this = this;
|
|
55817
56025
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "toolbar" },
|
|
55818
56026
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "tools" }, this.props.tools.map(function (item, index) {
|
|
55819
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: "data:image/svg+xml;base64,"
|
|
56027
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: "data:image/svg+xml;base64,".concat(item.icon), className: index === _this.props.activeToolIndex ? "icon button active" : "icon button", alt: item.name, title: item.name, onClick: function (evt) {
|
|
55820
56028
|
if (evt.button === 0) {
|
|
55821
56029
|
_this.props.changeTool(index);
|
|
55822
56030
|
}
|
|
@@ -55825,7 +56033,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55825
56033
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "color", onClick: function () {
|
|
55826
56034
|
if (!_this.props.pickerOpen)
|
|
55827
56035
|
_this.props.setPickerOpen(true);
|
|
55828
|
-
}, title: "Color", className: "icon button"
|
|
56036
|
+
}, title: "Color", className: "icon button".concat(this.props.pickerOpen ? " active" : "") },
|
|
55829
56037
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "active-color-bg" },
|
|
55830
56038
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "active-color", style: { backgroundColor: this.props.metadata.color, opacity: this.props.metadata.alpha } }))),
|
|
55831
56039
|
this.props.pickerOpen && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "color-picker", ref: this.props.pickerRef },
|
|
@@ -56783,7 +56991,7 @@ var ColorGradientStepGridComponent = /** @class */ (function (_super) {
|
|
|
56783
56991
|
var _this = this;
|
|
56784
56992
|
var gradient = this.props.gradient;
|
|
56785
56993
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
56786
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
56994
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
56787
56995
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color1" },
|
|
56788
56996
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_colorPickerComponent__WEBPACK_IMPORTED_MODULE_5__["ColorPickerLineComponent"], { value: gradient instanceof _babylonjs_core_Misc_gradients__WEBPACK_IMPORTED_MODULE_4__["Color3Gradient"] ? gradient.color : gradient.color1, onColorChanged: function (color) {
|
|
56789
56997
|
_this.updateColor1(color);
|
|
@@ -56970,7 +57178,7 @@ var FactorGradientStepGridComponent = /** @class */ (function (_super) {
|
|
|
56970
57178
|
var _this = this;
|
|
56971
57179
|
var gradient = this.props.gradient;
|
|
56972
57180
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
56973
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
57181
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
56974
57182
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "factor1" },
|
|
56975
57183
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "number", step: "0.01", className: "numeric-input", value: this.state.factor1, onBlur: function () { return _this.unlock(); }, onFocus: function () { return _this.lock(); }, onChange: function (evt) { return _this.updateFactor1(evt.target.value); } })),
|
|
56976
57184
|
this.props.host instanceof _babylonjs_core_Particles_particleSystem__WEBPACK_IMPORTED_MODULE_4__["ParticleSystem"] && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "factor2" },
|
|
@@ -57270,8 +57478,8 @@ var ParticleSystemPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
57270
57478
|
var windowAsAny = window;
|
|
57271
57479
|
if (windowAsAny.Playground && oldId) {
|
|
57272
57480
|
windowAsAny.Playground.onRequestCodeChangeObservable.notifyObservers({
|
|
57273
|
-
regex: new RegExp("ParticleHelper.CreateFromSnippetAsync\\(\""
|
|
57274
|
-
replace: "ParticleHelper.CreateFromSnippetAsync(\""
|
|
57481
|
+
regex: new RegExp("ParticleHelper.CreateFromSnippetAsync\\(\"".concat(oldId), "g"),
|
|
57482
|
+
replace: "ParticleHelper.CreateFromSnippetAsync(\"".concat(system.snippetId),
|
|
57275
57483
|
});
|
|
57276
57484
|
}
|
|
57277
57485
|
alert("Particle system saved with ID: " + system.snippetId + " (please note that the id was also saved to your clipboard)");
|
|
@@ -57682,7 +57890,7 @@ var ValueGradientGridComponent = /** @class */ (function (_super) {
|
|
|
57682
57890
|
_this.updateAndSync();
|
|
57683
57891
|
}, buttonLabel: "Add new step", onClick: function () { return _this.addNewStep(); } }),
|
|
57684
57892
|
gradients.map(function (g, i) {
|
|
57685
|
-
var codeRecorderPropertyName = _this.props.codeRecorderPropertyName +
|
|
57893
|
+
var codeRecorderPropertyName = _this.props.codeRecorderPropertyName + "[".concat(i, "]");
|
|
57686
57894
|
switch (_this.props.mode) {
|
|
57687
57895
|
case GradientGridMode.Factor:
|
|
57688
57896
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_factorGradientStepGridComponent__WEBPACK_IMPORTED_MODULE_4__["FactorGradientStepGridComponent"], { globalState: _this.props.globalState, lockObject: _this.props.lockObject, onCheckForReOrder: function () { return _this.checkForReOrder(); }, onUpdateGradient: function () { return _this.updateAndSync(); }, host: _this.props.host, codeRecorderPropertyName: codeRecorderPropertyName, key: "step-" + i, lineIndex: i, gradient: g, onDelete: function () { return _this.deleteStep(g); } }));
|
|
@@ -58584,8 +58792,8 @@ var SpriteManagerPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
58584
58792
|
var windowAsAny = window;
|
|
58585
58793
|
if (windowAsAny.Playground && oldId) {
|
|
58586
58794
|
windowAsAny.Playground.onRequestCodeChangeObservable.notifyObservers({
|
|
58587
|
-
regex: new RegExp("SpriteManager.CreateFromSnippetAsync\\(\""
|
|
58588
|
-
replace: "SpriteManager.CreateFromSnippetAsync(\""
|
|
58795
|
+
regex: new RegExp("SpriteManager.CreateFromSnippetAsync\\(\"".concat(oldId), "g"),
|
|
58796
|
+
replace: "SpriteManager.CreateFromSnippetAsync(\"".concat(spriteManager.snippetId),
|
|
58589
58797
|
});
|
|
58590
58798
|
}
|
|
58591
58799
|
alert("Sprite manager saved with ID: " + spriteManager.snippetId + " (please note that the id was also saved to your clipboard)");
|
|
@@ -59125,9 +59333,9 @@ var GLTFComponent = /** @class */ (function (_super) {
|
|
|
59125
59333
|
};
|
|
59126
59334
|
GLTFComponent.prototype.prepareText = function (singularForm, count) {
|
|
59127
59335
|
if (count) {
|
|
59128
|
-
return count
|
|
59336
|
+
return "".concat(count, " ").concat(singularForm, "s");
|
|
59129
59337
|
}
|
|
59130
|
-
return ""
|
|
59338
|
+
return "".concat(singularForm);
|
|
59131
59339
|
};
|
|
59132
59340
|
GLTFComponent.prototype.componentDidMount = function () {
|
|
59133
59341
|
var _this = this;
|
|
@@ -59442,7 +59650,11 @@ var ToolsTabComponent = /** @class */ (function (_super) {
|
|
|
59442
59650
|
filesInputAnimation.loadFiles(event);
|
|
59443
59651
|
};
|
|
59444
59652
|
ToolsTabComponent.prototype.shouldExport = function (node) {
|
|
59445
|
-
//
|
|
59653
|
+
// Exclude disabled
|
|
59654
|
+
if (!node.isEnabled()) {
|
|
59655
|
+
return false;
|
|
59656
|
+
}
|
|
59657
|
+
// Exclude skybox
|
|
59446
59658
|
if (node instanceof _babylonjs_core_Misc_videoRecorder__WEBPACK_IMPORTED_MODULE_5__["Mesh"]) {
|
|
59447
59659
|
if (node.material) {
|
|
59448
59660
|
var material = node.material;
|
|
@@ -59961,12 +60173,16 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
59961
60173
|
|
|
59962
60174
|
|
|
59963
60175
|
var CanvasGraphComponent = function (props) {
|
|
59964
|
-
var id = props.id, collector = props.collector, scene = props.scene, layoutObservable = props.layoutObservable, returnToPlayheadObservable = props.returnToPlayheadObservable, onVisibleRangeChangedObservable = props.onVisibleRangeChangedObservable;
|
|
60176
|
+
var id = props.id, collector = props.collector, scene = props.scene, layoutObservable = props.layoutObservable, returnToPlayheadObservable = props.returnToPlayheadObservable, onVisibleRangeChangedObservable = props.onVisibleRangeChangedObservable, initialGraphSize = props.initialGraphSize;
|
|
59965
60177
|
var canvasRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(null);
|
|
59966
60178
|
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
|
|
59967
60179
|
if (!canvasRef.current) {
|
|
59968
60180
|
return;
|
|
59969
60181
|
}
|
|
60182
|
+
if (initialGraphSize) {
|
|
60183
|
+
canvasRef.current.width = initialGraphSize.width;
|
|
60184
|
+
canvasRef.current.height = initialGraphSize.height;
|
|
60185
|
+
}
|
|
59970
60186
|
var cs;
|
|
59971
60187
|
try {
|
|
59972
60188
|
cs = new _canvasGraphService__WEBPACK_IMPORTED_MODULE_1__["CanvasGraphService"](canvasRef.current, { datasets: collector.datasets, onVisibleRangeChangedObservable: onVisibleRangeChangedObservable });
|
|
@@ -60024,9 +60240,11 @@ var CanvasGraphComponent = function (props) {
|
|
|
60024
60240
|
"use strict";
|
|
60025
60241
|
__webpack_require__.r(__webpack_exports__);
|
|
60026
60242
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CanvasGraphService", function() { return CanvasGraphService; });
|
|
60027
|
-
/* harmony import */ var
|
|
60028
|
-
/* harmony import */ var
|
|
60029
|
-
/* harmony import */ var
|
|
60243
|
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
60244
|
+
/* harmony import */ var _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./graphSupportingTypes */ "./components/graph/graphSupportingTypes.ts");
|
|
60245
|
+
/* harmony import */ var _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babylonjs/core/Maths/math.scalar */ "@babylonjs/core/Misc/observable");
|
|
60246
|
+
/* harmony import */ var _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__);
|
|
60247
|
+
|
|
60030
60248
|
|
|
60031
60249
|
|
|
60032
60250
|
|
|
@@ -60079,7 +60297,7 @@ var tooltipDebounceTime = 32;
|
|
|
60079
60297
|
// time in ms to wait between draws
|
|
60080
60298
|
var drawThrottleTime = 15;
|
|
60081
60299
|
// What distance percentage in the x axis between two points makes us break the line and draw a "no data" box instead
|
|
60082
|
-
var maxXDistancePercBetweenLinePoints = 0.
|
|
60300
|
+
var maxXDistancePercBetweenLinePoints = 0.1;
|
|
60083
60301
|
// Color used to draw the rectangle that indicates no collection of data
|
|
60084
60302
|
var noDataRectangleColor = "#aaaaaa";
|
|
60085
60303
|
/**
|
|
@@ -60138,6 +60356,8 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60138
60356
|
* This method lets the service know it should get ready to update what it is displaying.
|
|
60139
60357
|
*/
|
|
60140
60358
|
this.update = throttle(function () { return _this._draw(); }, drawThrottleTime);
|
|
60359
|
+
this._prevPointById = new Map();
|
|
60360
|
+
this._prevValueById = new Map();
|
|
60141
60361
|
/**
|
|
60142
60362
|
* Handles what to do when we are hovering over the canvas and not panning.
|
|
60143
60363
|
*
|
|
@@ -60183,7 +60403,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60183
60403
|
_this._position = null;
|
|
60184
60404
|
}
|
|
60185
60405
|
// Bind the zoom between [minZoom, maxZoom]
|
|
60186
|
-
_this._sizeOfWindow =
|
|
60406
|
+
_this._sizeOfWindow = _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["Scalar"].Clamp(_this._sizeOfWindow - amount, minZoom, maxZoom);
|
|
60187
60407
|
};
|
|
60188
60408
|
/**
|
|
60189
60409
|
* Initializes the panning object and attaches appropriate listener.
|
|
@@ -60218,7 +60438,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60218
60438
|
var itemsDelta = (pixelDelta / pixelsPerItem) | 0;
|
|
60219
60439
|
var pos = (_a = _this._position) !== null && _a !== void 0 ? _a : _this._getNumberOfSlices() - 1;
|
|
60220
60440
|
// update our position without allowing the user to pan more than they need to (approximation)
|
|
60221
|
-
_this._position =
|
|
60441
|
+
_this._position = _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["Scalar"].Clamp(pos - itemsDelta, Math.floor(_this._sizeOfWindow * scaleFactor), _this._getNumberOfSlices() - Math.floor(_this._sizeOfWindow * (1 - scaleFactor)));
|
|
60222
60442
|
if (itemsDelta === 0) {
|
|
60223
60443
|
_this._panPosition.delta += pixelDelta;
|
|
60224
60444
|
}
|
|
@@ -60226,6 +60446,8 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60226
60446
|
_this._panPosition.delta = 0;
|
|
60227
60447
|
}
|
|
60228
60448
|
_this._panPosition.xPos = event.clientX;
|
|
60449
|
+
_this._prevPointById.clear();
|
|
60450
|
+
_this._prevValueById.clear();
|
|
60229
60451
|
};
|
|
60230
60452
|
/**
|
|
60231
60453
|
* Clears the panning object and removes the appropriate listener.
|
|
@@ -60351,7 +60573,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60351
60573
|
this._datasetBounds.end = this._getClosestPointToTimestamp(bufferMaximum) + 1;
|
|
60352
60574
|
// keep track of largest timestamp value in view!
|
|
60353
60575
|
this._globalTimeMinMax.max = Math.max(this.datasets.data.at(this.datasets.startingIndices.at(this._datasetBounds.end - 1)), this._globalTimeMinMax.max);
|
|
60354
|
-
var updatedScaleFactor =
|
|
60576
|
+
var updatedScaleFactor = _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["Scalar"].Clamp((this._globalTimeMinMax.max - this._globalTimeMinMax.min) / (bufferMaximum - this._globalTimeMinMax.min), scaleFactor, 1);
|
|
60355
60577
|
// we will now set the global maximum to the maximum of the buffer.
|
|
60356
60578
|
this._globalTimeMinMax.max = bufferMaximum;
|
|
60357
60579
|
this._drawableArea.top = 0;
|
|
@@ -60370,10 +60592,16 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60370
60592
|
this.datasets.ids.forEach(function (id, idOffset) {
|
|
60371
60593
|
var _a, _b;
|
|
60372
60594
|
var valueMinMax;
|
|
60595
|
+
var prevPoint = _this._prevPointById.get(id);
|
|
60596
|
+
var prevValue = _this._prevValueById.get(id);
|
|
60373
60597
|
// we have already calculated the min and max while getting the tickers, so use those.
|
|
60374
60598
|
for (var i = 0; i < _this._numberOfTickers; i++) {
|
|
60375
60599
|
if (_this._tickerItems[i].id === id) {
|
|
60376
|
-
valueMinMax = _this._tickerItems[i];
|
|
60600
|
+
valueMinMax = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, _this._tickerItems[i]);
|
|
60601
|
+
// Extend the min max range by 1% of its total range
|
|
60602
|
+
var delta = valueMinMax.max - valueMinMax.min;
|
|
60603
|
+
valueMinMax.min -= 0.01 * delta;
|
|
60604
|
+
valueMinMax.max += 0.01 * delta;
|
|
60377
60605
|
}
|
|
60378
60606
|
}
|
|
60379
60607
|
// if we could not find the min max object it must be hidden so we skip.
|
|
@@ -60389,19 +60617,25 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60389
60617
|
else if (_this._preprocessedTooltipInfo.focusedId !== "") {
|
|
60390
60618
|
ctx.globalAlpha = backgroundLineAlpha;
|
|
60391
60619
|
}
|
|
60392
|
-
var
|
|
60620
|
+
var smoothingFactor = 0.2;
|
|
60393
60621
|
for (var pointIndex = _this._datasetBounds.start; pointIndex < _this._datasetBounds.end; pointIndex++) {
|
|
60394
|
-
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex) +
|
|
60622
|
+
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60395
60623
|
if (idOffset >= numPoints) {
|
|
60396
60624
|
continue;
|
|
60397
60625
|
}
|
|
60398
|
-
var valueIndex = _this.datasets.startingIndices.at(pointIndex) +
|
|
60626
|
+
var valueIndex = _this.datasets.startingIndices.at(pointIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset;
|
|
60399
60627
|
var timestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex));
|
|
60400
60628
|
var value = _this.datasets.data.at(valueIndex);
|
|
60629
|
+
if (prevValue === undefined) {
|
|
60630
|
+
prevValue = value;
|
|
60631
|
+
_this._prevValueById.set(id, prevValue);
|
|
60632
|
+
}
|
|
60633
|
+
var smoothedValue = smoothingFactor * value + (1 - smoothingFactor) * prevValue;
|
|
60401
60634
|
var drawableTime = _this._getPixelForNumber(timestamp, _this._globalTimeMinMax, left, right - left, false);
|
|
60402
|
-
var drawableValue = _this._getPixelForNumber(
|
|
60635
|
+
var drawableValue = _this._getPixelForNumber(smoothedValue, valueMinMax, top, bottom - top, true);
|
|
60403
60636
|
if (prevPoint === undefined) {
|
|
60404
60637
|
prevPoint = [drawableTime, drawableValue];
|
|
60638
|
+
_this._prevPointById.set(id, prevPoint);
|
|
60405
60639
|
}
|
|
60406
60640
|
var xDifference = drawableTime - prevPoint[0];
|
|
60407
60641
|
var skipLine = xDifference > maxXDistancePercBetweenLinePoints * (right - left);
|
|
@@ -60410,11 +60644,14 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60410
60644
|
ctx.fillRect(prevPoint[0], top, xDifference, bottom - top);
|
|
60411
60645
|
}
|
|
60412
60646
|
else {
|
|
60413
|
-
|
|
60414
|
-
|
|
60647
|
+
if (prevPoint[0] < drawableTime) {
|
|
60648
|
+
ctx.moveTo(prevPoint[0], prevPoint[1]);
|
|
60649
|
+
ctx.lineTo(drawableTime, drawableValue);
|
|
60650
|
+
}
|
|
60415
60651
|
}
|
|
60416
60652
|
prevPoint[0] = drawableTime;
|
|
60417
60653
|
prevPoint[1] = drawableValue;
|
|
60654
|
+
_this._prevValueById.set(id, smoothedValue);
|
|
60418
60655
|
}
|
|
60419
60656
|
ctx.stroke();
|
|
60420
60657
|
});
|
|
@@ -60439,12 +60676,12 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60439
60676
|
return;
|
|
60440
60677
|
}
|
|
60441
60678
|
var valueMinMax = _this._getMinMax(bounds, idOffset);
|
|
60442
|
-
var latestValue = _this.datasets.data.at(_this.datasets.startingIndices.at(bounds.end - 1) +
|
|
60443
|
-
var text = id
|
|
60679
|
+
var latestValue = _this.datasets.data.at(_this.datasets.startingIndices.at(bounds.end - 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset);
|
|
60680
|
+
var text = "".concat(id, ": ").concat(latestValue.toFixed(2), " (max: ").concat(valueMinMax.max.toFixed(2), ", min: ").concat(valueMinMax.min.toFixed(2), ")");
|
|
60444
60681
|
valueMap.set(id, {
|
|
60445
60682
|
min: valueMinMax.min,
|
|
60446
60683
|
max: valueMinMax.max,
|
|
60447
|
-
current: latestValue
|
|
60684
|
+
current: latestValue,
|
|
60448
60685
|
});
|
|
60449
60686
|
if (text.length > longestText.length) {
|
|
60450
60687
|
longestText = text;
|
|
@@ -60558,16 +60795,16 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60558
60795
|
*/
|
|
60559
60796
|
CanvasGraphService.prototype._getTimestampUnit = function (timestamp) {
|
|
60560
60797
|
if (timestamp / msInHour > 1) {
|
|
60561
|
-
return
|
|
60798
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours;
|
|
60562
60799
|
}
|
|
60563
60800
|
else if (timestamp / msInMinute > 1) {
|
|
60564
|
-
return
|
|
60801
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes;
|
|
60565
60802
|
}
|
|
60566
60803
|
else if (timestamp / msInSecond > 1) {
|
|
60567
|
-
return
|
|
60804
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Seconds;
|
|
60568
60805
|
}
|
|
60569
60806
|
else {
|
|
60570
|
-
return
|
|
60807
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Milliseconds;
|
|
60571
60808
|
}
|
|
60572
60809
|
};
|
|
60573
60810
|
/**
|
|
@@ -60578,19 +60815,19 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60578
60815
|
*/
|
|
60579
60816
|
CanvasGraphService.prototype._parseTimestamp = function (timestamp, intervalUnit) {
|
|
60580
60817
|
var parsedTimestamp = "";
|
|
60581
|
-
if (intervalUnit >=
|
|
60818
|
+
if (intervalUnit >= _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours) {
|
|
60582
60819
|
var numHours = Math.floor(timestamp / msInHour);
|
|
60583
60820
|
timestamp -= numHours * msInHour;
|
|
60584
|
-
parsedTimestamp += numHours.toString().padStart(intervalUnit >
|
|
60821
|
+
parsedTimestamp += "".concat(numHours.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours ? 2 : 1, "0"), ":");
|
|
60585
60822
|
}
|
|
60586
|
-
if (intervalUnit >=
|
|
60823
|
+
if (intervalUnit >= _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes) {
|
|
60587
60824
|
var numMinutes = Math.floor(timestamp / msInMinute);
|
|
60588
60825
|
timestamp -= numMinutes * msInMinute;
|
|
60589
|
-
parsedTimestamp += numMinutes.toString().padStart(intervalUnit >
|
|
60826
|
+
parsedTimestamp += "".concat(numMinutes.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes ? 2 : 1, "0"), ":");
|
|
60590
60827
|
}
|
|
60591
60828
|
var numSeconds = Math.floor(timestamp / msInSecond);
|
|
60592
60829
|
timestamp -= numSeconds * msInSecond;
|
|
60593
|
-
parsedTimestamp += numSeconds.toString().padStart(intervalUnit >
|
|
60830
|
+
parsedTimestamp += numSeconds.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Seconds ? 2 : 1, "0");
|
|
60594
60831
|
if (timestamp > 0) {
|
|
60595
60832
|
if (parsedTimestamp.length > 0) {
|
|
60596
60833
|
parsedTimestamp += ".";
|
|
@@ -60669,11 +60906,11 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60669
60906
|
CanvasGraphService.prototype._getMinMax = function (bounds, offset) {
|
|
60670
60907
|
var min = Infinity, max = 0;
|
|
60671
60908
|
for (var i = bounds.start; i < bounds.end; i++) {
|
|
60672
|
-
var numPoints = this.datasets.data.at(this.datasets.startingIndices.at(i) +
|
|
60909
|
+
var numPoints = this.datasets.data.at(this.datasets.startingIndices.at(i) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60673
60910
|
if (offset >= numPoints) {
|
|
60674
60911
|
continue;
|
|
60675
60912
|
}
|
|
60676
|
-
var itemIndex = this.datasets.startingIndices.at(i) +
|
|
60913
|
+
var itemIndex = this.datasets.startingIndices.at(i) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + offset;
|
|
60677
60914
|
var item = this.datasets.data.at(itemIndex);
|
|
60678
60915
|
if (item < min) {
|
|
60679
60916
|
min = item;
|
|
@@ -60700,7 +60937,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60700
60937
|
CanvasGraphService.prototype._getPixelForNumber = function (num, minMax, startingPixel, spaceAvailable, shouldFlipValue) {
|
|
60701
60938
|
var min = minMax.min, max = minMax.max;
|
|
60702
60939
|
// Perform a min-max normalization to rescale the value onto a [0, 1] scale given the min and max of the dataset.
|
|
60703
|
-
var normalizedValue = max
|
|
60940
|
+
var normalizedValue = Math.abs(max - min) > 0.001 ? (num - min) / (max - min) : 0.5;
|
|
60704
60941
|
// if we should make this a [1, 0] range instead (higher numbers = smaller pixel value)
|
|
60705
60942
|
if (shouldFlipValue) {
|
|
60706
60943
|
normalizedValue = 1 - normalizedValue;
|
|
@@ -60809,11 +61046,11 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60809
61046
|
if (!!((_a = _this.metadata.get(id)) === null || _a === void 0 ? void 0 : _a.hidden)) {
|
|
60810
61047
|
return;
|
|
60811
61048
|
}
|
|
60812
|
-
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex) +
|
|
61049
|
+
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60813
61050
|
if (idOffset >= numPoints) {
|
|
60814
61051
|
return;
|
|
60815
61052
|
}
|
|
60816
|
-
var valueAtClosestPointIndex = _this.datasets.startingIndices.at(closestIndex) +
|
|
61053
|
+
var valueAtClosestPointIndex = _this.datasets.startingIndices.at(closestIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset;
|
|
60817
61054
|
var valueAtClosestPoint = _this.datasets.data.at(valueAtClosestPointIndex);
|
|
60818
61055
|
var valueMinMax;
|
|
60819
61056
|
// we would have already calculated the min and max while getting the tickers, so use those, and get first one.
|
|
@@ -60828,7 +61065,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60828
61065
|
actualTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex));
|
|
60829
61066
|
var valueAtClosestPointYPos = _this._getPixelForNumber(valueAtClosestPoint, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60830
61067
|
var xForActualTimestamp = _this._getPixelForNumber(actualTimestamp, _this._globalTimeMinMax, drawableArea.left, drawableArea.right - drawableArea.left, false);
|
|
60831
|
-
var text = id
|
|
61068
|
+
var text = "".concat(id, ": ").concat(valueAtClosestPoint.toFixed(2));
|
|
60832
61069
|
if (text.length > longestText.length) {
|
|
60833
61070
|
longestText = text;
|
|
60834
61071
|
}
|
|
@@ -60843,17 +61080,17 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60843
61080
|
var distance = _this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, xForActualTimestamp, valueAtClosestPointYPos, pos.xPos - left, adjustedYPos);
|
|
60844
61081
|
// get the shortest distance between the point and the line segment infront, and line segment behind, store the shorter distance (if shorter than distance between closest data point and mouse).
|
|
60845
61082
|
if (closestIndex + 1 < _this.datasets.data.itemLength &&
|
|
60846
|
-
_this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) +
|
|
61083
|
+
_this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset) > idOffset) {
|
|
60847
61084
|
var secondPointTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1));
|
|
60848
61085
|
var secondPointX = _this._getPixelForNumber(secondPointTimestamp, _this._globalTimeMinMax, drawableArea.left, drawableArea.right - drawableArea.left, false);
|
|
60849
|
-
var secondPointValue = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) +
|
|
61086
|
+
var secondPointValue = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset);
|
|
60850
61087
|
var secondPointY = _this._getPixelForNumber(secondPointValue, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60851
61088
|
distance = Math.min(_this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, secondPointX, secondPointY, pos.xPos - left, adjustedYPos), distance);
|
|
60852
61089
|
}
|
|
60853
|
-
if (closestIndex - 1 >= 0 && _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) +
|
|
61090
|
+
if (closestIndex - 1 >= 0 && _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset) > idOffset) {
|
|
60854
61091
|
var secondPointTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex - 1));
|
|
60855
61092
|
var secondPointX = _this._getPixelForNumber(secondPointTimestamp, _this._globalTimeMinMax, drawableArea.left, drawableArea.right - drawableArea.left, false);
|
|
60856
|
-
var secondPointValue = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex - 1) +
|
|
61093
|
+
var secondPointValue = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex - 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset);
|
|
60857
61094
|
var secondPointY = _this._getPixelForNumber(secondPointValue, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60858
61095
|
distance = Math.min(_this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, secondPointX, secondPointY, pos.xPos - left, adjustedYPos), distance);
|
|
60859
61096
|
}
|
|
@@ -60869,7 +61106,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60869
61106
|
if (closestLineDistance <= maxDistanceForHover && this._position) {
|
|
60870
61107
|
this._preprocessedTooltipInfo.focusedId = closestLineId;
|
|
60871
61108
|
var inferredValue = this._getNumberFromPixel(adjustedYPos, closestLineValueMinMax, drawableArea.top, drawableArea.bottom, true);
|
|
60872
|
-
var closestLineText = closestLineId
|
|
61109
|
+
var closestLineText = "".concat(closestLineId, ": ").concat(inferredValue.toFixed(2));
|
|
60873
61110
|
this._preprocessedTooltipInfo.longestText = closestLineText;
|
|
60874
61111
|
this._preprocessedTooltipInfo.numberOfTooltipItems = 1;
|
|
60875
61112
|
this._tooltipItems[0].text = closestLineText;
|
|
@@ -61201,7 +61438,7 @@ var PopupComponent = /** @class */ (function (_super) {
|
|
|
61201
61438
|
PopupComponent.prototype.openPopup = function () {
|
|
61202
61439
|
var _this = this;
|
|
61203
61440
|
var _a = this.props, title = _a.title, size = _a.size, onClose = _a.onClose, onOpen = _a.onOpen;
|
|
61204
|
-
var windowVariableName = "window_"
|
|
61441
|
+
var windowVariableName = "window_".concat(title);
|
|
61205
61442
|
this._container = _inspector__WEBPACK_IMPORTED_MODULE_3__["Inspector"]._CreatePopup(title, windowVariableName, size.width, size.height, true);
|
|
61206
61443
|
if (this._container) {
|
|
61207
61444
|
this._host = this._container.ownerDocument.createElement("div");
|
|
@@ -61663,7 +61900,7 @@ var ControlTreeItemComponent = /** @class */ (function (_super) {
|
|
|
61663
61900
|
ControlTreeItemComponent.prototype.render = function () {
|
|
61664
61901
|
var _this = this;
|
|
61665
61902
|
var control = this.props.control;
|
|
61666
|
-
var name = (control.name || "No name") +
|
|
61903
|
+
var name = (control.name || "No name") + " [".concat(control.getClassName(), "]");
|
|
61667
61904
|
var isActiveElement = this.state.isActive ? react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_1__["faHighlighter"] }) : react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_1__["faHighlighter"], className: "isNotActive" });
|
|
61668
61905
|
var visibilityElement = this.state.isVisible ? react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_1__["faEye"] }) : react__WEBPACK_IMPORTED_MODULE_4__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_5__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_1__["faEyeSlash"], className: "isNotActive" });
|
|
61669
61906
|
return (react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", { className: "controlTools" },
|
|
@@ -61697,7 +61934,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
61697
61934
|
|
|
61698
61935
|
|
|
61699
61936
|
|
|
61700
|
-
var editorUrl = "https://unpkg.com/babylonjs-gui-editor@"
|
|
61937
|
+
var editorUrl = "https://unpkg.com/babylonjs-gui-editor@".concat(_babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["Engine"].Version, "/babylon.guiEditor.js");
|
|
61701
61938
|
var guiEditor = null;
|
|
61702
61939
|
/** Get the inspector from bundle or global */
|
|
61703
61940
|
function _getGlobalGUIEditor() {
|
|
@@ -61745,7 +61982,7 @@ function EditAdvancedDynamicTexture(adt) {
|
|
|
61745
61982
|
return [3 /*break*/, 4];
|
|
61746
61983
|
case 3:
|
|
61747
61984
|
_a = _b.sent();
|
|
61748
|
-
throw "Failed to load GUI editor from "
|
|
61985
|
+
throw "Failed to load GUI editor from ".concat(editorUrl);
|
|
61749
61986
|
case 4: return [3 /*break*/, 6];
|
|
61750
61987
|
case 5:
|
|
61751
61988
|
// we are in ES6 environment
|
|
@@ -62106,6 +62343,8 @@ var SceneTreeItemComponent = /** @class */ (function (_super) {
|
|
|
62106
62343
|
else if (manager.boundingBoxGizmoEnabled) {
|
|
62107
62344
|
gizmoMode = 4;
|
|
62108
62345
|
}
|
|
62346
|
+
// autopicking is disable by default
|
|
62347
|
+
manager.enableAutoPicking = false;
|
|
62109
62348
|
}
|
|
62110
62349
|
_this.state = { isSelected: false, isInPickingMode: false, gizmoMode: gizmoMode };
|
|
62111
62350
|
return _this;
|
|
@@ -62120,8 +62359,16 @@ var SceneTreeItemComponent = /** @class */ (function (_super) {
|
|
|
62120
62359
|
nextState.isSelected = false;
|
|
62121
62360
|
}
|
|
62122
62361
|
}
|
|
62362
|
+
this.updateGizmoAutoPicking(nextState.isInPickingMode);
|
|
62123
62363
|
return true;
|
|
62124
62364
|
};
|
|
62365
|
+
SceneTreeItemComponent.prototype.updateGizmoAutoPicking = function (isInPickingMode) {
|
|
62366
|
+
var scene = this.props.scene;
|
|
62367
|
+
if (scene.reservedDataStore && scene.reservedDataStore.gizmoManager) {
|
|
62368
|
+
var manager = scene.reservedDataStore.gizmoManager;
|
|
62369
|
+
manager.enableAutoPicking = isInPickingMode;
|
|
62370
|
+
}
|
|
62371
|
+
};
|
|
62125
62372
|
SceneTreeItemComponent.prototype.componentDidMount = function () {
|
|
62126
62373
|
var _this = this;
|
|
62127
62374
|
if (!this.props.onSelectionChangedObservable) {
|
|
@@ -64563,8 +64810,8 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
64563
64810
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-white" }),
|
|
64564
64811
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-black" }),
|
|
64565
64812
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-cursor", style: {
|
|
64566
|
-
top: -(hsv.b * 100) + 100
|
|
64567
|
-
left: hsv.g * 100
|
|
64813
|
+
top: "".concat(-(hsv.b * 100) + 100, "%"),
|
|
64814
|
+
left: "".concat(hsv.g * 100, "%"),
|
|
64568
64815
|
} })),
|
|
64569
64816
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue" },
|
|
64570
64817
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-color", style: {
|
|
@@ -64572,7 +64819,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
64572
64819
|
} }),
|
|
64573
64820
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-slider", ref: this._hueRef, onPointerMove: function (e) { return _this.onHuePointerMove(e); }, onPointerDown: function (e) { return _this.onHuePointerDown(e); }, onPointerUp: function (e) { return _this.onHuePointerUp(e); } },
|
|
64574
64821
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-cursor", style: {
|
|
64575
|
-
left: (hsv.r / 360.0) * 100
|
|
64822
|
+
left: "".concat((hsv.r / 360.0) * 100, "%"),
|
|
64576
64823
|
border: "1px solid " + colorHexRef,
|
|
64577
64824
|
} }))),
|
|
64578
64825
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-rgb" },
|
|
@@ -64811,10 +65058,10 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
64811
65058
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
64812
65059
|
this.props.label &&
|
|
64813
65060
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.iconLabel }, this.props.label),
|
|
64814
|
-
this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__["FontAwesomeIcon"], { className: "cbx "
|
|
65061
|
+
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(); } }),
|
|
64815
65062
|
!this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBox" },
|
|
64816
65063
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkbox", id: "checkbox" + this._uniqueId, className: "cbx hidden", checked: this.state.isSelected, onChange: function () { return _this.onChange(); }, disabled: !!this.props.disabled }),
|
|
64817
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { htmlFor: "checkbox" + this._uniqueId, className: "lbl"
|
|
65064
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { htmlFor: "checkbox" + this._uniqueId, className: "lbl".concat(!!this.props.disabled ? " disabled" : "") }))));
|
|
64818
65065
|
};
|
|
64819
65066
|
CheckBoxLineComponent._UniqueIdSeed = 0;
|
|
64820
65067
|
return CheckBoxLineComponent;
|
|
@@ -65963,7 +66210,7 @@ var NumericInputComponent = /** @class */ (function (_super) {
|
|
|
65963
66210
|
var _this = this;
|
|
65964
66211
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric" },
|
|
65965
66212
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
65966
|
-
this.props.label && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric-label", title: this.props.label }, this.props.label
|
|
66213
|
+
this.props.label && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric-label", title: this.props.label }, "".concat(this.props.label, ": "))),
|
|
65967
66214
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "number", step: this.props.step, className: "numeric-input", value: this.state.value, onChange: function (evt) { return _this.updateValue(evt); }, onBlur: function () { return _this.onBlur(); } })));
|
|
65968
66215
|
};
|
|
65969
66216
|
NumericInputComponent.defaultProps = {
|
|
@@ -66491,7 +66738,7 @@ var Vector2LineComponent = /** @class */ (function (_super) {
|
|
|
66491
66738
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
66492
66739
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine", title: this.props.label },
|
|
66493
66740
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label" }, this.props.label),
|
|
66494
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" }, "X: "
|
|
66741
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" }, "X: ".concat(this.state.value.x.toFixed(2), ", Y: ").concat(this.state.value.y.toFixed(2))),
|
|
66495
66742
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66496
66743
|
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66497
66744
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "x", step: this.props.step, value: this.state.value.x, onChange: function (value) { return _this.updateStateX(value); } }),
|
|
@@ -66600,9 +66847,9 @@ var Vector3LineComponent = /** @class */ (function (_super) {
|
|
|
66600
66847
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
66601
66848
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label),
|
|
66602
66849
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" },
|
|
66603
|
-
!this.props.useEuler && "X: "
|
|
66850
|
+
!this.props.useEuler && "X: ".concat(this.state.value.x.toFixed(2), ", Y: ").concat(this.state.value.y.toFixed(2), ", Z: ").concat(this.state.value.z.toFixed(2)),
|
|
66604
66851
|
this.props.useEuler &&
|
|
66605
|
-
"X: "
|
|
66852
|
+
"X: ".concat(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__["Tools"].ToDegrees(this.state.value.x).toFixed(2), ", Y: ").concat(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__["Tools"].ToDegrees(this.state.value.y).toFixed(2), ", Z: ").concat(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_6__["Tools"].ToDegrees(this.state.value.z).toFixed(2))),
|
|
66606
66853
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66607
66854
|
this.state.isExpanded && !this.props.useEuler && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66608
66855
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "x", step: this.props.step, value: this.state.value.x, onChange: function (value) { return _this.updateStateX(value); } }),
|
|
@@ -66719,7 +66966,7 @@ var Vector4LineComponent = /** @class */ (function (_super) {
|
|
|
66719
66966
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine" },
|
|
66720
66967
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
66721
66968
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label),
|
|
66722
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" }, "X: "
|
|
66969
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" }, "X: ".concat(this.state.value.x.toFixed(2), ", Y: ").concat(this.state.value.y.toFixed(2), ", Z: ").concat(this.state.value.z.toFixed(2), ", W: ").concat(this.state.value.w.toFixed(2))),
|
|
66723
66970
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66724
66971
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66725
66972
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "x", step: this.props.step, value: this.state.value.x, onChange: function (value) { return _this.updateStateX(value); } }),
|
|
@@ -67141,7 +67388,7 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
67141
67388
|
rows.push(grid.getRowDefinition(index));
|
|
67142
67389
|
}
|
|
67143
67390
|
return rows.map(function (rd, i) {
|
|
67144
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "r"
|
|
67391
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "r".concat(i), label: "Row ".concat(i), value: rd.toString(grid.host, 2), underline: i === grid.rowCount - 1 });
|
|
67145
67392
|
});
|
|
67146
67393
|
};
|
|
67147
67394
|
GridPropertyGridComponent.prototype.renderColumns = function () {
|
|
@@ -67151,7 +67398,7 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
67151
67398
|
cols.push(grid.getColumnDefinition(index));
|
|
67152
67399
|
}
|
|
67153
67400
|
return cols.map(function (cd, i) {
|
|
67154
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "c"
|
|
67401
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "c".concat(i), label: "Column ".concat(i), value: cd.toString(grid.host, 2) });
|
|
67155
67402
|
});
|
|
67156
67403
|
};
|
|
67157
67404
|
GridPropertyGridComponent.prototype.render = function () {
|