@babylonjs/inspector 5.0.0-beta.1 → 5.0.0-beta.5
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.
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
exports["babylonjs-inspector"] = factory(require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/loaders"), require("@babylonjs/materials"), require("@babylonjs/serializers"));
|
|
8
8
|
else
|
|
9
9
|
root["INSPECTOR"] = factory(root["BABYLON"], root["BABYLON"]["GUI"], root["BABYLON"], root["BABYLON"]["MATERIALS"], root["BABYLON"]);
|
|
10
|
-
})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__,
|
|
10
|
+
})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_controls_image__, __WEBPACK_EXTERNAL_MODULE__babylonjs_loaders_glTF_index__, __WEBPACK_EXTERNAL_MODULE__babylonjs_materials_grid_gridMaterial__, __WEBPACK_EXTERNAL_MODULE__babylonjs_serializers_glTF_2_0_index__) {
|
|
11
11
|
return /******/ (function(modules) { // webpackBootstrap
|
|
12
12
|
/******/ // The module cache
|
|
13
13
|
/******/ var installedModules = {};
|
|
@@ -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":"AAEA;EACI,kBAAkB;EAClB,UAAU;EACV,QAAO;EACP,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,YAAY,EAAA;EAXpB;IAeQ,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,aAAa;IACb,oCAAoC;IACpC,yBAAyB;IACzB,sBAAsB;IACtB,qBAAqB;IACrB,iBAAiB,EAAA;IA1BzB;MA6BY,cAAc;MACd,WAAW;MACX,YAAY;MACZ,aAAa;MACb,kBAAkB;MAClB,oBAAoB,EAAA;IAlChC;MAsCY,cAAc;MACd,aAAa;MACb,kBAAkB;MAClB,oBAAoB;MACpB,eAAe,EAAA;IA1C3B;MA8CY,cAAc;MACd,aAAa;MACb,mBAAmB;MACnB,kBAAkB,EAAA;IAjD9B;MAqDY,cAAc;MACd,aAAa;MACb,mBAAmB;MACnB,8BAA8B,EAAA;MAxD1C;QA2DgB,cAAc;QACd,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,eAAe,EAAA;MA/D/B;QAmEgB,cAAc;QACd,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,eAAe,EAAA;EAvE/B;IA6EQ,aAAa;IACb,WAAW;IACX,4BAA4B;IAC5B,kBAAkB;IAClB,gBAAgB,EAAA;IAjFxB;MAoFY,WAAW;MACX,aAAa;MACb,mBAAmB;MACnB,qBAAqB;MACrB,gCAAgC;MAChC,SAAS;MACT,UAAU,EAAA;MA1FtB;QA6FgB,eAAe;QACf,YAAY;QACZ,WAAW;QACX,aAAa;QACb,qBAAqB;QACrB,uBAAuB;QACvB,6BAA6B;QAC7B,mBAAmB;QACnB,mBAAmB;QACnB,YAAY;QACZ,YAAY;QACZ,eAAe,EAAA;QAxG/B;UA2GoB,qBAAqB;UACrB,oCAAoC;UACpC,mBAAmB,EAAA;IA7GvC;MAmHY,WAAW;MACX,aAAa;MACb,wBAAwB;MAExB,gBAAgB,EAAA;MAvH5B;QA0HgB,YAAY;QACZ,YAAY;QACZ,wBAAwB,EAAA;MA5HxC;QAiIgB,aAAa;QACb,wBAAwB;QACxB,oDAAoD;QACpD,gBAAgB;QAChB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB,EAAA;QAvInC;UA0IoB,WAAW;UACX,cAAc,EAAA;QA3IlC;UA+IoB,YAAY,EAAA;QA/IhC;UAmJoB,YAAY;UACZ,iBAAiB,EAAA;QApJrC;UAwJoB,WAAW;UACX,cAAc;UACd,eAAe,EAAA;QA1JnC;UA8JoB,iBAAiB;UACjB,WAAW;UACX,cAAc;UACd,eAAe,EAAA;UAjKnC;YAoKwB,gBAAgB;YAChB,kBAAkB,EAAA;QArK1C;UA0KoB,uBAAuB,EAAA;QA1K3C;UA8KoB,eAAe,EAAA;QA9KnC;UAkLoB,gBAAgB;UAChB,WAAW;UACX,cAAc;UACd,iBAAiB;UACjB,iBAAiB,EAAA;QAtLrC;UA0LoB,WAAW;UACX,cAAc;UACd,aAAa;UACb,wBAAwB;UACxB,qBAAqB;UACrB,kBAAkB,EAAA;UA/LtC;YAkMwB,WAAW,EAAA;UAlMnC;YAqMwB,UAAU,EAAA;UArMlC;YAyMwB,wBAAwB;YACxB,WAAW;YACX,mBAAmB;YACnB,kBAAkB;YAClB,aAAa;YACb,YAAY;YACZ,uBAAuB;YACvB,uBAAuB,EAAA;UAhN/C;YAmNwB,wBAAwB;YACxB,gBAAgB;YAChB,WAAW;YACX,YAAY;YACZ,kBAAkB;YAClB,mBAA6B;YAC7B,eAAe,EAAA;UAzNvC;YA6NwB,WAAW;YACX,YAAY;YACZ,kBAAkB;YAClB,mBAA6B;YAC7B,eAAe,EAAA;QAjOvC;UAsOoB,WAAW;UACX,cAAc;UACd,aAAa;UACb,qBAAqB;UACrB,uBAAuB,EAAA;UA1O3C;YA6OwB,YAAY;YACZ,WAAW,EAAA;UA9OnC;YAiPwB,eAAe,EAAA;QAjPvC;UAsPoB,WAAW;UACX,cAAc;UACd,aAAa;UACb,qBAAqB;UACrB,uBAAuB,EAAA;UA1P3C;YA4PwB,YAAY;YACZ,WAAW,EAAA;UA7PnC;YAgQwB,eAAe,EAAA;MAhQvC;QAuQgB,YAAY;QAEZ,kBAAkB;QAClB,gBAAgB;QAChB,YAAY;QAEZ,yBAAyB;QACzB,sBAAsB;QACtB,qBAAqB;QACrB,iBAAiB,EAAA;QAhRjC;UAmRoB,kCAAkC;UAClC,gBAAgB;UAChB,4BAA4B,EAAA;QArRhD;UAyRoB,mDAAmD,EAAA;QAzRvE;UA6RoB,aAAa;UACb,+BAA+B,EAAA;UA9RnD;YAiSwB,cAAc;YACd,gBAAgB;YAChB,iBAAiB;YACjB,cAAc;YACd,mBAAmB;YACnB,qBAAqB;YACrB,eAAe;YACf,YAAY,EAAA;YAxSpC;cA2S4B,YAAY,EAAA;UA3SxC;YAgTwB,cAAc,EAAA;UAhTtC;YAoTwB,qBAAsB;YACtB,eAAgB;YAChB,iBAAkB,EAAA;QAtT1C;UA2ToB,kBAAkB;UAClB,eAAe;UACf,kBAAkB;UAClB,YAAY,EAAA;QA9ThC;UAkUoB,iBA/UG;UAgVH,YAAY;UACZ,aAAa;UACb,+BAA+B,EAAA;UArUnD;YAwUwB,cAAc;YACd,aAAa;YACb,mBAAmB;YACnB,qBAAqB,EAAA;UA3U7C;YA+UwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;QAjV3C;UAsVoB,wBAAwB;UACxB,WAAW;UACX,WAAW,EAAA;UAxV/B;YA2VwB,wBAAwB;YACxB,uBAAuB;YACvB,eAAe;YACf,gBAAgB,EAAA;UA9VxC;YAkWwB,eAAe;YACf,QAAQ;YACR,UAAU;YACV,WAAW;YACX,SAAS;YACT,YAAY,EAAA;UAvWpC;YA2WwB,kBAAkB,EAAA;QA3W1C;UAgXoB,iBA7XG;UA8XH,YAAY;UACZ,aAAa;UACb,oCAAoC,EAAA;UAnXxD;YAsXwB,cAAc;YACd,aAAa;YACb,mBAAmB;YACnB,0BAA0B;YAC1B,eAAe,EAAA;UA1XvC;YA8XwB,cAAc,EAAA;YA9XtC;cAiY4B,mBAAmB;cACnB,yBAAmC;cACnC,yBAAyB;cACzB,YAAW;cACX,gBAAgB;cAChB,YAAY;cACZ,eAAe,EAAA;YAvY3C;cA2Y4B,YAAY,EAAA;YA3YxC;cA+Y4B,mBAAmB,EAAA;YA/Y/C;cAmZ4B,yBAAmC;cACnC,YAAY,EAAA;UApZxC;YAyZwB,cAAc;YACd,aAAa;YACb,qBAAqB,EAAA;QA3Z7C;UAgaoB,iBA7aG;UA8aH,YAAY;UACZ,aAAa;UACb,+BAA+B,EAAA;UAnanD;YAsawB,2BAA2B,EAAA;YAtanD;cAya4B,cAAc;cACd,iBAAiB;cACjB,iBAAiB;cACjB,YAAY;cACZ,gBAAgB,EAAA;YA7a5C;cAib4B,cAAc;cACd,iBAAiB;cACjB,iBAAiB;cACjB,YAAY;cACZ,gBAAgB,EAAA;UArb5C;YA0bwB,YAAY;YACZ,kBAAkB,EAAA;UA3b1C;YA+bwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UAjc3C;YAqcwB,cAAc;YACd,mBAAmB;YACnB,uBAAuB;YACvB,gBAAgB;YAChB,eAAe;YACf,YAAY;YACZ,WAAU;YACV,eAAe;YACf,gBAAgB;YAChB,0BAA0B;YAC1B,eAAe,EAAA;UA/cvC;YAmdwB,cAAc;YACd,mBAAmB;YACnB,uBAAuB;YACvB,gBAAgB;YAChB,eAAe;YACf,YAAY;YACZ,WAAU;YACV,eAAe;YACf,gBAAgB;YAChB,yBAAyB;YACzB,sBAAsB;YACtB,qBAAqB;YACrB,iBAAiB,EAAA;YA/dzC;cAke4B,YAAY,EAAA;YAlexC;cAse4B,UAAU,EAAA;QAtetC;UA4eoB,eAAe,EAAA;UA5enC;YA+ewB,YAAY;YACZ,aAAa;YACb,qBAAqB,EAAA;UAjf7C;YAqfwB,aAAa;YACb,wBAAwB;YACxB,wDAAwD;YACxD,gBAAgB;YAChB,iBAAiB;YACjB,mBAAmB;YACnB,mBAAmB;YACnB,6BAA6B,EAAA;YA5frD;cA+f4B,WAAW;cACX,cAAc,EAAA;YAhgB1C;cAogB4B,YAAY,EAAA;YApgBxC;cAwgB4B,YAAY;cACZ,iBAAiB,EAAA;YAzgB7C;cA6gB4B,WAAW;cACX,cAAc;cACd,eAAe,EAAA;YA/gB3C;cAmhB4B,iBAAiB;cACjB,WAAW;cACX,cAAc;cACd,eAAe,EAAA;cAthB3C;gBAyhBgC,gBAAgB;gBAChB,kBAAkB,EAAA;YA1hBlD;cA+hB4B,uBAAuB,EAAA;YA/hBnD;cAmiB4B,gBAAgB;cAChB,WAAW;cACX,cAAc;cACd,iBAAiB;cACjB,iBAAiB,EAAA;YAviB7C;cA2iB4B,WAAW;cACX,cAAc;cACd,aAAa;cACb,wBAAwB;cACxB,qBAAqB;cACrB,iBAAiB,EAAA;cAhjB7C;gBAmjBgC,WAAW,EAAA;YAnjB3C;cAwjB4B,WAAW;cACX,cAAc;cACd,aAAa;cACb,qBAAqB;cACrB,uBAAuB,EAAA;QA5jBnD;UAkkBoB,iBA/kBG;UAglBH,YAAY;UACZ,aAAa;UACb,gCAAgC,EAAA;UArkBpD;YAwkBwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UA1kB3C;YA8kBwB,aAAa;YACb,mBAAmB;YACnB,cAAc,EAAA;YAhlBtC;cAmlB4B,YAAY,EAAA;QAnlBxC;UAylBoB,YAAY;UACZ,aAAa;UACb,mBAAmB;UACnB,sBAAsB,EAAA;UA5lB1C;YA+lBwB,aAAa,EAAA;UA/lBrC;YAmmBwB,mBAAmB;YACnB,yBAAmC;YACnC,yBAAyB;YACzB,YAAW;YACX,gBAAgB;YAChB,eAAe;YACf,YAAY;YACZ,eAAe;YACf,kBAAkB,EAAA;UA3mB1C;YA+mBwB,YAAY,EAAA;UA/mBpC;YAmnBwB,sBAAsB;YACtB,yBAAyB,EAAA;UApnBjD;YAwnBwB,mBAAmB;YACnB,yBAAmC;YACnC,yBAAyB;YACzB,YAAW;YACX,gBAAgB;YAChB,YAAY;YACZ,eAAe,EAAA;UA9nBvC;YAkoBwB,YAAY,EAAA;UAloBpC;YAsoBwB,mBAAmB,EAAA;UAtoB3C;YA0oBwB,yBAAmC;YACnC,YAAY,EAAA;QA3oBpC;UAgpBoB,iBA7pBG;UA8pBH,YAAY;UACZ,aAAa;UACb,+BAA+B,EAAA;UAnpBnD;YAspBwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UAxpB3C;YA4pBwB,aAAa;YACb,mBAAmB,EAAA;YA7pB3C;cAgqB4B,cAAc;cACd,aAAa,EAAA;cAjqBzC;gBAoqBgC,qBAA+B,EAAA;cApqB/D;gBAuqBgC,mBAAmB,EAAA;YAvqBnD;cA4qB4B,qBAAqB;cACrB,YAAY;cACZ,kBAAkB;cAClB,eAAe;cACf,gBAAgB;cAChB,eAAe;cACf,sBAAsB,EAAA;cAlrBlD;gBAorBgC,kBAAkB;gBAClB,WAAW;gBACX,kBAAkB;gBAClB,wBAAwB;gBACxB,4CAA4C,EAAA;cAxrB5E;gBA2rBgC,SAAS;gBACT,MAAM;gBACN,WAAW;gBACX,YAAY;gBACZ,uBAAuB,EAAA;cA/rBvD;gBAksBgC,QAAQ;gBACR,SAAS;gBACT,UAAU;gBACV,WAAW;gBACX,mBAAmB;gBACnB,mBAA4B,EAAA;QAvsB5D;UA8sBoB,iBA3tBG;UA4tBH,aAAa,EAAA;UA/sBjC;YAktBwB,aAAa;YACb,oCAAoC;YACpC,YAAY,EAAA;YAptBpC;cAutB4B,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,mBAAmB;cACnB,gBAAgB,EAAA;YA3tB5C;cA+tB4B,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,iBAAiB;cACjB,YAAY;cACZ,iBAAiB,EAAA;YApuB7C;cAwuB4B,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,qBAAqB;cACrB,eAAe,EAAA;UA5uB3C;YAivBwB,aAAa;YACb,kBAAkB;YAClB,8BAAwC,EAAA;YAnvBhE;cAsvB4B,aAAa;cACb,+BAA+B,EAAA;YAvvB3D;cA2vB4B,iBAAiB;cACjB,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,mBAAmB;cACnB,kBAAkB,EAAA;YAhwB9C;cAowB4B,YAAY;cACZ,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,yBAAoC,EAAA;QAxwBhE;UA8wBoB,iBA3xBG;UA4xBH,YAAY;UACZ,aAAa;UACb,+BAA+B,EAAA;UAjxBnD;YAqxBwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UAvxB3C;YA2xBwB,cAAc;YAEd,aAAa;YACb,mBAAmB,EAAA;YA9xB3C;cAiyB4B,kBAAkB;cAClB,cAAc;cACd,YAAY;cACZ,WAAW;cACX,iBAAiB;cACjB,mBAAmB;cACnB,oBAAoB;cACpB,eAAe;cACf,yBAAyB,EAAA;YAzyBrD;cA6yB4B,kBAAkB;cAClB,SAAS;cACT,QAAQ;cACR,cAAc;cACd,WAAW;cACX,YAAY;cACZ,oBAAoB;cACpB,gBAAgB;cAChB,2CAAwC;cACxC,WAAW;cACX,0BAA0B,EAAA;YAvzBtD;cA2zB4B,4BAA4B,EAAA;YA3zBxD;cA+zB4B,mBAA6B,EAAA;YA/zBzD;cAm0B4B,UAAU;cACV,mBAA4B,EAAA;YAp0BxD;cAw0B4B,aAAa,EAAA;QAx0BzC;UA80BoB,aAAa;UACb,6BAA6B,EAAA;UA/0BjD;YAk1BwB,eAAe;YACf,WAAW;YACX,aAAa;YACb,uDAAuD,EAAA;YAr1B/E;cAw1B4B,cAAc,EAAA;YAx1B1C;cA41B4B,cAAc,EAAA;YA51B1C;cAg2B4B,cAAc,EAAA;YAh2B1C;cAo2B4B,cAAc,EAAA;YAp2B1C;cAw2B4B,cAAc,EAAA;UAx2B1C;YA62BwB,eAAe;YACf,WAAW;YACX,aAAa;YACb,4DAA4D,EAAA;YAh3BpF;cAm3B4B,cAAc,EAAA;YAn3B1C;cAu3B4B,cAAc,EAAA;YAv3B1C;cA23B4B,cAAc,EAAA;YA33B1C;cA+3B4B,cAAc,EAAA;YA/3B1C;cAm4B4B,cAAc,EAAA;YAn4B1C;cAu4B4B,cAAc,EAAA;UAv4B1C;YA44BwB,6BAA6B;YAC7B,uBAAsB;YACtB,YAAY,EAAA;UA94BpC;YAk5BwB,yBAAmC,EAAA;UAl5B3D;YAs5BwB,WAAW;YACX,aAAa;YACb,kBAAkB;YAClB,oBAAoB;YACpB,aAAa;YACb,YAAY;YACZ,eAAe;YACf,kBAAkB;YAClB,uBAAuB;YACvB,0BAA0B;YAC1B,uBAAuB;YACvB,+MAA+M,EAAA;QAj6BvO;UAs6BoB,iBAAiB;UACjB,8BAAwC,EAAA;QAv6B5D;UA26BoB,iBAx7BG;UAy7BH,YAAY;UACZ,aAAa;UACb,gCAAgC,EAAA;UA96BpD;YAk7BwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UAp7B3C;YAw7BwB,cAAc;YAEd,aAAa;YACb,mBAAmB,EAAA;YA37B3C;cA87B4B,YAAY,EAAA;QA97BxC;UAo8BoB,iBAj9BG;UAk9BH,YAAY;UACZ,aAAa;UACb,wBAAwB;UACxB,oCAAoC,EAAA;UAx8BxD;YA28BwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UA78B3C;YAi9BwB,gBAAgB,EAAA;UAj9BxC;YAq9BwB,iBAl+BD,EAAA;YAavB;cAw9B4B,cAAc;cACd,aAAa;cACb,mBAAmB,EAAA;cA19B/C;gBA69BgC,WAAW,EAAA;cA79B3C;;gBAk+B8B,wBAAwB;gBACxB,SAAS,EAAA;cAn+BvC;gBAu+BgC,0BAA0B,EAAA;UAv+B1D;YA6+BwB,cAAc;YACd,WAAW;YACX,iBAAiB;YACjB,UAAU;YACV,aAAa;YACb,mBAAmB,EAAA;YAl/B3C;cAq/B4B,wBAAwB;cACxB,WAAW;cACX,WAAW;cACX,mBAAmB;cACnB,kBAAkB;cAClB,aAAa;cACb,YAAY;cACZ,uBAAuB;cACvB,uBAAuB,EAAA;YA7/BnD;cAigC4B,UAAU,EAAA;YAjgCtC;cAqgC4B,wBAAwB;cACxB,gBAAgB;cAChB,WAAW;cACX,YAAY;cACZ,kBAAkB;cAClB,mBAA6B;cAC7B,eAAe,EAAA;YA3gC3C;cA+gC4B,WAAW;cACX,YAAY;cACZ,kBAAkB;cAClB,mBAA6B;cAC7B,eAAe,EAAA;QAnhC3C;UAyhCoB,iBAtiCG;UAuiCH,aAAa,EAAA;UA1hCjC;YA6hCwB,YAAY;YACZ,aAAa;YACb,yCAAyC,EAAA;YA/hCjE;cAkiC4B,cAAc;cACd,aAAa;cACb,mBAAmB,EAAA;YApiC/C;cAwiC4B,cAAc;cACd,WAAW;cAEX,aAAa;cACb,mBAAmB,EAAA;cA5iC/C;gBA+iCgC,wBAAwB;gBACxB,0CAA0C;gBAC1C,UAAU;gBACV,WAAW;gBACX,YAAY,EAAA;cAnjC5C;gBAsjCgC,UAAU,EAAA;cAtjC1C;gBAyjCgC,YAAY,EAAA;cAzjC5C;gBA6jCgC,iBAAiB,EAAA;YA7jCjD;cAkkC4B,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,qBAAqB;cACrB,eAAe,EAAA;cAtkC3C;gBAwkCgC,YAAY,EAAA;YAxkC5C;cA6kC4B,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,qBAAqB;cACrB,eAAe,EAAA;UAjlC3C;YAslCwB,aAAa;YACb,kBAAkB;YAClB,8BAAwC,EAAA;YAxlChE;cA2lC4B,aAAa;cACb,+BAA+B,EAAA;YA5lC3D;cAgmC4B,iBAAiB;cACjB,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,mBAAmB;cACnB,kBAAkB,EAAA;YArmC9C;cAymC4B,YAAY;cACZ,cAAc;cACd,aAAa;cACb,mBAAmB;cACnB,yBAAoC,EAAA;QA7mChE;UAmnCoB,iBAhoCG;UAioCH,YAAY;UACZ,aAAa;UACb,+BAA+B,EAAA;UAtnCnD;YA0nCwB,cAAc;YACd,aAAa;YACb,mBAAmB,EAAA;UA5nC3C;YAgoCwB,cAAc;YAEd,aAAa;YACb,mBAAmB;YACnB,iBAAiB,EAAA;YApoCzC;cAuoC4B,YAAY,EAAA;QAvoCxC;UA6oCoB,eAAe;UACf,aAAY;UACZ,wBAAwB;UACxB,2BAA2B,EAAA;UAhpC/C;YAmpCwB,kCAAkC,EAAA;UAnpC1D;YAwpC4B,8CAA8C,EAAA;UAxpC1E;YA8pCoC,8BAAwC,EAAA;UA9pC5E;YAqqCwB,WAAW;YACX,cAAc;YACd,UAAU;YACV,qBAAqB;YACrB,mBAAmB;YACnB,YAAY;YACZ,yBAAyB;YACzB,oBAAoB,EAAA;YA5qC5C;cA+qC4B,UAAU,EAAA;UA/qCtC;YAorCwB,WAAW;YACX,cAAc,EAAA;YArrCtC;cAwrC4B,aAAa;cACb,+BAA+B;cAC/B,mBAAmB;cACnB,YAAY;cACZ,kBAAkB;cAClB,eAAe,EAAA;cA7rC3C;gBAgsCgC,kCAAkC;gBAClC,iBAAiB;gBACjB,cAAc;gBACd,aAAa;gBACb,mBAAmB,EAAA;cApsCnD;gBAwsCgC,cAAc;gBACd,aAAa;gBACb,mBAAmB;gBACnB,qBAAqB;gBACrB,wBAAwB,EAAA;gBA5sCxD;kBA+sCoC,yBAAyB,EAAA;YA/sC7D;cAqtC4B,mDAAmD,EAAA;YArtC/E;cAytC4B,mDAAmD,EAAA","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
|
+
|
|
11523
|
+
|
|
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; }
|
|
11409
11533
|
|
|
11410
|
-
|
|
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); } }),
|
|
@@ -45592,7 +45730,7 @@ var TextureLinkLineComponent = /** @class */ (function (_super) {
|
|
|
45592
45730
|
var texture = this.props.texture;
|
|
45593
45731
|
if (!texture) {
|
|
45594
45732
|
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 "
|
|
45733
|
+
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
45734
|
}
|
|
45597
45735
|
return null;
|
|
45598
45736
|
}
|
|
@@ -45873,7 +46011,7 @@ var GradientStepComponent = /** @class */ (function (_super) {
|
|
|
45873
46011
|
var _this = this;
|
|
45874
46012
|
var step = this.props.step;
|
|
45875
46013
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
45876
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
46014
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
45877
46015
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color" },
|
|
45878
46016
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_colorPickerComponent__WEBPACK_IMPORTED_MODULE_3__["ColorPickerLineComponent"], { value: step.color, onColorChanged: function (color) {
|
|
45879
46017
|
_this.updateColor(color);
|
|
@@ -45953,10 +46091,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45953
46091
|
|
|
45954
46092
|
|
|
45955
46093
|
__webpack_require__(/*! ./scss/performanceViewer.scss */ "./components/actionTabs/tabs/performanceViewer/scss/performanceViewer.scss");
|
|
45956
|
-
//
|
|
46094
|
+
// arbitrary window size
|
|
45957
46095
|
var initialWindowSize = { width: 1024, height: 512 };
|
|
45958
|
-
|
|
45959
|
-
var isEnabled = false;
|
|
46096
|
+
var initialGraphSize = { width: 724, height: 512 };
|
|
45960
46097
|
var IPerfMetadataCategory;
|
|
45961
46098
|
(function (IPerfMetadataCategory) {
|
|
45962
46099
|
IPerfMetadataCategory["Count"] = "Count";
|
|
@@ -45970,7 +46107,7 @@ var defaultStrategiesList = [
|
|
|
45970
46107
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].ActiveIndicesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45971
46108
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].ActiveBonesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45972
46109
|
{ 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 },
|
|
46110
|
+
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].DrawCallsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45974
46111
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalLightsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45975
46112
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalVerticesStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
45976
46113
|
{ strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].TotalMaterialsStrategy(), category: IPerfMetadataCategory.Count, hidden: true },
|
|
@@ -46019,9 +46156,9 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46019
46156
|
title: "Realtime Performance Viewer",
|
|
46020
46157
|
onClose: onClosePerformanceViewer,
|
|
46021
46158
|
onResize: onResize,
|
|
46022
|
-
size: initialWindowSize
|
|
46159
|
+
size: initialWindowSize,
|
|
46023
46160
|
},
|
|
46024
|
-
children: react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_performanceViewerPopupComponent__WEBPACK_IMPORTED_MODULE_6__["PerformanceViewerPopupComponent"], { scene: scene, layoutObservable: layoutObservable, returnToLiveObservable: returnToLiveObservable, performanceCollector: performanceCollector })
|
|
46161
|
+
children: (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_performanceViewerPopupComponent__WEBPACK_IMPORTED_MODULE_6__["PerformanceViewerPopupComponent"], { scene: scene, layoutObservable: layoutObservable, returnToLiveObservable: returnToLiveObservable, performanceCollector: performanceCollector, initialGraphSize: initialGraphSize })),
|
|
46025
46162
|
}, document.body);
|
|
46026
46163
|
}
|
|
46027
46164
|
};
|
|
@@ -46036,7 +46173,7 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46036
46173
|
setIsOpen(false);
|
|
46037
46174
|
setIsLoadedFromCsv(true);
|
|
46038
46175
|
performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.stop();
|
|
46039
|
-
var isValid = performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.loadFromFileData(data
|
|
46176
|
+
var isValid = performanceCollector === null || performanceCollector === void 0 ? void 0 : performanceCollector.loadFromFileData(data);
|
|
46040
46177
|
if (!isValid) {
|
|
46041
46178
|
// if our data isnt valid we close the window.
|
|
46042
46179
|
setIsOpen(false);
|
|
@@ -46068,7 +46205,9 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46068
46205
|
perfCollector.addCollectionStrategies.apply(perfCollector, defaultStrategiesList);
|
|
46069
46206
|
if (_babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["ComputePressureObserverWrapper"].IsAvailable) {
|
|
46070
46207
|
perfCollector.addCollectionStrategies({
|
|
46071
|
-
strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].CpuStrategy(),
|
|
46208
|
+
strategyCallback: _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["PerfCollectionStrategy"].CpuStrategy(),
|
|
46209
|
+
category: IPerfMetadataCategory.FrameSteps,
|
|
46210
|
+
hidden: true
|
|
46072
46211
|
});
|
|
46073
46212
|
}
|
|
46074
46213
|
};
|
|
@@ -46077,11 +46216,11 @@ var PerformanceViewerComponent = function (props) {
|
|
|
46077
46216
|
addStrategies(perfCollector);
|
|
46078
46217
|
setPerformanceCollector(perfCollector);
|
|
46079
46218
|
}, []);
|
|
46080
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
46219
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_4__["LineContainerComponent"], { title: "Performance Viewer" },
|
|
46081
46220
|
!isOpen && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "Open Realtime Perf Viewer", onClick: onPerformanceButtonClick }),
|
|
46082
46221
|
!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
46222
|
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 })))
|
|
46223
|
+
!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
46224
|
};
|
|
46086
46225
|
|
|
46087
46226
|
|
|
@@ -46111,12 +46250,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
46111
46250
|
|
|
46112
46251
|
|
|
46113
46252
|
var PerformanceViewerPopupComponent = function (props) {
|
|
46114
|
-
var scene = props.scene, layoutObservable = props.layoutObservable, returnToLiveObservable = props.returnToLiveObservable, performanceCollector = props.performanceCollector;
|
|
46253
|
+
var scene = props.scene, layoutObservable = props.layoutObservable, returnToLiveObservable = props.returnToLiveObservable, performanceCollector = props.performanceCollector, initialGraphSize = props.initialGraphSize;
|
|
46115
46254
|
var onVisibleRangeChangedObservable = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__["Observable"]())[0];
|
|
46116
46255
|
return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: "performance-viewer" },
|
|
46117
46256
|
react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_performancePlayheadButtonComponent__WEBPACK_IMPORTED_MODULE_3__["PerformancePlayheadButtonComponent"], { returnToPlayhead: returnToLiveObservable }),
|
|
46118
46257
|
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 })));
|
|
46258
|
+
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
46259
|
};
|
|
46121
46260
|
|
|
46122
46261
|
|
|
@@ -46212,9 +46351,9 @@ var PerformanceViewerSidebarComponent = function (props) {
|
|
|
46212
46351
|
}; };
|
|
46213
46352
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "performance-viewer-sidebar" }, metadataCategories && metadataCategories.map(function (category) {
|
|
46214
46353
|
var _a;
|
|
46215
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "category-"
|
|
46354
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "category-".concat(category || 'version') },
|
|
46216
46355
|
category
|
|
46217
|
-
? react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category-header header sidebar-item", key: "header-"
|
|
46356
|
+
? react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category-header header sidebar-item", key: "header-".concat(category) },
|
|
46218
46357
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: "category" }, category),
|
|
46219
46358
|
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
46359
|
: react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "version-header sidebar-item", key: "header-version" },
|
|
@@ -46224,7 +46363,7 @@ var PerformanceViewerSidebarComponent = function (props) {
|
|
|
46224
46363
|
var _a;
|
|
46225
46364
|
var metadata = metadataMap === null || metadataMap === void 0 ? void 0 : metadataMap.get(id);
|
|
46226
46365
|
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-"
|
|
46366
|
+
return metadata && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "perf-sidebar-item-".concat(id), className: "sidebar-item measure" },
|
|
46228
46367
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "category" },
|
|
46229
46368
|
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
46369
|
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 +46954,7 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46815
46954
|
from: 0,
|
|
46816
46955
|
to: 0,
|
|
46817
46956
|
loop: false,
|
|
46957
|
+
initialized: false
|
|
46818
46958
|
};
|
|
46819
46959
|
_this.state = { currentFrame: 0 };
|
|
46820
46960
|
var animatableAsAny = _this.props.animatable;
|
|
@@ -46909,6 +47049,7 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46909
47049
|
this._animationControl.from = this._mainAnimatable.fromFrame;
|
|
46910
47050
|
this._animationControl.to = this._mainAnimatable.toFrame;
|
|
46911
47051
|
this._animationControl.loop = this._mainAnimatable.loopAnimation;
|
|
47052
|
+
this._animationControl.initialized = true;
|
|
46912
47053
|
}
|
|
46913
47054
|
}
|
|
46914
47055
|
var animations = animatable.animations;
|
|
@@ -46918,6 +47059,9 @@ var AnimationGridComponent = /** @class */ (function (_super) {
|
|
|
46918
47059
|
this._animationCurveEditorContext.animations = animations;
|
|
46919
47060
|
this._animationCurveEditorContext.target = this.props.animatable;
|
|
46920
47061
|
this._animationCurveEditorContext.scene = this.props.scene;
|
|
47062
|
+
this._animationCurveEditorContext.fromKey = this._animationControl.from;
|
|
47063
|
+
this._animationCurveEditorContext.toKey = this._animationControl.to;
|
|
47064
|
+
this._animationCurveEditorContext.useExistingPlayRange = this._animationControl.initialized;
|
|
46921
47065
|
}
|
|
46922
47066
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
46923
47067
|
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 +47989,8 @@ var RangeSelectorComponent = /** @class */ (function (_super) {
|
|
|
47845
47989
|
}
|
|
47846
47990
|
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
47991
|
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
|
|
47992
|
+
left: "".concat(2 + ((this.props.context.fromKey - this._minFrame) / ratio) * this._viewWidth, "px"),
|
|
47993
|
+
right: "".concat(2 + ((this._maxFrame - this.props.context.toKey) / ratio) * this._viewWidth, "px"),
|
|
47850
47994
|
} },
|
|
47851
47995
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "left-handle", className: "handle" },
|
|
47852
47996
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: handleIcon })),
|
|
@@ -47879,6 +48023,7 @@ var Context = /** @class */ (function () {
|
|
|
47879
48023
|
function Context() {
|
|
47880
48024
|
this.activeAnimations = [];
|
|
47881
48025
|
this.activeChannels = {};
|
|
48026
|
+
this.useExistingPlayRange = false;
|
|
47882
48027
|
this.forwardAnimation = true;
|
|
47883
48028
|
this.referenceMinFrame = 0;
|
|
47884
48029
|
this.referenceMaxFrame = 100;
|
|
@@ -47916,6 +48061,10 @@ var Context = /** @class */ (function () {
|
|
|
47916
48061
|
this.onClipLengthDecreased = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47917
48062
|
this.onInterpolationModeSet = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47918
48063
|
this.onSelectToActivated = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
48064
|
+
this.lockLastFrameValue = false;
|
|
48065
|
+
this.lockLastFrameFrame = false;
|
|
48066
|
+
// value frame inTangent outTangent
|
|
48067
|
+
this.onActiveKeyDataChanged = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
|
|
47919
48068
|
}
|
|
47920
48069
|
Context.prototype.prepare = function () {
|
|
47921
48070
|
this.isPlaying = false;
|
|
@@ -47924,10 +48073,12 @@ var Context = /** @class */ (function () {
|
|
|
47924
48073
|
}
|
|
47925
48074
|
var animation = this.useTargetAnimations ? this.animations[0].animation : this.animations[0];
|
|
47926
48075
|
var keys = animation.getKeys();
|
|
47927
|
-
this.fromKey = keys[0].frame;
|
|
47928
|
-
this.toKey = keys[keys.length - 1].frame;
|
|
47929
48076
|
this.referenceMinFrame = 0;
|
|
47930
|
-
this.referenceMaxFrame =
|
|
48077
|
+
this.referenceMaxFrame = keys[keys.length - 1].frame;
|
|
48078
|
+
if (!this.useExistingPlayRange) {
|
|
48079
|
+
this.fromKey = this.referenceMinFrame;
|
|
48080
|
+
this.toKey = this.referenceMaxFrame;
|
|
48081
|
+
}
|
|
47931
48082
|
this.snippetId = animation.snippetId;
|
|
47932
48083
|
this.clipLength = this.referenceMaxFrame;
|
|
47933
48084
|
if (!animation || !animation.hasRunningRuntimeAnimations) {
|
|
@@ -48352,7 +48503,7 @@ var Curve = /** @class */ (function () {
|
|
|
48352
48503
|
if (keys.length < 2) {
|
|
48353
48504
|
return "";
|
|
48354
48505
|
}
|
|
48355
|
-
var pathData = "M"
|
|
48506
|
+
var pathData = "M".concat(convertX(keys[0].frame), " ").concat(convertY(keys[0].value));
|
|
48356
48507
|
for (var keyIndex = 1; keyIndex < keys.length; keyIndex++) {
|
|
48357
48508
|
var outTangent = keys[keyIndex - 1].outTangent;
|
|
48358
48509
|
var inTangent = keys[keyIndex].inTangent;
|
|
@@ -48363,21 +48514,21 @@ var Curve = /** @class */ (function () {
|
|
|
48363
48514
|
var frameDist = currentFrame - prevFrame;
|
|
48364
48515
|
var prevInterpolation = keys[keyIndex - 1].interpolation;
|
|
48365
48516
|
if (prevInterpolation === _babylonjs_core_Animations_animationKey__WEBPACK_IMPORTED_MODULE_0__["AnimationKeyInterpolation"].STEP) { // Draw a stepped curve
|
|
48366
|
-
pathData += "L "
|
|
48367
|
-
pathData += "L "
|
|
48517
|
+
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(prevValue));
|
|
48518
|
+
pathData += "L ".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48368
48519
|
continue;
|
|
48369
48520
|
}
|
|
48370
48521
|
if (outTangent === undefined && inTangent === undefined) { // Draw a straight line
|
|
48371
|
-
pathData += " L"
|
|
48522
|
+
pathData += " L".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48372
48523
|
continue;
|
|
48373
48524
|
}
|
|
48374
48525
|
// Let's sample the curve else
|
|
48375
48526
|
for (var frame = prevFrame; frame < currentFrame; frame += frameDist / Curve.SampleRate) {
|
|
48376
48527
|
var keyValue = this.animation.evaluate(frame);
|
|
48377
48528
|
var value = this.property ? keyValue[this.property] : keyValue;
|
|
48378
|
-
pathData += " L"
|
|
48529
|
+
pathData += " L".concat(convertX(frame), " ").concat(convertY(value));
|
|
48379
48530
|
}
|
|
48380
|
-
pathData += " L"
|
|
48531
|
+
pathData += " L".concat(convertX(currentFrame), " ").concat(convertY(currentValue));
|
|
48381
48532
|
}
|
|
48382
48533
|
return pathData;
|
|
48383
48534
|
};
|
|
@@ -48635,6 +48786,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
48635
48786
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
48636
48787
|
|
|
48637
48788
|
|
|
48789
|
+
// x distance between consecutive ticks on the frame
|
|
48790
|
+
var baseTickDistance = 25;
|
|
48791
|
+
var minTickDistance = 35;
|
|
48638
48792
|
var FrameBarComponent = /** @class */ (function (_super) {
|
|
48639
48793
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(FrameBarComponent, _super);
|
|
48640
48794
|
function FrameBarComponent(props) {
|
|
@@ -48681,10 +48835,10 @@ var FrameBarComponent = /** @class */ (function (_super) {
|
|
|
48681
48835
|
}
|
|
48682
48836
|
var minFrame = this.props.context.referenceMinFrame;
|
|
48683
48837
|
var maxFrame = this.props.context.referenceMaxFrame;
|
|
48684
|
-
var stepCounts = 20;
|
|
48685
48838
|
var range = maxFrame - minFrame;
|
|
48686
|
-
var offset = (range / stepCounts) | 0;
|
|
48687
48839
|
var convertRatio = range / this._GraphAbsoluteWidth;
|
|
48840
|
+
var dist = Math.max(baseTickDistance * this._viewScale, minTickDistance); // x distance between consecutive ticks
|
|
48841
|
+
var offset = Math.floor(dist * convertRatio);
|
|
48688
48842
|
var steps = [];
|
|
48689
48843
|
if (offset === 0) {
|
|
48690
48844
|
offset = 1;
|
|
@@ -48698,20 +48852,20 @@ var FrameBarComponent = /** @class */ (function (_super) {
|
|
|
48698
48852
|
return steps.map(function (s, i) {
|
|
48699
48853
|
var x = (s - minFrame) / convertRatio;
|
|
48700
48854
|
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
|
|
48855
|
+
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
48856
|
stroke: "#333333",
|
|
48703
48857
|
strokeWidth: 0.5,
|
|
48704
48858
|
} }),
|
|
48705
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: x, y: 0, dx: 7 * _this._viewScale
|
|
48859
|
+
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
48860
|
fontFamily: "acumin-pro-condensed",
|
|
48707
|
-
fontSize: 10 * _this._viewScale
|
|
48861
|
+
fontSize: "".concat(10 * _this._viewScale, "px"),
|
|
48708
48862
|
fill: "#555555",
|
|
48709
48863
|
textAlign: "center",
|
|
48710
48864
|
} }, s.toFixed(0))));
|
|
48711
48865
|
});
|
|
48712
48866
|
};
|
|
48713
48867
|
FrameBarComponent.prototype.render = function () {
|
|
48714
|
-
var viewBox = -this._offsetX
|
|
48868
|
+
var viewBox = "".concat(-this._offsetX, " 0 ").concat(Math.round(this._viewWidth * this._viewScale), " ").concat(Math.round(30 * this._viewScale));
|
|
48715
48869
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frame-bar" },
|
|
48716
48870
|
this.props.context.activeAnimations.length > 0 && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-unit" }),
|
|
48717
48871
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frames" },
|
|
@@ -48756,7 +48910,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48756
48910
|
function GraphComponent(props) {
|
|
48757
48911
|
var _this = _super.call(this, props) || this;
|
|
48758
48912
|
_this._MinScale = 0.5;
|
|
48759
|
-
_this._MaxScale =
|
|
48913
|
+
_this._MaxScale = 5;
|
|
48760
48914
|
_this._GraphAbsoluteWidth = 788;
|
|
48761
48915
|
_this._GraphAbsoluteHeight = 357;
|
|
48762
48916
|
_this._viewWidth = 788;
|
|
@@ -48859,7 +49013,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48859
49013
|
// Key already exists, update it
|
|
48860
49014
|
leftKey.value = value;
|
|
48861
49015
|
}
|
|
48862
|
-
else if (Math.floor(rightKey.frame - currentFrame) === 0) {
|
|
49016
|
+
else if (Math.floor((rightKey === null || rightKey === void 0 ? void 0 : rightKey.frame) - currentFrame) === 0) {
|
|
48863
49017
|
// Key already exists, update it
|
|
48864
49018
|
rightKey.value = value;
|
|
48865
49019
|
}
|
|
@@ -48869,8 +49023,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
48869
49023
|
var newKey = {
|
|
48870
49024
|
frame: currentFrame,
|
|
48871
49025
|
value: value,
|
|
49026
|
+
lockedTangent: true
|
|
48872
49027
|
};
|
|
48873
|
-
if (leftKey.outTangent !== undefined && rightKey.inTangent !== undefined) {
|
|
49028
|
+
if ((leftKey === null || leftKey === void 0 ? void 0 : leftKey.outTangent) !== undefined && (rightKey === null || rightKey === void 0 ? void 0 : rightKey.inTangent) !== undefined) {
|
|
48874
49029
|
var derivative = null;
|
|
48875
49030
|
var invFrameDelta = 1.0 / (rightKey.frame - leftKey.frame);
|
|
48876
49031
|
var cutTime = (currentFrame - leftKey.frame) * invFrameDelta;
|
|
@@ -49341,9 +49496,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49341
49496
|
stroke: isZero ? "#666666" : "#333333",
|
|
49342
49497
|
strokeWidth: isZero ? 1.0 : 0.5,
|
|
49343
49498
|
} }),
|
|
49344
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("text", { key: "label" + s, x: 0, y: y, dx: 15 * _this._viewScale
|
|
49499
|
+
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
49500
|
fontFamily: "acumin-pro-condensed",
|
|
49346
|
-
fontSize: 10 * _this._viewScale
|
|
49501
|
+
fontSize: "".concat(10 * _this._viewScale, "px"),
|
|
49347
49502
|
fill: "#888888",
|
|
49348
49503
|
textAlign: "center",
|
|
49349
49504
|
} }, text)));
|
|
@@ -49422,6 +49577,7 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49422
49577
|
if (evt.nativeEvent.target.id !== "svg-graph-curves") {
|
|
49423
49578
|
return;
|
|
49424
49579
|
}
|
|
49580
|
+
evt.preventDefault();
|
|
49425
49581
|
this._pointerIsDown = true;
|
|
49426
49582
|
evt.currentTarget.setPointerCapture(evt.pointerId);
|
|
49427
49583
|
this._sourcePointerX = evt.nativeEvent.offsetX;
|
|
@@ -49443,20 +49599,23 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49443
49599
|
var localX = evt.nativeEvent.offsetX;
|
|
49444
49600
|
var localY = evt.nativeEvent.offsetY;
|
|
49445
49601
|
if (localX > this._selectionStartX) {
|
|
49446
|
-
style.left = this._selectionStartX
|
|
49447
|
-
style.width = localX - this._selectionStartX
|
|
49602
|
+
style.left = "".concat(this._selectionStartX, "px");
|
|
49603
|
+
style.width = "".concat(localX - this._selectionStartX, "px");
|
|
49448
49604
|
}
|
|
49449
49605
|
else {
|
|
49450
|
-
style.left = localX
|
|
49451
|
-
style.width = this._selectionStartX - localX
|
|
49606
|
+
style.left = "".concat(localX, "px");
|
|
49607
|
+
style.width = "".concat(this._selectionStartX - localX, "px");
|
|
49452
49608
|
}
|
|
49453
49609
|
if (localY > this._selectionStartY) {
|
|
49454
|
-
style.top = this._selectionStartY
|
|
49455
|
-
style.height = localY - this._selectionStartY
|
|
49610
|
+
style.top = "".concat(this._selectionStartY, "px");
|
|
49611
|
+
style.height = "".concat(localY - this._selectionStartY, "px");
|
|
49456
49612
|
}
|
|
49457
49613
|
else {
|
|
49458
|
-
style.top = localY
|
|
49459
|
-
style.height = this._selectionStartY - localY
|
|
49614
|
+
style.top = "".concat(localY, "px");
|
|
49615
|
+
style.height = "".concat(this._selectionStartY - localY, "px");
|
|
49616
|
+
}
|
|
49617
|
+
if (localX !== this._selectionStartX || localY !== this._selectionStartY) {
|
|
49618
|
+
this._selectionMade = true;
|
|
49460
49619
|
}
|
|
49461
49620
|
this.props.context.onSelectionRectangleMoved.notifyObservers(this._selectionRectangle.current.getBoundingClientRect());
|
|
49462
49621
|
return;
|
|
@@ -49472,9 +49631,10 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49472
49631
|
this._pointerIsDown = false;
|
|
49473
49632
|
evt.currentTarget.releasePointerCapture(evt.pointerId);
|
|
49474
49633
|
this._selectionRectangle.current.style.visibility = "hidden";
|
|
49475
|
-
if (!this._inSelectionMode) {
|
|
49634
|
+
if (!this._inSelectionMode || !this._selectionMade) {
|
|
49476
49635
|
this.props.context.clearSelection();
|
|
49477
49636
|
}
|
|
49637
|
+
this._selectionMade = false;
|
|
49478
49638
|
};
|
|
49479
49639
|
GraphComponent.prototype._onWheel = function (evt) {
|
|
49480
49640
|
var delta = evt.deltaY < 0 ? -0.05 : 0.05;
|
|
@@ -49494,9 +49654,9 @@ var GraphComponent = /** @class */ (function (_super) {
|
|
|
49494
49654
|
GraphComponent.prototype.render = function () {
|
|
49495
49655
|
var _this = this;
|
|
49496
49656
|
var scale = this._viewScale;
|
|
49497
|
-
var viewBoxScalingCurves = -this._offsetX
|
|
49498
|
-
var viewBoxScalingGrid = "0 "
|
|
49499
|
-
var viewBoxHorizontal = -this._offsetX
|
|
49657
|
+
var viewBoxScalingCurves = "".concat(-this._offsetX, " ").concat(-this._offsetY, " ").concat(Math.round(scale * this._viewCurveWidth), " ").concat(Math.round(scale * this._viewHeight));
|
|
49658
|
+
var viewBoxScalingGrid = "0 ".concat(-this._offsetY, " ").concat(Math.round(scale * this._viewWidth), " ").concat(Math.round(scale * this._viewHeight));
|
|
49659
|
+
var viewBoxHorizontal = "".concat(-this._offsetX, " 0 ").concat(Math.round((this._viewWidth - 40) * this._viewScale), " ").concat(Math.round(scale * this._viewHeight));
|
|
49500
49660
|
var activeBoxLeft = 0;
|
|
49501
49661
|
var activeBoxRight = 0;
|
|
49502
49662
|
if (this.props.context.activeAnimations.length !== 0) {
|
|
@@ -49627,10 +49787,10 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49627
49787
|
_this._stepTangent();
|
|
49628
49788
|
});
|
|
49629
49789
|
_this._onSelectionRectangleMovedObserver = _this.props.context.onSelectionRectangleMoved.add(function (rect1) {
|
|
49630
|
-
if (!_this.
|
|
49790
|
+
if (!_this._keyPointSVG.current) {
|
|
49631
49791
|
return;
|
|
49632
49792
|
}
|
|
49633
|
-
var rect2 = _this.
|
|
49793
|
+
var rect2 = _this._keyPointSVG.current.getBoundingClientRect();
|
|
49634
49794
|
var overlap = !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
|
|
49635
49795
|
if (!_this.props.context.activeKeyPoints) {
|
|
49636
49796
|
_this.props.context.activeKeyPoints = [];
|
|
@@ -49864,6 +50024,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49864
50024
|
if (!this.props.context.activeKeyPoints) {
|
|
49865
50025
|
this.props.context.activeKeyPoints = [];
|
|
49866
50026
|
}
|
|
50027
|
+
evt.preventDefault();
|
|
49867
50028
|
this._select(evt.nativeEvent.ctrlKey);
|
|
49868
50029
|
this.props.context.onActiveKeyPointChanged.notifyObservers();
|
|
49869
50030
|
this._pointerIsDown = true;
|
|
@@ -49950,7 +50111,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49950
50111
|
if (nextX !== null) {
|
|
49951
50112
|
newX = Math.min(nextX - epsilon, newX);
|
|
49952
50113
|
}
|
|
49953
|
-
if (this.props.keyId !== 0) {
|
|
50114
|
+
if (this.props.keyId !== 0 && !(this.props.context.lockLastFrameFrame && this.props.keyId === this.props.curve.keys.length - 1)) {
|
|
49954
50115
|
var frame = this.props.invertX(newX);
|
|
49955
50116
|
this.props.onFrameValueChanged(frame);
|
|
49956
50117
|
this.props.context.onFrameSet.notifyObservers(frame);
|
|
@@ -49961,6 +50122,9 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49961
50122
|
else {
|
|
49962
50123
|
newX = this.state.x;
|
|
49963
50124
|
}
|
|
50125
|
+
if (this.props.context.lockLastFrameValue && this.props.keyId === this.props.curve.keys.length - 1) {
|
|
50126
|
+
newY = this.state.y;
|
|
50127
|
+
}
|
|
49964
50128
|
var value = this.props.invertY(newY);
|
|
49965
50129
|
this.props.onKeyValueChanged(value);
|
|
49966
50130
|
this.props.context.onValueSet.notifyObservers(value);
|
|
@@ -49977,9 +50141,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
49977
50141
|
var keys = this.props.curve.keys;
|
|
49978
50142
|
var isLockedTangent = keys[this.props.keyId].lockedTangent &&
|
|
49979
50143
|
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;
|
|
50144
|
+
this.props.keyId !== keys.length - 1;
|
|
49983
50145
|
var angleDiff = 0;
|
|
49984
50146
|
var tmpVector = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_1__["TmpVectors"].Vector2[0];
|
|
49985
50147
|
if (isLockedTangent) {
|
|
@@ -50012,6 +50174,7 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50012
50174
|
this.props.context.refreshTarget();
|
|
50013
50175
|
this.forceUpdate();
|
|
50014
50176
|
}
|
|
50177
|
+
this.props.context.onActiveKeyDataChanged.notifyObservers(this.props.keyId);
|
|
50015
50178
|
this._sourcePointerX = evt.nativeEvent.offsetX;
|
|
50016
50179
|
this._sourcePointerY = evt.nativeEvent.offsetY;
|
|
50017
50180
|
evt.stopPropagation();
|
|
@@ -50060,24 +50223,24 @@ var KeyPointComponent = /** @class */ (function (_super) {
|
|
|
50060
50223
|
this._outVec.normalize();
|
|
50061
50224
|
this._outVec.scaleInPlace(100 * this.props.scale);
|
|
50062
50225
|
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: "-"
|
|
50226
|
+
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
50227
|
this.state.selectedState === SelectionState.Selected && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("g", null,
|
|
50065
50228
|
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
|
|
50229
|
+
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
50230
|
stroke: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50068
|
-
strokeWidth: ""
|
|
50231
|
+
strokeWidth: "".concat(1 * this.props.scale),
|
|
50069
50232
|
strokeDasharray: isLockedTangent ? "" : "2, 2",
|
|
50070
50233
|
} }),
|
|
50071
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "left-tangent", cx: this._inVec.x
|
|
50234
|
+
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
50235
|
fill: this.state.tangentSelectedIndex === 0 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50073
50236
|
} }))),
|
|
50074
50237
|
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
|
|
50238
|
+
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
50239
|
stroke: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50077
|
-
strokeWidth: ""
|
|
50240
|
+
strokeWidth: "".concat(1 * this.props.scale),
|
|
50078
50241
|
strokeDasharray: isLockedTangent ? "" : "2, 2",
|
|
50079
50242
|
} }),
|
|
50080
|
-
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("circle", { className: "right-tangent", cx: this._outVec.x
|
|
50243
|
+
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
50244
|
fill: this.state.tangentSelectedIndex === 1 || this.state.tangentSelectedIndex === -1 ? "#F9BF00" : "#AAAAAA",
|
|
50082
50245
|
} })))))));
|
|
50083
50246
|
};
|
|
@@ -50167,7 +50330,7 @@ var PlayHeadComponent = /** @class */ (function (_super) {
|
|
|
50167
50330
|
var keys = animation.getKeys();
|
|
50168
50331
|
var minFrame = this.props.context.referenceMinFrame;
|
|
50169
50332
|
var maxFrame = this.props.context.referenceMaxFrame;
|
|
50170
|
-
return Math.max(
|
|
50333
|
+
return Math.max(((pixel / this._viewScale - this._offsetX) / this._GraphAbsoluteWidth) * (maxFrame - minFrame) + minFrame, keys[0].frame);
|
|
50171
50334
|
};
|
|
50172
50335
|
PlayHeadComponent.prototype.componentWillUnmount = function () {
|
|
50173
50336
|
if (this._onBeforeRenderObserver) {
|
|
@@ -50179,6 +50342,7 @@ var PlayHeadComponent = /** @class */ (function (_super) {
|
|
|
50179
50342
|
}
|
|
50180
50343
|
};
|
|
50181
50344
|
PlayHeadComponent.prototype._onPointerDown = function (evt) {
|
|
50345
|
+
evt.preventDefault();
|
|
50182
50346
|
this._pointerIsDown = true;
|
|
50183
50347
|
evt.currentTarget.setPointerCapture(evt.pointerId);
|
|
50184
50348
|
var frame = this._pixelToFrame(evt.nativeEvent.offsetX);
|
|
@@ -50230,6 +50394,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50230
50394
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
50231
50395
|
|
|
50232
50396
|
|
|
50397
|
+
var tickDistance = 25; // x distance between consecutive ticks
|
|
50233
50398
|
var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
50234
50399
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(RangeFrameBarComponent, _super);
|
|
50235
50400
|
function RangeFrameBarComponent(props) {
|
|
@@ -50300,9 +50465,9 @@ var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
|
50300
50465
|
var from = this.props.context.fromKey;
|
|
50301
50466
|
var to = this.props.context.toKey;
|
|
50302
50467
|
var range = to - from;
|
|
50303
|
-
var stepCounts = Math.min(20, to - from);
|
|
50304
|
-
var offset = (range / stepCounts) | 0;
|
|
50305
50468
|
var convertRatio = range / this._viewWidth;
|
|
50469
|
+
var dist = tickDistance;
|
|
50470
|
+
var offset = Math.max(Math.floor(dist * convertRatio), 1);
|
|
50306
50471
|
var steps = [];
|
|
50307
50472
|
var start = from;
|
|
50308
50473
|
var end = start + range;
|
|
@@ -50329,7 +50494,7 @@ var RangeFrameBarComponent = /** @class */ (function (_super) {
|
|
|
50329
50494
|
};
|
|
50330
50495
|
RangeFrameBarComponent.prototype.render = function () {
|
|
50331
50496
|
var _this = this;
|
|
50332
|
-
var viewBox = -this._offsetX
|
|
50497
|
+
var viewBox = "".concat(-this._offsetX, " 0 ").concat(this._viewWidth + this._offsetX * 4, " 40");
|
|
50333
50498
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "range-frame-bar" },
|
|
50334
50499
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", { id: "svg-range-frames", viewBox: viewBox, ref: this._svgHost },
|
|
50335
50500
|
this._buildFrames(),
|
|
@@ -50546,41 +50711,69 @@ var AddAnimationComponent = /** @class */ (function (_super) {
|
|
|
50546
50711
|
var loopMode = 0;
|
|
50547
50712
|
var defaultValue0;
|
|
50548
50713
|
var defaultValue1;
|
|
50714
|
+
var defaultInTangent0;
|
|
50715
|
+
var defaultOutTangent0;
|
|
50716
|
+
var defaultInTangent1;
|
|
50717
|
+
var defaultOutTangent1;
|
|
50549
50718
|
switch (type) {
|
|
50550
50719
|
case "Float": {
|
|
50551
50720
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_FLOAT;
|
|
50552
50721
|
defaultValue0 = 0;
|
|
50553
50722
|
defaultValue1 = 1;
|
|
50723
|
+
defaultInTangent0 = 0;
|
|
50724
|
+
defaultOutTangent0 = 0;
|
|
50725
|
+
defaultInTangent1 = 0;
|
|
50726
|
+
defaultOutTangent1 = 0;
|
|
50554
50727
|
break;
|
|
50555
50728
|
}
|
|
50556
50729
|
case "Vector2": {
|
|
50557
50730
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_VECTOR2;
|
|
50558
50731
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"].Zero();
|
|
50559
50732
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](1, 1);
|
|
50733
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50734
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50735
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50736
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector2"](0, 0);
|
|
50560
50737
|
break;
|
|
50561
50738
|
}
|
|
50562
50739
|
case "Vector3": {
|
|
50563
50740
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_VECTOR3;
|
|
50564
50741
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"].Zero();
|
|
50565
50742
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](1, 1, 1);
|
|
50743
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50744
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50745
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50746
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Vector3"](0, 0, 0);
|
|
50566
50747
|
break;
|
|
50567
50748
|
}
|
|
50568
50749
|
case "Quaternion": {
|
|
50569
50750
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_QUATERNION;
|
|
50570
50751
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"].Zero();
|
|
50571
50752
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](1, 1, 1, 0);
|
|
50753
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50754
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50755
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50756
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Quaternion"](0, 0, 0, 0);
|
|
50572
50757
|
break;
|
|
50573
50758
|
}
|
|
50574
50759
|
case "Color3": {
|
|
50575
50760
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_COLOR3;
|
|
50576
50761
|
defaultValue0 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"].Black();
|
|
50577
50762
|
defaultValue1 = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"].White();
|
|
50763
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50764
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50765
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50766
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color3"](0, 0, 0);
|
|
50578
50767
|
break;
|
|
50579
50768
|
}
|
|
50580
50769
|
case "Color4": {
|
|
50581
50770
|
dataType = _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Animation"].ANIMATIONTYPE_COLOR4;
|
|
50582
50771
|
defaultValue0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50583
50772
|
defaultValue1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](1, 1, 1, 1);
|
|
50773
|
+
defaultInTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50774
|
+
defaultOutTangent0 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50775
|
+
defaultInTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50776
|
+
defaultOutTangent1 = new _babylonjs_core_Animations_animation__WEBPACK_IMPORTED_MODULE_2__["Color4"](0, 0, 0, 0);
|
|
50584
50777
|
break;
|
|
50585
50778
|
}
|
|
50586
50779
|
}
|
|
@@ -50603,10 +50796,14 @@ var AddAnimationComponent = /** @class */ (function (_super) {
|
|
|
50603
50796
|
keys.push({
|
|
50604
50797
|
frame: context.referenceMinFrame,
|
|
50605
50798
|
value: defaultValue0,
|
|
50799
|
+
inTangent: defaultInTangent0,
|
|
50800
|
+
outTangent: defaultOutTangent0
|
|
50606
50801
|
});
|
|
50607
50802
|
keys.push({
|
|
50608
50803
|
frame: context.referenceMaxFrame,
|
|
50609
50804
|
value: defaultValue1,
|
|
50805
|
+
inTangent: defaultInTangent1,
|
|
50806
|
+
outTangent: defaultOutTangent1
|
|
50610
50807
|
});
|
|
50611
50808
|
animation.setKeys(keys);
|
|
50612
50809
|
context.stop();
|
|
@@ -51318,7 +51515,7 @@ var SaveAnimationComponent = /** @class */ (function (_super) {
|
|
|
51318
51515
|
hostDocument.defaultView.alert("Animations saved with ID: " + _this.props.context.snippetId);
|
|
51319
51516
|
}
|
|
51320
51517
|
else {
|
|
51321
|
-
hostDocument.defaultView.alert("Unable to save your animations. It may be too large ("
|
|
51518
|
+
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
51519
|
}
|
|
51323
51520
|
}
|
|
51324
51521
|
};
|
|
@@ -51546,7 +51743,7 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51546
51743
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TopBarComponent, _super);
|
|
51547
51744
|
function TopBarComponent(props) {
|
|
51548
51745
|
var _this = _super.call(this, props) || this;
|
|
51549
|
-
_this.state = { keyFrameValue: "", keyValue: "",
|
|
51746
|
+
_this.state = { keyFrameValue: "", keyValue: "", frameControlEnabled: false, valueControlEnabled: false };
|
|
51550
51747
|
_this._onFrameSetObserver = _this.props.context.onFrameSet.add(function (newFrameValue) {
|
|
51551
51748
|
_this.setState({ keyFrameValue: newFrameValue.toFixed(0) });
|
|
51552
51749
|
});
|
|
@@ -51557,8 +51754,12 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51557
51754
|
_this.setState({ keyFrameValue: "", keyValue: "" });
|
|
51558
51755
|
});
|
|
51559
51756
|
_this.onActiveKeyPointChanged = _this.props.context.onActiveKeyPointChanged.add(function () {
|
|
51560
|
-
var _a;
|
|
51561
|
-
|
|
51757
|
+
var _a, _b;
|
|
51758
|
+
var numKeys = ((_a = _this.props.context.activeKeyPoints) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
51759
|
+
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;
|
|
51760
|
+
var frameControlEnabled = (numKeys === 1 && numAnims === 1) || (numKeys > 1 && numAnims > 1);
|
|
51761
|
+
var valueControlEnabled = numKeys > 0;
|
|
51762
|
+
_this.setState({ keyFrameValue: "", keyValue: "", frameControlEnabled: frameControlEnabled, valueControlEnabled: valueControlEnabled });
|
|
51562
51763
|
});
|
|
51563
51764
|
return _this;
|
|
51564
51765
|
}
|
|
@@ -51582,8 +51783,8 @@ var TopBarComponent = /** @class */ (function (_super) {
|
|
|
51582
51783
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "top-bar" },
|
|
51583
51784
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { id: "top-bar-logo", src: logoIcon }),
|
|
51584
51785
|
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.
|
|
51786
|
+
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 }),
|
|
51787
|
+
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
51788
|
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
51789
|
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
51790
|
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 +52284,7 @@ var CustomPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
52083
52284
|
case _babylonjs_core_Misc_iInspectable__WEBPACK_IMPORTED_MODULE_3__["InspectableType"].Options:
|
|
52084
52285
|
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
52286
|
function (value) {
|
|
52086
|
-
console.log("Option "
|
|
52287
|
+
console.log("Option ".concat(value, " is selected"));
|
|
52087
52288
|
} }));
|
|
52088
52289
|
case _babylonjs_core_Misc_iInspectable__WEBPACK_IMPORTED_MODULE_3__["InspectableType"].Tab:
|
|
52089
52290
|
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_12__["TextLineComponent"], { key: inspectable.label, label: inspectable.label, value: " " });
|
|
@@ -53634,7 +53835,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
53634
53835
|
/* harmony import */ var _sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/optionsLineComponent */ "./sharedUiComponents/lines/optionsLineComponent.tsx");
|
|
53635
53836
|
/* harmony import */ var _sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/fileButtonLineComponent */ "./sharedUiComponents/lines/fileButtonLineComponent.tsx");
|
|
53636
53837
|
/* harmony import */ var _sharedUiComponents_lines_valueLineComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/valueLineComponent */ "./sharedUiComponents/lines/valueLineComponent.tsx");
|
|
53637
|
-
/* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babylonjs/gui/2D/adtInstrumentation */ "@babylonjs/gui/2D/
|
|
53838
|
+
/* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babylonjs/gui/2D/adtInstrumentation */ "@babylonjs/gui/2D/controls/image");
|
|
53638
53839
|
/* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__);
|
|
53639
53840
|
/* harmony import */ var _customPropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../customPropertyGridComponent */ "./components/actionTabs/tabs/propertyGrids/customPropertyGridComponent.tsx");
|
|
53640
53841
|
/* harmony import */ var _sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/buttonLineComponent */ "./sharedUiComponents/lines/buttonLineComponent.tsx");
|
|
@@ -54263,12 +54464,12 @@ var ChannelsBar = /** @class */ (function (_super) {
|
|
|
54263
54464
|
var newChannels = _this.props.channels;
|
|
54264
54465
|
newChannels[index].visible = !newChannels[index].visible;
|
|
54265
54466
|
_this.props.setChannels(newChannels);
|
|
54266
|
-
}, src: channel.visible ? eyeOpen : eyeClosed, title: visTip
|
|
54467
|
+
}, src: channel.visible ? eyeOpen : eyeClosed, title: "".concat(visTip, " ").concat(channel.name) }),
|
|
54267
54468
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "icon channel-name", onClick: function () {
|
|
54268
54469
|
var newChannels = _this.props.channels;
|
|
54269
54470
|
newChannels[index].editable = !newChannels[index].editable;
|
|
54270
54471
|
_this.props.setChannels(newChannels);
|
|
54271
|
-
}, src: channel.icon, title: editTip
|
|
54472
|
+
}, src: channel.icon, title: "".concat(editTip, " ").concat(channel.name) })));
|
|
54272
54473
|
})));
|
|
54273
54474
|
};
|
|
54274
54475
|
return ChannelsBar;
|
|
@@ -55751,7 +55952,7 @@ var TextureEditorComponent = /** @class */ (function (_super) {
|
|
|
55751
55952
|
cursor = "pointer";
|
|
55752
55953
|
}
|
|
55753
55954
|
else if (currentTool && currentTool.cursor) {
|
|
55754
|
-
cursor = "url(data:image/png;base64,"
|
|
55955
|
+
cursor = "url(data:image/png;base64,".concat(currentTool.cursor, ") 10 10, auto");
|
|
55755
55956
|
}
|
|
55756
55957
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "texture-editor", onPointerDown: this.onPointerDown, style: { cursor: cursor } },
|
|
55757
55958
|
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 +56005,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55804
56005
|
ToolBar.prototype.computeRGBAColor = function () {
|
|
55805
56006
|
var opacityInt = Math.floor(this.props.metadata.alpha * 255);
|
|
55806
56007
|
var opacityHex = opacityInt.toString(16).padStart(2, "0");
|
|
55807
|
-
return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color4"].FromHexString(""
|
|
56008
|
+
return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color4"].FromHexString("".concat(this.props.metadata.color).concat(opacityHex));
|
|
55808
56009
|
};
|
|
55809
56010
|
ToolBar.prototype.shouldComponentUpdate = function (nextProps) {
|
|
55810
56011
|
return (nextProps.tools != this.props.tools ||
|
|
@@ -55816,7 +56017,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55816
56017
|
var _this = this;
|
|
55817
56018
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "toolbar" },
|
|
55818
56019
|
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,"
|
|
56020
|
+
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
56021
|
if (evt.button === 0) {
|
|
55821
56022
|
_this.props.changeTool(index);
|
|
55822
56023
|
}
|
|
@@ -55825,7 +56026,7 @@ var ToolBar = /** @class */ (function (_super) {
|
|
|
55825
56026
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "color", onClick: function () {
|
|
55826
56027
|
if (!_this.props.pickerOpen)
|
|
55827
56028
|
_this.props.setPickerOpen(true);
|
|
55828
|
-
}, title: "Color", className: "icon button"
|
|
56029
|
+
}, title: "Color", className: "icon button".concat(this.props.pickerOpen ? " active" : "") },
|
|
55829
56030
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "active-color-bg" },
|
|
55830
56031
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "active-color", style: { backgroundColor: this.props.metadata.color, opacity: this.props.metadata.alpha } }))),
|
|
55831
56032
|
this.props.pickerOpen && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "color-picker", ref: this.props.pickerRef },
|
|
@@ -56783,7 +56984,7 @@ var ColorGradientStepGridComponent = /** @class */ (function (_super) {
|
|
|
56783
56984
|
var _this = this;
|
|
56784
56985
|
var gradient = this.props.gradient;
|
|
56785
56986
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
56786
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
56987
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
56787
56988
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color1" },
|
|
56788
56989
|
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
56990
|
_this.updateColor1(color);
|
|
@@ -56970,7 +57171,7 @@ var FactorGradientStepGridComponent = /** @class */ (function (_super) {
|
|
|
56970
57171
|
var _this = this;
|
|
56971
57172
|
var gradient = this.props.gradient;
|
|
56972
57173
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "gradient-step" },
|
|
56973
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#"
|
|
57174
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "step" }, "#".concat(this.props.lineIndex)),
|
|
56974
57175
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "factor1" },
|
|
56975
57176
|
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
57177
|
this.props.host instanceof _babylonjs_core_Particles_particleSystem__WEBPACK_IMPORTED_MODULE_4__["ParticleSystem"] && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "factor2" },
|
|
@@ -57270,8 +57471,8 @@ var ParticleSystemPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
57270
57471
|
var windowAsAny = window;
|
|
57271
57472
|
if (windowAsAny.Playground && oldId) {
|
|
57272
57473
|
windowAsAny.Playground.onRequestCodeChangeObservable.notifyObservers({
|
|
57273
|
-
regex: new RegExp("ParticleHelper.CreateFromSnippetAsync\\(\""
|
|
57274
|
-
replace: "ParticleHelper.CreateFromSnippetAsync(\""
|
|
57474
|
+
regex: new RegExp("ParticleHelper.CreateFromSnippetAsync\\(\"".concat(oldId), "g"),
|
|
57475
|
+
replace: "ParticleHelper.CreateFromSnippetAsync(\"".concat(system.snippetId),
|
|
57275
57476
|
});
|
|
57276
57477
|
}
|
|
57277
57478
|
alert("Particle system saved with ID: " + system.snippetId + " (please note that the id was also saved to your clipboard)");
|
|
@@ -57682,7 +57883,7 @@ var ValueGradientGridComponent = /** @class */ (function (_super) {
|
|
|
57682
57883
|
_this.updateAndSync();
|
|
57683
57884
|
}, buttonLabel: "Add new step", onClick: function () { return _this.addNewStep(); } }),
|
|
57684
57885
|
gradients.map(function (g, i) {
|
|
57685
|
-
var codeRecorderPropertyName = _this.props.codeRecorderPropertyName +
|
|
57886
|
+
var codeRecorderPropertyName = _this.props.codeRecorderPropertyName + "[".concat(i, "]");
|
|
57686
57887
|
switch (_this.props.mode) {
|
|
57687
57888
|
case GradientGridMode.Factor:
|
|
57688
57889
|
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 +58785,8 @@ var SpriteManagerPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
58584
58785
|
var windowAsAny = window;
|
|
58585
58786
|
if (windowAsAny.Playground && oldId) {
|
|
58586
58787
|
windowAsAny.Playground.onRequestCodeChangeObservable.notifyObservers({
|
|
58587
|
-
regex: new RegExp("SpriteManager.CreateFromSnippetAsync\\(\""
|
|
58588
|
-
replace: "SpriteManager.CreateFromSnippetAsync(\""
|
|
58788
|
+
regex: new RegExp("SpriteManager.CreateFromSnippetAsync\\(\"".concat(oldId), "g"),
|
|
58789
|
+
replace: "SpriteManager.CreateFromSnippetAsync(\"".concat(spriteManager.snippetId),
|
|
58589
58790
|
});
|
|
58590
58791
|
}
|
|
58591
58792
|
alert("Sprite manager saved with ID: " + spriteManager.snippetId + " (please note that the id was also saved to your clipboard)");
|
|
@@ -59125,9 +59326,9 @@ var GLTFComponent = /** @class */ (function (_super) {
|
|
|
59125
59326
|
};
|
|
59126
59327
|
GLTFComponent.prototype.prepareText = function (singularForm, count) {
|
|
59127
59328
|
if (count) {
|
|
59128
|
-
return count
|
|
59329
|
+
return "".concat(count, " ").concat(singularForm, "s");
|
|
59129
59330
|
}
|
|
59130
|
-
return ""
|
|
59331
|
+
return "".concat(singularForm);
|
|
59131
59332
|
};
|
|
59132
59333
|
GLTFComponent.prototype.componentDidMount = function () {
|
|
59133
59334
|
var _this = this;
|
|
@@ -59961,12 +60162,16 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
59961
60162
|
|
|
59962
60163
|
|
|
59963
60164
|
var CanvasGraphComponent = function (props) {
|
|
59964
|
-
var id = props.id, collector = props.collector, scene = props.scene, layoutObservable = props.layoutObservable, returnToPlayheadObservable = props.returnToPlayheadObservable, onVisibleRangeChangedObservable = props.onVisibleRangeChangedObservable;
|
|
60165
|
+
var id = props.id, collector = props.collector, scene = props.scene, layoutObservable = props.layoutObservable, returnToPlayheadObservable = props.returnToPlayheadObservable, onVisibleRangeChangedObservable = props.onVisibleRangeChangedObservable, initialGraphSize = props.initialGraphSize;
|
|
59965
60166
|
var canvasRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(null);
|
|
59966
60167
|
Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
|
|
59967
60168
|
if (!canvasRef.current) {
|
|
59968
60169
|
return;
|
|
59969
60170
|
}
|
|
60171
|
+
if (initialGraphSize) {
|
|
60172
|
+
canvasRef.current.width = initialGraphSize.width;
|
|
60173
|
+
canvasRef.current.height = initialGraphSize.height;
|
|
60174
|
+
}
|
|
59970
60175
|
var cs;
|
|
59971
60176
|
try {
|
|
59972
60177
|
cs = new _canvasGraphService__WEBPACK_IMPORTED_MODULE_1__["CanvasGraphService"](canvasRef.current, { datasets: collector.datasets, onVisibleRangeChangedObservable: onVisibleRangeChangedObservable });
|
|
@@ -60024,9 +60229,11 @@ var CanvasGraphComponent = function (props) {
|
|
|
60024
60229
|
"use strict";
|
|
60025
60230
|
__webpack_require__.r(__webpack_exports__);
|
|
60026
60231
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CanvasGraphService", function() { return CanvasGraphService; });
|
|
60027
|
-
/* harmony import */ var
|
|
60028
|
-
/* harmony import */ var
|
|
60029
|
-
/* harmony import */ var
|
|
60232
|
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
60233
|
+
/* harmony import */ var _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./graphSupportingTypes */ "./components/graph/graphSupportingTypes.ts");
|
|
60234
|
+
/* harmony import */ var _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babylonjs/core/Maths/math.scalar */ "@babylonjs/core/Misc/observable");
|
|
60235
|
+
/* 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__);
|
|
60236
|
+
|
|
60030
60237
|
|
|
60031
60238
|
|
|
60032
60239
|
|
|
@@ -60079,7 +60286,7 @@ var tooltipDebounceTime = 32;
|
|
|
60079
60286
|
// time in ms to wait between draws
|
|
60080
60287
|
var drawThrottleTime = 15;
|
|
60081
60288
|
// 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.
|
|
60289
|
+
var maxXDistancePercBetweenLinePoints = 0.1;
|
|
60083
60290
|
// Color used to draw the rectangle that indicates no collection of data
|
|
60084
60291
|
var noDataRectangleColor = "#aaaaaa";
|
|
60085
60292
|
/**
|
|
@@ -60138,6 +60345,8 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60138
60345
|
* This method lets the service know it should get ready to update what it is displaying.
|
|
60139
60346
|
*/
|
|
60140
60347
|
this.update = throttle(function () { return _this._draw(); }, drawThrottleTime);
|
|
60348
|
+
this._prevPointById = new Map();
|
|
60349
|
+
this._prevValueById = new Map();
|
|
60141
60350
|
/**
|
|
60142
60351
|
* Handles what to do when we are hovering over the canvas and not panning.
|
|
60143
60352
|
*
|
|
@@ -60183,7 +60392,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60183
60392
|
_this._position = null;
|
|
60184
60393
|
}
|
|
60185
60394
|
// Bind the zoom between [minZoom, maxZoom]
|
|
60186
|
-
_this._sizeOfWindow =
|
|
60395
|
+
_this._sizeOfWindow = _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["Scalar"].Clamp(_this._sizeOfWindow - amount, minZoom, maxZoom);
|
|
60187
60396
|
};
|
|
60188
60397
|
/**
|
|
60189
60398
|
* Initializes the panning object and attaches appropriate listener.
|
|
@@ -60218,7 +60427,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60218
60427
|
var itemsDelta = (pixelDelta / pixelsPerItem) | 0;
|
|
60219
60428
|
var pos = (_a = _this._position) !== null && _a !== void 0 ? _a : _this._getNumberOfSlices() - 1;
|
|
60220
60429
|
// update our position without allowing the user to pan more than they need to (approximation)
|
|
60221
|
-
_this._position =
|
|
60430
|
+
_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
60431
|
if (itemsDelta === 0) {
|
|
60223
60432
|
_this._panPosition.delta += pixelDelta;
|
|
60224
60433
|
}
|
|
@@ -60226,6 +60435,8 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60226
60435
|
_this._panPosition.delta = 0;
|
|
60227
60436
|
}
|
|
60228
60437
|
_this._panPosition.xPos = event.clientX;
|
|
60438
|
+
_this._prevPointById.clear();
|
|
60439
|
+
_this._prevValueById.clear();
|
|
60229
60440
|
};
|
|
60230
60441
|
/**
|
|
60231
60442
|
* Clears the panning object and removes the appropriate listener.
|
|
@@ -60351,7 +60562,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60351
60562
|
this._datasetBounds.end = this._getClosestPointToTimestamp(bufferMaximum) + 1;
|
|
60352
60563
|
// keep track of largest timestamp value in view!
|
|
60353
60564
|
this._globalTimeMinMax.max = Math.max(this.datasets.data.at(this.datasets.startingIndices.at(this._datasetBounds.end - 1)), this._globalTimeMinMax.max);
|
|
60354
|
-
var updatedScaleFactor =
|
|
60565
|
+
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
60566
|
// we will now set the global maximum to the maximum of the buffer.
|
|
60356
60567
|
this._globalTimeMinMax.max = bufferMaximum;
|
|
60357
60568
|
this._drawableArea.top = 0;
|
|
@@ -60370,10 +60581,16 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60370
60581
|
this.datasets.ids.forEach(function (id, idOffset) {
|
|
60371
60582
|
var _a, _b;
|
|
60372
60583
|
var valueMinMax;
|
|
60584
|
+
var prevPoint = _this._prevPointById.get(id);
|
|
60585
|
+
var prevValue = _this._prevValueById.get(id);
|
|
60373
60586
|
// we have already calculated the min and max while getting the tickers, so use those.
|
|
60374
60587
|
for (var i = 0; i < _this._numberOfTickers; i++) {
|
|
60375
60588
|
if (_this._tickerItems[i].id === id) {
|
|
60376
|
-
valueMinMax = _this._tickerItems[i];
|
|
60589
|
+
valueMinMax = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, _this._tickerItems[i]);
|
|
60590
|
+
// Extend the min max range by 1% of its total range
|
|
60591
|
+
var delta = valueMinMax.max - valueMinMax.min;
|
|
60592
|
+
valueMinMax.min -= 0.01 * delta;
|
|
60593
|
+
valueMinMax.max += 0.01 * delta;
|
|
60377
60594
|
}
|
|
60378
60595
|
}
|
|
60379
60596
|
// if we could not find the min max object it must be hidden so we skip.
|
|
@@ -60389,19 +60606,25 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60389
60606
|
else if (_this._preprocessedTooltipInfo.focusedId !== "") {
|
|
60390
60607
|
ctx.globalAlpha = backgroundLineAlpha;
|
|
60391
60608
|
}
|
|
60392
|
-
var
|
|
60609
|
+
var smoothingFactor = 0.2;
|
|
60393
60610
|
for (var pointIndex = _this._datasetBounds.start; pointIndex < _this._datasetBounds.end; pointIndex++) {
|
|
60394
|
-
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex) +
|
|
60611
|
+
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60395
60612
|
if (idOffset >= numPoints) {
|
|
60396
60613
|
continue;
|
|
60397
60614
|
}
|
|
60398
|
-
var valueIndex = _this.datasets.startingIndices.at(pointIndex) +
|
|
60615
|
+
var valueIndex = _this.datasets.startingIndices.at(pointIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset;
|
|
60399
60616
|
var timestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(pointIndex));
|
|
60400
60617
|
var value = _this.datasets.data.at(valueIndex);
|
|
60618
|
+
if (prevValue === undefined) {
|
|
60619
|
+
prevValue = value;
|
|
60620
|
+
_this._prevValueById.set(id, prevValue);
|
|
60621
|
+
}
|
|
60622
|
+
var smoothedValue = smoothingFactor * value + (1 - smoothingFactor) * prevValue;
|
|
60401
60623
|
var drawableTime = _this._getPixelForNumber(timestamp, _this._globalTimeMinMax, left, right - left, false);
|
|
60402
|
-
var drawableValue = _this._getPixelForNumber(
|
|
60624
|
+
var drawableValue = _this._getPixelForNumber(smoothedValue, valueMinMax, top, bottom - top, true);
|
|
60403
60625
|
if (prevPoint === undefined) {
|
|
60404
60626
|
prevPoint = [drawableTime, drawableValue];
|
|
60627
|
+
_this._prevPointById.set(id, prevPoint);
|
|
60405
60628
|
}
|
|
60406
60629
|
var xDifference = drawableTime - prevPoint[0];
|
|
60407
60630
|
var skipLine = xDifference > maxXDistancePercBetweenLinePoints * (right - left);
|
|
@@ -60410,11 +60633,14 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60410
60633
|
ctx.fillRect(prevPoint[0], top, xDifference, bottom - top);
|
|
60411
60634
|
}
|
|
60412
60635
|
else {
|
|
60413
|
-
|
|
60414
|
-
|
|
60636
|
+
if (prevPoint[0] < drawableTime) {
|
|
60637
|
+
ctx.moveTo(prevPoint[0], prevPoint[1]);
|
|
60638
|
+
ctx.lineTo(drawableTime, drawableValue);
|
|
60639
|
+
}
|
|
60415
60640
|
}
|
|
60416
60641
|
prevPoint[0] = drawableTime;
|
|
60417
60642
|
prevPoint[1] = drawableValue;
|
|
60643
|
+
_this._prevValueById.set(id, smoothedValue);
|
|
60418
60644
|
}
|
|
60419
60645
|
ctx.stroke();
|
|
60420
60646
|
});
|
|
@@ -60439,12 +60665,12 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60439
60665
|
return;
|
|
60440
60666
|
}
|
|
60441
60667
|
var valueMinMax = _this._getMinMax(bounds, idOffset);
|
|
60442
|
-
var latestValue = _this.datasets.data.at(_this.datasets.startingIndices.at(bounds.end - 1) +
|
|
60443
|
-
var text = id
|
|
60668
|
+
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);
|
|
60669
|
+
var text = "".concat(id, ": ").concat(latestValue.toFixed(2), " (max: ").concat(valueMinMax.max.toFixed(2), ", min: ").concat(valueMinMax.min.toFixed(2), ")");
|
|
60444
60670
|
valueMap.set(id, {
|
|
60445
60671
|
min: valueMinMax.min,
|
|
60446
60672
|
max: valueMinMax.max,
|
|
60447
|
-
current: latestValue
|
|
60673
|
+
current: latestValue,
|
|
60448
60674
|
});
|
|
60449
60675
|
if (text.length > longestText.length) {
|
|
60450
60676
|
longestText = text;
|
|
@@ -60558,16 +60784,16 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60558
60784
|
*/
|
|
60559
60785
|
CanvasGraphService.prototype._getTimestampUnit = function (timestamp) {
|
|
60560
60786
|
if (timestamp / msInHour > 1) {
|
|
60561
|
-
return
|
|
60787
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours;
|
|
60562
60788
|
}
|
|
60563
60789
|
else if (timestamp / msInMinute > 1) {
|
|
60564
|
-
return
|
|
60790
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes;
|
|
60565
60791
|
}
|
|
60566
60792
|
else if (timestamp / msInSecond > 1) {
|
|
60567
|
-
return
|
|
60793
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Seconds;
|
|
60568
60794
|
}
|
|
60569
60795
|
else {
|
|
60570
|
-
return
|
|
60796
|
+
return _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Milliseconds;
|
|
60571
60797
|
}
|
|
60572
60798
|
};
|
|
60573
60799
|
/**
|
|
@@ -60578,19 +60804,19 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60578
60804
|
*/
|
|
60579
60805
|
CanvasGraphService.prototype._parseTimestamp = function (timestamp, intervalUnit) {
|
|
60580
60806
|
var parsedTimestamp = "";
|
|
60581
|
-
if (intervalUnit >=
|
|
60807
|
+
if (intervalUnit >= _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours) {
|
|
60582
60808
|
var numHours = Math.floor(timestamp / msInHour);
|
|
60583
60809
|
timestamp -= numHours * msInHour;
|
|
60584
|
-
parsedTimestamp += numHours.toString().padStart(intervalUnit >
|
|
60810
|
+
parsedTimestamp += "".concat(numHours.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Hours ? 2 : 1, "0"), ":");
|
|
60585
60811
|
}
|
|
60586
|
-
if (intervalUnit >=
|
|
60812
|
+
if (intervalUnit >= _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes) {
|
|
60587
60813
|
var numMinutes = Math.floor(timestamp / msInMinute);
|
|
60588
60814
|
timestamp -= numMinutes * msInMinute;
|
|
60589
|
-
parsedTimestamp += numMinutes.toString().padStart(intervalUnit >
|
|
60815
|
+
parsedTimestamp += "".concat(numMinutes.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Minutes ? 2 : 1, "0"), ":");
|
|
60590
60816
|
}
|
|
60591
60817
|
var numSeconds = Math.floor(timestamp / msInSecond);
|
|
60592
60818
|
timestamp -= numSeconds * msInSecond;
|
|
60593
|
-
parsedTimestamp += numSeconds.toString().padStart(intervalUnit >
|
|
60819
|
+
parsedTimestamp += numSeconds.toString().padStart(intervalUnit > _graphSupportingTypes__WEBPACK_IMPORTED_MODULE_1__["TimestampUnit"].Seconds ? 2 : 1, "0");
|
|
60594
60820
|
if (timestamp > 0) {
|
|
60595
60821
|
if (parsedTimestamp.length > 0) {
|
|
60596
60822
|
parsedTimestamp += ".";
|
|
@@ -60669,11 +60895,11 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60669
60895
|
CanvasGraphService.prototype._getMinMax = function (bounds, offset) {
|
|
60670
60896
|
var min = Infinity, max = 0;
|
|
60671
60897
|
for (var i = bounds.start; i < bounds.end; i++) {
|
|
60672
|
-
var numPoints = this.datasets.data.at(this.datasets.startingIndices.at(i) +
|
|
60898
|
+
var numPoints = this.datasets.data.at(this.datasets.startingIndices.at(i) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60673
60899
|
if (offset >= numPoints) {
|
|
60674
60900
|
continue;
|
|
60675
60901
|
}
|
|
60676
|
-
var itemIndex = this.datasets.startingIndices.at(i) +
|
|
60902
|
+
var itemIndex = this.datasets.startingIndices.at(i) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + offset;
|
|
60677
60903
|
var item = this.datasets.data.at(itemIndex);
|
|
60678
60904
|
if (item < min) {
|
|
60679
60905
|
min = item;
|
|
@@ -60700,7 +60926,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60700
60926
|
CanvasGraphService.prototype._getPixelForNumber = function (num, minMax, startingPixel, spaceAvailable, shouldFlipValue) {
|
|
60701
60927
|
var min = minMax.min, max = minMax.max;
|
|
60702
60928
|
// 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
|
|
60929
|
+
var normalizedValue = Math.abs(max - min) > 0.001 ? (num - min) / (max - min) : 0.5;
|
|
60704
60930
|
// if we should make this a [1, 0] range instead (higher numbers = smaller pixel value)
|
|
60705
60931
|
if (shouldFlipValue) {
|
|
60706
60932
|
normalizedValue = 1 - normalizedValue;
|
|
@@ -60809,11 +61035,11 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60809
61035
|
if (!!((_a = _this.metadata.get(id)) === null || _a === void 0 ? void 0 : _a.hidden)) {
|
|
60810
61036
|
return;
|
|
60811
61037
|
}
|
|
60812
|
-
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex) +
|
|
61038
|
+
var numPoints = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset);
|
|
60813
61039
|
if (idOffset >= numPoints) {
|
|
60814
61040
|
return;
|
|
60815
61041
|
}
|
|
60816
|
-
var valueAtClosestPointIndex = _this.datasets.startingIndices.at(closestIndex) +
|
|
61042
|
+
var valueAtClosestPointIndex = _this.datasets.startingIndices.at(closestIndex) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].SliceDataOffset + idOffset;
|
|
60817
61043
|
var valueAtClosestPoint = _this.datasets.data.at(valueAtClosestPointIndex);
|
|
60818
61044
|
var valueMinMax;
|
|
60819
61045
|
// we would have already calculated the min and max while getting the tickers, so use those, and get first one.
|
|
@@ -60828,7 +61054,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60828
61054
|
actualTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex));
|
|
60829
61055
|
var valueAtClosestPointYPos = _this._getPixelForNumber(valueAtClosestPoint, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60830
61056
|
var xForActualTimestamp = _this._getPixelForNumber(actualTimestamp, _this._globalTimeMinMax, drawableArea.left, drawableArea.right - drawableArea.left, false);
|
|
60831
|
-
var text = id
|
|
61057
|
+
var text = "".concat(id, ": ").concat(valueAtClosestPoint.toFixed(2));
|
|
60832
61058
|
if (text.length > longestText.length) {
|
|
60833
61059
|
longestText = text;
|
|
60834
61060
|
}
|
|
@@ -60843,17 +61069,17 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60843
61069
|
var distance = _this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, xForActualTimestamp, valueAtClosestPointYPos, pos.xPos - left, adjustedYPos);
|
|
60844
61070
|
// 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
61071
|
if (closestIndex + 1 < _this.datasets.data.itemLength &&
|
|
60846
|
-
_this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) +
|
|
61072
|
+
_this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) + _babylonjs_core_Maths_math_scalar__WEBPACK_IMPORTED_MODULE_2__["PerformanceViewerCollector"].NumberOfPointsOffset) > idOffset) {
|
|
60847
61073
|
var secondPointTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1));
|
|
60848
61074
|
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) +
|
|
61075
|
+
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
61076
|
var secondPointY = _this._getPixelForNumber(secondPointValue, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60851
61077
|
distance = Math.min(_this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, secondPointX, secondPointY, pos.xPos - left, adjustedYPos), distance);
|
|
60852
61078
|
}
|
|
60853
|
-
if (closestIndex - 1 >= 0 && _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex + 1) +
|
|
61079
|
+
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
61080
|
var secondPointTimestamp = _this.datasets.data.at(_this.datasets.startingIndices.at(closestIndex - 1));
|
|
60855
61081
|
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) +
|
|
61082
|
+
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
61083
|
var secondPointY = _this._getPixelForNumber(secondPointValue, valueMinMax, drawableArea.top, drawableArea.bottom - drawableArea.top, true);
|
|
60858
61084
|
distance = Math.min(_this._getDistanceFromLine(xForActualTimestamp, valueAtClosestPointYPos, secondPointX, secondPointY, pos.xPos - left, adjustedYPos), distance);
|
|
60859
61085
|
}
|
|
@@ -60869,7 +61095,7 @@ var CanvasGraphService = /** @class */ (function () {
|
|
|
60869
61095
|
if (closestLineDistance <= maxDistanceForHover && this._position) {
|
|
60870
61096
|
this._preprocessedTooltipInfo.focusedId = closestLineId;
|
|
60871
61097
|
var inferredValue = this._getNumberFromPixel(adjustedYPos, closestLineValueMinMax, drawableArea.top, drawableArea.bottom, true);
|
|
60872
|
-
var closestLineText = closestLineId
|
|
61098
|
+
var closestLineText = "".concat(closestLineId, ": ").concat(inferredValue.toFixed(2));
|
|
60873
61099
|
this._preprocessedTooltipInfo.longestText = closestLineText;
|
|
60874
61100
|
this._preprocessedTooltipInfo.numberOfTooltipItems = 1;
|
|
60875
61101
|
this._tooltipItems[0].text = closestLineText;
|
|
@@ -61201,7 +61427,7 @@ var PopupComponent = /** @class */ (function (_super) {
|
|
|
61201
61427
|
PopupComponent.prototype.openPopup = function () {
|
|
61202
61428
|
var _this = this;
|
|
61203
61429
|
var _a = this.props, title = _a.title, size = _a.size, onClose = _a.onClose, onOpen = _a.onOpen;
|
|
61204
|
-
var windowVariableName = "window_"
|
|
61430
|
+
var windowVariableName = "window_".concat(title);
|
|
61205
61431
|
this._container = _inspector__WEBPACK_IMPORTED_MODULE_3__["Inspector"]._CreatePopup(title, windowVariableName, size.width, size.height, true);
|
|
61206
61432
|
if (this._container) {
|
|
61207
61433
|
this._host = this._container.ownerDocument.createElement("div");
|
|
@@ -61663,7 +61889,7 @@ var ControlTreeItemComponent = /** @class */ (function (_super) {
|
|
|
61663
61889
|
ControlTreeItemComponent.prototype.render = function () {
|
|
61664
61890
|
var _this = this;
|
|
61665
61891
|
var control = this.props.control;
|
|
61666
|
-
var name = (control.name || "No name") +
|
|
61892
|
+
var name = (control.name || "No name") + " [".concat(control.getClassName(), "]");
|
|
61667
61893
|
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
61894
|
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
61895
|
return (react__WEBPACK_IMPORTED_MODULE_4__["createElement"]("div", { className: "controlTools" },
|
|
@@ -61697,7 +61923,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
61697
61923
|
|
|
61698
61924
|
|
|
61699
61925
|
|
|
61700
|
-
var editorUrl = "https://unpkg.com/babylonjs-gui-editor@"
|
|
61926
|
+
var editorUrl = "https://unpkg.com/babylonjs-gui-editor@".concat(_babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["Engine"].Version, "/babylon.guiEditor.js");
|
|
61701
61927
|
var guiEditor = null;
|
|
61702
61928
|
/** Get the inspector from bundle or global */
|
|
61703
61929
|
function _getGlobalGUIEditor() {
|
|
@@ -61745,7 +61971,7 @@ function EditAdvancedDynamicTexture(adt) {
|
|
|
61745
61971
|
return [3 /*break*/, 4];
|
|
61746
61972
|
case 3:
|
|
61747
61973
|
_a = _b.sent();
|
|
61748
|
-
throw "Failed to load GUI editor from "
|
|
61974
|
+
throw "Failed to load GUI editor from ".concat(editorUrl);
|
|
61749
61975
|
case 4: return [3 /*break*/, 6];
|
|
61750
61976
|
case 5:
|
|
61751
61977
|
// we are in ES6 environment
|
|
@@ -62106,6 +62332,8 @@ var SceneTreeItemComponent = /** @class */ (function (_super) {
|
|
|
62106
62332
|
else if (manager.boundingBoxGizmoEnabled) {
|
|
62107
62333
|
gizmoMode = 4;
|
|
62108
62334
|
}
|
|
62335
|
+
// autopicking is disable by default
|
|
62336
|
+
manager.enableAutoPicking = false;
|
|
62109
62337
|
}
|
|
62110
62338
|
_this.state = { isSelected: false, isInPickingMode: false, gizmoMode: gizmoMode };
|
|
62111
62339
|
return _this;
|
|
@@ -62120,8 +62348,16 @@ var SceneTreeItemComponent = /** @class */ (function (_super) {
|
|
|
62120
62348
|
nextState.isSelected = false;
|
|
62121
62349
|
}
|
|
62122
62350
|
}
|
|
62351
|
+
this.updateGizmoAutoPicking(nextState.isInPickingMode);
|
|
62123
62352
|
return true;
|
|
62124
62353
|
};
|
|
62354
|
+
SceneTreeItemComponent.prototype.updateGizmoAutoPicking = function (isInPickingMode) {
|
|
62355
|
+
var scene = this.props.scene;
|
|
62356
|
+
if (scene.reservedDataStore && scene.reservedDataStore.gizmoManager) {
|
|
62357
|
+
var manager = scene.reservedDataStore.gizmoManager;
|
|
62358
|
+
manager.enableAutoPicking = isInPickingMode;
|
|
62359
|
+
}
|
|
62360
|
+
};
|
|
62125
62361
|
SceneTreeItemComponent.prototype.componentDidMount = function () {
|
|
62126
62362
|
var _this = this;
|
|
62127
62363
|
if (!this.props.onSelectionChangedObservable) {
|
|
@@ -64563,8 +64799,8 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
64563
64799
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-white" }),
|
|
64564
64800
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-black" }),
|
|
64565
64801
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-cursor", style: {
|
|
64566
|
-
top: -(hsv.b * 100) + 100
|
|
64567
|
-
left: hsv.g * 100
|
|
64802
|
+
top: "".concat(-(hsv.b * 100) + 100, "%"),
|
|
64803
|
+
left: "".concat(hsv.g * 100, "%"),
|
|
64568
64804
|
} })),
|
|
64569
64805
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue" },
|
|
64570
64806
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-color", style: {
|
|
@@ -64572,7 +64808,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
64572
64808
|
} }),
|
|
64573
64809
|
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
64810
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-cursor", style: {
|
|
64575
|
-
left: (hsv.r / 360.0) * 100
|
|
64811
|
+
left: "".concat((hsv.r / 360.0) * 100, "%"),
|
|
64576
64812
|
border: "1px solid " + colorHexRef,
|
|
64577
64813
|
} }))),
|
|
64578
64814
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-rgb" },
|
|
@@ -64811,10 +65047,10 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
64811
65047
|
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
65048
|
this.props.label &&
|
|
64813
65049
|
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 "
|
|
65050
|
+
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
65051
|
!this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBox" },
|
|
64816
65052
|
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"
|
|
65053
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { htmlFor: "checkbox" + this._uniqueId, className: "lbl".concat(!!this.props.disabled ? " disabled" : "") }))));
|
|
64818
65054
|
};
|
|
64819
65055
|
CheckBoxLineComponent._UniqueIdSeed = 0;
|
|
64820
65056
|
return CheckBoxLineComponent;
|
|
@@ -65963,7 +66199,7 @@ var NumericInputComponent = /** @class */ (function (_super) {
|
|
|
65963
66199
|
var _this = this;
|
|
65964
66200
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric" },
|
|
65965
66201
|
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
|
|
66202
|
+
this.props.label && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric-label", title: this.props.label }, "".concat(this.props.label, ": "))),
|
|
65967
66203
|
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
66204
|
};
|
|
65969
66205
|
NumericInputComponent.defaultProps = {
|
|
@@ -66491,7 +66727,7 @@ var Vector2LineComponent = /** @class */ (function (_super) {
|
|
|
66491
66727
|
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
66728
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine", title: this.props.label },
|
|
66493
66729
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label" }, this.props.label),
|
|
66494
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" }, "X: "
|
|
66730
|
+
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
66731
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66496
66732
|
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66497
66733
|
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 +66836,9 @@ var Vector3LineComponent = /** @class */ (function (_super) {
|
|
|
66600
66836
|
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
66837
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label),
|
|
66602
66838
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "vector" },
|
|
66603
|
-
!this.props.useEuler && "X: "
|
|
66839
|
+
!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
66840
|
this.props.useEuler &&
|
|
66605
|
-
"X: "
|
|
66841
|
+
"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
66842
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66607
66843
|
this.state.isExpanded && !this.props.useEuler && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66608
66844
|
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 +66955,7 @@ var Vector4LineComponent = /** @class */ (function (_super) {
|
|
|
66719
66955
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "firstLine" },
|
|
66720
66956
|
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
66957
|
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: "
|
|
66958
|
+
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
66959
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
66724
66960
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
66725
66961
|
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); } }),
|
|
@@ -66934,7 +67170,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
66934
67170
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
66935
67171
|
/* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
|
|
66936
67172
|
/* harmony import */ var _lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
|
|
66937
|
-
/* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/control */ "@babylonjs/gui/2D/
|
|
67173
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/control */ "@babylonjs/gui/2D/controls/image");
|
|
66938
67174
|
/* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__);
|
|
66939
67175
|
/* harmony import */ var _lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/sliderLineComponent */ "./sharedUiComponents/lines/sliderLineComponent.tsx");
|
|
66940
67176
|
/* harmony import */ var _lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
|
|
@@ -67141,7 +67377,7 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
67141
67377
|
rows.push(grid.getRowDefinition(index));
|
|
67142
67378
|
}
|
|
67143
67379
|
return rows.map(function (rd, i) {
|
|
67144
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "r"
|
|
67380
|
+
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
67381
|
});
|
|
67146
67382
|
};
|
|
67147
67383
|
GridPropertyGridComponent.prototype.renderColumns = function () {
|
|
@@ -67151,7 +67387,7 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
67151
67387
|
cols.push(grid.getColumnDefinition(index));
|
|
67152
67388
|
}
|
|
67153
67389
|
return cols.map(function (cd, i) {
|
|
67154
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { key: "c"
|
|
67390
|
+
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
67391
|
});
|
|
67156
67392
|
};
|
|
67157
67393
|
GridPropertyGridComponent.prototype.render = function () {
|
|
@@ -67239,7 +67475,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
67239
67475
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
67240
67476
|
/* harmony import */ var _tabs_propertyGrids_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent */ "./sharedUiComponents/tabs/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
|
|
67241
67477
|
/* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
|
|
67242
|
-
/* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/image */ "@babylonjs/gui/2D/
|
|
67478
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/image */ "@babylonjs/gui/2D/controls/image");
|
|
67243
67479
|
/* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__);
|
|
67244
67480
|
/* harmony import */ var _lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
|
|
67245
67481
|
/* harmony import */ var _lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
|
|
@@ -67656,7 +67892,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
67656
67892
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
67657
67893
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
67658
67894
|
/* harmony import */ var _tabs_propertyGrids_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent */ "./sharedUiComponents/tabs/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
|
|
67659
|
-
/* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/textBlock */ "@babylonjs/gui/2D/
|
|
67895
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/textBlock */ "@babylonjs/gui/2D/controls/image");
|
|
67660
67896
|
/* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__);
|
|
67661
67897
|
/* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
|
|
67662
67898
|
/* harmony import */ var _lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
|
|
@@ -68005,14 +68241,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__;
|
|
|
68005
68241
|
|
|
68006
68242
|
/***/ }),
|
|
68007
68243
|
|
|
68008
|
-
/***/ "@babylonjs/gui/2D/
|
|
68244
|
+
/***/ "@babylonjs/gui/2D/controls/image":
|
|
68009
68245
|
/*!***************************************************************************************************************************!*\
|
|
68010
68246
|
!*** external {"root":["BABYLON","GUI"],"commonjs":"@babylonjs/gui","commonjs2":"@babylonjs/gui","amd":"@babylonjs/gui"} ***!
|
|
68011
68247
|
\***************************************************************************************************************************/
|
|
68012
68248
|
/*! no static exports found */
|
|
68013
68249
|
/***/ (function(module, exports) {
|
|
68014
68250
|
|
|
68015
|
-
module.exports =
|
|
68251
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_controls_image__;
|
|
68016
68252
|
|
|
68017
68253
|
/***/ }),
|
|
68018
68254
|
|