@babylonjs/gui-editor 5.0.0-alpha.62 → 5.0.0-alpha.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
97
97
  /******/ ({
98
98
 
99
99
  /***/ "../../../../node_modules/@fortawesome/fontawesome-svg-core/index.es.js":
100
- /*!***************************************************************************************************************!*\
101
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
102
- \***************************************************************************************************************/
100
+ /*!****************************************************************************************!*\
101
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
102
+ \****************************************************************************************/
103
103
  /*! exports provided: icon, noAuto, config, toHtml, layer, text, counter, library, dom, parse, findIconDefinition */
104
104
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
105
105
 
@@ -2557,9 +2557,9 @@ var autoReplace = function autoReplace() {
2557
2557
  /***/ }),
2558
2558
 
2559
2559
  /***/ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js":
2560
- /*!***************************************************************************************************************!*\
2561
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
2562
- \***************************************************************************************************************/
2560
+ /*!****************************************************************************************!*\
2561
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
2562
+ \****************************************************************************************/
2563
2563
  /*! 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 */
2564
2564
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2565
2565
 
@@ -9577,9 +9577,9 @@ var _iconsCache = {
9577
9577
  /***/ }),
9578
9578
 
9579
9579
  /***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
9580
- /*!************************************************************************************************************!*\
9581
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
9582
- \************************************************************************************************************/
9580
+ /*!*************************************************************************************!*\
9581
+ !*** E:/Babylon/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
9582
+ \*************************************************************************************/
9583
9583
  /*! exports provided: FontAwesomeIcon */
9584
9584
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
9585
9585
 
@@ -9980,9 +9980,9 @@ var convertCurry = convert.bind(null, react__WEBPACK_IMPORTED_MODULE_2___default
9980
9980
  /***/ }),
9981
9981
 
9982
9982
  /***/ "../../../../node_modules/classnames/index.js":
9983
- /*!*************************************************************************************!*\
9984
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/classnames/index.js ***!
9985
- \*************************************************************************************/
9983
+ /*!**************************************************************!*\
9984
+ !*** E:/Babylon/Babylon.js/node_modules/classnames/index.js ***!
9985
+ \**************************************************************/
9986
9986
  /*! no static exports found */
9987
9987
  /***/ (function(module, exports, __webpack_require__) {
9988
9988
 
@@ -10048,9 +10048,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
10048
10048
  /***/ }),
10049
10049
 
10050
10050
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/log/log.scss":
10051
- /*!****************************************************************************************************************************************************************************************************!*\
10052
- !*** 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/log/log.scss ***!
10053
- \****************************************************************************************************************************************************************************************************/
10051
+ /*!******************************************************************************************************************************************************!*\
10052
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/log/log.scss ***!
10053
+ \******************************************************************************************************************************************************/
10054
10054
  /*! no static exports found */
10055
10055
  /***/ (function(module, exports, __webpack_require__) {
10056
10056
 
@@ -10066,9 +10066,9 @@ module.exports = exports;
10066
10066
  /***/ }),
10067
10067
 
10068
10068
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/propertyTab/propertyTab.scss":
10069
- /*!********************************************************************************************************************************************************************************************************************!*\
10070
- !*** 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/propertyTab/propertyTab.scss ***!
10071
- \********************************************************************************************************************************************************************************************************************/
10069
+ /*!**********************************************************************************************************************************************************************!*\
10070
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/propertyTab/propertyTab.scss ***!
10071
+ \**********************************************************************************************************************************************************************/
10072
10072
  /*! no static exports found */
10073
10073
  /***/ (function(module, exports, __webpack_require__) {
10074
10074
 
@@ -10076,7 +10076,7 @@ module.exports = exports;
10076
10076
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
10077
10077
  exports = ___CSS_LOADER_API_IMPORT___(false);
10078
10078
  // Module
10079
- exports.push([module.i, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px; }\n\nhr.ge {\n border: 1px solid #d0cece; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2;\n font-family: \"acumin-pro-condensed\"; }\n #ge-propertyTab #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: white;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #ge-propertyTab #header #logo {\n position: relative;\n background: white;\n grid-column: 1;\n width: 32px;\n height: 32px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center; }\n #ge-propertyTab #header #title {\n background: white;\n color: black;\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #ge-propertyTab .range {\n -webkit-appearance: none;\n width: 120px;\n height: 2px;\n background: black;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #ge-propertyTab .range:hover {\n opacity: 1; }\n #ge-propertyTab .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #e2e2e2;\n border: solid;\n border-width: thin;\n cursor: pointer; }\n #ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: black;\n cursor: pointer; }\n #ge-propertyTab 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 #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #ge-propertyTab .sliderLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto auto auto 1fr; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .slider {\n grid-column: 4;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 3;\n padding-left: 15px; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short input {\n width: 40px;\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .sliderLine .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #ge-propertyTab .ge-divider {\n display: grid;\n grid-template-columns: auto auto auto auto auto auto; }\n #ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto; }\n #ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto; }\n #ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px; }\n #ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px; }\n #ge-propertyTab .textInputLine {\n user-select: none;\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textInputLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .textInputLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value {\n display: flex;\n align-items: center;\n padding-left: 15px;\n grid-column: 3;\n background: transparent; }\n #ge-propertyTab .textInputLine .value input {\n width: calc(100% - 5px);\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .textInputLine .noUnderline input {\n border-bottom: transparent; }\n #ge-propertyTab .textInputArea {\n padding-left: 5px;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px; }\n #ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n transition: opacity 250ms;\n pointer-events: none; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #cccccc;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n cursor: pointer; }\n #ge-propertyTab .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 #ge-propertyTab .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 #ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .color-picker {\n height: 150px;\n width: 15px; }\n #ge-propertyTab .color-picker .color-rect {\n height: 15px;\n border: 1px black solid;\n cursor: pointer; }\n #ge-propertyTab .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px; }\n #ge-propertyTab .color-picker .color-picker-float {\n z-index: 2;\n position: absolute; }\n #ge-propertyTab .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 #ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #ge-propertyTab .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 #ge-propertyTab .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: -5px;\n padding-left: 12px; }\n #ge-propertyTab .gradient-step .step-slider input {\n width: 90%; }\n #ge-propertyTab .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #ge-propertyTab .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: auto; }\n #ge-propertyTab .command-button .command-label {\n display: none; }\n #ge-propertyTab .command-button .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n color: white;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button:hover {\n background-color: white; }\n #ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white; }\n #ge-propertyTab .command-button img.active {\n background-color: white; }\n #ge-propertyTab .command-button-alt {\n cursor: pointer;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-disabled {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt-disabled .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-disabled .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-active .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .floatLine {\n user-select: none;\n padding-left: 5px;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n padding-left: 15px;\n align-items: center;\n grid-column: 3;\n background: transparent; }\n #ge-propertyTab .floatLine .value input {\n width: calc(100% - 5px);\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .short input {\n width: 27px; }\n #ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #ge-propertyTab .vector3Line {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight); }\n #ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8; }\n #ge-propertyTab .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0; }\n #ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .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 #ge-propertyTab .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .buttonLine {\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n align-items: center;\n justify-items: stretch;\n padding-bottom: 5px; }\n #ge-propertyTab .buttonLine input[type=\"file\"] {\n display: none; }\n #ge-propertyTab .buttonLine .file-upload {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px;\n color: white;\n padding: 4px 5px;\n padding-top: 0px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1.0; }\n #ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #ge-propertyTab .buttonLine button {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine button:hover {\n opacity: 1.0; }\n #ge-propertyTab .buttonLine button:active {\n background: #282828; }\n #ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px; }\n #ge-propertyTab .numeric {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: 1fr 120px auto; }\n #ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px; }\n #ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px; }\n #ge-propertyTab .checkBoxLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .checkBox {\n grid-column: 3;\n display: flex;\n align-items: center;\n padding-left: 15px; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 1px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #e2e2e2;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: '';\n transition: all 0.15s ease;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {\n background: transparent; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {\n left: 20px;\n background: black;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {\n background: black;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {\n left: 20px;\n background: #555555;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {\n background: #555555;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .hidden {\n display: none; }\n #ge-propertyTab .listLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #ge-propertyTab .listLine .options select {\n width: 120px;\n height: 25px;\n border: transparent;\n border-radius: 4px; }\n #ge-propertyTab .color3Line {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr; }\n #ge-propertyTab .color3Line .firstLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: none;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 0px; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n grid-column: 2;\n margin-top: 6px;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .copy {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n color: black; }\n #ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .firstLine .expand {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .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 #ge-propertyTab .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .textLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: auto;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textLine .label {\n grid-column: 2;\n padding-left: 5px;\n padding-top: 4px;\n display: flex;\n align-items: left;\n min-width: 15px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .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: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\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: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", ""]);
10079
+ exports.push([module.i, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px; }\n\nhr.ge {\n border: 1px solid #d0cece; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2;\n font-family: \"acumin-pro-condensed\"; }\n #ge-propertyTab #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: white;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #ge-propertyTab #header #logo {\n position: relative;\n background: white;\n grid-column: 1;\n width: 32px;\n height: 32px;\n left: 0;\n display: flex;\n align-self: center;\n justify-self: center; }\n #ge-propertyTab #header #title {\n background: white;\n color: black;\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #ge-propertyTab .range {\n -webkit-appearance: none;\n width: 120px;\n height: 2px;\n background: black;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: .2s;\n transition: opacity .2s; }\n #ge-propertyTab .range:hover {\n opacity: 1; }\n #ge-propertyTab .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #e2e2e2;\n border: solid;\n border-width: thin;\n cursor: pointer; }\n #ge-propertyTab .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: black;\n cursor: pointer; }\n #ge-propertyTab 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 #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #ge-propertyTab input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #ge-propertyTab .sliderLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto auto auto 1fr; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .sliderLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .slider {\n grid-column: 4;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 3;\n padding-left: 15px; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .sliderLine .floatLine .short input {\n width: 40px;\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .sliderLine .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #ge-propertyTab .ge-divider {\n display: grid;\n grid-template-columns: auto auto auto auto auto auto; }\n #ge-propertyTab .ge-divider-short {\n display: grid;\n grid-template-columns: 1fr 1fr; }\n #ge-propertyTab .ge-grid-divider {\n display: grid;\n grid-template-columns: 150px 1fr auto; }\n #ge-propertyTab .ge-grid-divider .textLine {\n grid-column: auto; }\n #ge-propertyTab .ge-grid-button-divider {\n display: grid;\n grid-template-columns: 60px 60px 60px 60px; }\n #ge-propertyTab .ge-grid-remove {\n display: grid;\n background-color: #c2c2c2;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid-edit {\n display: grid;\n background-color: #878787;\n margin-bottom: 5px;\n filter: invert(1); }\n #ge-propertyTab .ge-grid {\n display: grid;\n margin-bottom: 5px; }\n #ge-propertyTab .textInputLine {\n user-select: none;\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textInputLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .textInputLine img {\n width: 30px; }\n #ge-propertyTab .textInputLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value {\n display: flex;\n align-items: center;\n padding-left: 15px;\n grid-column: 3;\n background: transparent; }\n #ge-propertyTab .textInputLine .value input {\n width: calc(100% - 5px);\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .textInputLine .noUnderline input {\n border-bottom: transparent; }\n #ge-propertyTab .textInputArea {\n padding-left: 5px;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #ge-propertyTab .textInputArea .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputArea .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #ge-propertyTab .textInputArea .value textarea {\n width: calc(150% - 5px);\n margin-left: -50%;\n height: 40px; }\n #ge-propertyTab .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #ge-propertyTab .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #ge-propertyTab .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #ge-propertyTab .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n transition: opacity 250ms;\n pointer-events: none; }\n #ge-propertyTab .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #ge-propertyTab .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #cccccc;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n cursor: pointer; }\n #ge-propertyTab .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 #ge-propertyTab .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 #ge-propertyTab .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #ge-propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #ge-propertyTab .color-picker {\n height: 150px;\n width: 15px; }\n #ge-propertyTab .color-picker .color-rect {\n height: 15px;\n border: 1px black solid;\n cursor: pointer; }\n #ge-propertyTab .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px; }\n #ge-propertyTab .color-picker .color-picker-float {\n z-index: 2;\n position: absolute; }\n #ge-propertyTab .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 #ge-propertyTab .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #ge-propertyTab .gradient-step .color {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #ge-propertyTab .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 #ge-propertyTab .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: -5px;\n padding-left: 12px; }\n #ge-propertyTab .gradient-step .step-slider input {\n width: 90%; }\n #ge-propertyTab .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #ge-propertyTab .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #ge-propertyTab .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: auto; }\n #ge-propertyTab .command-button .command-label {\n display: none; }\n #ge-propertyTab .command-button .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n color: white;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button:hover {\n background-color: white; }\n #ge-propertyTab .command-button .active {\n transform-origin: center;\n background-color: white; }\n #ge-propertyTab .command-button img.active {\n background-color: white; }\n #ge-propertyTab .command-button-alt {\n cursor: pointer;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt:hover {\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-disabled {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: white; }\n #ge-propertyTab .command-button-alt-disabled .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-disabled .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .command-button-alt-disabled img {\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active {\n cursor: pointer;\n pointer-events: none;\n width: 40px;\n margin-left: 5px;\n margin-right: 5px;\n background-color: #c2c2c2;\n filter: invert(1); }\n #ge-propertyTab .command-button-alt-active .command-label {\n display: none; }\n #ge-propertyTab .command-button-alt-active .command-button-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n #ge-propertyTab .floatLine {\n user-select: none;\n padding-left: 5px;\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n padding-left: 15px;\n align-items: center;\n grid-column: 3;\n background: transparent; }\n #ge-propertyTab .floatLine .value input {\n width: calc(100% - 5px);\n background-color: transparent;\n outline-color: transparent;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n outline-width: 0px; }\n #ge-propertyTab .floatLine .short {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .short input {\n width: 27px; }\n #ge-propertyTab .floatLine .short input::-webkit-outer-spin-button,\n #ge-propertyTab .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #ge-propertyTab .floatLine .short input[type=number] {\n -moz-appearance: textfield; }\n #ge-propertyTab .vector3Line {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: var(--spacingHeight); }\n #ge-propertyTab .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8; }\n #ge-propertyTab .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .vector3Line .secondLine .no-right-margin {\n margin-right: 0; }\n #ge-propertyTab .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .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 #ge-propertyTab .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .buttonLine {\n height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n align-items: center;\n justify-items: stretch;\n padding-bottom: 5px; }\n #ge-propertyTab .buttonLine input[type=\"file\"] {\n display: none; }\n #ge-propertyTab .buttonLine .file-upload {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px;\n color: white;\n padding: 4px 5px;\n padding-top: 0px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine .file-upload:hover {\n opacity: 1.0; }\n #ge-propertyTab .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #ge-propertyTab .buttonLine button {\n background: var(--backgroundGrey);\n border: 1px solid #424242;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n border-radius: 4px; }\n #ge-propertyTab .buttonLine button:hover {\n opacity: 1.0; }\n #ge-propertyTab .buttonLine button:active {\n background: #282828; }\n #ge-propertyTab .buttonLine button:focus {\n border: 1px solid #424242;\n outline: 0px; }\n #ge-propertyTab .numeric {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: 1fr 120px auto; }\n #ge-propertyTab .numeric .numeric-label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .numeric .number {\n display: flex;\n align-items: center;\n grid-column: 2;\n height: 10px; }\n #ge-propertyTab .numeric .number .input {\n width: calc(100% - 5px);\n height: 10px; }\n #ge-propertyTab .checkBoxLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 100px;\n margin-left: 15px; }\n #ge-propertyTab .checkBoxLine img {\n width: 30px; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .checkBox {\n grid-column: 3;\n display: flex;\n align-items: center;\n padding-left: 15px; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 1px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #e2e2e2;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: '';\n transition: all 0.15s ease;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {\n background: transparent; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {\n left: 20px;\n background: black;\n border: solid;\n border-width: thin; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {\n background: black;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {\n left: 20px;\n background: #555555;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {\n background: #555555;\n cursor: pointer; }\n #ge-propertyTab .checkBoxLine .checkBox .hidden {\n display: none; }\n #ge-propertyTab .listLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine img {\n width: 30px; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #ge-propertyTab .listLine .options select {\n width: 120px;\n height: 25px;\n border: transparent;\n border-radius: 4px; }\n #ge-propertyTab .color3Line {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr; }\n #ge-propertyTab .color3Line .firstLine .label {\n grid-column: 2;\n padding-left: 5px;\n display: none;\n align-items: center;\n min-width: 15px; }\n #ge-propertyTab .color3Line .firstLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 0px; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n grid-column: 2;\n margin-top: 6px;\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .copy {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n color: black; }\n #ge-propertyTab .color3Line .firstLine .copy img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .firstLine .expand {\n grid-column: 4;\n display: none;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #ge-propertyTab .color3Line .firstLine .expand img {\n height: 100%;\n width: 20px; }\n #ge-propertyTab .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #ge-propertyTab .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .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 #ge-propertyTab .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #ge-propertyTab .textLine {\n padding-left: 5px;\n padding-bottom: 0px;\n padding-top: 0px;\n height: auto;\n display: grid;\n grid-template-columns: auto auto 2fr 1fr; }\n #ge-propertyTab .textLine .label {\n grid-column: 2;\n padding-left: 5px;\n padding-top: 4px;\n display: flex;\n align-items: left;\n min-width: 15px; }\n #ge-propertyTab .textLine img {\n width: 30px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .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: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\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: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", ""]);
10080
10080
  // Exports
10081
10081
  module.exports = exports;
10082
10082
 
@@ -10084,9 +10084,9 @@ module.exports = exports;
10084
10084
  /***/ }),
10085
10085
 
10086
10086
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss":
10087
- /*!************************************************************************************************************************************************************************************************************************!*\
10088
- !*** 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 ***!
10089
- \************************************************************************************************************************************************************************************************************************/
10087
+ /*!**************************************************************************************************************************************************************************!*\
10088
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss ***!
10089
+ \**************************************************************************************************************************************************************************/
10090
10090
  /*! no static exports found */
10091
10091
  /***/ (function(module, exports, __webpack_require__) {
10092
10092
 
@@ -10102,9 +10102,9 @@ module.exports = exports;
10102
10102
  /***/ }),
10103
10103
 
10104
10104
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./diagram/workbenchCanvas.scss":
10105
- /*!*********************************************************************************************************************************************************************************************************!*\
10106
- !*** 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!./diagram/workbenchCanvas.scss ***!
10107
- \*********************************************************************************************************************************************************************************************************/
10105
+ /*!***********************************************************************************************************************************************************!*\
10106
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./diagram/workbenchCanvas.scss ***!
10107
+ \***********************************************************************************************************************************************************/
10108
10108
  /*! no static exports found */
10109
10109
  /***/ (function(module, exports, __webpack_require__) {
10110
10110
 
@@ -10120,9 +10120,9 @@ module.exports = exports;
10120
10120
  /***/ }),
10121
10121
 
10122
10122
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./main.scss":
10123
- /*!**************************************************************************************************************************************************************************************!*\
10124
- !*** 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!./main.scss ***!
10125
- \**************************************************************************************************************************************************************************************/
10123
+ /*!****************************************************************************************************************************************!*\
10124
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./main.scss ***!
10125
+ \****************************************************************************************************************************************/
10126
10126
  /*! no static exports found */
10127
10127
  /***/ (function(module, exports, __webpack_require__) {
10128
10128
 
@@ -10130,7 +10130,7 @@ module.exports = exports;
10130
10130
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
10131
10131
  exports = ___CSS_LOADER_API_IMPORT___(false);
10132
10132
  // Module
10133
- exports.push([module.i, ":root {\n --blackBarHeight: 55px; }\n\n#gui-editor-workbench-root {\n display: grid;\n grid-template-rows: calc(100% - 55px);\n height: 100%;\n width: 100%;\n background: #e2e2e2;\n font: 14px \"acumin-pro-condensed\"; }\n\n.wait-screen {\n display: grid;\n justify-content: center;\n align-content: center;\n height: 100%;\n width: 100%;\n background: #464646;\n opacity: 0.95;\n color: white;\n font: 24px \"acumin-pro-condensed\";\n position: absolute;\n top: 0;\n left: 0; }\n .wait-screen.hidden {\n visibility: hidden; }\n\n#leftGrab {\n grid-row: 1 / span 2;\n grid-column: 2;\n cursor: ew-resize; }\n\n#rightGrab {\n grid-row: 1 / span 2;\n grid-column: 5;\n cursor: ew-resize; }\n\n#toolbarGrab {\n background: #333333;\n grid-row: 1 / span 3;\n grid-column: 3;\n height: 100%; }\n #toolbarGrab .blackLine {\n height: 5px;\n background: black; }\n #toolbarGrab .toolbar-label {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative; }\n #toolbarGrab .toolbar-label.active {\n font-weight: bold;\n font-size: 20px; }\n #toolbarGrab .toolbar-label:hover {\n background: var(--selectionGrey); }\n #toolbarGrab .toolbar-label:hover .sub-items {\n display: block; }\n\n.diagram-container {\n grid-row: 1;\n grid-column: 4;\n background: #5f5b60;\n width: 100%;\n height: 100%; }\n .diagram-container .diagram {\n display: none;\n width: 100%;\n height: 100%; }\n\n.right-panel {\n grid-row: 1 / span 2;\n grid-column: 6;\n display: grid;\n grid-template-rows: 1fr 40px auto 40px;\n grid-template-columns: 100%;\n height: calc(100% - var(--blackBarHeight));\n overflow-y: auto; }\n .right-panel #propertyTab {\n grid-row: 1;\n grid-column: 1; }\n .right-panel .button {\n display: grid;\n justify-content: center;\n align-content: center;\n height: auto;\n width: calc(100% / 7);\n cursor: pointer; }\n .right-panel .button:hover {\n background: #337ab7;\n color: white;\n opacity: 0.8; }\n .right-panel .button.selected {\n background: #337ab7;\n color: white; }\n .right-panel .button.align {\n justify-content: stretch;\n text-align: center; }\n .right-panel #preview-mesh-bar {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-columns: auto 1fr 40px 40px 40px;\n align-items: center;\n font-size: 18px;\n background-color: #555555; }\n .right-panel #preview-mesh-bar #file-picker {\n display: none; }\n .right-panel #preview-mesh-bar .listLine {\n grid-column: 1;\n height: 40px;\n display: grid;\n grid-template-columns: 0px 1fr; }\n .right-panel #preview-mesh-bar .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n font-size: 14px; }\n .right-panel #preview-mesh-bar .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-left: 5px; }\n .right-panel #preview-mesh-bar .listLine .options select {\n width: 115px; }\n .right-panel #preview-mesh-bar .button {\n color: #ffffff;\n width: 40px;\n height: 40px;\n transform-origin: 50% 50%; }\n .right-panel #preview-mesh-bar .button:active {\n transform: scale(0.9); }\n .right-panel #preview-mesh-bar .button:hover {\n background: #3f3461; }\n .right-panel #preview-mesh-bar .button.selected {\n background: #9379e6; }\n .right-panel #preview-mesh-bar .button img {\n height: 40px;\n width: 100%; }\n .right-panel #preview-mesh-bar #play-button {\n grid-column: 3; }\n .right-panel #preview-mesh-bar #color-picker-button {\n grid-column: 4;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%; }\n .right-panel #preview-mesh-bar #color-picker-button img {\n height: 40px;\n width: 30px; }\n .right-panel #preview-mesh-bar #color-picker-button #color-picker-image {\n padding-left: 5px;\n padding-bottom: 38px; }\n .right-panel #preview-mesh-bar #color-picker-button #color-picker {\n transform: scale(0);\n grid-column: 1;\n grid-row: 1; }\n .right-panel #preview-mesh-bar #color-picker-button #color-picker-label {\n width: 100%;\n background: transparent;\n cursor: pointer; }\n .right-panel #preview-mesh-bar #preview-new-window {\n grid-column: 5; }\n .right-panel #preview-mesh-bar select {\n background-color: #a3a3a3;\n color: #333333; }\n .right-panel #preview-config-bar {\n grid-row: 4;\n grid-column: 1;\n display: grid;\n grid-template-columns: 40px 40px 40px 1fr 40px 40px;\n color: white;\n align-items: center;\n font-size: 18px; }\n .right-panel #preview-config-bar .button {\n width: 40px;\n grid-row: 1;\n height: 40px;\n transform-origin: 50% 50%; }\n .right-panel #preview-config-bar .button:hover {\n background: #3f3461; }\n .right-panel #preview-config-bar .button.selected {\n background: #9379e6; }\n .right-panel #preview-config-bar .button:active {\n transform: scale(0.9); }\n .right-panel #preview-config-bar .button img {\n height: auto;\n width: 100%; }\n .right-panel #preview-config-bar .button.back-face {\n grid-column: 6; }\n .right-panel #preview-config-bar .button.depth-pass {\n grid-column: 5 / 6; }\n .right-panel #preview-config-bar .button.hemispheric-light {\n grid-column: 3 / 4; }\n .right-panel #preview-config-bar .button.direction-light-1 {\n grid-column: 2 / 3; }\n .right-panel #preview-config-bar .button.direction-light-0 {\n grid-column: 1 / 2; }\n\n.blocker {\n visibility: hidden;\n position: absolute;\n width: calc(100% - 40px);\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(20, 20, 20, 0.95);\n font-family: \"acumin-pro-condensed\";\n color: white;\n font-size: 24px;\n display: grid;\n align-content: center;\n justify-content: center;\n user-select: none;\n padding: 20px;\n text-align: center; }\n\n#log-console {\n grid-row: 2;\n grid-column: 4;\n display: none; }\n\n.dialog-container {\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: grid;\n font-family: \"acumin-pro-condensed\";\n top: 0; }\n .dialog-container .dialog {\n align-self: center;\n justify-self: center;\n min-height: 140px;\n max-width: 400px;\n border-radius: 10px;\n background: white;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: calc(100% - 50px) 50px; }\n .dialog-container .dialog .dialog-message {\n grid-row: 1;\n grid-column: 1;\n margin-top: 20px;\n padding: 10px;\n font-size: 18px;\n color: black; }\n .dialog-container .dialog .dialog-buttons {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n color: white; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok {\n cursor: pointer;\n justify-self: center;\n background: green;\n min-width: 80px;\n justify-content: center;\n display: grid;\n align-content: center;\n align-self: center;\n height: 35px;\n border-radius: 10px; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok:hover {\n opacity: 0.8; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok.error {\n background: red; }\n", ""]);
10133
+ exports.push([module.i, ":root {\n --blackBarHeight: 55px; }\n\n#gui-editor-workbench-root {\n display: grid;\n grid-template-rows: calc(100% - 55px);\n height: 100%;\n width: 100%;\n background: #e2e2e2;\n font: 14px \"acumin-pro-condensed\"; }\n\n.wait-screen {\n display: grid;\n justify-content: center;\n align-content: center;\n height: 100%;\n width: 100%;\n background: #464646;\n opacity: 0.95;\n color: white;\n font: 24px \"acumin-pro-condensed\";\n position: absolute;\n top: 0;\n left: 0; }\n .wait-screen.hidden {\n visibility: hidden; }\n\n#leftGrab {\n grid-row: 1 / span 2;\n grid-column: 2;\n cursor: ew-resize; }\n\n#rightGrab {\n grid-row: 1 / span 2;\n grid-column: 5;\n cursor: ew-resize; }\n\n#toolbarGrab {\n background: #333333;\n grid-row: 1 / span 3;\n grid-column: 3;\n height: 100%; }\n #toolbarGrab .blackLine {\n height: 5px;\n background: black; }\n #toolbarGrab .toolbar-label {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative; }\n #toolbarGrab .toolbar-label.active {\n font-weight: bold;\n font-size: 20px; }\n #toolbarGrab .toolbar-label:hover {\n background: var(--selectionGrey); }\n #toolbarGrab .toolbar-label:hover .sub-items {\n display: block; }\n\n.diagram-container {\n grid-row: 1;\n grid-column: 4;\n background: #5f5b60;\n width: 100%;\n height: 100%; }\n .diagram-container .diagram {\n display: none;\n width: 100%;\n height: 100%; }\n\n.right-panel {\n grid-row: 1 / span 2;\n grid-column: 6;\n display: grid;\n grid-template-rows: 1fr 40px auto 40px;\n grid-template-columns: 100%;\n height: calc(100% - var(--blackBarHeight));\n overflow-y: auto; }\n .right-panel #propertyTab {\n grid-row: 1;\n grid-column: 1; }\n .right-panel .button {\n display: grid;\n justify-content: center;\n align-content: center;\n height: auto;\n width: calc(100% / 7);\n cursor: pointer; }\n .right-panel .button:hover {\n background: #337ab7;\n color: white;\n opacity: 0.8; }\n .right-panel .button.selected {\n background: #337ab7;\n color: white; }\n .right-panel .button.align {\n justify-content: stretch;\n text-align: center; }\n\n.blocker {\n visibility: hidden;\n position: absolute;\n width: calc(100% - 40px);\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(20, 20, 20, 0.95);\n font-family: \"acumin-pro-condensed\";\n color: white;\n font-size: 24px;\n display: grid;\n align-content: center;\n justify-content: center;\n user-select: none;\n padding: 20px;\n text-align: center; }\n\n#log-console {\n grid-row: 2;\n grid-column: 4;\n display: none; }\n\n.dialog-container {\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: grid;\n font-family: \"acumin-pro-condensed\";\n top: 0; }\n .dialog-container .dialog {\n align-self: center;\n justify-self: center;\n min-height: 140px;\n max-width: 400px;\n border-radius: 10px;\n background: white;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: calc(100% - 50px) 50px; }\n .dialog-container .dialog .dialog-message {\n grid-row: 1;\n grid-column: 1;\n margin-top: 20px;\n padding: 10px;\n font-size: 18px;\n color: black; }\n .dialog-container .dialog .dialog-buttons {\n grid-row: 2;\n grid-column: 1;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n color: white; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok {\n cursor: pointer;\n justify-self: center;\n background: green;\n min-width: 80px;\n justify-content: center;\n display: grid;\n align-content: center;\n align-self: center;\n height: 35px;\n border-radius: 10px; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok:hover {\n opacity: 0.8; }\n .dialog-container .dialog .dialog-buttons .dialog-button-ok.error {\n background: red; }\n", ""]);
10134
10134
  // Exports
10135
10135
  module.exports = exports;
10136
10136
 
@@ -10138,9 +10138,9 @@ module.exports = exports;
10138
10138
  /***/ }),
10139
10139
 
10140
10140
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./scss/commandBar.scss":
10141
- /*!*************************************************************************************************************************************************************************************************!*\
10142
- !*** 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!./scss/commandBar.scss ***!
10143
- \*************************************************************************************************************************************************************************************************/
10141
+ /*!***************************************************************************************************************************************************!*\
10142
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./scss/commandBar.scss ***!
10143
+ \***************************************************************************************************************************************************/
10144
10144
  /*! no static exports found */
10145
10145
  /***/ (function(module, exports, __webpack_require__) {
10146
10146
 
@@ -10156,9 +10156,9 @@ module.exports = exports;
10156
10156
  /***/ }),
10157
10157
 
10158
10158
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./scss/header.scss":
10159
- /*!*********************************************************************************************************************************************************************************************!*\
10160
- !*** 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!./scss/header.scss ***!
10161
- \*********************************************************************************************************************************************************************************************/
10159
+ /*!***********************************************************************************************************************************************!*\
10160
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./scss/header.scss ***!
10161
+ \***********************************************************************************************************************************************/
10162
10162
  /*! no static exports found */
10163
10163
  /***/ (function(module, exports, __webpack_require__) {
10164
10164
 
@@ -10174,9 +10174,9 @@ module.exports = exports;
10174
10174
  /***/ }),
10175
10175
 
10176
10176
  /***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss":
10177
- /*!****************************************************************************************************************************************************************************************************************************!*\
10178
- !*** 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 ***!
10179
- \****************************************************************************************************************************************************************************************************************************/
10177
+ /*!******************************************************************************************************************************************************************************!*\
10178
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss ***!
10179
+ \******************************************************************************************************************************************************************************/
10180
10180
  /*! no static exports found */
10181
10181
  /***/ (function(module, exports, __webpack_require__) {
10182
10182
 
@@ -10192,9 +10192,9 @@ module.exports = exports;
10192
10192
  /***/ }),
10193
10193
 
10194
10194
  /***/ "../../../../node_modules/css-loader/dist/runtime/api.js":
10195
- /*!************************************************************************************************!*\
10196
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
10197
- \************************************************************************************************/
10195
+ /*!*************************************************************************!*\
10196
+ !*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
10197
+ \*************************************************************************/
10198
10198
  /*! no static exports found */
10199
10199
  /***/ (function(module, exports, __webpack_require__) {
10200
10200
 
@@ -10297,9 +10297,9 @@ function toComment(sourceMap) {
10297
10297
  /***/ }),
10298
10298
 
10299
10299
  /***/ "../../../../node_modules/object-assign/index.js":
10300
- /*!****************************************************************************************!*\
10301
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/object-assign/index.js ***!
10302
- \****************************************************************************************/
10300
+ /*!*****************************************************************!*\
10301
+ !*** E:/Babylon/Babylon.js/node_modules/object-assign/index.js ***!
10302
+ \*****************************************************************/
10303
10303
  /*! no static exports found */
10304
10304
  /***/ (function(module, exports, __webpack_require__) {
10305
10305
 
@@ -10399,9 +10399,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
10399
10399
  /***/ }),
10400
10400
 
10401
10401
  /***/ "../../../../node_modules/process/browser.js":
10402
- /*!************************************************************************************!*\
10403
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/process/browser.js ***!
10404
- \************************************************************************************/
10402
+ /*!*************************************************************!*\
10403
+ !*** E:/Babylon/Babylon.js/node_modules/process/browser.js ***!
10404
+ \*************************************************************/
10405
10405
  /*! no static exports found */
10406
10406
  /***/ (function(module, exports) {
10407
10407
 
@@ -10594,9 +10594,9 @@ process.umask = function() { return 0; };
10594
10594
  /***/ }),
10595
10595
 
10596
10596
  /***/ "../../../../node_modules/prop-types/checkPropTypes.js":
10597
- /*!**********************************************************************************************!*\
10598
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
10599
- \**********************************************************************************************/
10597
+ /*!***********************************************************************!*\
10598
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
10599
+ \***********************************************************************/
10600
10600
  /*! no static exports found */
10601
10601
  /***/ (function(module, exports, __webpack_require__) {
10602
10602
 
@@ -10708,9 +10708,9 @@ module.exports = checkPropTypes;
10708
10708
  /***/ }),
10709
10709
 
10710
10710
  /***/ "../../../../node_modules/prop-types/factoryWithTypeCheckers.js":
10711
- /*!*******************************************************************************************************!*\
10712
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
10713
- \*******************************************************************************************************/
10711
+ /*!********************************************************************************!*\
10712
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
10713
+ \********************************************************************************/
10714
10714
  /*! no static exports found */
10715
10715
  /***/ (function(module, exports, __webpack_require__) {
10716
10716
 
@@ -11311,9 +11311,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
11311
11311
  /***/ }),
11312
11312
 
11313
11313
  /***/ "../../../../node_modules/prop-types/index.js":
11314
- /*!*************************************************************************************!*\
11315
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/index.js ***!
11316
- \*************************************************************************************/
11314
+ /*!**************************************************************!*\
11315
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/index.js ***!
11316
+ \**************************************************************/
11317
11317
  /*! no static exports found */
11318
11318
  /***/ (function(module, exports, __webpack_require__) {
11319
11319
 
@@ -11337,9 +11337,9 @@ if (true) {
11337
11337
  /***/ }),
11338
11338
 
11339
11339
  /***/ "../../../../node_modules/prop-types/lib/ReactPropTypesSecret.js":
11340
- /*!********************************************************************************************************!*\
11341
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
11342
- \********************************************************************************************************/
11340
+ /*!*********************************************************************************!*\
11341
+ !*** E:/Babylon/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
11342
+ \*********************************************************************************/
11343
11343
  /*! no static exports found */
11344
11344
  /***/ (function(module, exports, __webpack_require__) {
11345
11345
 
@@ -11361,9 +11361,9 @@ module.exports = ReactPropTypesSecret;
11361
11361
  /***/ }),
11362
11362
 
11363
11363
  /***/ "../../../../node_modules/react-contextmenu/es6/AbstractMenu.js":
11364
- /*!*******************************************************************************************************!*\
11365
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
11366
- \*******************************************************************************************************/
11364
+ /*!********************************************************************************!*\
11365
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
11366
+ \********************************************************************************/
11367
11367
  /*! exports provided: default */
11368
11368
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
11369
11369
 
@@ -11587,9 +11587,9 @@ var _initialiseProps = function _initialiseProps() {
11587
11587
  /***/ }),
11588
11588
 
11589
11589
  /***/ "../../../../node_modules/react-contextmenu/es6/ContextMenu.js":
11590
- /*!******************************************************************************************************!*\
11591
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
11592
- \******************************************************************************************************/
11590
+ /*!*******************************************************************************!*\
11591
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
11592
+ \*******************************************************************************/
11593
11593
  /*! exports provided: default */
11594
11594
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
11595
11595
 
@@ -11904,9 +11904,9 @@ ContextMenu.defaultProps = {
11904
11904
  /***/ }),
11905
11905
 
11906
11906
  /***/ "../../../../node_modules/react-contextmenu/es6/ContextMenuTrigger.js":
11907
- /*!*************************************************************************************************************!*\
11908
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
11909
- \*************************************************************************************************************/
11907
+ /*!**************************************************************************************!*\
11908
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
11909
+ \**************************************************************************************/
11910
11910
  /*! exports provided: default */
11911
11911
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
11912
11912
 
@@ -12104,9 +12104,9 @@ ContextMenuTrigger.defaultProps = {
12104
12104
  /***/ }),
12105
12105
 
12106
12106
  /***/ "../../../../node_modules/react-contextmenu/es6/MenuItem.js":
12107
- /*!***************************************************************************************************!*\
12108
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
12109
- \***************************************************************************************************/
12107
+ /*!****************************************************************************!*\
12108
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
12109
+ \****************************************************************************/
12110
12110
  /*! exports provided: default */
12111
12111
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12112
12112
 
@@ -12244,9 +12244,9 @@ MenuItem.defaultProps = {
12244
12244
  /***/ }),
12245
12245
 
12246
12246
  /***/ "../../../../node_modules/react-contextmenu/es6/SubMenu.js":
12247
- /*!**************************************************************************************************!*\
12248
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
12249
- \**************************************************************************************************/
12247
+ /*!***************************************************************************!*\
12248
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
12249
+ \***************************************************************************/
12250
12250
  /*! exports provided: default */
12251
12251
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12252
12252
 
@@ -12584,9 +12584,9 @@ SubMenu.defaultProps = {
12584
12584
  /***/ }),
12585
12585
 
12586
12586
  /***/ "../../../../node_modules/react-contextmenu/es6/actions.js":
12587
- /*!**************************************************************************************************!*\
12588
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
12589
- \**************************************************************************************************/
12587
+ /*!***************************************************************************!*\
12588
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
12589
+ \***************************************************************************/
12590
12590
  /*! exports provided: MENU_SHOW, MENU_HIDE, dispatchGlobalEvent, showMenu, hideMenu */
12591
12591
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12592
12592
 
@@ -12644,9 +12644,9 @@ function hideMenu() {
12644
12644
  /***/ }),
12645
12645
 
12646
12646
  /***/ "../../../../node_modules/react-contextmenu/es6/connectMenu.js":
12647
- /*!******************************************************************************************************!*\
12648
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
12649
- \******************************************************************************************************/
12647
+ /*!*******************************************************************************!*\
12648
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
12649
+ \*******************************************************************************/
12650
12650
  /*! exports provided: default */
12651
12651
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12652
12652
 
@@ -12742,9 +12742,9 @@ var ignoredTriggerProps = [].concat(_toConsumableArray(Object.keys(_ContextMenuT
12742
12742
  /***/ }),
12743
12743
 
12744
12744
  /***/ "../../../../node_modules/react-contextmenu/es6/globalEventListener.js":
12745
- /*!**************************************************************************************************************!*\
12746
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
12747
- \**************************************************************************************************************/
12745
+ /*!***************************************************************************************!*\
12746
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
12747
+ \***************************************************************************************/
12748
12748
  /*! exports provided: default */
12749
12749
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12750
12750
 
@@ -12804,9 +12804,9 @@ var GlobalEventListener = function GlobalEventListener() {
12804
12804
  /***/ }),
12805
12805
 
12806
12806
  /***/ "../../../../node_modules/react-contextmenu/es6/helpers.js":
12807
- /*!**************************************************************************************************!*\
12808
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
12809
- \**************************************************************************************************/
12807
+ /*!***************************************************************************!*\
12808
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
12809
+ \***************************************************************************/
12810
12810
  /*! exports provided: callIfExists, hasOwnProp, uniqueId, cssClasses, store, canUseDOM */
12811
12811
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12812
12812
 
@@ -12853,9 +12853,9 @@ var canUseDOM = Boolean(typeof window !== 'undefined' && window.document && wind
12853
12853
  /***/ }),
12854
12854
 
12855
12855
  /***/ "../../../../node_modules/react-contextmenu/es6/index.js":
12856
- /*!************************************************************************************************!*\
12857
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
12858
- \************************************************************************************************/
12856
+ /*!*************************************************************************!*\
12857
+ !*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
12858
+ \*************************************************************************/
12859
12859
  /*! exports provided: ContextMenu, ContextMenuTrigger, MenuItem, SubMenu, connectMenu, hideMenu, showMenu */
12860
12860
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
12861
12861
 
@@ -12891,9 +12891,9 @@ __webpack_require__.r(__webpack_exports__);
12891
12891
  /***/ }),
12892
12892
 
12893
12893
  /***/ "../../../../node_modules/react-dom/cjs/react-dom.development.js":
12894
- /*!********************************************************************************************************!*\
12895
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
12896
- \********************************************************************************************************/
12894
+ /*!*********************************************************************************!*\
12895
+ !*** E:/Babylon/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
12896
+ \*********************************************************************************/
12897
12897
  /*! no static exports found */
12898
12898
  /***/ (function(module, exports, __webpack_require__) {
12899
12899
 
@@ -37915,9 +37915,9 @@ exports.version = ReactVersion;
37915
37915
  /***/ }),
37916
37916
 
37917
37917
  /***/ "../../../../node_modules/react-dom/index.js":
37918
- /*!************************************************************************************!*\
37919
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-dom/index.js ***!
37920
- \************************************************************************************/
37918
+ /*!*************************************************************!*\
37919
+ !*** E:/Babylon/Babylon.js/node_modules/react-dom/index.js ***!
37920
+ \*************************************************************/
37921
37921
  /*! no static exports found */
37922
37922
  /***/ (function(module, exports, __webpack_require__) {
37923
37923
 
@@ -37960,9 +37960,9 @@ if (false) {} else {
37960
37960
  /***/ }),
37961
37961
 
37962
37962
  /***/ "../../../../node_modules/react-is/cjs/react-is.development.js":
37963
- /*!******************************************************************************************************!*\
37964
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
37965
- \******************************************************************************************************/
37963
+ /*!*******************************************************************************!*\
37964
+ !*** E:/Babylon/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
37965
+ \*******************************************************************************/
37966
37966
  /*! no static exports found */
37967
37967
  /***/ (function(module, exports, __webpack_require__) {
37968
37968
 
@@ -38153,9 +38153,9 @@ exports.typeOf = typeOf;
38153
38153
  /***/ }),
38154
38154
 
38155
38155
  /***/ "../../../../node_modules/react-is/index.js":
38156
- /*!***********************************************************************************!*\
38157
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react-is/index.js ***!
38158
- \***********************************************************************************/
38156
+ /*!************************************************************!*\
38157
+ !*** E:/Babylon/Babylon.js/node_modules/react-is/index.js ***!
38158
+ \************************************************************/
38159
38159
  /*! no static exports found */
38160
38160
  /***/ (function(module, exports, __webpack_require__) {
38161
38161
 
@@ -38170,9 +38170,9 @@ if (false) {} else {
38170
38170
  /***/ }),
38171
38171
 
38172
38172
  /***/ "../../../../node_modules/react/cjs/react.development.js":
38173
- /*!************************************************************************************************!*\
38174
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/cjs/react.development.js ***!
38175
- \************************************************************************************************/
38173
+ /*!*************************************************************************!*\
38174
+ !*** E:/Babylon/Babylon.js/node_modules/react/cjs/react.development.js ***!
38175
+ \*************************************************************************/
38176
38176
  /*! no static exports found */
38177
38177
  /***/ (function(module, exports, __webpack_require__) {
38178
38178
 
@@ -40094,9 +40094,9 @@ exports.version = ReactVersion;
40094
40094
  /***/ }),
40095
40095
 
40096
40096
  /***/ "../../../../node_modules/react/index.js":
40097
- /*!********************************************************************************!*\
40098
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/react/index.js ***!
40099
- \********************************************************************************/
40097
+ /*!*********************************************************!*\
40098
+ !*** E:/Babylon/Babylon.js/node_modules/react/index.js ***!
40099
+ \*********************************************************/
40100
40100
  /*! no static exports found */
40101
40101
  /***/ (function(module, exports, __webpack_require__) {
40102
40102
 
@@ -40111,9 +40111,9 @@ if (false) {} else {
40111
40111
  /***/ }),
40112
40112
 
40113
40113
  /***/ "../../../../node_modules/scheduler/cjs/scheduler-tracing.development.js":
40114
- /*!****************************************************************************************************************!*\
40115
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
40116
- \****************************************************************************************************************/
40114
+ /*!*****************************************************************************************!*\
40115
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
40116
+ \*****************************************************************************************/
40117
40117
  /*! no static exports found */
40118
40118
  /***/ (function(module, exports, __webpack_require__) {
40119
40119
 
@@ -40472,9 +40472,9 @@ exports.unstable_wrap = unstable_wrap;
40472
40472
  /***/ }),
40473
40473
 
40474
40474
  /***/ "../../../../node_modules/scheduler/cjs/scheduler.development.js":
40475
- /*!********************************************************************************************************!*\
40476
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
40477
- \********************************************************************************************************/
40475
+ /*!*********************************************************************************!*\
40476
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
40477
+ \*********************************************************************************/
40478
40478
  /*! no static exports found */
40479
40479
  /***/ (function(module, exports, __webpack_require__) {
40480
40480
 
@@ -41342,9 +41342,9 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
41342
41342
  /***/ }),
41343
41343
 
41344
41344
  /***/ "../../../../node_modules/scheduler/index.js":
41345
- /*!************************************************************************************!*\
41346
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/index.js ***!
41347
- \************************************************************************************/
41345
+ /*!*************************************************************!*\
41346
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/index.js ***!
41347
+ \*************************************************************/
41348
41348
  /*! no static exports found */
41349
41349
  /***/ (function(module, exports, __webpack_require__) {
41350
41350
 
@@ -41359,9 +41359,9 @@ if (false) {} else {
41359
41359
  /***/ }),
41360
41360
 
41361
41361
  /***/ "../../../../node_modules/scheduler/tracing.js":
41362
- /*!**************************************************************************************!*\
41363
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/scheduler/tracing.js ***!
41364
- \**************************************************************************************/
41362
+ /*!***************************************************************!*\
41363
+ !*** E:/Babylon/Babylon.js/node_modules/scheduler/tracing.js ***!
41364
+ \***************************************************************/
41365
41365
  /*! no static exports found */
41366
41366
  /***/ (function(module, exports, __webpack_require__) {
41367
41367
 
@@ -41376,9 +41376,9 @@ if (false) {} else {
41376
41376
  /***/ }),
41377
41377
 
41378
41378
  /***/ "../../../../node_modules/setimmediate/setImmediate.js":
41379
- /*!**********************************************************************************************!*\
41380
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
41381
- \**********************************************************************************************/
41379
+ /*!***********************************************************************!*\
41380
+ !*** E:/Babylon/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
41381
+ \***********************************************************************/
41382
41382
  /*! no static exports found */
41383
41383
  /***/ (function(module, exports, __webpack_require__) {
41384
41384
 
@@ -41574,9 +41574,9 @@ if (false) {} else {
41574
41574
  /***/ }),
41575
41575
 
41576
41576
  /***/ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
41577
- /*!***********************************************************************************************************************!*\
41578
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
41579
- \***********************************************************************************************************************/
41577
+ /*!************************************************************************************************!*\
41578
+ !*** E:/Babylon/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
41579
+ \************************************************************************************************/
41580
41580
  /*! no static exports found */
41581
41581
  /***/ (function(module, exports, __webpack_require__) {
41582
41582
 
@@ -41854,9 +41854,9 @@ module.exports = function (list, options) {
41854
41854
  /***/ }),
41855
41855
 
41856
41856
  /***/ "../../../../node_modules/timers-browserify/main.js":
41857
- /*!*******************************************************************************************!*\
41858
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/timers-browserify/main.js ***!
41859
- \*******************************************************************************************/
41857
+ /*!********************************************************************!*\
41858
+ !*** E:/Babylon/Babylon.js/node_modules/timers-browserify/main.js ***!
41859
+ \********************************************************************/
41860
41860
  /*! no static exports found */
41861
41861
  /***/ (function(module, exports, __webpack_require__) {
41862
41862
 
@@ -41929,9 +41929,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
41929
41929
  /***/ }),
41930
41930
 
41931
41931
  /***/ "../../../../node_modules/tslib/tslib.es6.js":
41932
- /*!************************************************************************************!*\
41933
- !*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/tslib/tslib.es6.js ***!
41934
- \************************************************************************************/
41932
+ /*!*************************************************************!*\
41933
+ !*** E:/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
41934
+ \*************************************************************/
41935
41935
  /*! 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 */
41936
41936
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
41937
41937
 
@@ -42499,6 +42499,17 @@ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/
42499
42499
 
42500
42500
  /***/ }),
42501
42501
 
42502
+ /***/ "../public/imgs/imageSliderIcon.svg":
42503
+ /*!******************************************!*\
42504
+ !*** ../public/imgs/imageSliderIcon.svg ***!
42505
+ \******************************************/
42506
+ /*! no static exports found */
42507
+ /***/ (function(module, exports) {
42508
+
42509
+ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M26.06,14.34H13.94A3.64,3.64,0,0,0,10.3,18V22a3.64,3.64,0,0,0,3.64,3.63H26.06A3.64,3.64,0,0,0,29.7,22V18A3.64,3.64,0,0,0,26.06,14.34Zm0,10.11H13.94a2.42,2.42,0,0,1-.81-.15l1.41-1.39a3.24,3.24,0,0,0,1.45.36A3.28,3.28,0,0,0,19.26,20a3.18,3.18,0,0,0-.35-1.43l.64-.63a.54.54,0,0,1,.74,0L27,24.26A2.43,2.43,0,0,1,26.06,24.45ZM14,20a2,2,0,1,1,2,2A2,2,0,0,1,14,20Zm14.52,2a2.41,2.41,0,0,1-.41,1.34l-6.84-6.44a1.91,1.91,0,0,0-2.67,0l-.53.52a3.22,3.22,0,0,0-2-.75A3.28,3.28,0,0,0,12.72,20a3.23,3.23,0,0,0,.73,2L12,23.47A2.4,2.4,0,0,1,11.51,22V18a2.43,2.43,0,0,1,2.43-2.42H26.06A2.43,2.43,0,0,1,28.49,18Z' style='fill:%23fff'/%3E%3C/svg%3E"
42510
+
42511
+ /***/ }),
42512
+
42502
42513
  /***/ "../public/imgs/imageSliderIconDark.svg":
42503
42514
  /*!**********************************************!*\
42504
42515
  !*** ../public/imgs/imageSliderIconDark.svg ***!
@@ -43294,7 +43305,7 @@ var ButtonPropertyGridComponent = /** @class */ (function (_super) {
43294
43305
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: rectangle, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43295
43306
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
43296
43307
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "RECTANGLE", value: " ", color: "grey" }),
43297
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Clip Content", icon: clipContentsIcon, label: "", target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43308
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { label: "CLIP CONTENT", iconLabel: "Clip Content", icon: clipContentsIcon, target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43298
43309
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
43299
43310
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Stroke Weight", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: rectangle, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43300
43311
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Corner Radius", icon: conerRadiusIcon, lockObject: this.props.lockObject, label: "", target: rectangle, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
@@ -43352,7 +43363,7 @@ var CheckboxPropertyGridComponent = /** @class */ (function (_super) {
43352
43363
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
43353
43364
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "CHECKBOX", value: " ", color: "grey" }),
43354
43365
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Check size ratio", icon: sizeIcon, lockObject: this.props.lockObject, label: "", target: checkbox, propertyName: "checkSizeRatio", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43355
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Checked", icon: fillColorIcon, label: "", target: checkbox, propertyName: "isChecked", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
43366
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Checked", icon: fillColorIcon, label: "CHECKED", target: checkbox, propertyName: "isChecked", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
43356
43367
  };
43357
43368
  return CheckboxPropertyGridComponent;
43358
43369
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -43585,7 +43596,8 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
43585
43596
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
43586
43597
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__["FloatLineComponent"], { iconLabel: "Shadow Offset X", icon: shadowOffsetXIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "shadowOffsetX", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43587
43598
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__["FloatLineComponent"], { iconLabel: "Shadow Offset Y", icon: shadowOffsetYIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "shadowOffsetY", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
43588
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__["FloatLineComponent"], { iconLabel: "Shadow Blur", icon: shadowBlurIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "shadowBlur", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43599
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider-short" },
43600
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__["FloatLineComponent"], { iconLabel: "Shadow Blur", icon: shadowBlurIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "shadowBlur", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
43589
43601
  (control instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"] || control.typeName === "TextBlock") && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
43590
43602
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
43591
43603
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_2__["TextLineComponent"], { tooltip: "", label: "FONT STYLE", value: " ", color: "grey" }),
@@ -43727,7 +43739,7 @@ var EllipsePropertyGridComponent = /** @class */ (function (_super) {
43727
43739
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: ellipse, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43728
43740
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
43729
43741
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "ELLIPSE", value: " ", color: "grey" }),
43730
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Clip Content", icon: clipContentsIcon, label: "", target: ellipse, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43742
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Clip Content", icon: clipContentsIcon, label: "CLIP CONTENT", target: ellipse, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
43731
43743
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Stroke Weight", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: ellipse, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
43732
43744
  };
43733
43745
  return EllipsePropertyGridComponent;
@@ -44149,17 +44161,18 @@ __webpack_require__.r(__webpack_exports__);
44149
44161
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
44150
44162
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
44151
44163
  /* harmony import */ var _gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../gui/commonControlPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
44152
- /* harmony import */ var _sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
44153
- /* harmony import */ var _sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
44154
- /* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
44155
- /* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
44156
-
44164
+ /* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
44165
+ /* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
44166
+ /* harmony import */ var _sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./sliderPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/sliderPropertyGridComponent.tsx");
44157
44167
 
44158
44168
 
44159
44169
 
44160
44170
 
44161
44171
 
44162
44172
 
44173
+ var thumbImageLinkIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/thumbImageLinkIcon.svg */ "./sharedUiComponents/imgs/thumbImageLinkIcon.svg");
44174
+ var valueBarImageLinkIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/valueBarImageLinkIcon.svg */ "./sharedUiComponents/imgs/valueBarImageLinkIcon.svg");
44175
+ var sliderBackgroundImageIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sliderBackgroundImageIcon.svg */ "./sharedUiComponents/imgs/sliderBackgroundImageIcon.svg");
44163
44176
  var ImageBasedSliderPropertyGridComponent = /** @class */ (function (_super) {
44164
44177
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ImageBasedSliderPropertyGridComponent, _super);
44165
44178
  function ImageBasedSliderPropertyGridComponent(props) {
@@ -44170,15 +44183,11 @@ var ImageBasedSliderPropertyGridComponent = /** @class */ (function (_super) {
44170
44183
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "pane" },
44171
44184
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: imageBasedSlider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44172
44185
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44173
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextLineComponent"], { label: "IMAGE BASE SLIDER", value: " ", color: "grey" }),
44174
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { label: "Display thumb", target: imageBasedSlider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44175
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { label: "Vertical", target: imageBasedSlider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44176
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { label: "Thumb clamped", target: imageBasedSlider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44177
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "Bar offset", target: imageBasedSlider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44178
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "Thumb width", target: imageBasedSlider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44179
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "Minimum", target: imageBasedSlider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44180
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "Maximum", target: imageBasedSlider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44181
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "Value", target: imageBasedSlider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44186
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { label: "IMAGE LINKS", value: " ", color: "grey" }),
44187
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { icon: thumbImageLinkIcon, lockObject: this.props.lockObject, iconLabel: "Thumb Image Link", target: imageBasedSlider.thumbImage, label: "", propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44188
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { icon: valueBarImageLinkIcon, lockObject: this.props.lockObject, iconLabel: "Value Bar Image Link", target: imageBasedSlider.valueBarImage, label: "", propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44189
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { icon: sliderBackgroundImageIcon, lockObject: this.props.lockObject, iconLabel: "Background Image Link", target: imageBasedSlider.backgroundImage, label: "", propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44190
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_5__["SliderPropertyGridComponent"], { slider: imageBasedSlider, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44182
44191
  };
44183
44192
  return ImageBasedSliderPropertyGridComponent;
44184
44193
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -44217,8 +44226,12 @@ __webpack_require__.r(__webpack_exports__);
44217
44226
 
44218
44227
 
44219
44228
 
44229
+ var stretchFillIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/stretchFillIcon.svg */ "./sharedUiComponents/imgs/stretchFillIcon.svg");
44230
+ var imageLinkIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/imageLinkIcon.svg */ "./sharedUiComponents/imgs/imageLinkIcon.svg");
44231
+ var cropIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/cropIcon.svg */ "./sharedUiComponents/imgs/cropIcon.svg");
44232
+ var cellIDIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/cellIDIcon.svg */ "./sharedUiComponents/imgs/cellIDIcon.svg");
44233
+ var autoResizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/autoResizeIcon.svg */ "./sharedUiComponents/imgs/autoResizeIcon.svg");
44220
44234
  var sizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sizeIcon.svg */ "./sharedUiComponents/imgs/sizeIcon.svg");
44221
- var positionIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/verticalMarginIcon.svg */ "./sharedUiComponents/imgs/verticalMarginIcon.svg");
44222
44235
  var ImagePropertyGridComponent = /** @class */ (function (_super) {
44223
44236
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ImagePropertyGridComponent, _super);
44224
44237
  function ImagePropertyGridComponent(props) {
@@ -44238,18 +44251,19 @@ var ImagePropertyGridComponent = /** @class */ (function (_super) {
44238
44251
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: image, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44239
44252
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44240
44253
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__["TextLineComponent"], { label: "IMAGE", value: " ", color: "grey" }),
44241
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { iconLabel: "Source", icon: sizeIcon, lockObject: this.props.lockObject, label: "", target: image, propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44254
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { iconLabel: "Source", icon: imageLinkIcon, lockObject: this.props.lockObject, label: "", target: image, propertyName: "source", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44242
44255
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44243
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { iconLabel: "Source Position", icon: positionIcon, lockObject: this.props.lockObject, label: "L", target: image, propertyName: "sourceLeft", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44256
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { iconLabel: "Crop", icon: cropIcon, lockObject: this.props.lockObject, label: "L", target: image, propertyName: "sourceLeft", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44244
44257
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "T", target: image, propertyName: "sourceTop", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44245
44258
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44246
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { iconLabel: "Source Size", icon: sizeIcon, lockObject: this.props.lockObject, label: "W", target: image, propertyName: "sourceWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44247
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "H", target: image, propertyName: "sourceHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44248
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Autoscale", icon: sizeIcon, label: "", target: image, propertyName: "autoScale", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44249
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_6__["OptionsLineComponent"], { iconLabel: "Stretch", icon: sizeIcon, label: "", options: stretchOptions, target: image, propertyName: "stretch", onPropertyChangedObservable: this.props.onPropertyChangedObservable, onSelect: function (value) { return _this.setState({ mode: value }); } }),
44259
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "R", target: image, icon: cropIcon, iconLabel: "Crop", propertyName: "sourceWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44260
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "B", target: image, propertyName: "sourceHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44261
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Autoscale", icon: autoResizeIcon, label: "AUTOSCALE", target: image, propertyName: "autoScale", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44262
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_6__["OptionsLineComponent"], { iconLabel: "Stretch", icon: stretchFillIcon, label: "", options: stretchOptions, target: image, propertyName: "stretch", onPropertyChangedObservable: this.props.onPropertyChangedObservable, onSelect: function (value) { return _this.setState({ mode: value }); } }),
44250
44263
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44251
44264
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__["TextLineComponent"], { label: "ANIMATION SHEET", value: " ", color: "grey" }),
44252
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { iconLabel: "Cell Id", icon: sizeIcon, lockObject: this.props.lockObject, label: "", isInteger: true, target: image, propertyName: "cellId", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44265
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider-short" },
44266
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { iconLabel: "Cell Id", icon: cellIDIcon, lockObject: this.props.lockObject, label: "", isInteger: true, target: image, propertyName: "cellId", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44253
44267
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44254
44268
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { icon: sizeIcon, lockObject: this.props.lockObject, label: "W", target: image, propertyName: "cellWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44255
44269
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_4__["FloatLineComponent"], { lockObject: this.props.lockObject, label: "H", target: image, propertyName: "cellHeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable }))));
@@ -44313,10 +44327,10 @@ var InputTextPropertyGridComponent = /** @class */ (function (_super) {
44313
44327
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { iconLabel: "Max width", icon: sizeIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "maxWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44314
44328
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_8__["Color3LineComponent"], { iconLabel: "Highlight color", icon: fillColorIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "textHighlightColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44315
44329
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_4__["SliderLineComponent"], { iconLabel: "Highligher opacity", icon: alphaIcon, label: "", minimum: 0, maximum: 1, step: 0.01, target: inputText, propertyName: "highligherOpacity", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44316
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "On focus select all", icon: verticalMarginIcon, label: "", target: inputText, propertyName: "onFocusSelectAll", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44330
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "On focus select all", icon: verticalMarginIcon, label: "ON FOCUS SELECT ALL", target: inputText, propertyName: "onFocusSelectAll", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44317
44331
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { iconLabel: "Focused background", icon: colorIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "focusedBackground", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44318
44332
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { iconLabel: "Margin", icon: verticalMarginIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "margin", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44319
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Auto stretch width", icon: sizeIcon, label: "", target: inputText, propertyName: "autoStretchWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44333
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Auto stretch width", icon: sizeIcon, label: "AUTO STRETCH", target: inputText, propertyName: "autoStretchWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44320
44334
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_6__["FloatLineComponent"], { iconLabel: "Thickness", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44321
44335
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextInputLineComponent"], { iconLabel: "Placeholder text", icon: fontFamilyIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "placeholderText", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44322
44336
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_8__["Color3LineComponent"], { iconLabel: "Placeholder color", icon: fillColorIcon, lockObject: this.props.lockObject, label: "", target: inputText, propertyName: "placeholderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
@@ -44435,7 +44449,7 @@ var RadioButtonPropertyGridComponent = /** @class */ (function (_super) {
44435
44449
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Stroke Weight", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: radioButton, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44436
44450
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Check Size Ratio", icon: scaleIcon, lockObject: this.props.lockObject, label: "", target: radioButton, propertyName: "checkSizeRatio", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44437
44451
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { iconLabel: "Group", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: radioButton, propertyName: "group", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44438
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Is Checked", icon: checkboxIcon, label: "", target: radioButton, propertyName: "isChecked", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44452
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { iconLabel: "Is Checked", icon: checkboxIcon, label: "CHECKED", target: radioButton, propertyName: "isChecked", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44439
44453
  };
44440
44454
  return RadioButtonPropertyGridComponent;
44441
44455
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -44481,7 +44495,7 @@ var RectanglePropertyGridComponent = /** @class */ (function (_super) {
44481
44495
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: rectangle, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44482
44496
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44483
44497
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "RECTANGLE", value: " ", color: "grey" }),
44484
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Clip Content", icon: clipContentsIcon, label: "", target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44498
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Clip Content", icon: clipContentsIcon, label: "CLIP CONTENT", target: rectangle, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44485
44499
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44486
44500
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Stroke Weight", icon: strokeWeightIcon, lockObject: this.props.lockObject, label: "", target: rectangle, propertyName: "thickness", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44487
44501
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Corner Radius", icon: conerRadiusIcon, lockObject: this.props.lockObject, label: "", target: rectangle, propertyName: "cornerRadius", onPropertyChangedObservable: this.props.onPropertyChangedObservable }))));
@@ -44547,6 +44561,43 @@ var ScrollViewerPropertyGridComponent = /** @class */ (function (_super) {
44547
44561
 
44548
44562
 
44549
44563
 
44564
+ /***/ }),
44565
+
44566
+ /***/ "./components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent.tsx":
44567
+ /*!*****************************************************************************************!*\
44568
+ !*** ./components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent.tsx ***!
44569
+ \*****************************************************************************************/
44570
+ /*! exports provided: SliderGenericPropertyGridComponent */
44571
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
44572
+
44573
+ "use strict";
44574
+ __webpack_require__.r(__webpack_exports__);
44575
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SliderGenericPropertyGridComponent", function() { return SliderGenericPropertyGridComponent; });
44576
+ /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
44577
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
44578
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
44579
+ /* harmony import */ var _commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./commonControlPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
44580
+ /* harmony import */ var _sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sliderPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/sliderPropertyGridComponent.tsx");
44581
+
44582
+
44583
+
44584
+
44585
+ var SliderGenericPropertyGridComponent = /** @class */ (function (_super) {
44586
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SliderGenericPropertyGridComponent, _super);
44587
+ function SliderGenericPropertyGridComponent(props) {
44588
+ return _super.call(this, props) || this;
44589
+ }
44590
+ SliderGenericPropertyGridComponent.prototype.render = function () {
44591
+ var slider = this.props.slider;
44592
+ return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "pane" },
44593
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: slider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44594
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_3__["SliderPropertyGridComponent"], { slider: slider, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44595
+ };
44596
+ return SliderGenericPropertyGridComponent;
44597
+ }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
44598
+
44599
+
44600
+
44550
44601
  /***/ }),
44551
44602
 
44552
44603
  /***/ "./components/propertyTab/propertyGrids/gui/sliderPropertyGridComponent.tsx":
@@ -44562,13 +44613,11 @@ __webpack_require__.r(__webpack_exports__);
44562
44613
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
44563
44614
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
44564
44615
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
44565
- /* harmony import */ var _commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./commonControlPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
44566
- /* harmony import */ var _sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
44567
- /* harmony import */ var _sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
44568
- /* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
44569
- /* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
44570
- /* harmony import */ var _sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/color3LineComponent */ "./sharedUiComponents/lines/color3LineComponent.tsx");
44571
-
44616
+ /* harmony import */ var _sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
44617
+ /* harmony import */ var _sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
44618
+ /* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
44619
+ /* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
44620
+ /* harmony import */ var _sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/color3LineComponent */ "./sharedUiComponents/lines/color3LineComponent.tsx");
44572
44621
 
44573
44622
 
44574
44623
 
@@ -44576,12 +44625,16 @@ __webpack_require__.r(__webpack_exports__);
44576
44625
 
44577
44626
 
44578
44627
 
44579
- var sizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sizeIcon.svg */ "./sharedUiComponents/imgs/sizeIcon.svg");
44580
- var scaleIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/scaleIcon.svg */ "./sharedUiComponents/imgs/scaleIcon.svg");
44581
- var horizontalMarginIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/horizontalMarginIcon.svg */ "./sharedUiComponents/imgs/horizontalMarginIcon.svg");
44582
44628
  var colorIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/colorIcon.svg */ "./sharedUiComponents/imgs/colorIcon.svg");
44583
- var vAlignCenterIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/vAlignCenterIcon.svg */ "./sharedUiComponents/imgs/vAlignCenterIcon.svg");
44584
- var clipContentsIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/clipContentsIcon.svg */ "./sharedUiComponents/imgs/clipContentsIcon.svg");
44629
+ var verticalSliderIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/verticalSliderIcon.svg */ "./sharedUiComponents/imgs/verticalSliderIcon.svg");
44630
+ var sliderValueIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sliderValueIcon.svg */ "./sharedUiComponents/imgs/sliderValueIcon.svg");
44631
+ var sliderValueMaximumIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sliderValueMaximumIcon.svg */ "./sharedUiComponents/imgs/sliderValueMaximumIcon.svg");
44632
+ var sliderValueMinimumIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sliderValueMinimumIcon.svg */ "./sharedUiComponents/imgs/sliderValueMinimumIcon.svg");
44633
+ var thumbWidthIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/thumbWidthIcon.svg */ "./sharedUiComponents/imgs/thumbWidthIcon.svg");
44634
+ var clampSliderValueIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/clampSliderValueIcon.svg */ "./sharedUiComponents/imgs/clampSliderValueIcon.svg");
44635
+ var showThumbIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/showThumbIcon.svg */ "./sharedUiComponents/imgs/showThumbIcon.svg");
44636
+ var barOffsetIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/barOffsetIcon.svg */ "./sharedUiComponents/imgs/barOffsetIcon.svg");
44637
+ var thumbCircleIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/thumbCircleIcon.svg */ "./sharedUiComponents/imgs/thumbCircleIcon.svg");
44585
44638
  var SliderPropertyGridComponent = /** @class */ (function (_super) {
44586
44639
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SliderPropertyGridComponent, _super);
44587
44640
  function SliderPropertyGridComponent(props) {
@@ -44590,19 +44643,21 @@ var SliderPropertyGridComponent = /** @class */ (function (_super) {
44590
44643
  SliderPropertyGridComponent.prototype.render = function () {
44591
44644
  var slider = this.props.slider;
44592
44645
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "pane" },
44593
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: slider, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44594
44646
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44595
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextLineComponent"], { label: "SLIDER", value: " ", color: "grey" }),
44596
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_7__["Color3LineComponent"], { iconLabel: "Border color", icon: colorIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "borderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44597
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Display thumb", icon: clipContentsIcon, label: "", target: slider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44598
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Thumb circle", icon: clipContentsIcon, label: "", target: slider, propertyName: "isThumbCircle", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44599
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Vertical", icon: vAlignCenterIcon, label: "", target: slider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44600
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { iconLabel: "Thumb clamped", icon: clipContentsIcon, label: "", target: slider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44601
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextInputLineComponent"], { iconLabel: "Bar offset", icon: clipContentsIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44602
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextInputLineComponent"], { iconLabel: "Thumb width", icon: sizeIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44603
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Minimum", icon: scaleIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44604
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Maximum", icon: scaleIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44605
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { iconLabel: "Value", icon: horizontalMarginIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44647
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "SLIDER", value: " ", color: "grey" }),
44648
+ slider.typeName === "Slider" && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_6__["Color3LineComponent"], { iconLabel: "Border color", icon: colorIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "borderColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44649
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Display thumb", icon: showThumbIcon, label: "DISPLAY THUMB", target: slider, propertyName: "displayThumb", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44650
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Thumb circle", icon: thumbCircleIcon, label: "THUMB CIRCLE", target: slider, propertyName: "isThumbCircle", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44651
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Thumb clamped", icon: clampSliderValueIcon, label: "THUMB CLAMPED", target: slider, propertyName: "isThumbClamped", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44652
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Vertical", icon: verticalSliderIcon, label: "VERTICAL", target: slider, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44653
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44654
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { iconLabel: "Thumb width", icon: thumbWidthIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "thumbWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44655
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { iconLabel: "Bar offset", icon: barOffsetIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "barOffset", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44656
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
44657
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_2__["FloatLineComponent"], { iconLabel: "Minimum", icon: sliderValueMinimumIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "minimum", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44658
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_2__["FloatLineComponent"], { iconLabel: "Maximum", icon: sliderValueMaximumIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "maximum", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
44659
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider-short" },
44660
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_2__["FloatLineComponent"], { iconLabel: "Value", icon: sliderValueIcon, lockObject: this.props.lockObject, label: "", target: slider, propertyName: "value", onPropertyChangedObservable: this.props.onPropertyChangedObservable }))));
44606
44661
  };
44607
44662
  return SliderPropertyGridComponent;
44608
44663
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -44645,8 +44700,8 @@ var StackPanelPropertyGridComponent = /** @class */ (function (_super) {
44645
44700
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: stackPanel, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44646
44701
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44647
44702
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { label: "STACKPANEL", value: " ", color: "grey" }),
44648
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Clip children", icon: clipContentsIcon, label: "", target: stackPanel, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44649
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Vertical", icon: verticalMarginIcon, label: "", target: stackPanel, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44703
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Clip children", icon: clipContentsIcon, label: "CLIP CHILDREN", target: stackPanel, propertyName: "clipChildren", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44704
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["CheckBoxLineComponent"], { iconLabel: "Vertical", icon: verticalMarginIcon, label: "VERTICAL", target: stackPanel, propertyName: "isVertical", onPropertyChangedObservable: this.props.onPropertyChangedObservable })));
44650
44705
  };
44651
44706
  return StackPanelPropertyGridComponent;
44652
44707
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -44707,7 +44762,7 @@ var TextBlockPropertyGridComponent = /** @class */ (function (_super) {
44707
44762
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
44708
44763
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_8__["TextLineComponent"], { label: "TEXTBLOCK", value: " ", color: "grey" }),
44709
44764
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { iconLabel: "Text", icon: fontFamilyIcon, lockObject: this.props.lockObject, label: "", target: textBlock, propertyName: "text", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44710
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_6__["CheckBoxLineComponent"], { iconLabel: "Resize to fit", icon: fontFamilyIcon, label: "", target: textBlock, propertyName: "resizeToFit", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44765
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_6__["CheckBoxLineComponent"], { iconLabel: "Resize to fit", icon: fontFamilyIcon, label: "RESIZE TO FIT", target: textBlock, propertyName: "resizeToFit", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44711
44766
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_5__["OptionsLineComponent"], { iconLabel: "Wrapping", icon: fontFamilyIcon, label: "", options: wrappingOptions, target: textBlock, propertyName: "textWrapping", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44712
44767
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { iconLabel: "Line spacing", icon: fontFamilyIcon, lockObject: this.props.lockObject, label: "", target: textBlock, propertyName: "lineSpacing", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
44713
44768
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", null),
@@ -44772,7 +44827,7 @@ __webpack_require__.r(__webpack_exports__);
44772
44827
  /* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
44773
44828
  /* harmony import */ var _sharedUiComponents_stringTools__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../sharedUiComponents/stringTools */ "./sharedUiComponents/stringTools.ts");
44774
44829
  /* harmony import */ var _sharedUiComponents_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../sharedUiComponents/tabs/propertyGrids/lockObject */ "./sharedUiComponents/tabs/propertyGrids/lockObject.ts");
44775
- /* harmony import */ var _propertyGrids_gui_sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./propertyGrids/gui/sliderPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/sliderPropertyGridComponent.tsx");
44830
+ /* harmony import */ var _propertyGrids_gui_sliderGenericPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./propertyGrids/gui/sliderGenericPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent.tsx");
44776
44831
  /* harmony import */ var _propertyGrids_gui_linePropertyGridComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./propertyGrids/gui/linePropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/linePropertyGridComponent.tsx");
44777
44832
  /* harmony import */ var _propertyGrids_gui_radioButtonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./propertyGrids/gui/radioButtonPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/radioButtonPropertyGridComponent.tsx");
44778
44833
  /* harmony import */ var _propertyGrids_gui_textBlockPropertyGridComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./propertyGrids/gui/textBlockPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/textBlockPropertyGridComponent.tsx");
@@ -44866,7 +44921,8 @@ var PropertyTabComponent = /** @class */ (function (_super) {
44866
44921
  _sharedUiComponents_stringTools__WEBPACK_IMPORTED_MODULE_7__["StringTools"].DownloadAsFile(_this.props.globalState.hostDocument, json, "guiTexture.json");
44867
44922
  }
44868
44923
  catch (error) {
44869
- alert("Unable to save your GUI");
44924
+ _this.props.globalState.hostWindow.alert("Unable to save your GUI");
44925
+ _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["Tools"].Error("Unable to save your GUI");
44870
44926
  }
44871
44927
  };
44872
44928
  _this.saveToSnippetServerHelper = function (content, adt) {
@@ -44924,19 +44980,19 @@ var PropertyTabComponent = /** @class */ (function (_super) {
44924
44980
  navigator.clipboard
44925
44981
  .writeText(adt.snippetId)
44926
44982
  .then(function () {
44927
- alert(alertMessage + ". The ID was copied to your clipboard.");
44983
+ _this.props.globalState.hostWindow.alert(alertMessage + ". The ID was copied to your clipboard.");
44928
44984
  })
44929
44985
  .catch(function (err) {
44930
- alert(alertMessage);
44986
+ _this.props.globalState.hostWindow.alert(alertMessage);
44931
44987
  });
44932
44988
  }
44933
44989
  else {
44934
- alert(alertMessage);
44990
+ _this.props.globalState.hostWindow.alert(alertMessage);
44935
44991
  }
44936
44992
  _this.props.globalState.onBuiltObservable.notifyObservers();
44937
44993
  })
44938
44994
  .catch(function (err) {
44939
- alert(err);
44995
+ _this.props.globalState.hostWindow.alert(err);
44940
44996
  });
44941
44997
  this.forceUpdate();
44942
44998
  return [2 /*return*/];
@@ -45003,7 +45059,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
45003
45059
  }
45004
45060
  };
45005
45061
  PropertyTabComponent.prototype.loadFromSnippet = function () {
45006
- var snippedId = window.prompt("Please enter the snippet ID to use");
45062
+ var snippedId = this.props.globalState.hostWindow.prompt("Please enter the snippet ID to use");
45007
45063
  if (!snippedId) {
45008
45064
  return;
45009
45065
  }
@@ -45032,7 +45088,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
45032
45088
  }
45033
45089
  case "Slider": {
45034
45090
  var slider = this.state.currentNode;
45035
- return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_sliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__["SliderPropertyGridComponent"], { slider: slider, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
45091
+ return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_sliderGenericPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__["SliderGenericPropertyGridComponent"], { slider: slider, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
45036
45092
  }
45037
45093
  case "ImageBasedSlider": {
45038
45094
  var imageBasedSlider = this.state.currentNode;
@@ -45200,7 +45256,11 @@ var PropertyTabComponent = /** @class */ (function (_super) {
45200
45256
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
45201
45257
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "DELETE ELEMENT", onClick: function () {
45202
45258
  var _a;
45203
- (_a = _this.state.currentNode) === null || _a === void 0 ? void 0 : _a.dispose();
45259
+ if (_this.state.currentNode) {
45260
+ _this.props.globalState.guiTexture.removeControl(_this.state.currentNode);
45261
+ (_a = _this.props.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.removeControl(_this.state.currentNode);
45262
+ _this.state.currentNode.dispose();
45263
+ }
45204
45264
  _this.props.globalState.onSelectionChangedObservable.notifyObservers(null);
45205
45265
  } }),
45206
45266
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "COPY ELEMENT", onClick: function () {
@@ -46039,6 +46099,1646 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
46039
46099
 
46040
46100
 
46041
46101
 
46102
+ /***/ }),
46103
+
46104
+ /***/ "./diagram/GUIEditorNodeMaterial.ts":
46105
+ /*!******************************************!*\
46106
+ !*** ./diagram/GUIEditorNodeMaterial.ts ***!
46107
+ \******************************************/
46108
+ /*! exports provided: GUIEditorNodeMaterial */
46109
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
46110
+
46111
+ "use strict";
46112
+ __webpack_require__.r(__webpack_exports__);
46113
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GUIEditorNodeMaterial", function() { return GUIEditorNodeMaterial; });
46114
+ var GUIEditorNodeMaterial = {
46115
+ "tags": null,
46116
+ "ignoreAlpha": false,
46117
+ "maxSimultaneousLights": 4,
46118
+ "mode": 0,
46119
+ "id": "node",
46120
+ "name": "node",
46121
+ "checkReadyOnEveryCall": false,
46122
+ "checkReadyOnlyOnce": false,
46123
+ "state": "",
46124
+ "alpha": 1,
46125
+ "backFaceCulling": true,
46126
+ "cullBackFaces": true,
46127
+ "sideOrientation": 1,
46128
+ "alphaMode": 2,
46129
+ "_needDepthPrePass": false,
46130
+ "disableDepthWrite": false,
46131
+ "disableColorWrite": false,
46132
+ "forceDepthWrite": false,
46133
+ "depthFunction": 0,
46134
+ "separateCullingPass": false,
46135
+ "fogEnabled": true,
46136
+ "pointSize": 1,
46137
+ "zOffset": 0,
46138
+ "zOffsetUnits": 0,
46139
+ "pointsCloud": false,
46140
+ "fillMode": 0,
46141
+ "editorData": {
46142
+ "locations": [
46143
+ {
46144
+ "blockId": 211,
46145
+ "x": -1460,
46146
+ "y": -100
46147
+ },
46148
+ {
46149
+ "blockId": 212,
46150
+ "x": -1740,
46151
+ "y": -100
46152
+ },
46153
+ {
46154
+ "blockId": 213,
46155
+ "x": -2000,
46156
+ "y": -160
46157
+ },
46158
+ {
46159
+ "blockId": 214,
46160
+ "x": -2260,
46161
+ "y": -180
46162
+ },
46163
+ {
46164
+ "blockId": 215,
46165
+ "x": -2240,
46166
+ "y": -80
46167
+ },
46168
+ {
46169
+ "blockId": 216,
46170
+ "x": -2000,
46171
+ "y": -20
46172
+ },
46173
+ {
46174
+ "blockId": 217,
46175
+ "x": 3380,
46176
+ "y": 740
46177
+ },
46178
+ {
46179
+ "blockId": 218,
46180
+ "x": 2720,
46181
+ "y": 540
46182
+ },
46183
+ {
46184
+ "blockId": 219,
46185
+ "x": 2960,
46186
+ "y": 200
46187
+ },
46188
+ {
46189
+ "blockId": 220,
46190
+ "x": 2400,
46191
+ "y": 320
46192
+ },
46193
+ {
46194
+ "blockId": 221,
46195
+ "x": 2080,
46196
+ "y": 320
46197
+ },
46198
+ {
46199
+ "blockId": 222,
46200
+ "x": 1600,
46201
+ "y": 560
46202
+ },
46203
+ {
46204
+ "blockId": 223,
46205
+ "x": 1320,
46206
+ "y": 500
46207
+ },
46208
+ {
46209
+ "blockId": 224,
46210
+ "x": 1080,
46211
+ "y": 420
46212
+ },
46213
+ {
46214
+ "blockId": 225,
46215
+ "x": 820,
46216
+ "y": 520
46217
+ },
46218
+ {
46219
+ "blockId": 226,
46220
+ "x": 540,
46221
+ "y": 520
46222
+ },
46223
+ {
46224
+ "blockId": 227,
46225
+ "x": 280,
46226
+ "y": 520
46227
+ },
46228
+ {
46229
+ "blockId": 228,
46230
+ "x": -60,
46231
+ "y": 440
46232
+ },
46233
+ {
46234
+ "blockId": 229,
46235
+ "x": -340,
46236
+ "y": 420
46237
+ },
46238
+ {
46239
+ "blockId": 230,
46240
+ "x": -620,
46241
+ "y": 340
46242
+ },
46243
+ {
46244
+ "blockId": 231,
46245
+ "x": -880,
46246
+ "y": 340
46247
+ },
46248
+ {
46249
+ "blockId": 232,
46250
+ "x": -1160,
46251
+ "y": 160
46252
+ },
46253
+ {
46254
+ "blockId": 233,
46255
+ "x": -1480,
46256
+ "y": 260
46257
+ },
46258
+ {
46259
+ "blockId": 234,
46260
+ "x": -1160,
46261
+ "y": 460
46262
+ },
46263
+ {
46264
+ "blockId": 235,
46265
+ "x": -880,
46266
+ "y": 480
46267
+ },
46268
+ {
46269
+ "blockId": 236,
46270
+ "x": -60,
46271
+ "y": 700
46272
+ },
46273
+ {
46274
+ "blockId": 237,
46275
+ "x": -340,
46276
+ "y": 700
46277
+ },
46278
+ {
46279
+ "blockId": 238,
46280
+ "x": -620,
46281
+ "y": 700
46282
+ },
46283
+ {
46284
+ "blockId": 239,
46285
+ "x": -300,
46286
+ "y": 920
46287
+ },
46288
+ {
46289
+ "blockId": 240,
46290
+ "x": 540,
46291
+ "y": 420
46292
+ },
46293
+ {
46294
+ "blockId": 241,
46295
+ "x": 820,
46296
+ "y": 660
46297
+ },
46298
+ {
46299
+ "blockId": 242,
46300
+ "x": 540,
46301
+ "y": 660
46302
+ },
46303
+ {
46304
+ "blockId": 243,
46305
+ "x": 280,
46306
+ "y": 660
46307
+ },
46308
+ {
46309
+ "blockId": 244,
46310
+ "x": 1340,
46311
+ "y": 660
46312
+ },
46313
+ {
46314
+ "blockId": 245,
46315
+ "x": 1080,
46316
+ "y": 800
46317
+ },
46318
+ {
46319
+ "blockId": 246,
46320
+ "x": 2160,
46321
+ "y": 160
46322
+ },
46323
+ {
46324
+ "blockId": 247,
46325
+ "x": 2280,
46326
+ "y": 1000
46327
+ },
46328
+ {
46329
+ "blockId": 248,
46330
+ "x": 2040,
46331
+ "y": 780
46332
+ },
46333
+ {
46334
+ "blockId": 249,
46335
+ "x": 2860,
46336
+ "y": 840
46337
+ }
46338
+ ],
46339
+ "frames": [
46340
+ {
46341
+ "x": 1920,
46342
+ "y": 80,
46343
+ "width": 1859.67,
46344
+ "height": 1260,
46345
+ "color": [
46346
+ 0.2823529411764706,
46347
+ 0.2823529411764706,
46348
+ 0.2823529411764706
46349
+ ],
46350
+ "name": "Checkered",
46351
+ "isCollapsed": false,
46352
+ "blocks": [
46353
+ 221,
46354
+ 246,
46355
+ 220,
46356
+ 219,
46357
+ 248,
46358
+ 247,
46359
+ 218,
46360
+ 249,
46361
+ 217
46362
+ ]
46363
+ }
46364
+ ],
46365
+ "x": 155.3919960630531,
46366
+ "y": 164.5512292933413,
46367
+ "zoom": 0.2532192552683995
46368
+ },
46369
+ "customType": "BABYLON.NodeMaterial",
46370
+ "outputNodes": [
46371
+ 211,
46372
+ 217
46373
+ ],
46374
+ "blocks": [
46375
+ {
46376
+ "customType": "BABYLON.VertexOutputBlock",
46377
+ "id": 211,
46378
+ "name": "VertexOutput",
46379
+ "comments": "",
46380
+ "visibleInInspector": false,
46381
+ "visibleOnFrame": false,
46382
+ "target": 1,
46383
+ "inputs": [
46384
+ {
46385
+ "name": "vector",
46386
+ "inputName": "vector",
46387
+ "targetBlockId": 212,
46388
+ "targetConnectionName": "output",
46389
+ "isExposedOnFrame": true,
46390
+ "exposedPortPosition": -1
46391
+ }
46392
+ ],
46393
+ "outputs": []
46394
+ },
46395
+ {
46396
+ "customType": "BABYLON.TransformBlock",
46397
+ "id": 212,
46398
+ "name": "WorldPos * ViewProjectionTransform",
46399
+ "comments": "",
46400
+ "visibleInInspector": false,
46401
+ "visibleOnFrame": false,
46402
+ "target": 1,
46403
+ "inputs": [
46404
+ {
46405
+ "name": "vector",
46406
+ "inputName": "vector",
46407
+ "targetBlockId": 213,
46408
+ "targetConnectionName": "output",
46409
+ "isExposedOnFrame": true,
46410
+ "exposedPortPosition": -1
46411
+ },
46412
+ {
46413
+ "name": "transform",
46414
+ "inputName": "transform",
46415
+ "targetBlockId": 216,
46416
+ "targetConnectionName": "output",
46417
+ "isExposedOnFrame": true,
46418
+ "exposedPortPosition": -1
46419
+ }
46420
+ ],
46421
+ "outputs": [
46422
+ {
46423
+ "name": "output"
46424
+ },
46425
+ {
46426
+ "name": "xyz"
46427
+ }
46428
+ ],
46429
+ "complementZ": 0,
46430
+ "complementW": 1
46431
+ },
46432
+ {
46433
+ "customType": "BABYLON.TransformBlock",
46434
+ "id": 213,
46435
+ "name": "WorldPos",
46436
+ "comments": "",
46437
+ "visibleInInspector": false,
46438
+ "visibleOnFrame": false,
46439
+ "target": 1,
46440
+ "inputs": [
46441
+ {
46442
+ "name": "vector",
46443
+ "inputName": "vector",
46444
+ "targetBlockId": 214,
46445
+ "targetConnectionName": "output",
46446
+ "isExposedOnFrame": true,
46447
+ "exposedPortPosition": -1
46448
+ },
46449
+ {
46450
+ "name": "transform",
46451
+ "inputName": "transform",
46452
+ "targetBlockId": 215,
46453
+ "targetConnectionName": "output",
46454
+ "isExposedOnFrame": true,
46455
+ "exposedPortPosition": -1
46456
+ }
46457
+ ],
46458
+ "outputs": [
46459
+ {
46460
+ "name": "output"
46461
+ },
46462
+ {
46463
+ "name": "xyz"
46464
+ }
46465
+ ],
46466
+ "complementZ": 0,
46467
+ "complementW": 1
46468
+ },
46469
+ {
46470
+ "customType": "BABYLON.InputBlock",
46471
+ "id": 214,
46472
+ "name": "position",
46473
+ "comments": "",
46474
+ "visibleInInspector": false,
46475
+ "visibleOnFrame": false,
46476
+ "target": 1,
46477
+ "inputs": [],
46478
+ "outputs": [
46479
+ {
46480
+ "name": "output"
46481
+ }
46482
+ ],
46483
+ "type": 8,
46484
+ "mode": 1,
46485
+ "animationType": 0,
46486
+ "min": 0,
46487
+ "max": 0,
46488
+ "isBoolean": false,
46489
+ "matrixMode": 0,
46490
+ "isConstant": false,
46491
+ "groupInInspector": "",
46492
+ "convertToGammaSpace": false,
46493
+ "convertToLinearSpace": false
46494
+ },
46495
+ {
46496
+ "customType": "BABYLON.InputBlock",
46497
+ "id": 215,
46498
+ "name": "World",
46499
+ "comments": "",
46500
+ "visibleInInspector": false,
46501
+ "visibleOnFrame": false,
46502
+ "target": 1,
46503
+ "inputs": [],
46504
+ "outputs": [
46505
+ {
46506
+ "name": "output"
46507
+ }
46508
+ ],
46509
+ "type": 128,
46510
+ "mode": 0,
46511
+ "systemValue": 1,
46512
+ "animationType": 0,
46513
+ "min": 0,
46514
+ "max": 0,
46515
+ "isBoolean": false,
46516
+ "matrixMode": 0,
46517
+ "isConstant": false,
46518
+ "groupInInspector": "",
46519
+ "convertToGammaSpace": false,
46520
+ "convertToLinearSpace": false
46521
+ },
46522
+ {
46523
+ "customType": "BABYLON.InputBlock",
46524
+ "id": 216,
46525
+ "name": "ViewProjection",
46526
+ "comments": "",
46527
+ "visibleInInspector": false,
46528
+ "visibleOnFrame": false,
46529
+ "target": 1,
46530
+ "inputs": [],
46531
+ "outputs": [
46532
+ {
46533
+ "name": "output"
46534
+ }
46535
+ ],
46536
+ "type": 128,
46537
+ "mode": 0,
46538
+ "systemValue": 4,
46539
+ "animationType": 0,
46540
+ "min": 0,
46541
+ "max": 0,
46542
+ "isBoolean": false,
46543
+ "matrixMode": 0,
46544
+ "isConstant": false,
46545
+ "groupInInspector": "",
46546
+ "convertToGammaSpace": false,
46547
+ "convertToLinearSpace": false
46548
+ },
46549
+ {
46550
+ "customType": "BABYLON.FragmentOutputBlock",
46551
+ "id": 217,
46552
+ "name": "FragmentOutput",
46553
+ "comments": "",
46554
+ "visibleInInspector": false,
46555
+ "visibleOnFrame": false,
46556
+ "target": 2,
46557
+ "inputs": [
46558
+ {
46559
+ "name": "rgba",
46560
+ "displayName": "rgba"
46561
+ },
46562
+ {
46563
+ "name": "rgb",
46564
+ "displayName": "rgb",
46565
+ "inputName": "rgb",
46566
+ "targetBlockId": 218,
46567
+ "targetConnectionName": "output",
46568
+ "isExposedOnFrame": true,
46569
+ "exposedPortPosition": -1
46570
+ },
46571
+ {
46572
+ "name": "a",
46573
+ "displayName": "a",
46574
+ "inputName": "a",
46575
+ "targetBlockId": 249,
46576
+ "targetConnectionName": "output",
46577
+ "isExposedOnFrame": true,
46578
+ "exposedPortPosition": -1
46579
+ }
46580
+ ],
46581
+ "outputs": [],
46582
+ "convertToGammaSpace": false,
46583
+ "convertToLinearSpace": false
46584
+ },
46585
+ {
46586
+ "customType": "BABYLON.LerpBlock",
46587
+ "id": 218,
46588
+ "name": "Lerp",
46589
+ "comments": "",
46590
+ "visibleInInspector": false,
46591
+ "visibleOnFrame": false,
46592
+ "target": 4,
46593
+ "inputs": [
46594
+ {
46595
+ "name": "left",
46596
+ "displayName": "left",
46597
+ "inputName": "left",
46598
+ "targetBlockId": 219,
46599
+ "targetConnectionName": "rgb",
46600
+ "isExposedOnFrame": true,
46601
+ "exposedPortPosition": -1
46602
+ },
46603
+ {
46604
+ "name": "right",
46605
+ "displayName": "right",
46606
+ "inputName": "right",
46607
+ "targetBlockId": 247,
46608
+ "targetConnectionName": "rgb",
46609
+ "isExposedOnFrame": true,
46610
+ "exposedPortPosition": -1
46611
+ },
46612
+ {
46613
+ "name": "gradient",
46614
+ "displayName": "gradient",
46615
+ "inputName": "gradient",
46616
+ "targetBlockId": 247,
46617
+ "targetConnectionName": "a",
46618
+ "isExposedOnFrame": true,
46619
+ "exposedPortPosition": -1
46620
+ }
46621
+ ],
46622
+ "outputs": [
46623
+ {
46624
+ "name": "output",
46625
+ "displayName": "output"
46626
+ }
46627
+ ]
46628
+ },
46629
+ {
46630
+ "customType": "BABYLON.ColorSplitterBlock",
46631
+ "id": 219,
46632
+ "name": "ColorSplitter",
46633
+ "comments": "",
46634
+ "visibleInInspector": false,
46635
+ "visibleOnFrame": false,
46636
+ "target": 4,
46637
+ "inputs": [
46638
+ {
46639
+ "name": "rgba",
46640
+ "displayName": "rgba",
46641
+ "inputName": "rgba",
46642
+ "targetBlockId": 220,
46643
+ "targetConnectionName": "output",
46644
+ "isExposedOnFrame": true,
46645
+ "exposedPortPosition": -1
46646
+ },
46647
+ {
46648
+ "name": "rgb ",
46649
+ "displayName": "rgb ",
46650
+ "isExposedOnFrame": true,
46651
+ "exposedPortPosition": 3
46652
+ }
46653
+ ],
46654
+ "outputs": [
46655
+ {
46656
+ "name": "rgb",
46657
+ "displayName": "rgb"
46658
+ },
46659
+ {
46660
+ "name": "r",
46661
+ "displayName": "r"
46662
+ },
46663
+ {
46664
+ "name": "g",
46665
+ "displayName": "g"
46666
+ },
46667
+ {
46668
+ "name": "b",
46669
+ "displayName": "b"
46670
+ },
46671
+ {
46672
+ "name": "a",
46673
+ "displayName": "a"
46674
+ }
46675
+ ]
46676
+ },
46677
+ {
46678
+ "customType": "BABYLON.MaxBlock",
46679
+ "id": 220,
46680
+ "name": "Max",
46681
+ "comments": "",
46682
+ "visibleInInspector": false,
46683
+ "visibleOnFrame": false,
46684
+ "target": 4,
46685
+ "inputs": [
46686
+ {
46687
+ "name": "left",
46688
+ "displayName": "left",
46689
+ "inputName": "left",
46690
+ "targetBlockId": 221,
46691
+ "targetConnectionName": "rgba",
46692
+ "isExposedOnFrame": true,
46693
+ "exposedPortPosition": -1
46694
+ },
46695
+ {
46696
+ "name": "right",
46697
+ "displayName": "right",
46698
+ "inputName": "right",
46699
+ "targetBlockId": 246,
46700
+ "targetConnectionName": "output",
46701
+ "isExposedOnFrame": true,
46702
+ "exposedPortPosition": -1
46703
+ }
46704
+ ],
46705
+ "outputs": [
46706
+ {
46707
+ "name": "output",
46708
+ "displayName": "output"
46709
+ }
46710
+ ]
46711
+ },
46712
+ {
46713
+ "customType": "BABYLON.ColorMergerBlock",
46714
+ "id": 221,
46715
+ "name": "ColorMerger",
46716
+ "comments": "",
46717
+ "visibleInInspector": false,
46718
+ "visibleOnFrame": false,
46719
+ "target": 4,
46720
+ "inputs": [
46721
+ {
46722
+ "name": "rgb ",
46723
+ "displayName": "rgb "
46724
+ },
46725
+ {
46726
+ "name": "r",
46727
+ "displayName": "r",
46728
+ "inputName": "r",
46729
+ "targetBlockId": 222,
46730
+ "targetConnectionName": "output",
46731
+ "isExposedOnFrame": true,
46732
+ "exposedPortPosition": 0
46733
+ },
46734
+ {
46735
+ "name": "g",
46736
+ "displayName": "g",
46737
+ "inputName": "g",
46738
+ "targetBlockId": 222,
46739
+ "targetConnectionName": "output",
46740
+ "isExposedOnFrame": true,
46741
+ "exposedPortPosition": 1
46742
+ },
46743
+ {
46744
+ "name": "b",
46745
+ "displayName": "b",
46746
+ "inputName": "b",
46747
+ "targetBlockId": 222,
46748
+ "targetConnectionName": "output",
46749
+ "isExposedOnFrame": true,
46750
+ "exposedPortPosition": 2
46751
+ },
46752
+ {
46753
+ "name": "a",
46754
+ "displayName": "a"
46755
+ }
46756
+ ],
46757
+ "outputs": [
46758
+ {
46759
+ "name": "rgba",
46760
+ "displayName": "rgba"
46761
+ },
46762
+ {
46763
+ "name": "rgb",
46764
+ "displayName": "rgb"
46765
+ }
46766
+ ],
46767
+ "rSwizzle": "r",
46768
+ "gSwizzle": "g",
46769
+ "bSwizzle": "b",
46770
+ "aSwizzle": "a"
46771
+ },
46772
+ {
46773
+ "customType": "BABYLON.MaxBlock",
46774
+ "id": 222,
46775
+ "name": "Max",
46776
+ "comments": "",
46777
+ "visibleInInspector": false,
46778
+ "visibleOnFrame": false,
46779
+ "target": 4,
46780
+ "inputs": [
46781
+ {
46782
+ "name": "left",
46783
+ "inputName": "left",
46784
+ "targetBlockId": 223,
46785
+ "targetConnectionName": "output",
46786
+ "isExposedOnFrame": true,
46787
+ "exposedPortPosition": -1
46788
+ },
46789
+ {
46790
+ "name": "right",
46791
+ "inputName": "right",
46792
+ "targetBlockId": 244,
46793
+ "targetConnectionName": "output",
46794
+ "isExposedOnFrame": true,
46795
+ "exposedPortPosition": -1
46796
+ }
46797
+ ],
46798
+ "outputs": [
46799
+ {
46800
+ "name": "output"
46801
+ }
46802
+ ]
46803
+ },
46804
+ {
46805
+ "customType": "BABYLON.MultiplyBlock",
46806
+ "id": 223,
46807
+ "name": "Multiply",
46808
+ "comments": "",
46809
+ "visibleInInspector": false,
46810
+ "visibleOnFrame": false,
46811
+ "target": 4,
46812
+ "inputs": [
46813
+ {
46814
+ "name": "left",
46815
+ "inputName": "left",
46816
+ "targetBlockId": 224,
46817
+ "targetConnectionName": "output",
46818
+ "isExposedOnFrame": true,
46819
+ "exposedPortPosition": -1
46820
+ },
46821
+ {
46822
+ "name": "right",
46823
+ "inputName": "right",
46824
+ "targetBlockId": 241,
46825
+ "targetConnectionName": "output",
46826
+ "isExposedOnFrame": true,
46827
+ "exposedPortPosition": -1
46828
+ }
46829
+ ],
46830
+ "outputs": [
46831
+ {
46832
+ "name": "output"
46833
+ }
46834
+ ]
46835
+ },
46836
+ {
46837
+ "customType": "BABYLON.OneMinusBlock",
46838
+ "id": 224,
46839
+ "name": "One minus",
46840
+ "comments": "",
46841
+ "visibleInInspector": false,
46842
+ "visibleOnFrame": false,
46843
+ "target": 4,
46844
+ "inputs": [
46845
+ {
46846
+ "name": "input",
46847
+ "inputName": "input",
46848
+ "targetBlockId": 225,
46849
+ "targetConnectionName": "output",
46850
+ "isExposedOnFrame": true,
46851
+ "exposedPortPosition": -1
46852
+ }
46853
+ ],
46854
+ "outputs": [
46855
+ {
46856
+ "name": "output"
46857
+ }
46858
+ ]
46859
+ },
46860
+ {
46861
+ "customType": "BABYLON.ModBlock",
46862
+ "id": 225,
46863
+ "name": "Mod",
46864
+ "comments": "",
46865
+ "visibleInInspector": false,
46866
+ "visibleOnFrame": false,
46867
+ "target": 4,
46868
+ "inputs": [
46869
+ {
46870
+ "name": "left",
46871
+ "inputName": "left",
46872
+ "targetBlockId": 226,
46873
+ "targetConnectionName": "output",
46874
+ "isExposedOnFrame": true,
46875
+ "exposedPortPosition": -1
46876
+ },
46877
+ {
46878
+ "name": "right",
46879
+ "inputName": "right",
46880
+ "targetBlockId": 240,
46881
+ "targetConnectionName": "output",
46882
+ "isExposedOnFrame": true,
46883
+ "exposedPortPosition": -1
46884
+ }
46885
+ ],
46886
+ "outputs": [
46887
+ {
46888
+ "name": "output"
46889
+ }
46890
+ ]
46891
+ },
46892
+ {
46893
+ "customType": "BABYLON.TrigonometryBlock",
46894
+ "id": 226,
46895
+ "name": "Round",
46896
+ "comments": "",
46897
+ "visibleInInspector": false,
46898
+ "visibleOnFrame": false,
46899
+ "target": 4,
46900
+ "inputs": [
46901
+ {
46902
+ "name": "input",
46903
+ "inputName": "input",
46904
+ "targetBlockId": 227,
46905
+ "targetConnectionName": "output",
46906
+ "isExposedOnFrame": true,
46907
+ "exposedPortPosition": -1
46908
+ }
46909
+ ],
46910
+ "outputs": [
46911
+ {
46912
+ "name": "output"
46913
+ }
46914
+ ],
46915
+ "operation": 5
46916
+ },
46917
+ {
46918
+ "customType": "BABYLON.MultiplyBlock",
46919
+ "id": 227,
46920
+ "name": "Multiply",
46921
+ "comments": "",
46922
+ "visibleInInspector": false,
46923
+ "visibleOnFrame": false,
46924
+ "target": 4,
46925
+ "inputs": [
46926
+ {
46927
+ "name": "left",
46928
+ "inputName": "left",
46929
+ "targetBlockId": 228,
46930
+ "targetConnectionName": "x",
46931
+ "isExposedOnFrame": true,
46932
+ "exposedPortPosition": -1
46933
+ },
46934
+ {
46935
+ "name": "right",
46936
+ "inputName": "right",
46937
+ "targetBlockId": 236,
46938
+ "targetConnectionName": "output",
46939
+ "isExposedOnFrame": true,
46940
+ "exposedPortPosition": -1
46941
+ }
46942
+ ],
46943
+ "outputs": [
46944
+ {
46945
+ "name": "output"
46946
+ }
46947
+ ]
46948
+ },
46949
+ {
46950
+ "customType": "BABYLON.VectorSplitterBlock",
46951
+ "id": 228,
46952
+ "name": "VectorSplitter",
46953
+ "comments": "",
46954
+ "visibleInInspector": false,
46955
+ "visibleOnFrame": false,
46956
+ "target": 4,
46957
+ "inputs": [
46958
+ {
46959
+ "name": "xyzw"
46960
+ },
46961
+ {
46962
+ "name": "xyz "
46963
+ },
46964
+ {
46965
+ "name": "xy ",
46966
+ "inputName": "xy ",
46967
+ "targetBlockId": 229,
46968
+ "targetConnectionName": "output",
46969
+ "isExposedOnFrame": true,
46970
+ "exposedPortPosition": -1
46971
+ }
46972
+ ],
46973
+ "outputs": [
46974
+ {
46975
+ "name": "xyz"
46976
+ },
46977
+ {
46978
+ "name": "xy"
46979
+ },
46980
+ {
46981
+ "name": "zw"
46982
+ },
46983
+ {
46984
+ "name": "x"
46985
+ },
46986
+ {
46987
+ "name": "y"
46988
+ },
46989
+ {
46990
+ "name": "z"
46991
+ },
46992
+ {
46993
+ "name": "w"
46994
+ }
46995
+ ]
46996
+ },
46997
+ {
46998
+ "customType": "BABYLON.AddBlock",
46999
+ "id": 229,
47000
+ "name": "Add",
47001
+ "comments": "",
47002
+ "visibleInInspector": false,
47003
+ "visibleOnFrame": false,
47004
+ "target": 4,
47005
+ "inputs": [
47006
+ {
47007
+ "name": "left",
47008
+ "inputName": "left",
47009
+ "targetBlockId": 230,
47010
+ "targetConnectionName": "output",
47011
+ "isExposedOnFrame": true,
47012
+ "exposedPortPosition": -1
47013
+ },
47014
+ {
47015
+ "name": "right",
47016
+ "inputName": "right",
47017
+ "targetBlockId": 235,
47018
+ "targetConnectionName": "output",
47019
+ "isExposedOnFrame": true,
47020
+ "exposedPortPosition": -1
47021
+ }
47022
+ ],
47023
+ "outputs": [
47024
+ {
47025
+ "name": "output"
47026
+ }
47027
+ ]
47028
+ },
47029
+ {
47030
+ "customType": "BABYLON.MultiplyBlock",
47031
+ "id": 230,
47032
+ "name": "Multiply",
47033
+ "comments": "",
47034
+ "visibleInInspector": false,
47035
+ "visibleOnFrame": false,
47036
+ "target": 4,
47037
+ "inputs": [
47038
+ {
47039
+ "name": "left",
47040
+ "inputName": "left",
47041
+ "targetBlockId": 231,
47042
+ "targetConnectionName": "output",
47043
+ "isExposedOnFrame": true,
47044
+ "exposedPortPosition": -1
47045
+ },
47046
+ {
47047
+ "name": "right",
47048
+ "inputName": "right",
47049
+ "targetBlockId": 235,
47050
+ "targetConnectionName": "output",
47051
+ "isExposedOnFrame": true,
47052
+ "exposedPortPosition": -1
47053
+ }
47054
+ ],
47055
+ "outputs": [
47056
+ {
47057
+ "name": "output"
47058
+ }
47059
+ ]
47060
+ },
47061
+ {
47062
+ "customType": "BABYLON.DivideBlock",
47063
+ "id": 231,
47064
+ "name": "Divide",
47065
+ "comments": "",
47066
+ "visibleInInspector": false,
47067
+ "visibleOnFrame": false,
47068
+ "target": 4,
47069
+ "inputs": [
47070
+ {
47071
+ "name": "left",
47072
+ "inputName": "left",
47073
+ "targetBlockId": 232,
47074
+ "targetConnectionName": "xy",
47075
+ "isExposedOnFrame": true,
47076
+ "exposedPortPosition": -1
47077
+ },
47078
+ {
47079
+ "name": "right",
47080
+ "inputName": "right",
47081
+ "targetBlockId": 234,
47082
+ "targetConnectionName": "xy",
47083
+ "isExposedOnFrame": true,
47084
+ "exposedPortPosition": -1
47085
+ }
47086
+ ],
47087
+ "outputs": [
47088
+ {
47089
+ "name": "output"
47090
+ }
47091
+ ]
47092
+ },
47093
+ {
47094
+ "customType": "BABYLON.VectorMergerBlock",
47095
+ "id": 232,
47096
+ "name": "VectorMerger",
47097
+ "comments": "",
47098
+ "visibleInInspector": false,
47099
+ "visibleOnFrame": false,
47100
+ "target": 4,
47101
+ "inputs": [
47102
+ {
47103
+ "name": "xyzw "
47104
+ },
47105
+ {
47106
+ "name": "xyz "
47107
+ },
47108
+ {
47109
+ "name": "xy "
47110
+ },
47111
+ {
47112
+ "name": "zw "
47113
+ },
47114
+ {
47115
+ "name": "x",
47116
+ "inputName": "x",
47117
+ "targetBlockId": 233,
47118
+ "targetConnectionName": "x",
47119
+ "isExposedOnFrame": true,
47120
+ "exposedPortPosition": -1
47121
+ },
47122
+ {
47123
+ "name": "y",
47124
+ "inputName": "y",
47125
+ "targetBlockId": 233,
47126
+ "targetConnectionName": "y",
47127
+ "isExposedOnFrame": true,
47128
+ "exposedPortPosition": -1
47129
+ },
47130
+ {
47131
+ "name": "z"
47132
+ },
47133
+ {
47134
+ "name": "w"
47135
+ }
47136
+ ],
47137
+ "outputs": [
47138
+ {
47139
+ "name": "xyzw"
47140
+ },
47141
+ {
47142
+ "name": "xyz"
47143
+ },
47144
+ {
47145
+ "name": "xy"
47146
+ },
47147
+ {
47148
+ "name": "zw"
47149
+ }
47150
+ ],
47151
+ "xSwizzle": "x",
47152
+ "ySwizzle": "y",
47153
+ "zSwizzle": "z",
47154
+ "wSwizzle": "w"
47155
+ },
47156
+ {
47157
+ "customType": "BABYLON.VectorSplitterBlock",
47158
+ "id": 233,
47159
+ "name": "VectorSplitter",
47160
+ "comments": "",
47161
+ "visibleInInspector": false,
47162
+ "visibleOnFrame": false,
47163
+ "target": 4,
47164
+ "inputs": [
47165
+ {
47166
+ "name": "xyzw",
47167
+ "inputName": "xyzw",
47168
+ "targetBlockId": 212,
47169
+ "targetConnectionName": "output",
47170
+ "isExposedOnFrame": true,
47171
+ "exposedPortPosition": -1
47172
+ },
47173
+ {
47174
+ "name": "xyz ",
47175
+ "isExposedOnFrame": true,
47176
+ "exposedPortPosition": -1
47177
+ },
47178
+ {
47179
+ "name": "xy "
47180
+ }
47181
+ ],
47182
+ "outputs": [
47183
+ {
47184
+ "name": "xyz"
47185
+ },
47186
+ {
47187
+ "name": "xy"
47188
+ },
47189
+ {
47190
+ "name": "zw"
47191
+ },
47192
+ {
47193
+ "name": "x"
47194
+ },
47195
+ {
47196
+ "name": "y"
47197
+ },
47198
+ {
47199
+ "name": "z"
47200
+ },
47201
+ {
47202
+ "name": "w"
47203
+ }
47204
+ ]
47205
+ },
47206
+ {
47207
+ "customType": "BABYLON.VectorMergerBlock",
47208
+ "id": 234,
47209
+ "name": "VectorMerger",
47210
+ "comments": "",
47211
+ "visibleInInspector": false,
47212
+ "visibleOnFrame": false,
47213
+ "target": 4,
47214
+ "inputs": [
47215
+ {
47216
+ "name": "xyzw "
47217
+ },
47218
+ {
47219
+ "name": "xyz "
47220
+ },
47221
+ {
47222
+ "name": "xy "
47223
+ },
47224
+ {
47225
+ "name": "zw "
47226
+ },
47227
+ {
47228
+ "name": "x",
47229
+ "inputName": "x",
47230
+ "targetBlockId": 233,
47231
+ "targetConnectionName": "w",
47232
+ "isExposedOnFrame": true,
47233
+ "exposedPortPosition": -1
47234
+ },
47235
+ {
47236
+ "name": "y",
47237
+ "inputName": "y",
47238
+ "targetBlockId": 233,
47239
+ "targetConnectionName": "w",
47240
+ "isExposedOnFrame": true,
47241
+ "exposedPortPosition": -1
47242
+ },
47243
+ {
47244
+ "name": "z"
47245
+ },
47246
+ {
47247
+ "name": "w"
47248
+ }
47249
+ ],
47250
+ "outputs": [
47251
+ {
47252
+ "name": "xyzw"
47253
+ },
47254
+ {
47255
+ "name": "xyz"
47256
+ },
47257
+ {
47258
+ "name": "xy"
47259
+ },
47260
+ {
47261
+ "name": "zw"
47262
+ }
47263
+ ],
47264
+ "xSwizzle": "x",
47265
+ "ySwizzle": "y",
47266
+ "zSwizzle": "z",
47267
+ "wSwizzle": "w"
47268
+ },
47269
+ {
47270
+ "customType": "BABYLON.InputBlock",
47271
+ "id": 235,
47272
+ "name": "Vector2",
47273
+ "comments": "",
47274
+ "visibleInInspector": false,
47275
+ "visibleOnFrame": false,
47276
+ "target": 1,
47277
+ "inputs": [],
47278
+ "outputs": [
47279
+ {
47280
+ "name": "output"
47281
+ }
47282
+ ],
47283
+ "type": 4,
47284
+ "mode": 0,
47285
+ "animationType": 0,
47286
+ "min": 0,
47287
+ "max": 0,
47288
+ "isBoolean": false,
47289
+ "matrixMode": 0,
47290
+ "isConstant": false,
47291
+ "groupInInspector": "",
47292
+ "convertToGammaSpace": false,
47293
+ "convertToLinearSpace": false,
47294
+ "valueType": "BABYLON.Vector2",
47295
+ "value": [
47296
+ 0.5,
47297
+ 0.5
47298
+ ]
47299
+ },
47300
+ {
47301
+ "customType": "BABYLON.MultiplyBlock",
47302
+ "id": 236,
47303
+ "name": "Multiply",
47304
+ "comments": "",
47305
+ "visibleInInspector": false,
47306
+ "visibleOnFrame": false,
47307
+ "target": 4,
47308
+ "inputs": [
47309
+ {
47310
+ "name": "left",
47311
+ "inputName": "left",
47312
+ "targetBlockId": 237,
47313
+ "targetConnectionName": "output",
47314
+ "isExposedOnFrame": true,
47315
+ "exposedPortPosition": -1
47316
+ },
47317
+ {
47318
+ "name": "right",
47319
+ "inputName": "right",
47320
+ "targetBlockId": 239,
47321
+ "targetConnectionName": "output",
47322
+ "isExposedOnFrame": true,
47323
+ "exposedPortPosition": -1
47324
+ }
47325
+ ],
47326
+ "outputs": [
47327
+ {
47328
+ "name": "output"
47329
+ }
47330
+ ]
47331
+ },
47332
+ {
47333
+ "customType": "BABYLON.DivideBlock",
47334
+ "id": 237,
47335
+ "name": "Divide",
47336
+ "comments": "",
47337
+ "visibleInInspector": false,
47338
+ "visibleOnFrame": false,
47339
+ "target": 4,
47340
+ "inputs": [
47341
+ {
47342
+ "name": "left",
47343
+ "inputName": "left",
47344
+ "targetBlockId": 238,
47345
+ "targetConnectionName": "x",
47346
+ "isExposedOnFrame": true,
47347
+ "exposedPortPosition": -1
47348
+ },
47349
+ {
47350
+ "name": "right",
47351
+ "inputName": "right",
47352
+ "targetBlockId": 238,
47353
+ "targetConnectionName": "y",
47354
+ "isExposedOnFrame": true,
47355
+ "exposedPortPosition": -1
47356
+ }
47357
+ ],
47358
+ "outputs": [
47359
+ {
47360
+ "name": "output"
47361
+ }
47362
+ ]
47363
+ },
47364
+ {
47365
+ "customType": "BABYLON.ScreenSizeBlock",
47366
+ "id": 238,
47367
+ "name": "ScreenSize",
47368
+ "comments": "",
47369
+ "visibleInInspector": false,
47370
+ "visibleOnFrame": false,
47371
+ "target": 2,
47372
+ "inputs": [],
47373
+ "outputs": [
47374
+ {
47375
+ "name": "xy"
47376
+ },
47377
+ {
47378
+ "name": "x"
47379
+ },
47380
+ {
47381
+ "name": "y"
47382
+ }
47383
+ ]
47384
+ },
47385
+ {
47386
+ "customType": "BABYLON.InputBlock",
47387
+ "id": 239,
47388
+ "name": "resolution",
47389
+ "comments": "",
47390
+ "visibleInInspector": false,
47391
+ "visibleOnFrame": false,
47392
+ "target": 1,
47393
+ "inputs": [],
47394
+ "outputs": [
47395
+ {
47396
+ "name": "output"
47397
+ }
47398
+ ],
47399
+ "type": 1,
47400
+ "mode": 0,
47401
+ "animationType": 0,
47402
+ "min": 0,
47403
+ "max": 0,
47404
+ "isBoolean": false,
47405
+ "matrixMode": 0,
47406
+ "isConstant": false,
47407
+ "groupInInspector": "",
47408
+ "convertToGammaSpace": false,
47409
+ "convertToLinearSpace": false,
47410
+ "valueType": "number",
47411
+ "value": 100
47412
+ },
47413
+ {
47414
+ "customType": "BABYLON.InputBlock",
47415
+ "id": 240,
47416
+ "name": "Float",
47417
+ "comments": "",
47418
+ "visibleInInspector": false,
47419
+ "visibleOnFrame": false,
47420
+ "target": 1,
47421
+ "inputs": [],
47422
+ "outputs": [
47423
+ {
47424
+ "name": "output"
47425
+ }
47426
+ ],
47427
+ "type": 1,
47428
+ "mode": 0,
47429
+ "animationType": 0,
47430
+ "min": 0,
47431
+ "max": 0,
47432
+ "isBoolean": false,
47433
+ "matrixMode": 0,
47434
+ "isConstant": false,
47435
+ "groupInInspector": "",
47436
+ "convertToGammaSpace": false,
47437
+ "convertToLinearSpace": false,
47438
+ "valueType": "number",
47439
+ "value": 2
47440
+ },
47441
+ {
47442
+ "customType": "BABYLON.ModBlock",
47443
+ "id": 241,
47444
+ "name": "Mod",
47445
+ "comments": "",
47446
+ "visibleInInspector": false,
47447
+ "visibleOnFrame": false,
47448
+ "target": 4,
47449
+ "inputs": [
47450
+ {
47451
+ "name": "left",
47452
+ "inputName": "left",
47453
+ "targetBlockId": 242,
47454
+ "targetConnectionName": "output",
47455
+ "isExposedOnFrame": true,
47456
+ "exposedPortPosition": -1
47457
+ },
47458
+ {
47459
+ "name": "right",
47460
+ "inputName": "right",
47461
+ "targetBlockId": 240,
47462
+ "targetConnectionName": "output",
47463
+ "isExposedOnFrame": true,
47464
+ "exposedPortPosition": -1
47465
+ }
47466
+ ],
47467
+ "outputs": [
47468
+ {
47469
+ "name": "output"
47470
+ }
47471
+ ]
47472
+ },
47473
+ {
47474
+ "customType": "BABYLON.TrigonometryBlock",
47475
+ "id": 242,
47476
+ "name": "Round",
47477
+ "comments": "",
47478
+ "visibleInInspector": false,
47479
+ "visibleOnFrame": false,
47480
+ "target": 4,
47481
+ "inputs": [
47482
+ {
47483
+ "name": "input",
47484
+ "inputName": "input",
47485
+ "targetBlockId": 243,
47486
+ "targetConnectionName": "output",
47487
+ "isExposedOnFrame": true,
47488
+ "exposedPortPosition": -1
47489
+ }
47490
+ ],
47491
+ "outputs": [
47492
+ {
47493
+ "name": "output"
47494
+ }
47495
+ ],
47496
+ "operation": 5
47497
+ },
47498
+ {
47499
+ "customType": "BABYLON.MultiplyBlock",
47500
+ "id": 243,
47501
+ "name": "Multiply",
47502
+ "comments": "",
47503
+ "visibleInInspector": false,
47504
+ "visibleOnFrame": false,
47505
+ "target": 4,
47506
+ "inputs": [
47507
+ {
47508
+ "name": "left",
47509
+ "inputName": "left",
47510
+ "targetBlockId": 228,
47511
+ "targetConnectionName": "y",
47512
+ "isExposedOnFrame": true,
47513
+ "exposedPortPosition": -1
47514
+ },
47515
+ {
47516
+ "name": "right",
47517
+ "inputName": "right",
47518
+ "targetBlockId": 239,
47519
+ "targetConnectionName": "output",
47520
+ "isExposedOnFrame": true,
47521
+ "exposedPortPosition": -1
47522
+ }
47523
+ ],
47524
+ "outputs": [
47525
+ {
47526
+ "name": "output"
47527
+ }
47528
+ ]
47529
+ },
47530
+ {
47531
+ "customType": "BABYLON.MultiplyBlock",
47532
+ "id": 244,
47533
+ "name": "Multiply",
47534
+ "comments": "",
47535
+ "visibleInInspector": false,
47536
+ "visibleOnFrame": false,
47537
+ "target": 4,
47538
+ "inputs": [
47539
+ {
47540
+ "name": "left",
47541
+ "inputName": "left",
47542
+ "targetBlockId": 225,
47543
+ "targetConnectionName": "output",
47544
+ "isExposedOnFrame": true,
47545
+ "exposedPortPosition": -1
47546
+ },
47547
+ {
47548
+ "name": "right",
47549
+ "inputName": "right",
47550
+ "targetBlockId": 245,
47551
+ "targetConnectionName": "output",
47552
+ "isExposedOnFrame": true,
47553
+ "exposedPortPosition": -1
47554
+ }
47555
+ ],
47556
+ "outputs": [
47557
+ {
47558
+ "name": "output"
47559
+ }
47560
+ ]
47561
+ },
47562
+ {
47563
+ "customType": "BABYLON.OneMinusBlock",
47564
+ "id": 245,
47565
+ "name": "One minus",
47566
+ "comments": "",
47567
+ "visibleInInspector": false,
47568
+ "visibleOnFrame": false,
47569
+ "target": 4,
47570
+ "inputs": [
47571
+ {
47572
+ "name": "input",
47573
+ "inputName": "input",
47574
+ "targetBlockId": 241,
47575
+ "targetConnectionName": "output",
47576
+ "isExposedOnFrame": true,
47577
+ "exposedPortPosition": -1
47578
+ }
47579
+ ],
47580
+ "outputs": [
47581
+ {
47582
+ "name": "output"
47583
+ }
47584
+ ]
47585
+ },
47586
+ {
47587
+ "customType": "BABYLON.InputBlock",
47588
+ "id": 246,
47589
+ "name": "Color4",
47590
+ "comments": "",
47591
+ "visibleInInspector": false,
47592
+ "visibleOnFrame": false,
47593
+ "target": 1,
47594
+ "inputs": [],
47595
+ "outputs": [
47596
+ {
47597
+ "name": "output"
47598
+ }
47599
+ ],
47600
+ "type": 64,
47601
+ "mode": 0,
47602
+ "animationType": 0,
47603
+ "min": 0,
47604
+ "max": 0,
47605
+ "isBoolean": false,
47606
+ "matrixMode": 0,
47607
+ "isConstant": false,
47608
+ "groupInInspector": "",
47609
+ "convertToGammaSpace": false,
47610
+ "convertToLinearSpace": false,
47611
+ "valueType": "BABYLON.Color4",
47612
+ "value": [
47613
+ 0.8862745098039215,
47614
+ 0.8862745098039215,
47615
+ 0.8862745098039215,
47616
+ 1
47617
+ ]
47618
+ },
47619
+ {
47620
+ "customType": "BABYLON.TextureBlock",
47621
+ "id": 247,
47622
+ "name": "Texture",
47623
+ "comments": "",
47624
+ "visibleInInspector": false,
47625
+ "visibleOnFrame": false,
47626
+ "target": 3,
47627
+ "inputs": [
47628
+ {
47629
+ "name": "uv",
47630
+ "displayName": "uv",
47631
+ "inputName": "uv",
47632
+ "targetBlockId": 248,
47633
+ "targetConnectionName": "output",
47634
+ "isExposedOnFrame": true,
47635
+ "exposedPortPosition": -1
47636
+ },
47637
+ {
47638
+ "name": "source",
47639
+ "displayName": "source"
47640
+ }
47641
+ ],
47642
+ "outputs": [
47643
+ {
47644
+ "name": "rgba",
47645
+ "displayName": "rgba"
47646
+ },
47647
+ {
47648
+ "name": "rgb",
47649
+ "displayName": "rgb"
47650
+ },
47651
+ {
47652
+ "name": "r",
47653
+ "displayName": "r"
47654
+ },
47655
+ {
47656
+ "name": "g",
47657
+ "displayName": "g"
47658
+ },
47659
+ {
47660
+ "name": "b",
47661
+ "displayName": "b"
47662
+ },
47663
+ {
47664
+ "name": "a",
47665
+ "displayName": "a"
47666
+ },
47667
+ {
47668
+ "name": "level",
47669
+ "displayName": "level"
47670
+ }
47671
+ ],
47672
+ "convertToGammaSpace": false,
47673
+ "convertToLinearSpace": false,
47674
+ "fragmentOnly": false,
47675
+ "disableLevelMultiplication": false
47676
+ },
47677
+ {
47678
+ "customType": "BABYLON.InputBlock",
47679
+ "id": 248,
47680
+ "name": "uv",
47681
+ "comments": "",
47682
+ "visibleInInspector": false,
47683
+ "visibleOnFrame": false,
47684
+ "target": 1,
47685
+ "inputs": [],
47686
+ "outputs": [
47687
+ {
47688
+ "name": "output"
47689
+ }
47690
+ ],
47691
+ "type": 4,
47692
+ "mode": 1,
47693
+ "animationType": 0,
47694
+ "min": 0,
47695
+ "max": 0,
47696
+ "isBoolean": false,
47697
+ "matrixMode": 0,
47698
+ "isConstant": false,
47699
+ "groupInInspector": "",
47700
+ "convertToGammaSpace": false,
47701
+ "convertToLinearSpace": false
47702
+ },
47703
+ {
47704
+ "customType": "BABYLON.AddBlock",
47705
+ "id": 249,
47706
+ "name": "Add",
47707
+ "comments": "",
47708
+ "visibleInInspector": false,
47709
+ "visibleOnFrame": false,
47710
+ "target": 4,
47711
+ "inputs": [
47712
+ {
47713
+ "name": "left",
47714
+ "displayName": "left",
47715
+ "inputName": "left",
47716
+ "targetBlockId": 219,
47717
+ "targetConnectionName": "a",
47718
+ "isExposedOnFrame": true,
47719
+ "exposedPortPosition": -1
47720
+ },
47721
+ {
47722
+ "name": "right",
47723
+ "displayName": "right",
47724
+ "inputName": "right",
47725
+ "targetBlockId": 247,
47726
+ "targetConnectionName": "a",
47727
+ "isExposedOnFrame": true,
47728
+ "exposedPortPosition": -1
47729
+ }
47730
+ ],
47731
+ "outputs": [
47732
+ {
47733
+ "name": "output",
47734
+ "displayName": "output"
47735
+ }
47736
+ ]
47737
+ }
47738
+ ]
47739
+ };
47740
+
47741
+
46042
47742
  /***/ }),
46043
47743
 
46044
47744
  /***/ "./diagram/workbench.tsx":
@@ -46062,6 +47762,8 @@ __webpack_require__.r(__webpack_exports__);
46062
47762
  /* harmony import */ var _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/core/Maths/math.vector */ "@babylonjs/core/Misc/observable");
46063
47763
  /* harmony import */ var _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__);
46064
47764
  /* harmony import */ var _tools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tools */ "./tools.ts");
47765
+ /* harmony import */ var _GUIEditorNodeMaterial__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./GUIEditorNodeMaterial */ "./diagram/GUIEditorNodeMaterial.ts");
47766
+
46065
47767
 
46066
47768
 
46067
47769
 
@@ -46131,7 +47833,10 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46131
47833
  if (evt.key === "Delete") {
46132
47834
  if (!_this.props.globalState.lockObject.lock) {
46133
47835
  _this._selectedGuiNodes.forEach(function (guiNode) {
47836
+ var _a;
46134
47837
  if (guiNode !== _this.globalState.guiTexture.getChildren()[0]) {
47838
+ _this.props.globalState.guiTexture.removeControl(guiNode);
47839
+ (_a = _this.props.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.removeControl(guiNode);
46135
47840
  guiNode.dispose();
46136
47841
  }
46137
47842
  });
@@ -46170,6 +47875,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46170
47875
  _this._constraintDirection = ConstraintDirection.NONE;
46171
47876
  };
46172
47877
  _this.isUp = true;
47878
+ _this._rootContainer = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
46173
47879
  _this._responsive = _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true);
46174
47880
  props.globalState.onSelectionChangedObservable.add(function (selection) {
46175
47881
  if (!selection) {
@@ -46386,22 +48092,55 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46386
48092
  this.props.globalState.hostDocument.removeEventListener("keyup", this.keyEvent);
46387
48093
  this.props.globalState.hostDocument.removeEventListener("keydown", this.keyEvent);
46388
48094
  this.props.globalState.hostDocument.defaultView.removeEventListener("blur", this.blurEvent);
48095
+ if (this.props.globalState.liveGuiTexture) {
48096
+ this.props.globalState.liveGuiTexture.onEndRenderObservable.remove(this._liveRenderObserver);
48097
+ this.props.globalState.guiTexture.onBeginRenderObservable.remove(this._guiRenderObserver);
48098
+ this.props.globalState.guiTexture.getDescendants(false).forEach(function (control) {
48099
+ if (!control.metadata || !control.metadata.guiEditor) {
48100
+ return;
48101
+ }
48102
+ control.onPointerUpObservable.remove(control.metadata.onPointerUp);
48103
+ control.onPointerDownObservable.remove(control.metadata.onPointerDown);
48104
+ control.onPointerEnterObservable.remove(control.metadata.onPointerEnter);
48105
+ control.onPointerOutObservable.remove(control.metadata.onPointerOut);
48106
+ control.onDisposeObservable.remove(control.metadata.onDispose);
48107
+ control.highlightLineWidth = control.metadata.highlightLineWidth;
48108
+ control.isHighlighted = control.metadata.isHighlighted;
48109
+ control.metadata = control.metadata.metadata;
48110
+ });
48111
+ }
46389
48112
  this._engine.dispose();
46390
48113
  };
46391
48114
  WorkbenchComponent.prototype.loadFromJson = function (serializationObject) {
48115
+ var _a;
46392
48116
  this.globalState.onSelectionChangedObservable.notifyObservers(null);
46393
- this.globalState.guiTexture.parseContent(serializationObject, true);
48117
+ if (this.props.globalState.liveGuiTexture) {
48118
+ (_a = this.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.parseContent(serializationObject, true);
48119
+ this.synchronizeLiveGUI();
48120
+ }
48121
+ else {
48122
+ this.globalState.guiTexture.parseContent(serializationObject, true);
48123
+ }
46394
48124
  this.loadToEditor();
46395
48125
  };
46396
- WorkbenchComponent.prototype.loadFromSnippet = function (snippedId) {
48126
+ WorkbenchComponent.prototype.loadFromSnippet = function (snippetId) {
48127
+ var _a;
46397
48128
  return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
46398
- return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_a) {
46399
- switch (_a.label) {
48129
+ return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_b) {
48130
+ switch (_b.label) {
46400
48131
  case 0:
46401
48132
  this.globalState.onSelectionChangedObservable.notifyObservers(null);
46402
- return [4 /*yield*/, this.globalState.guiTexture.parseFromSnippetAsync(snippedId, true)];
48133
+ if (!this.props.globalState.liveGuiTexture) return [3 /*break*/, 2];
48134
+ return [4 /*yield*/, ((_a = this.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.parseFromSnippetAsync(snippetId, true))];
46403
48135
  case 1:
46404
- _a.sent();
48136
+ _b.sent();
48137
+ this.synchronizeLiveGUI();
48138
+ return [3 /*break*/, 4];
48139
+ case 2: return [4 /*yield*/, this.globalState.guiTexture.parseFromSnippetAsync(snippetId, true)];
48140
+ case 3:
48141
+ _b.sent();
48142
+ _b.label = 4;
48143
+ case 4:
46405
48144
  this.loadToEditor();
46406
48145
  if (this.props.globalState.customLoad) {
46407
48146
  this.props.globalState.customLoad.action(this.globalState.guiTexture.snippetId).catch(function (err) {
@@ -46418,8 +48157,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46418
48157
  var _this = this;
46419
48158
  var size = this.globalState.guiTexture.getSize();
46420
48159
  this.resizeGuiTexture(new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](size.width, size.height));
46421
- var children = this.globalState.guiTexture.getChildren();
46422
- children[0].children.forEach(function (guiElement) {
48160
+ this.globalState.guiTexture.rootContainer.children.forEach(function (guiElement) {
46423
48161
  if (guiElement.name === "Art-Board-Background" && guiElement.typeName === "Rectangle") {
46424
48162
  _this.artBoardBackground = guiElement;
46425
48163
  return;
@@ -46460,17 +48198,19 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46460
48198
  return this.nodes.filter(function (n) { return n === guiControl; })[0];
46461
48199
  };
46462
48200
  WorkbenchComponent.prototype.appendBlock = function (guiElement) {
48201
+ if (this.globalState.liveGuiTexture) {
48202
+ this.globalState.liveGuiTexture.addControl(guiElement);
48203
+ }
46463
48204
  var newGuiNode = this.createNewGuiNode(guiElement);
46464
48205
  this.globalState.guiTexture.addControl(guiElement);
46465
48206
  return newGuiNode;
46466
48207
  };
46467
48208
  WorkbenchComponent.prototype.createNewGuiNode = function (guiControl) {
46468
48209
  var _this = this;
46469
- guiControl.highlightLineWidth = 5;
46470
- guiControl.onPointerUpObservable.add(function (evt) {
48210
+ var onPointerUp = guiControl.onPointerUpObservable.add(function (evt) {
46471
48211
  _this.clicked = false;
46472
48212
  });
46473
- guiControl.onPointerDownObservable.add(function (evt) {
48213
+ var onPointerDown = guiControl.onPointerDownObservable.add(function (evt) {
46474
48214
  if (!_this.isUp || evt.buttonIndex > 0)
46475
48215
  return;
46476
48216
  if (_this._forceSelecting) {
@@ -46478,30 +48218,45 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46478
48218
  _this.isUp = false;
46479
48219
  }
46480
48220
  });
46481
- guiControl.onPointerEnterObservable.add(function (evt) {
48221
+ var onPointerEnter = guiControl.onPointerEnterObservable.add(function (evt) {
46482
48222
  if (_this._isOverGUINode.indexOf(guiControl) === -1) {
46483
48223
  _this._isOverGUINode.push(guiControl);
46484
48224
  }
46485
48225
  });
46486
- guiControl.onPointerOutObservable.add(function (evt) {
48226
+ var onPointerOut = guiControl.onPointerOutObservable.add(function (evt) {
46487
48227
  var index = _this._isOverGUINode.indexOf(guiControl);
46488
48228
  if (index !== -1) {
46489
48229
  _this._isOverGUINode.splice(index, 1);
46490
48230
  }
46491
48231
  });
46492
- guiControl.onDisposeObservable.add(function (evt) {
48232
+ var onDispose = guiControl.onDisposeObservable.add(function (evt) {
46493
48233
  var index = _this._isOverGUINode.indexOf(guiControl);
46494
48234
  if (index !== -1) {
46495
48235
  _this._isOverGUINode.splice(index, 1);
46496
48236
  }
46497
48237
  });
46498
- if (guiControl instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
46499
- guiControl.children.forEach(function (child) {
46500
- _this.createNewGuiNode(child);
46501
- });
46502
- }
48238
+ // use metadata to keep track of things we need to cleanup/restore when the gui editor closes
48239
+ // also stores the old metadata
48240
+ guiControl.metadata = {
48241
+ guiEditor: true,
48242
+ metadata: guiControl.metadata,
48243
+ isHighlighted: guiControl.isHighlighted,
48244
+ highlightLineWidth: guiControl.highlightLineWidth,
48245
+ isReadOnly: guiControl.isReadOnly,
48246
+ isHitTestVisible: guiControl.isHitTestVisible,
48247
+ onPointerUp: onPointerUp,
48248
+ onPointerDown: onPointerDown,
48249
+ onPointerEnter: onPointerEnter,
48250
+ onPointerOut: onPointerOut,
48251
+ onDispose: onDispose
48252
+ };
48253
+ guiControl.highlightLineWidth = 5;
48254
+ guiControl.isHighlighted = false;
46503
48255
  guiControl.isReadOnly = true;
46504
48256
  guiControl.isHitTestVisible = true;
48257
+ guiControl.getDescendants(true).forEach(function (child) {
48258
+ _this.createNewGuiNode(child);
48259
+ });
46505
48260
  return guiControl;
46506
48261
  };
46507
48262
  WorkbenchComponent.prototype.parent = function (dropLocationControl) {
@@ -46566,7 +48321,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46566
48321
  if (draggedControl.width !== width || draggedControl.height !== height) {
46567
48322
  draggedControl.width = width;
46568
48323
  draggedControl.height = height;
46569
- alert("Warning: Parenting to stack panel will convert control to pixel value");
48324
+ this.props.globalState.hostWindow.alert("Warning: Parenting to stack panel will convert control to pixel value");
46570
48325
  }
46571
48326
  };
46572
48327
  WorkbenchComponent.prototype._reorderGrid = function (grid, draggedControl, dropLocationControl) {
@@ -46656,9 +48411,6 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46656
48411
  this.props.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers();
46657
48412
  return true;
46658
48413
  };
46659
- WorkbenchComponent.prototype.componentDidMount = function () {
46660
- this._rootContainer = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
46661
- };
46662
48414
  WorkbenchComponent.prototype.onMove = function (evt) {
46663
48415
  var _this = this;
46664
48416
  var pos = this.getGroundPosition();
@@ -46714,65 +48466,89 @@ var WorkbenchComponent = /** @class */ (function (_super) {
46714
48466
  this.isUp = true;
46715
48467
  };
46716
48468
  WorkbenchComponent.prototype.createGUICanvas = function () {
46717
- return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
46718
- var canvas, clearColor, light, textureSize, nodeMaterial, block;
46719
- var _this = this;
46720
- return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_a) {
46721
- switch (_a.label) {
46722
- case 0:
46723
- canvas = document.getElementById("workbench-canvas");
46724
- this._canvas = canvas;
46725
- // Associate a Babylon Engine to it.
46726
- this._engine = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Engine"](canvas);
46727
- // Create our first scene.
46728
- this._scene = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Scene"](this._engine);
46729
- clearColor = 204 / 255.0;
46730
- this._scene.clearColor = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Color4"](clearColor, clearColor, clearColor, 1.0);
46731
- light = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["HemisphericLight"]("light1", _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Axis"].Y, this._scene);
46732
- light.intensity = 0.9;
46733
- textureSize = 1024;
46734
- this._textureMesh = Object(_babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["CreateGround"])("GuiCanvas", { width: 1, height: 1, subdivisions: 1 }, this._scene);
46735
- this._textureMesh.scaling.x = textureSize;
46736
- this._textureMesh.scaling.z = textureSize;
46737
- this.globalState.guiTexture = _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["AdvancedDynamicTexture"].CreateForMesh(this._textureMesh, textureSize, textureSize, true);
46738
- this._textureMesh.showBoundingBox = true;
46739
- this.artBoardBackground = new _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Rectangle"]("Art-Board-Background");
46740
- this.artBoardBackground.width = "100%";
46741
- this.artBoardBackground.height = "100%";
46742
- this.artBoardBackground.background = "transparent";
46743
- this.artBoardBackground.thickness = 0;
46744
- this.globalState.guiTexture.addControl(this.artBoardBackground);
46745
- nodeMaterial = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["NodeMaterial"]("NodeMaterial", this._scene);
46746
- return [4 /*yield*/, nodeMaterial.loadAsync("GUIEditorNodeMaterial.json")];
46747
- case 1:
46748
- _a.sent();
46749
- nodeMaterial.build(true);
46750
- this._textureMesh.material = nodeMaterial;
46751
- if (nodeMaterial) {
46752
- block = nodeMaterial.getBlockByName("Texture");
46753
- block.texture = this.globalState.guiTexture;
46754
- }
46755
- this.setCameraRadius();
46756
- this._camera = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["ArcRotateCamera"]("Camera", -Math.PI / 2, 0, this._cameraRadias, _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector3"].Zero(), this._scene);
46757
- this._camera.maxZ = this._cameraMaxRadiasFactor * 2;
46758
- // This attaches the camera to the canvas
46759
- this.addControls(this._scene, this._camera);
46760
- this._scene.getEngine().onCanvasPointerOutObservable.clear();
46761
- this._scene.doNotHandleCursors = true;
46762
- // Watch for browser/canvas resize events
46763
- window.addEventListener("resize", function () {
46764
- _this._engine.resize();
46765
- });
46766
- this.props.globalState.onErrorMessageDialogRequiredObservable.notifyObservers("Welcome to the GUI Editor Alpha. This editor is still a work in progress. Icons are currently temporary. Please submit feedback using the \"Give feedback\" button in the menu. ");
46767
- this._engine.runRenderLoop(function () {
46768
- _this._scene.render();
46769
- });
46770
- this.globalState.onNewSceneObservable.notifyObservers(this.globalState.guiTexture.getScene());
46771
- this.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers();
46772
- return [2 /*return*/];
48469
+ var _this = this;
48470
+ // Get the canvas element from the DOM.
48471
+ var canvas = this._rootContainer.current;
48472
+ this._canvas = canvas;
48473
+ // Associate a Babylon Engine to it.
48474
+ this._engine = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Engine"](canvas);
48475
+ // Create our first scene.
48476
+ this._scene = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Scene"](this._engine);
48477
+ var clearColor = 204 / 255.0;
48478
+ this._scene.clearColor = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Color4"](clearColor, clearColor, clearColor, 1.0);
48479
+ var light = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["HemisphericLight"]("light1", _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Axis"].Y, this._scene);
48480
+ light.intensity = 0.9;
48481
+ var textureSize = 1024;
48482
+ this._textureMesh = Object(_babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["CreateGround"])("GuiCanvas", { width: 1, height: 1, subdivisions: 1 }, this._scene);
48483
+ this._textureMesh.scaling.x = textureSize;
48484
+ this._textureMesh.scaling.z = textureSize;
48485
+ this.globalState.guiTexture = _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["AdvancedDynamicTexture"].CreateForMesh(this._textureMesh, textureSize, textureSize, true);
48486
+ this.globalState.guiTexture.rootContainer.clipChildren = false;
48487
+ this.globalState.guiTexture.useInvalidateRectOptimization = false;
48488
+ this._textureMesh.showBoundingBox = true;
48489
+ this.artBoardBackground = new _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Rectangle"]("Art-Board-Background");
48490
+ this.artBoardBackground.width = "100%";
48491
+ this.artBoardBackground.height = "100%";
48492
+ this.artBoardBackground.background = "transparent";
48493
+ this.artBoardBackground.thickness = 0;
48494
+ this.globalState.guiTexture.addControl(this.artBoardBackground);
48495
+ this.synchronizeLiveGUI();
48496
+ var nodeMaterial = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["NodeMaterial"]("NodeMaterial", this._scene);
48497
+ nodeMaterial.loadFromSerialization(_GUIEditorNodeMaterial__WEBPACK_IMPORTED_MODULE_6__["GUIEditorNodeMaterial"]);
48498
+ nodeMaterial.build(true);
48499
+ this._textureMesh.material = nodeMaterial;
48500
+ if (nodeMaterial) {
48501
+ var block = nodeMaterial.getBlockByName("Texture");
48502
+ block.texture = this.globalState.guiTexture;
48503
+ }
48504
+ this.setCameraRadius();
48505
+ this._camera = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["ArcRotateCamera"]("Camera", -Math.PI / 2, 0, this._cameraRadias, _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector3"].Zero(), this._scene);
48506
+ this._camera.maxZ = this._cameraMaxRadiasFactor * 2;
48507
+ // This attaches the camera to the canvas
48508
+ this.addControls(this._scene, this._camera);
48509
+ this._scene.getEngine().onCanvasPointerOutObservable.clear();
48510
+ this._scene.doNotHandleCursors = true;
48511
+ // Watch for browser/canvas resize events
48512
+ this.globalState.hostWindow.addEventListener("resize", function () {
48513
+ _this._engine.resize();
48514
+ });
48515
+ this._engine.resize();
48516
+ // Every time the original ADT re-renders, we must also re-render, so that layout information is computed correctly
48517
+ // also, every time *we* re-render (due to a change in the GUI), we must re-render the original ADT
48518
+ // to prevent an infite loop, we flip a boolean flag
48519
+ if (this.globalState.liveGuiTexture) {
48520
+ var doRerender_1 = true;
48521
+ this._guiRenderObserver = this.globalState.guiTexture.onBeginRenderObservable.add(function () {
48522
+ var _a;
48523
+ if (doRerender_1) {
48524
+ (_a = _this.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.markAsDirty();
46773
48525
  }
48526
+ doRerender_1 = true;
46774
48527
  });
48528
+ this._liveRenderObserver = this.globalState.liveGuiTexture.onEndRenderObservable.add(function () {
48529
+ var _a;
48530
+ (_a = _this.globalState.guiTexture) === null || _a === void 0 ? void 0 : _a.markAsDirty();
48531
+ doRerender_1 = false;
48532
+ });
48533
+ }
48534
+ this.props.globalState.onErrorMessageDialogRequiredObservable.notifyObservers("Welcome to the GUI Editor Alpha. This editor is still a work in progress. Icons are currently temporary. Please submit feedback using the \"Give feedback\" button in the menu. ");
48535
+ this._engine.runRenderLoop(function () {
48536
+ _this._scene.render();
46775
48537
  });
48538
+ this.globalState.onNewSceneObservable.notifyObservers(this.globalState.guiTexture.getScene());
48539
+ this.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers();
48540
+ };
48541
+ // removes all controls from both GUIs, and re-adds the controls from the original to the GUI editor
48542
+ WorkbenchComponent.prototype.synchronizeLiveGUI = function () {
48543
+ var _this = this;
48544
+ if (this.globalState.liveGuiTexture) {
48545
+ this.props.globalState.guiTexture._rootContainer.getDescendants().filter(function (desc) { return desc.name !== "Art-Board-Background"; }).forEach(function (desc) { return desc.dispose(); });
48546
+ this.globalState.liveGuiTexture.rootContainer.getDescendants(true).forEach(function (desc) {
48547
+ var _a;
48548
+ (_a = _this.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.removeControl(desc);
48549
+ _this.appendBlock(desc);
48550
+ });
48551
+ }
46776
48552
  };
46777
48553
  //Add map-like controls to an ArcRotate camera
46778
48554
  WorkbenchComponent.prototype.addControls = function (scene, camera) {
@@ -47023,6 +48799,7 @@ var GlobalState = /** @class */ (function () {
47023
48799
  this.onSelectionBoxMoved = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47024
48800
  this.onNewSceneObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47025
48801
  this.onGuiNodeRemovalObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
48802
+ this.onPopupClosedObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47026
48803
  this.blockKeyboardEvents = false;
47027
48804
  this.onPropertyChangedObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
47028
48805
  this.onZoomObservable = new _babylonjs_core_Misc_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]();
@@ -47110,13 +48887,15 @@ var GUIEditor = /** @class */ (function () {
47110
48887
  //swallow and continue
47111
48888
  }
47112
48889
  }
47113
- return [2 /*return*/];
47114
48890
  }
47115
48891
  hostElement = options.hostElement;
47116
48892
  if (!hostElement) {
47117
- hostElement = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"].CreatePopup("BABYLON.JS GUI EDITOR", "gui-editor", 1000, 800);
48893
+ hostElement = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"].CreatePopup("BABYLON.JS GUI EDITOR", "gui-editor", 1200, 800);
47118
48894
  }
47119
48895
  globalState = new _globalState__WEBPACK_IMPORTED_MODULE_3__["GlobalState"]();
48896
+ if (options.liveGuiTexture) {
48897
+ globalState.liveGuiTexture = options.liveGuiTexture;
48898
+ }
47120
48899
  globalState.hostElement = hostElement;
47121
48900
  globalState.hostDocument = hostElement.ownerDocument;
47122
48901
  globalState.customSave = options.customSave;
@@ -47126,22 +48905,20 @@ var GUIEditor = /** @class */ (function () {
47126
48905
  globalState: globalState,
47127
48906
  });
47128
48907
  react_dom__WEBPACK_IMPORTED_MODULE_2__["render"](graphEditor, hostElement);
47129
- if (!!globalState.guiTexture) return [3 /*break*/, 5];
47130
- return [4 /*yield*/, globalState.workbench.createGUICanvas()];
48908
+ if (!!globalState.guiTexture) return [3 /*break*/, 4];
48909
+ globalState.workbench.createGUICanvas();
48910
+ if (!options.currentSnippetToken) return [3 /*break*/, 4];
48911
+ _a.label = 1;
47131
48912
  case 1:
47132
- _a.sent();
47133
- if (!options.currentSnippetToken) return [3 /*break*/, 5];
47134
- _a.label = 2;
47135
- case 2:
47136
- _a.trys.push([2, 4, , 5]);
48913
+ _a.trys.push([1, 3, , 4]);
47137
48914
  return [4 /*yield*/, globalState.workbench.loadFromSnippet(options.currentSnippetToken)];
47138
- case 3:
48915
+ case 2:
47139
48916
  _a.sent();
47140
- return [3 /*break*/, 5];
47141
- case 4:
48917
+ return [3 /*break*/, 4];
48918
+ case 3:
47142
48919
  error_1 = _a.sent();
47143
- return [3 /*break*/, 5];
47144
- case 5:
48920
+ return [3 /*break*/, 4];
48921
+ case 4:
47145
48922
  if (options.customLoadObservable) {
47146
48923
  options.customLoadObservable.add(function (data) {
47147
48924
  globalState.onResetRequiredObservable.notifyObservers();
@@ -47158,7 +48935,9 @@ var GUIEditor = /** @class */ (function () {
47158
48935
  }
47159
48936
  };
47160
48937
  }
47161
- window.addEventListener("beforeunload", function () { });
48938
+ globalState.hostWindow.addEventListener("beforeunload", function () {
48939
+ globalState.onPopupClosedObservable.notifyObservers();
48940
+ });
47162
48941
  return [2 /*return*/];
47163
48942
  }
47164
48943
  });
@@ -47912,6 +49691,28 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47912
49691
 
47913
49692
  /***/ }),
47914
49693
 
49694
+ /***/ "./sharedUiComponents/imgs/autoResizeIcon.svg":
49695
+ /*!****************************************************!*\
49696
+ !*** ./sharedUiComponents/imgs/autoResizeIcon.svg ***!
49697
+ \****************************************************/
49698
+ /*! no static exports found */
49699
+ /***/ (function(module, exports) {
49700
+
49701
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.72,7.67h-5.3a.62.62,0,0,0-.61.61.61.61,0,0,0,.61.61h3.82L16,13.14a.62.62,0,0,0,.87.87l4.25-4.25v3.82a.61.61,0,0,0,.61.61.62.62,0,0,0,.61-.61V8.28A.62.62,0,0,0,21.72,7.67Z'/%3E%3Cpath class='cls-1' d='M21.72,15.81a.61.61,0,0,0-.61.62v3.25a1.43,1.43,0,0,1-1.43,1.43H15V17.24A2.24,2.24,0,0,0,12.76,15H8.89V10.32a1.43,1.43,0,0,1,1.43-1.43h3.25a.61.61,0,0,0,.62-.61.62.62,0,0,0-.62-.61H10.32a2.65,2.65,0,0,0-2.65,2.65v9.36a2.65,2.65,0,0,0,2.65,2.65h9.36a2.65,2.65,0,0,0,2.65-2.65V16.43A.62.62,0,0,0,21.72,15.81Zm-7.94,5.3H10.32a1.43,1.43,0,0,1-1.43-1.43V16.22h3.87a1,1,0,0,1,1,1Z'/%3E%3C/svg%3E"
49702
+
49703
+ /***/ }),
49704
+
49705
+ /***/ "./sharedUiComponents/imgs/barOffsetIcon.svg":
49706
+ /*!***************************************************!*\
49707
+ !*** ./sharedUiComponents/imgs/barOffsetIcon.svg ***!
49708
+ \***************************************************/
49709
+ /*! no static exports found */
49710
+ /***/ (function(module, exports) {
49711
+
49712
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.15,12.42a1.42,1.42,0,0,0-1.41,1.42v2.32a1.42,1.42,0,0,0,1.41,1.42h11.7a1.42,1.42,0,0,0,1.41-1.42V13.84a1.42,1.42,0,0,0-1.41-1.42ZM9,13.84a.21.21,0,0,1,.2-.21h11.7a.21.21,0,0,1,.2.21v2.32a.21.21,0,0,1-.2.21H9.15a.21.21,0,0,1-.2-.21Zm7.66-5.49A.6.6,0,0,1,16,9H14a.61.61,0,0,1,0-1.21h2A.6.6,0,0,1,16.61,8.35ZM16,22.26a.61.61,0,0,0,0-1.21H14a.61.61,0,0,0,0,1.21ZM11,8.35a.61.61,0,0,0-.61-.61H10A2.21,2.21,0,0,0,7.74,10v.4a.61.61,0,1,0,1.21,0V10a1,1,0,0,1,1-1h.4A.6.6,0,0,0,11,8.35Zm8.67-.61a.61.61,0,1,0,0,1.21H20a1,1,0,0,1,1,1v.4a.61.61,0,1,0,1.21,0V10A2.21,2.21,0,0,0,20,7.74ZM11,21.65a.61.61,0,0,1-.61.61H10A2.21,2.21,0,0,1,7.74,20v-.4a.61.61,0,1,1,1.21,0V20a1,1,0,0,0,1,1h.4A.6.6,0,0,1,11,21.65Zm8.67.61a.61.61,0,1,1,0-1.21H20a1,1,0,0,0,1-1v-.4a.61.61,0,1,1,1.21,0V20A2.21,2.21,0,0,1,20,22.26Z'/%3E%3C/svg%3E"
49713
+
49714
+ /***/ }),
49715
+
47915
49716
  /***/ "./sharedUiComponents/imgs/cancelGridElementDark.svg":
47916
49717
  /*!***********************************************************!*\
47917
49718
  !*** ./sharedUiComponents/imgs/cancelGridElementDark.svg ***!
@@ -47923,6 +49724,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47923
49724
 
47924
49725
  /***/ }),
47925
49726
 
49727
+ /***/ "./sharedUiComponents/imgs/cellIDIcon.svg":
49728
+ /*!************************************************!*\
49729
+ !*** ./sharedUiComponents/imgs/cellIDIcon.svg ***!
49730
+ \************************************************/
49731
+ /*! no static exports found */
49732
+ /***/ (function(module, exports) {
49733
+
49734
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M14.11,11.39a.62.62,0,0,1,.48.71l-.18.89h2l.22-1.12a.61.61,0,0,1,.71-.48.6.6,0,0,1,.47.71l-.17.89h.79a.61.61,0,0,1,0,1.21h-1l-.33,1.6h1A.61.61,0,0,1,18,17h-1.2l-.22,1.13a.62.62,0,0,1-.71.47.61.61,0,0,1-.48-.71l.18-.89h-2l-.22,1.13a.61.61,0,0,1-.71.47.6.6,0,0,1-.47-.71l.17-.89h-.79a.61.61,0,0,1,0-1.21h1l.33-1.6H12A.61.61,0,0,1,12,13h1.2l.22-1.12A.62.62,0,0,1,14.11,11.39Zm-.26,4.41h2l.32-1.6h-2ZM7.76,10.37a2.61,2.61,0,0,1,2.61-2.61h9.26a2.61,2.61,0,0,1,2.61,2.61v9.26a2.61,2.61,0,0,1-2.61,2.61H10.37a2.61,2.61,0,0,1-2.61-2.61ZM10.37,9A1.4,1.4,0,0,0,9,10.37v9.26a1.4,1.4,0,0,0,1.4,1.4h9.26a1.4,1.4,0,0,0,1.4-1.4V10.37A1.4,1.4,0,0,0,19.63,9Z'/%3E%3C/svg%3E"
49735
+
49736
+ /***/ }),
49737
+
47926
49738
  /***/ "./sharedUiComponents/imgs/checkboxIconDark.svg":
47927
49739
  /*!******************************************************!*\
47928
49740
  !*** ./sharedUiComponents/imgs/checkboxIconDark.svg ***!
@@ -47934,6 +49746,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47934
49746
 
47935
49747
  /***/ }),
47936
49748
 
49749
+ /***/ "./sharedUiComponents/imgs/clampSliderValueIcon.svg":
49750
+ /*!**********************************************************!*\
49751
+ !*** ./sharedUiComponents/imgs/clampSliderValueIcon.svg ***!
49752
+ \**********************************************************/
49753
+ /*! no static exports found */
49754
+ /***/ (function(module, exports) {
49755
+
49756
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.87,12.15a.51.51,0,0,1,.71,0l2.5,2.5a.5.5,0,0,1,0,.71l-2.5,2.5a.5.5,0,0,1-.71-.71l1.65-1.64H16.16a.5.5,0,0,1-.5-.5.5.5,0,0,1,.5-.5h3.36l-1.65-1.65A.51.51,0,0,1,17.87,12.15Zm-10.45-3a.51.51,0,0,1,.5.44V20.37a.51.51,0,0,1-.5.51.5.5,0,0,1-.5-.44V9.63A.51.51,0,0,1,7.42,9.12Zm15.16,0a.5.5,0,0,1,.5.44V20.37a.51.51,0,0,1-1,.07V9.63A.51.51,0,0,1,22.58,9.12ZM12,12.86l-1.65,1.65h3.36a.5.5,0,0,1,.5.5.5.5,0,0,1-.5.5H10.38L12,17.15a.5.5,0,1,1-.71.71l-2.5-2.5a.51.51,0,0,1,0-.71l2.5-2.5a.5.5,0,1,1,.71.71Z'/%3E%3C/svg%3E"
49757
+
49758
+ /***/ }),
49759
+
47937
49760
  /***/ "./sharedUiComponents/imgs/clipContentsIcon.svg":
47938
49761
  /*!******************************************************!*\
47939
49762
  !*** ./sharedUiComponents/imgs/clipContentsIcon.svg ***!
@@ -47978,6 +49801,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
47978
49801
 
47979
49802
  /***/ }),
47980
49803
 
49804
+ /***/ "./sharedUiComponents/imgs/cropIcon.svg":
49805
+ /*!**********************************************!*\
49806
+ !*** ./sharedUiComponents/imgs/cropIcon.svg ***!
49807
+ \**********************************************/
49808
+ /*! no static exports found */
49809
+ /***/ (function(module, exports) {
49810
+
49811
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.43,19a.6.6,0,0,1,.09,1.2h-2.3v2.21a.6.6,0,0,1-.6.61.61.61,0,0,1-.6-.52v-2.3H12.39a2.61,2.61,0,0,1-2.61-2.46V11H7.56a.6.6,0,0,1-.08-1.2H9.77V7.57a.6.6,0,0,1,.6-.61.61.61,0,0,1,.6.52v2.3h0V11h0v6.63A1.4,1.4,0,0,0,12.27,19H22.43ZM11.78,9.78h5.83a2.62,2.62,0,0,1,2.61,2.46v6H19V12.39A1.4,1.4,0,0,0,17.73,11h-6Z'/%3E%3C/svg%3E"
49812
+
49813
+ /***/ }),
49814
+
47981
49815
  /***/ "./sharedUiComponents/imgs/deleteGridElementDark.svg":
47982
49816
  /*!***********************************************************!*\
47983
49817
  !*** ./sharedUiComponents/imgs/deleteGridElementDark.svg ***!
@@ -48088,6 +49922,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48088
49922
 
48089
49923
  /***/ }),
48090
49924
 
49925
+ /***/ "./sharedUiComponents/imgs/imageLinkIcon.svg":
49926
+ /*!***************************************************!*\
49927
+ !*** ./sharedUiComponents/imgs/imageLinkIcon.svg ***!
49928
+ \***************************************************/
49929
+ /*! no static exports found */
49930
+ /***/ (function(module, exports) {
49931
+
49932
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.78,11a.6.6,0,0,1,.09,1.2H11a2.82,2.82,0,0,0-.17,5.64h2a.61.61,0,0,1,.61.61.62.62,0,0,1-.52.6H11a4,4,0,0,1-.2-8.06h2ZM19,11a4,4,0,0,1,.2,8.06h-2a.6.6,0,0,1-.09-1.2H19a2.82,2.82,0,0,0,.17-5.64h-2a.61.61,0,0,1-.61-.61.62.62,0,0,1,.52-.6H19ZM11,14.4H19a.6.6,0,0,1,.08,1.2H11a.6.6,0,0,1-.08-1.2Z'/%3E%3C/svg%3E"
49933
+
49934
+ /***/ }),
49935
+
48091
49936
  /***/ "./sharedUiComponents/imgs/positionIcon.svg":
48092
49937
  /*!**************************************************!*\
48093
49938
  !*** ./sharedUiComponents/imgs/positionIcon.svg ***!
@@ -48165,6 +50010,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48165
50010
 
48166
50011
  /***/ }),
48167
50012
 
50013
+ /***/ "./sharedUiComponents/imgs/showThumbIcon.svg":
50014
+ /*!***************************************************!*\
50015
+ !*** ./sharedUiComponents/imgs/showThumbIcon.svg ***!
50016
+ \***************************************************/
50017
+ /*! no static exports found */
50018
+ /***/ (function(module, exports) {
50019
+
50020
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M20.33,18.05v0a1.43,1.43,0,0,0,1.22.39v2.9a1.85,1.85,0,0,1-1.72,1.84H10.28a1.85,1.85,0,0,1-1.84-1.72v-3a1.42,1.42,0,0,0,1.12-.3l.11-.1v3.3a.62.62,0,0,0,.53.61h9.52a.62.62,0,0,0,.61-.53V18.05ZM9.08,12.51a.61.61,0,0,1,.06.8l-.06.07-1,1h3.1a.58.58,0,0,1,.54.62.59.59,0,0,1-.47.61H8.08l1,1a.61.61,0,0,1,.06.8l-.06.07a.62.62,0,0,1-.8.05l-.07-.05L6.27,15.54a.65.65,0,0,1,0-1.08l1.94-2A.62.62,0,0,1,9.08,12.51Zm11.84,0a.61.61,0,0,1,.8-.06l.07.06,1.94,1.94A.63.63,0,0,1,24,15a.67.67,0,0,1-.22.5l-.07,0-1.94,1.94-.07.06a.62.62,0,0,1-.72,0l-.08-.07-.06-.07a.6.6,0,0,1,0-.72l.06-.08,1-1H18.75a.59.59,0,0,1-.47-.61.58.58,0,0,1,.47-.61h3.17l-1-1-.06-.07A.61.61,0,0,1,20.92,12.51ZM19.72,6.8a1.85,1.85,0,0,1,1.84,1.72v3a1.44,1.44,0,0,0-1.12.31l-.11.1V8.64A.62.62,0,0,0,19.8,8H10.28a.62.62,0,0,0-.61.53v3.38h0a1.44,1.44,0,0,0-1.22-.4V8.64A1.85,1.85,0,0,1,10.16,6.8h9.56Z'/%3E%3C/svg%3E"
50021
+
50022
+ /***/ }),
50023
+
48168
50024
  /***/ "./sharedUiComponents/imgs/sizeIcon.svg":
48169
50025
  /*!**********************************************!*\
48170
50026
  !*** ./sharedUiComponents/imgs/sizeIcon.svg ***!
@@ -48176,6 +50032,61 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48176
50032
 
48177
50033
  /***/ }),
48178
50034
 
50035
+ /***/ "./sharedUiComponents/imgs/sliderBackgroundImageIcon.svg":
50036
+ /*!***************************************************************!*\
50037
+ !*** ./sharedUiComponents/imgs/sliderBackgroundImageIcon.svg ***!
50038
+ \***************************************************************/
50039
+ /*! no static exports found */
50040
+ /***/ (function(module, exports) {
50041
+
50042
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15.81,11.77A1.82,1.82,0,1,0,17.63,10,1.81,1.81,0,0,0,15.81,11.77Zm1.82-.61a.61.61,0,1,1-.61.61A.61.61,0,0,1,17.63,11.16Z'/%3E%3Cpath class='cls-1' d='M21.06,9.34H18.43a2.55,2.55,0,0,1,1.45,1.21h1.18A2.43,2.43,0,0,1,23.49,13V17a2.43,2.43,0,0,1-2.43,2.42H20.9l-4.63-4.53-.1-.1a1.82,1.82,0,0,0-2.44.1L9.1,19.45H8.94A2.43,2.43,0,0,1,6.51,17V13a2.43,2.43,0,0,1,2.43-2.42h6.44a2.54,2.54,0,0,1,1.46-1.21H8.94A3.64,3.64,0,0,0,5.3,13V17a3.64,3.64,0,0,0,3.64,3.63H21.06A3.64,3.64,0,0,0,24.7,17V13A3.64,3.64,0,0,0,21.06,9.34Zm-6.48,6.45.06-.06a.61.61,0,0,1,.78.06l3.75,3.66H10.83Z'/%3E%3C/svg%3E"
50043
+
50044
+ /***/ }),
50045
+
50046
+ /***/ "./sharedUiComponents/imgs/sliderValueIcon.svg":
50047
+ /*!*****************************************************!*\
50048
+ !*** ./sharedUiComponents/imgs/sliderValueIcon.svg ***!
50049
+ \*****************************************************/
50050
+ /*! no static exports found */
50051
+ /***/ (function(module, exports) {
50052
+
50053
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M14.18,7.64A.61.61,0,0,0,13,7.41l-.82,4.36H8.33a.61.61,0,0,0,0,1.21h3.6l-.77,4H7.53a.61.61,0,1,0,0,1.21H11l-.79,4.13a.61.61,0,0,0,.49.71.6.6,0,0,0,.7-.48l.83-4.36H16.6l-.78,4.13a.61.61,0,1,0,1.19.23l.82-4.36h3.84a.61.61,0,0,0,0-1.21h-3.6l.77-4h3.64a.61.61,0,1,0,0-1.21H19.06l.78-4.12a.61.61,0,0,0-.49-.71.6.6,0,0,0-.7.48l-.83,4.35H13.4Zm-1,5.34h4.42l-.76,4H12.41Z'/%3E%3C/svg%3E"
50054
+
50055
+ /***/ }),
50056
+
50057
+ /***/ "./sharedUiComponents/imgs/sliderValueMaximumIcon.svg":
50058
+ /*!************************************************************!*\
50059
+ !*** ./sharedUiComponents/imgs/sliderValueMaximumIcon.svg ***!
50060
+ \************************************************************/
50061
+ /*! no static exports found */
50062
+ /***/ (function(module, exports) {
50063
+
50064
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M13.78,7.24a.61.61,0,0,0-.49-.71.6.6,0,0,0-.7.48l-.83,4.35H7.93a.62.62,0,0,0-.6.61.6.6,0,0,0,.6.61h3.6l-.76,4H7.12a.61.61,0,0,0,0,1.21h3.42L9.76,22a.61.61,0,1,0,1.19.22l.82-4.35h2.16a5.18,5.18,0,0,1,.45-1.21H12l.77-4h4.42l-.32,1.69a4.86,4.86,0,0,1,1.31-.4l.24-1.29h3.65a.61.61,0,0,0,0-1.21H18.65l.78-4.12A.61.61,0,0,0,18.24,7l-.82,4.35H13ZM19,14.6A4.44,4.44,0,1,1,14.6,19,4.44,4.44,0,0,1,19,14.6Zm.1,1.63-.07,0h-.13l-.07,0-.06,0,0,0-2,2,0,.06a.39.39,0,0,0,0,.46l0,.05.06,0a.43.43,0,0,0,.46,0l.06,0,1.32-1.33v4.35a.4.4,0,0,0,.33.32h.14a.4.4,0,0,0,.33-.32V17.59l1.33,1.33.06,0a.4.4,0,0,0,.56-.56l-.05-.06L19.29,16.3l0,0-.06,0Z'/%3E%3C/svg%3E"
50065
+
50066
+ /***/ }),
50067
+
50068
+ /***/ "./sharedUiComponents/imgs/sliderValueMinimumIcon.svg":
50069
+ /*!************************************************************!*\
50070
+ !*** ./sharedUiComponents/imgs/sliderValueMinimumIcon.svg ***!
50071
+ \************************************************************/
50072
+ /*! no static exports found */
50073
+ /***/ (function(module, exports) {
50074
+
50075
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M13.78,7.24a.61.61,0,0,0-.49-.71.6.6,0,0,0-.7.48l-.83,4.35H7.93a.62.62,0,0,0-.6.61.6.6,0,0,0,.6.61h3.6l-.76,4H7.12a.61.61,0,0,0,0,1.21h3.42L9.76,22a.61.61,0,1,0,1.19.22l.82-4.35h2.16a5.18,5.18,0,0,1,.45-1.21H12l.77-4h4.42l-.32,1.69a4.86,4.86,0,0,1,1.31-.4l.24-1.29h3.65a.61.61,0,0,0,0-1.21H18.65l.78-4.12A.61.61,0,0,0,18.24,7l-.82,4.35H13ZM14.6,19A4.44,4.44,0,1,1,19,23.48,4.44,4.44,0,0,1,14.6,19Zm4.59,2.8.06,0,0,0,2.05-2.05.05-.06a.4.4,0,0,0-.56-.56l-.06.05-1.33,1.33V16.14a.4.4,0,0,0-.33-.33H19a.4.4,0,0,0-.33.33v4.35l-1.32-1.33-.06-.05a.43.43,0,0,0-.46,0l-.06.05,0,.05a.39.39,0,0,0,0,.46l0,.06,2,2,0,0,.06,0,.07,0h.13l.07,0Z'/%3E%3C/svg%3E"
50076
+
50077
+ /***/ }),
50078
+
50079
+ /***/ "./sharedUiComponents/imgs/stretchFillIcon.svg":
50080
+ /*!*****************************************************!*\
50081
+ !*** ./sharedUiComponents/imgs/stretchFillIcon.svg ***!
50082
+ \*****************************************************/
50083
+ /*! no static exports found */
50084
+ /***/ (function(module, exports) {
50085
+
50086
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M11.77,12.93a.61.61,0,0,1,.06.86l-.54.61H13.6a.6.6,0,0,1,0,1.2H11.29l.54.61a.61.61,0,0,1-.92.8L9.5,15.4a.61.61,0,0,1,0-.8L10.91,13A.61.61,0,0,1,11.77,12.93Zm6.42.86a.61.61,0,1,1,.91-.8l1.41,1.61a.61.61,0,0,1,0,.8L19.1,17a.61.61,0,1,1-.91-.8l.53-.61H16.41a.6.6,0,0,1,0-1.2h2.31ZM6.93,10.36A1.82,1.82,0,0,1,8.75,8.55h12.5a1.81,1.81,0,0,1,1.81,1.81v9.28a1.81,1.81,0,0,1-1.81,1.81H8.75a1.82,1.82,0,0,1-1.82-1.81Zm1.82-.6a.6.6,0,0,0-.61.6v9.28a.6.6,0,0,0,.61.6h12.5a.6.6,0,0,0,.6-.6V10.36a.6.6,0,0,0-.6-.6Z'/%3E%3C/svg%3E"
50087
+
50088
+ /***/ }),
50089
+
48179
50090
  /***/ "./sharedUiComponents/imgs/strokeWeightIcon.svg":
48180
50091
  /*!******************************************************!*\
48181
50092
  !*** ./sharedUiComponents/imgs/strokeWeightIcon.svg ***!
@@ -48198,6 +50109,39 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48198
50109
 
48199
50110
  /***/ }),
48200
50111
 
50112
+ /***/ "./sharedUiComponents/imgs/thumbCircleIcon.svg":
50113
+ /*!*****************************************************!*\
50114
+ !*** ./sharedUiComponents/imgs/thumbCircleIcon.svg ***!
50115
+ \*****************************************************/
50116
+ /*! no static exports found */
50117
+ /***/ (function(module, exports) {
50118
+
50119
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15,8.13A6.87,6.87,0,1,0,21.87,15,6.86,6.86,0,0,0,15,8.13ZM6.91,15A8.09,8.09,0,1,1,15,23.09,8.09,8.09,0,0,1,6.91,15Z'/%3E%3C/svg%3E"
50120
+
50121
+ /***/ }),
50122
+
50123
+ /***/ "./sharedUiComponents/imgs/thumbImageLinkIcon.svg":
50124
+ /*!********************************************************!*\
50125
+ !*** ./sharedUiComponents/imgs/thumbImageLinkIcon.svg ***!
50126
+ \********************************************************/
50127
+ /*! no static exports found */
50128
+ /***/ (function(module, exports) {
50129
+
50130
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15,6.91A8.09,8.09,0,1,0,23.09,15,8.09,8.09,0,0,0,15,6.91Zm0,1.22A6.87,6.87,0,0,1,20.59,19l-4.32-4.23-.11-.09a1.8,1.8,0,0,0-2.43.09L9.41,19A6.87,6.87,0,0,1,15,8.13ZM10.2,19.91l4.38-4.29.07,0a.58.58,0,0,1,.77,0l4.38,4.29a6.86,6.86,0,0,1-9.6,0Z'/%3E%3Cpath class='cls-1' d='M17.62,13.44a1.81,1.81,0,1,0-1.82-1.81A1.81,1.81,0,0,0,17.62,13.44Zm0-2.41a.61.61,0,1,1-.61.6A.6.6,0,0,1,17.62,11Z'/%3E%3C/svg%3E"
50131
+
50132
+ /***/ }),
50133
+
50134
+ /***/ "./sharedUiComponents/imgs/thumbWidthIcon.svg":
50135
+ /*!****************************************************!*\
50136
+ !*** ./sharedUiComponents/imgs/thumbWidthIcon.svg ***!
50137
+ \****************************************************/
50138
+ /*! no static exports found */
50139
+ /***/ (function(module, exports) {
50140
+
50141
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.56,10.49a1.85,1.85,0,0,0-1.85-1.85H10.29a1.85,1.85,0,0,0-1.85,1.85v3.28a.62.62,0,0,0,.62.61.61.61,0,0,0,.61-.61V10.49a.62.62,0,0,1,.62-.62h9.42a.62.62,0,0,1,.62.62v3.28a.61.61,0,0,0,.61.61.62.62,0,0,0,.62-.61Zm-2.28,5.72a.61.61,0,0,1,.8-.06l.07.06,1.94,1.94a.65.65,0,0,1,.06,1l-.06,0-1.94,1.94-.07.06a.62.62,0,0,1-.72,0l-.08-.06-.06-.07a.63.63,0,0,1,0-.73l.07-.07,1-1H17.1a.63.63,0,0,1,0-1.22h3.18l-1-1L19.22,17A.61.61,0,0,1,19.28,16.21Zm-8.56,0a.61.61,0,0,1,.06.8l-.06.07-1,1h3.1a.58.58,0,0,1,.54.61.59.59,0,0,1-.46.61H9.72l1,1a.61.61,0,0,1,.06.8l-.06.07a.61.61,0,0,1-.8.06l-.07-.06L7.91,19.24a.66.66,0,0,1,0-1.09l1.94-1.94A.62.62,0,0,1,10.72,16.21Z'/%3E%3C/svg%3E"
50142
+
50143
+ /***/ }),
50144
+
48201
50145
  /***/ "./sharedUiComponents/imgs/vAlignBottomIcon.svg":
48202
50146
  /*!******************************************************!*\
48203
50147
  !*** ./sharedUiComponents/imgs/vAlignBottomIcon.svg ***!
@@ -48231,6 +50175,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48231
50175
 
48232
50176
  /***/ }),
48233
50177
 
50178
+ /***/ "./sharedUiComponents/imgs/valueBarImageLinkIcon.svg":
50179
+ /*!***********************************************************!*\
50180
+ !*** ./sharedUiComponents/imgs/valueBarImageLinkIcon.svg ***!
50181
+ \***********************************************************/
50182
+ /*! no static exports found */
50183
+ /***/ (function(module, exports) {
50184
+
50185
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.62,10.54A1.81,1.81,0,1,0,15.8,8.73,1.81,1.81,0,0,0,17.62,10.54Zm0-2.41a.6.6,0,0,1,.6.6.61.61,0,1,1-1.21,0A.6.6,0,0,1,17.62,8.13Z'/%3E%3Cpath class='cls-1' d='M21.75,18.58H8.25a2.25,2.25,0,0,0,0,4.5h13.5a2.25,2.25,0,0,0,0-4.5Zm0,3H8.25a.75.75,0,0,1,0-1.5h13.5a.75.75,0,0,1,0,1.5Z'/%3E%3Cpath class='cls-1' d='M7.22,17.38H22.55a.5.5,0,0,0,.44-.5.51.51,0,0,0-.51-.5H20.87l-4.6-4.51-.11-.09a1.8,1.8,0,0,0-2.43.09l-4.6,4.51h-2a.51.51,0,0,0-.43.5A.5.5,0,0,0,7.22,17.38Zm7.36-4.66.07-.06a.59.59,0,0,1,.77.06l3.73,3.65h-8.3Z'/%3E%3C/svg%3E"
50186
+
50187
+ /***/ }),
50188
+
48234
50189
  /***/ "./sharedUiComponents/imgs/valueChangedGridDark.svg":
48235
50190
  /*!**********************************************************!*\
48236
50191
  !*** ./sharedUiComponents/imgs/valueChangedGridDark.svg ***!
@@ -48253,6 +50208,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
48253
50208
 
48254
50209
  /***/ }),
48255
50210
 
50211
+ /***/ "./sharedUiComponents/imgs/verticalSliderIcon.svg":
50212
+ /*!********************************************************!*\
50213
+ !*** ./sharedUiComponents/imgs/verticalSliderIcon.svg ***!
50214
+ \********************************************************/
50215
+ /*! no static exports found */
50216
+ /***/ (function(module, exports) {
50217
+
50218
+ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M18.08,6.79a1.85,1.85,0,0,1,1.85,1.85V21.36a1.85,1.85,0,0,1-1.85,1.85H11.92a1.85,1.85,0,0,1-1.85-1.85V8.64a1.85,1.85,0,0,1,1.85-1.85Zm0,1.23H11.92a.61.61,0,0,0-.61.62V21.36a.61.61,0,0,0,.61.62h6.16a.61.61,0,0,0,.61-.62V8.64A.61.61,0,0,0,18.08,8Zm-.8,8.18a.62.62,0,0,1,.07.8l-.06.07L15.44,19a.62.62,0,0,1-.81.06L14.56,19l-1.85-1.89a.61.61,0,0,1,.81-.92l.07.06L15,17.65l1.41-1.44A.62.62,0,0,1,17.28,16.2Zm-1.84-5.12L17.29,13a.64.64,0,0,1,0,.88.63.63,0,0,1-.87,0L15,12.39l-1.41,1.44a.62.62,0,1,1-.88-.87l1.85-1.88A.61.61,0,0,1,15.44,11.08Z'/%3E%3C/svg%3E"
50219
+
50220
+ /***/ }),
50221
+
48256
50222
  /***/ "./sharedUiComponents/lines/buttonLineComponent.tsx":
48257
50223
  /*!**********************************************************!*\
48258
50224
  !*** ./sharedUiComponents/lines/buttonLineComponent.tsx ***!
@@ -49630,6 +51596,7 @@ var gridIcon = __webpack_require__(/*! ../public/imgs/gridIcon.svg */ "../public
49630
51596
  var stackPanelIcon = __webpack_require__(/*! ../public/imgs/stackPanelIcon.svg */ "../public/imgs/stackPanelIcon.svg");
49631
51597
  var textBoxIcon = __webpack_require__(/*! ../public/imgs/textBoxIcon.svg */ "../public/imgs/textBoxIcon.svg");
49632
51598
  var sliderIcon = __webpack_require__(/*! ../public/imgs/sliderIcon.svg */ "../public/imgs/sliderIcon.svg");
51599
+ var imageBasedSliderIcon = __webpack_require__(/*! ../public/imgs/imageSliderIcon.svg */ "../public/imgs/imageSliderIcon.svg");
49633
51600
  var buttonIcon = __webpack_require__(/*! ../public/imgs/buttonIcon.svg */ "../public/imgs/buttonIcon.svg");
49634
51601
  var passwordFieldIcon = __webpack_require__(/*! ../public/imgs/passwordFieldIcon.svg */ "../public/imgs/passwordFieldIcon.svg");
49635
51602
  var checkboxIcon = __webpack_require__(/*! ../public/imgs/checkboxIcon.svg */ "../public/imgs/checkboxIcon.svg");
@@ -49746,11 +51713,6 @@ var WorkbenchEditor = /** @class */ (function (_super) {
49746
51713
  (this.props.globalState.hostDocument || document).querySelector(".blocker").style.visibility = "visible";
49747
51714
  }
49748
51715
  };
49749
- WorkbenchEditor.prototype.componentWillUnmount = function () {
49750
- if (this.props.globalState.hostDocument) {
49751
- this.props.globalState.hostDocument.removeEventListener("keyup", this._onWidgetKeyUpPointer, false);
49752
- }
49753
- };
49754
51716
  WorkbenchEditor.prototype.showWaitScreen = function () {
49755
51717
  var _a;
49756
51718
  (_a = this.props.globalState.hostDocument.querySelector(".wait-screen")) === null || _a === void 0 ? void 0 : _a.classList.remove("hidden");
@@ -49927,6 +51889,13 @@ var WorkbenchEditor = /** @class */ (function (_super) {
49927
51889
  _this.onCreate("Slider");
49928
51890
  },
49929
51891
  },
51892
+ {
51893
+ label: "ImageBasedSlider",
51894
+ icon: imageBasedSliderIcon,
51895
+ onClick: function () {
51896
+ _this.onCreate("ImageBasedSlider");
51897
+ },
51898
+ },
49930
51899
  {
49931
51900
  label: "VirtualKeyboard",
49932
51901
  icon: keyboardIcon,