@babylonjs/gui-editor 5.0.0-alpha.61 → 5.0.0-alpha.62
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.
- package/babylon.guiEditor.max.js +913 -691
- package/babylon.guiEditor.max.js.map +1 -1
- package/babylon.guiEditor.module.d.ts +11 -7
- package/package.json +2 -2
package/babylon.guiEditor.max.js
CHANGED
|
@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
97
97
|
/******/ ({
|
|
98
98
|
|
|
99
99
|
/***/ "../../../../node_modules/@fortawesome/fontawesome-svg-core/index.es.js":
|
|
100
|
-
|
|
101
|
-
!***
|
|
102
|
-
|
|
100
|
+
/*!***************************************************************************************************************!*\
|
|
101
|
+
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
|
|
102
|
+
\***************************************************************************************************************/
|
|
103
103
|
/*! exports provided: icon, noAuto, config, toHtml, layer, text, counter, library, dom, parse, findIconDefinition */
|
|
104
104
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
105
105
|
|
|
@@ -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
|
-
!***
|
|
2562
|
-
|
|
2560
|
+
/*!***************************************************************************************************************!*\
|
|
2561
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
9582
|
-
|
|
9580
|
+
/*!************************************************************************************************************!*\
|
|
9581
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
9985
|
-
|
|
9983
|
+
/*!*************************************************************************************!*\
|
|
9984
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
10053
|
-
|
|
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
|
+
\****************************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10071
|
-
|
|
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
|
+
\********************************************************************************************************************************************************************************************************************/
|
|
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 .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 .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: 5px;\n padding-top: 5px;\n height: auto;\n display: grid;\n grid-template-columns: 1fr auto; }\n #ge-propertyTab .textLine .label {\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 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: 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-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", ""]);
|
|
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
|
-
!***
|
|
10089
|
-
|
|
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
|
+
\************************************************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10107
|
-
|
|
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
|
+
\*********************************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10125
|
-
|
|
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
|
+
\**************************************************************************************************************************************************************************************/
|
|
10126
10126
|
/*! no static exports found */
|
|
10127
10127
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10128
10128
|
|
|
@@ -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
|
-
!***
|
|
10143
|
-
|
|
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
|
+
\*************************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10161
|
-
|
|
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
|
+
\*********************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10179
|
-
|
|
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
|
+
\****************************************************************************************************************************************************************************************************************************/
|
|
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
|
-
!***
|
|
10197
|
-
|
|
10195
|
+
/*!************************************************************************************************!*\
|
|
10196
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
10302
|
-
|
|
10300
|
+
/*!****************************************************************************************!*\
|
|
10301
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
10404
|
-
|
|
10402
|
+
/*!************************************************************************************!*\
|
|
10403
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
10599
|
-
|
|
10597
|
+
/*!**********************************************************************************************!*\
|
|
10598
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
10713
|
-
|
|
10711
|
+
/*!*******************************************************************************************************!*\
|
|
10712
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
11316
|
-
|
|
11314
|
+
/*!*************************************************************************************!*\
|
|
11315
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
11342
|
-
|
|
11340
|
+
/*!********************************************************************************************************!*\
|
|
11341
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
11366
|
-
|
|
11364
|
+
/*!*******************************************************************************************************!*\
|
|
11365
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
11592
|
-
|
|
11590
|
+
/*!******************************************************************************************************!*\
|
|
11591
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
11909
|
-
|
|
11907
|
+
/*!*************************************************************************************************************!*\
|
|
11908
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12109
|
-
|
|
12107
|
+
/*!***************************************************************************************************!*\
|
|
12108
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12249
|
-
|
|
12247
|
+
/*!**************************************************************************************************!*\
|
|
12248
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12589
|
-
|
|
12587
|
+
/*!**************************************************************************************************!*\
|
|
12588
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12649
|
-
|
|
12647
|
+
/*!******************************************************************************************************!*\
|
|
12648
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12747
|
-
|
|
12745
|
+
/*!**************************************************************************************************************!*\
|
|
12746
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12809
|
-
|
|
12807
|
+
/*!**************************************************************************************************!*\
|
|
12808
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12858
|
-
|
|
12856
|
+
/*!************************************************************************************************!*\
|
|
12857
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
12896
|
-
|
|
12894
|
+
/*!********************************************************************************************************!*\
|
|
12895
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
37920
|
-
|
|
37918
|
+
/*!************************************************************************************!*\
|
|
37919
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
37965
|
-
|
|
37963
|
+
/*!******************************************************************************************************!*\
|
|
37964
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
38158
|
-
|
|
38156
|
+
/*!***********************************************************************************!*\
|
|
38157
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
38175
|
-
|
|
38173
|
+
/*!************************************************************************************************!*\
|
|
38174
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
40099
|
-
|
|
40097
|
+
/*!********************************************************************************!*\
|
|
40098
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
40116
|
-
|
|
40114
|
+
/*!****************************************************************************************************************!*\
|
|
40115
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
40477
|
-
|
|
40475
|
+
/*!********************************************************************************************************!*\
|
|
40476
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41347
|
-
|
|
41345
|
+
/*!************************************************************************************!*\
|
|
41346
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41364
|
-
|
|
41362
|
+
/*!**************************************************************************************!*\
|
|
41363
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41381
|
-
|
|
41379
|
+
/*!**********************************************************************************************!*\
|
|
41380
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41579
|
-
|
|
41577
|
+
/*!***********************************************************************************************************************!*\
|
|
41578
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41859
|
-
|
|
41857
|
+
/*!*******************************************************************************************!*\
|
|
41858
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
-
!***
|
|
41934
|
-
|
|
41932
|
+
/*!************************************************************************************!*\
|
|
41933
|
+
!*** C:/Users/raweber/Documents/GitHub/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
|
|
|
@@ -42818,10 +42818,13 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
42818
42818
|
__webpack_require__.r(__webpack_exports__);
|
|
42819
42819
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommandBarComponent", function() { return CommandBarComponent; });
|
|
42820
42820
|
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
42821
|
-
/* harmony import */ var
|
|
42822
|
-
/* harmony import */ var
|
|
42823
|
-
/* harmony import */ var
|
|
42824
|
-
/* harmony import */ var
|
|
42821
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/container */ "@babylonjs/gui/2D/controls/button");
|
|
42822
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_1__);
|
|
42823
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
42824
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
42825
|
+
/* harmony import */ var _commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./commandButtonComponent */ "./components/commandButtonComponent.tsx");
|
|
42826
|
+
/* harmony import */ var _commandDropdownComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./commandDropdownComponent */ "./components/commandDropdownComponent.tsx");
|
|
42827
|
+
|
|
42825
42828
|
|
|
42826
42829
|
|
|
42827
42830
|
|
|
@@ -42885,7 +42888,7 @@ var CommandBarComponent = /** @class */ (function (_super) {
|
|
|
42885
42888
|
var _this = this;
|
|
42886
42889
|
guiControl.isHighlighted = this._outlines;
|
|
42887
42890
|
guiControl.highlightLineWidth = 5;
|
|
42888
|
-
if (
|
|
42891
|
+
if (guiControl instanceof _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_1__["Container"]) {
|
|
42889
42892
|
guiControl.children.forEach(function (child) {
|
|
42890
42893
|
_this.updateNodeOutline(child);
|
|
42891
42894
|
});
|
|
@@ -42893,45 +42896,71 @@ var CommandBarComponent = /** @class */ (function (_super) {
|
|
|
42893
42896
|
};
|
|
42894
42897
|
CommandBarComponent.prototype.render = function () {
|
|
42895
42898
|
var _this = this;
|
|
42896
|
-
return (
|
|
42897
|
-
|
|
42898
|
-
|
|
42899
|
-
|
|
42899
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "ge-commands" },
|
|
42900
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "commands-left" },
|
|
42901
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("img", { src: logoIcon, color: "white", className: "active" }),
|
|
42902
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandDropdownComponent__WEBPACK_IMPORTED_MODULE_4__["CommandDropdownComponent"], { globalState: this.props.globalState, toRight: true, icon: hamburgerIcon, tooltip: "Options", items: [
|
|
42900
42903
|
{
|
|
42901
42904
|
label: "Save",
|
|
42902
|
-
onClick: function () {
|
|
42903
|
-
|
|
42905
|
+
onClick: function () {
|
|
42906
|
+
_this.props.globalState.onSaveObservable.notifyObservers();
|
|
42907
|
+
},
|
|
42908
|
+
},
|
|
42909
|
+
{
|
|
42904
42910
|
label: "Load",
|
|
42905
|
-
fileButton: true
|
|
42906
|
-
},
|
|
42911
|
+
fileButton: true,
|
|
42912
|
+
},
|
|
42913
|
+
{
|
|
42907
42914
|
label: "Save to snippet",
|
|
42908
|
-
onClick: function () {
|
|
42909
|
-
|
|
42915
|
+
onClick: function () {
|
|
42916
|
+
_this.props.globalState.onSnippetSaveObservable.notifyObservers();
|
|
42917
|
+
},
|
|
42918
|
+
},
|
|
42919
|
+
{
|
|
42910
42920
|
label: "Load from snippet",
|
|
42911
|
-
onClick: function () {
|
|
42912
|
-
|
|
42921
|
+
onClick: function () {
|
|
42922
|
+
_this.props.globalState.onSnippetLoadObservable.notifyObservers();
|
|
42923
|
+
},
|
|
42924
|
+
},
|
|
42925
|
+
{
|
|
42913
42926
|
label: "Help",
|
|
42914
|
-
onClick: function () {
|
|
42927
|
+
onClick: function () {
|
|
42928
|
+
window.open("https://doc.babylonjs.com/toolsAndResources/tools/guiEditor", "_blank");
|
|
42929
|
+
},
|
|
42915
42930
|
},
|
|
42916
42931
|
{
|
|
42917
42932
|
label: "Give feedback",
|
|
42918
|
-
onClick: function () {
|
|
42933
|
+
onClick: function () {
|
|
42934
|
+
window.open("https://forum.babylonjs.com/t/introducing-the-gui-editor-alpha/24578", "_blank");
|
|
42935
|
+
},
|
|
42919
42936
|
},
|
|
42920
42937
|
] }),
|
|
42921
|
-
|
|
42922
|
-
_this.
|
|
42923
|
-
|
|
42924
|
-
|
|
42925
|
-
|
|
42926
|
-
_this.
|
|
42927
|
-
|
|
42928
|
-
|
|
42929
|
-
|
|
42930
|
-
|
|
42931
|
-
|
|
42938
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Select", icon: pointerIcon, shortcut: "S", isActive: this._selecting, onClick: function () {
|
|
42939
|
+
if (!_this._selecting)
|
|
42940
|
+
_this.props.globalState.onSelectionButtonObservable.notifyObservers();
|
|
42941
|
+
} }),
|
|
42942
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Move", icon: moveIcon, shortcut: "M", isActive: this._moving, onClick: function () {
|
|
42943
|
+
if (!_this._moving)
|
|
42944
|
+
_this.props.globalState.onMoveObservable.notifyObservers();
|
|
42945
|
+
} }),
|
|
42946
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Pan", icon: handIcon, shortcut: "P", isActive: this._panning, onClick: function () {
|
|
42947
|
+
if (!_this._panning)
|
|
42948
|
+
_this.props.globalState.onPanObservable.notifyObservers();
|
|
42949
|
+
} }),
|
|
42950
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Zoom", shortcut: "Z", icon: zoomIcon, isActive: this._zooming, onClick: function () {
|
|
42951
|
+
if (!_this._zooming)
|
|
42952
|
+
_this.props.globalState.onZoomObservable.notifyObservers();
|
|
42953
|
+
} }),
|
|
42954
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Fit to Window", shortcut: "F", icon: canvasFitIcon, isActive: false, onClick: function () {
|
|
42955
|
+
_this.props.globalState.onFitToWindowObservable.notifyObservers();
|
|
42956
|
+
} }),
|
|
42957
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_3__["CommandButtonComponent"], { tooltip: "Toggle Guides", shortcut: "G", icon: guidesIcon, isActive: this._outlines, onClick: function () {
|
|
42958
|
+
_this.props.globalState.onOutlinesObservable.notifyObservers();
|
|
42959
|
+
} })),
|
|
42960
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "commands-right" })));
|
|
42932
42961
|
};
|
|
42933
42962
|
return CommandBarComponent;
|
|
42934
|
-
}(
|
|
42963
|
+
}(react__WEBPACK_IMPORTED_MODULE_2__["Component"]));
|
|
42935
42964
|
|
|
42936
42965
|
|
|
42937
42966
|
|
|
@@ -42958,9 +42987,18 @@ var CommandButtonComponent = /** @class */ (function (_super) {
|
|
|
42958
42987
|
return _super.call(this, props) || this;
|
|
42959
42988
|
}
|
|
42960
42989
|
CommandButtonComponent.prototype.render = function () {
|
|
42961
|
-
|
|
42962
|
-
|
|
42963
|
-
|
|
42990
|
+
var divClassName = this.props.altStyle ?
|
|
42991
|
+
"command-button-alt" + (this.props.disabled ? "-disabled" : "") + (this.props.isActive ? "-" : "") :
|
|
42992
|
+
"command-button ";
|
|
42993
|
+
var iconClassName = "command-button-icon ";
|
|
42994
|
+
if (this.props.isActive) {
|
|
42995
|
+
divClassName += "active";
|
|
42996
|
+
iconClassName += "active";
|
|
42997
|
+
}
|
|
42998
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: divClassName, onClick: this.props.onClick, title: this.props.tooltip + " " + (this.props.shortcut ? " (" + this.props.shortcut + ")" : "") },
|
|
42999
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: iconClassName },
|
|
43000
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: this.props.isActive ? "active" : "" })),
|
|
43001
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-label" }, this.props.tooltip),
|
|
42964
43002
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-label" }, this.props.tooltip)));
|
|
42965
43003
|
};
|
|
42966
43004
|
return CommandButtonComponent;
|
|
@@ -42997,14 +43035,12 @@ var CommandDropdownComponent = /** @class */ (function (_super) {
|
|
|
42997
43035
|
CommandDropdownComponent.prototype.render = function () {
|
|
42998
43036
|
var _this = this;
|
|
42999
43037
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
43000
|
-
this.state.isExpanded &&
|
|
43001
|
-
|
|
43002
|
-
|
|
43003
|
-
} }),
|
|
43038
|
+
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-blocker", onClick: function () {
|
|
43039
|
+
_this.setState({ isExpanded: false });
|
|
43040
|
+
} })),
|
|
43004
43041
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-root" },
|
|
43005
43042
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown" + (this.state.isExpanded ? " activated" : ""), title: this.props.tooltip, onClick: function () {
|
|
43006
43043
|
_this.setState({ isExpanded: false });
|
|
43007
|
-
;
|
|
43008
43044
|
var newState = !_this.state.isExpanded;
|
|
43009
43045
|
var pgHost = document.getElementById("embed-host");
|
|
43010
43046
|
if (pgHost) {
|
|
@@ -43012,49 +43048,41 @@ var CommandDropdownComponent = /** @class */ (function (_super) {
|
|
|
43012
43048
|
}
|
|
43013
43049
|
_this.setState({ isExpanded: newState });
|
|
43014
43050
|
} },
|
|
43015
|
-
this.props.icon &&
|
|
43016
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
43017
|
-
|
|
43018
|
-
|
|
43019
|
-
|
|
43020
|
-
|
|
43021
|
-
|
|
43022
|
-
|
|
43023
|
-
|
|
43024
|
-
|
|
43025
|
-
|
|
43026
|
-
|
|
43027
|
-
}
|
|
43028
|
-
|
|
43051
|
+
this.props.icon && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-icon" },
|
|
43052
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon }))),
|
|
43053
|
+
!this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-active" })),
|
|
43054
|
+
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-content sub1" + (this.props.toRight ? " toRight" : "") }, this.props.items.map(function (m) {
|
|
43055
|
+
if (!m.fileButton) {
|
|
43056
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-label" + (m.isActive ? " active" : ""), key: m.label, onClick: function () {
|
|
43057
|
+
if (!m.onClick) {
|
|
43058
|
+
_this.forceUpdate();
|
|
43059
|
+
return;
|
|
43060
|
+
}
|
|
43061
|
+
if (!m.subItems) {
|
|
43062
|
+
m.onClick();
|
|
43063
|
+
_this.setState({ isExpanded: false, activeState: m.label });
|
|
43064
|
+
}
|
|
43065
|
+
}, title: m.label },
|
|
43066
|
+
!m.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-label-text" }, (m.isActive ? "> " : "") + m.label),
|
|
43067
|
+
m.icon && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-icon" },
|
|
43068
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: m.icon }))),
|
|
43069
|
+
m.onCheck && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkBox", className: "command-dropdown-label-check", onChange: function (evt) {
|
|
43070
|
+
_this.forceUpdate();
|
|
43071
|
+
m.onCheck(evt.target.checked);
|
|
43072
|
+
}, checked: false })),
|
|
43073
|
+
m.subItems && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-arrow" }, ">"),
|
|
43074
|
+
m.subItems && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "sub-items " }, m.subItems.map(function (s) {
|
|
43075
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: s, className: "sub-item", onClick: function () {
|
|
43029
43076
|
m.onClick();
|
|
43030
|
-
_this.setState({ isExpanded: false
|
|
43031
|
-
}
|
|
43032
|
-
|
|
43033
|
-
|
|
43034
|
-
|
|
43035
|
-
|
|
43036
|
-
|
|
43037
|
-
|
|
43038
|
-
|
|
43039
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkBox", className: "command-dropdown-label-check", onChange: function (evt) {
|
|
43040
|
-
_this.forceUpdate();
|
|
43041
|
-
m.onCheck(evt.target.checked);
|
|
43042
|
-
}, checked: false }),
|
|
43043
|
-
m.subItems &&
|
|
43044
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "command-dropdown-arrow" }, ">"),
|
|
43045
|
-
m.subItems &&
|
|
43046
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "sub-items " }, m.subItems.map(function (s) {
|
|
43047
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: s, className: "sub-item", onClick: function () {
|
|
43048
|
-
m.onClick();
|
|
43049
|
-
_this.setState({ isExpanded: false });
|
|
43050
|
-
} },
|
|
43051
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "sub-item-label" }, s)));
|
|
43052
|
-
}))));
|
|
43053
|
-
}
|
|
43054
|
-
else {
|
|
43055
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_2__["FileButtonLineComponent"], { key: m.label, label: "Load", onClick: function (file) { return _this.props.globalState.onLoadObservable.notifyObservers(file); }, accept: ".json" }));
|
|
43056
|
-
}
|
|
43057
|
-
})))));
|
|
43077
|
+
_this.setState({ isExpanded: false });
|
|
43078
|
+
} },
|
|
43079
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "sub-item-label" }, s)));
|
|
43080
|
+
})))));
|
|
43081
|
+
}
|
|
43082
|
+
else {
|
|
43083
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_2__["FileButtonLineComponent"], { key: m.label, label: "Load", onClick: function (file) { return _this.props.globalState.onLoadObservable.notifyObservers(file); }, accept: ".json" }));
|
|
43084
|
+
}
|
|
43085
|
+
}))))));
|
|
43058
43086
|
};
|
|
43059
43087
|
return CommandDropdownComponent;
|
|
43060
43088
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -43407,6 +43435,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
43407
43435
|
|
|
43408
43436
|
|
|
43409
43437
|
|
|
43438
|
+
|
|
43410
43439
|
var sizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sizeIcon.svg */ "./sharedUiComponents/imgs/sizeIcon.svg");
|
|
43411
43440
|
var verticalMarginIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/verticalMarginIcon.svg */ "./sharedUiComponents/imgs/verticalMarginIcon.svg");
|
|
43412
43441
|
var positionIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/positionIcon.svg */ "./sharedUiComponents/imgs/positionIcon.svg");
|
|
@@ -43453,11 +43482,11 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43453
43482
|
var _a, _b;
|
|
43454
43483
|
//check if it contains either a px or a % sign
|
|
43455
43484
|
var percentage = this._responsive;
|
|
43456
|
-
var negative = value.charAt(0) ===
|
|
43457
|
-
if (value.charAt(value.length - 1) ===
|
|
43485
|
+
var negative = value.charAt(0) === "-";
|
|
43486
|
+
if (value.charAt(value.length - 1) === "%") {
|
|
43458
43487
|
percentage = true;
|
|
43459
43488
|
}
|
|
43460
|
-
else if (value.charAt(value.length - 1) ===
|
|
43489
|
+
else if (value.charAt(value.length - 1) === "x" && value.charAt(value.length - 2) === "p") {
|
|
43461
43490
|
percentage = false;
|
|
43462
43491
|
}
|
|
43463
43492
|
if (((_a = this.props.control.parent) === null || _a === void 0 ? void 0 : _a.typeName) === "StackPanel") {
|
|
@@ -43465,10 +43494,10 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43465
43494
|
}
|
|
43466
43495
|
var newValue = (_b = value.match(/([\d\.\,]+)/g)) === null || _b === void 0 ? void 0 : _b[0];
|
|
43467
43496
|
if (!newValue) {
|
|
43468
|
-
newValue =
|
|
43497
|
+
newValue = "0";
|
|
43469
43498
|
}
|
|
43470
|
-
newValue = (negative ?
|
|
43471
|
-
newValue += percentage ?
|
|
43499
|
+
newValue = (negative ? "-" : "") + newValue;
|
|
43500
|
+
newValue += percentage ? "%" : "px";
|
|
43472
43501
|
this.props.control[propertyName] = newValue;
|
|
43473
43502
|
this.forceUpdate();
|
|
43474
43503
|
};
|
|
@@ -43485,12 +43514,24 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43485
43514
|
this._height = this.props.control.height;
|
|
43486
43515
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
43487
43516
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
43488
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Left", icon: hAlignLeftIcon, shortcut: "", isActive: horizontalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_LEFT, onClick: function () {
|
|
43489
|
-
|
|
43490
|
-
|
|
43491
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "
|
|
43492
|
-
|
|
43493
|
-
|
|
43517
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Left", icon: hAlignLeftIcon, shortcut: "", isActive: horizontalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_LEFT, onClick: function () {
|
|
43518
|
+
_this._updateAlignment("horizontalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_LEFT);
|
|
43519
|
+
} }),
|
|
43520
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Center", icon: hAlignCenterIcon, shortcut: "", isActive: horizontalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_CENTER, onClick: function () {
|
|
43521
|
+
_this._updateAlignment("horizontalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_CENTER);
|
|
43522
|
+
} }),
|
|
43523
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Right", icon: hAlignRightIcon, shortcut: "", isActive: horizontalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_RIGHT, onClick: function () {
|
|
43524
|
+
_this._updateAlignment("horizontalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].HORIZONTAL_ALIGNMENT_RIGHT);
|
|
43525
|
+
} }),
|
|
43526
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Top", icon: vAlignTopIcon, shortcut: "", isActive: verticalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_TOP, onClick: function () {
|
|
43527
|
+
_this._updateAlignment("verticalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_TOP);
|
|
43528
|
+
} }),
|
|
43529
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Center", icon: vAlignCenterIcon, shortcut: "", isActive: verticalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_CENTER, onClick: function () {
|
|
43530
|
+
_this._updateAlignment("verticalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_CENTER);
|
|
43531
|
+
} }),
|
|
43532
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_7__["CommandButtonComponent"], { tooltip: "Bottom", icon: vAlignBottomIcon, shortcut: "", isActive: verticalAlignment === _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_BOTTOM, onClick: function () {
|
|
43533
|
+
_this._updateAlignment("verticalAlignment", _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].VERTICAL_ALIGNMENT_BOTTOM);
|
|
43534
|
+
} })),
|
|
43494
43535
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
43495
43536
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { numbersOnly: true, iconLabel: "Position", icon: positionIcon, lockObject: this.props.lockObject, label: "X", target: control, propertyName: "left", onChange: function (newValue) { return _this._checkAndUpdateValues("left", newValue); }, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43496
43537
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { numbersOnly: true, lockObject: this.props.lockObject, label: "Y", target: control, propertyName: "top", onChange: function (newValue) { return _this._checkAndUpdateValues("top", newValue); }, onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
@@ -43500,7 +43541,7 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43500
43541
|
control.autoScale = false;
|
|
43501
43542
|
}
|
|
43502
43543
|
else if (_this.props.control.typeName === "ColorPicker") {
|
|
43503
|
-
if (newValue ===
|
|
43544
|
+
if (newValue === "0" || newValue === "-") {
|
|
43504
43545
|
newValue = "1";
|
|
43505
43546
|
}
|
|
43506
43547
|
}
|
|
@@ -43536,24 +43577,24 @@ var CommonControlPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43536
43577
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_4__["SliderLineComponent"], { iconLabel: "Rotation", lockObject: this.props.lockObject, icon: rotationIcon, label: "R", target: control, decimalCount: 2, propertyName: "rotation", minimum: 0, maximum: 2 * Math.PI, step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43537
43578
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
43538
43579
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_2__["TextLineComponent"], { tooltip: "", label: "APPEARANCE", value: " ", color: "grey" }),
|
|
43539
|
-
control.color !== undefined &&
|
|
43540
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_9__["Color3LineComponent"], { iconLabel: "Color", icon: colorIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "color", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43541
|
-
control.background !== undefined &&
|
|
43542
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_9__["Color3LineComponent"], { iconLabel: "Background", icon: fillColorIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "background", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43580
|
+
(control.color !== undefined && control.typeName !== "Image" &&
|
|
43581
|
+
control.typeName !== "ImageBasedSlider" && control.typeName !== "ColorPicker") && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_9__["Color3LineComponent"], { iconLabel: "Color", icon: colorIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "color", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
43582
|
+
control.background !== undefined && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_9__["Color3LineComponent"], { iconLabel: "Background", icon: fillColorIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "background", onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
43543
43583
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_4__["SliderLineComponent"], { lockObject: this.props.lockObject, iconLabel: "Alpha", icon: alphaIcon, label: "", target: control, propertyName: "alpha", minimum: 0, maximum: 1, step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43544
43584
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_9__["Color3LineComponent"], { iconLabel: "Shadow Color", icon: shadowColorIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "shadowColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43545
43585
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
43546
43586
|
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 }),
|
|
43547
43587
|
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 })),
|
|
43548
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 }),
|
|
43549
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
43550
|
-
|
|
43551
|
-
|
|
43552
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
43553
|
-
|
|
43554
|
-
|
|
43555
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
43556
|
-
|
|
43589
|
+
(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
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
43591
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_2__["TextLineComponent"], { tooltip: "", label: "FONT STYLE", value: " ", color: "grey" }),
|
|
43592
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
43593
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { iconLabel: "Font Family", icon: fontFamilyIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "fontFamily", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43594
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { iconLabel: "Font Size", icon: fontSizeIcon, lockObject: this.props.lockObject, label: "", target: control, numbersOnly: true, propertyName: "fontSize", onChange: function (newValue) { return _this._checkAndUpdateValues("fontSize", newValue); }, onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
43595
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
43596
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { iconLabel: "Font Weight", icon: shadowBlurIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "fontWeight", onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43597
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextInputLineComponent"], { iconLabel: "Font Style", icon: fontStyleIcon, lockObject: this.props.lockObject, label: "", target: control, propertyName: "fontStyle", onPropertyChangedObservable: this.props.onPropertyChangedObservable })))));
|
|
43557
43598
|
};
|
|
43558
43599
|
return CommonControlPropertyGridComponent;
|
|
43559
43600
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -43711,14 +43752,22 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
43711
43752
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
43712
43753
|
/* harmony import */ var _gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../gui/commonControlPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
|
|
43713
43754
|
/* harmony import */ var _sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
|
|
43714
|
-
/* harmony import */ var
|
|
43715
|
-
/* harmony import */ var
|
|
43755
|
+
/* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
|
|
43756
|
+
/* harmony import */ var _commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../commandButtonComponent */ "./components/commandButtonComponent.tsx");
|
|
43716
43757
|
|
|
43717
43758
|
|
|
43718
43759
|
|
|
43719
43760
|
|
|
43720
43761
|
|
|
43721
43762
|
|
|
43763
|
+
var gridColumnIconDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/gridColumnIconDark.svg */ "./sharedUiComponents/imgs/gridColumnIconDark.svg");
|
|
43764
|
+
var gridRowIconDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/gridColumnIconDark.svg */ "./sharedUiComponents/imgs/gridColumnIconDark.svg"); //needs change
|
|
43765
|
+
var confirmGridElementDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/confirmGridElementDark.svg */ "./sharedUiComponents/imgs/confirmGridElementDark.svg");
|
|
43766
|
+
var subtractGridElementDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/subtractGridElementDark.svg */ "./sharedUiComponents/imgs/subtractGridElementDark.svg");
|
|
43767
|
+
var addGridElementDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/addGridElementDark.svg */ "./sharedUiComponents/imgs/addGridElementDark.svg");
|
|
43768
|
+
var cancelGridElementDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/cancelGridElementDark.svg */ "./sharedUiComponents/imgs/cancelGridElementDark.svg");
|
|
43769
|
+
var valueChangedGridDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/valueChangedGridDark.svg */ "./sharedUiComponents/imgs/valueChangedGridDark.svg");
|
|
43770
|
+
var deleteGridElementDark = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/deleteGridElementDark.svg */ "./sharedUiComponents/imgs/deleteGridElementDark.svg");
|
|
43722
43771
|
var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
43723
43772
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(GridPropertyGridComponent, _super);
|
|
43724
43773
|
function GridPropertyGridComponent(props) {
|
|
@@ -43732,18 +43781,28 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43732
43781
|
_this._columnDefinitions = [];
|
|
43733
43782
|
_this._editedRow = false;
|
|
43734
43783
|
_this._editedColumn = false;
|
|
43784
|
+
_this._rowChild = false;
|
|
43785
|
+
_this._columnChild = false;
|
|
43735
43786
|
return _this;
|
|
43736
43787
|
}
|
|
43737
43788
|
GridPropertyGridComponent.prototype.renderRows = function () {
|
|
43738
43789
|
var _this = this;
|
|
43739
43790
|
return (this._rowDefinitions.map(function (rd, i) {
|
|
43740
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "r" + i, className: "ge-
|
|
43741
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
43742
|
-
|
|
43743
|
-
|
|
43744
|
-
|
|
43745
|
-
|
|
43746
|
-
|
|
43791
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "r" + i, className: _this._removingRow && i === _this._rowEditFlags.length - 1 ? "ge-grid-remove" : _this._rowEditFlags[i] ? "ge-grid-edit" : "ge-grid" },
|
|
43792
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-grid-divider" },
|
|
43793
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { lockObject: _this.props.lockObject, key: "rText" + i, label: "", icon: gridColumnIconDark, iconLabel: "Row " + i, value: rd, numbersOnly: true, onChange: function (newValue) {
|
|
43794
|
+
_this._rowDefinitions[i] = newValue;
|
|
43795
|
+
_this._rowEditFlags[i] = true;
|
|
43796
|
+
_this._editedRow = true;
|
|
43797
|
+
_this._removingRow = false;
|
|
43798
|
+
_this._rowChild = false;
|
|
43799
|
+
_this.forceUpdate();
|
|
43800
|
+
} }),
|
|
43801
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "[" + i + "]", value: "", color: "grey" }),
|
|
43802
|
+
_this._removingRow && i === _this._rowEditFlags.length - 1 &&
|
|
43803
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { icon: deleteGridElementDark, label: " ", value: " ", color: "grey" }),
|
|
43804
|
+
_this._rowEditFlags[i] &&
|
|
43805
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { icon: valueChangedGridDark, label: " ", value: " ", color: "grey" }))));
|
|
43747
43806
|
}));
|
|
43748
43807
|
};
|
|
43749
43808
|
GridPropertyGridComponent.prototype.setRowValues = function () {
|
|
@@ -43775,13 +43834,21 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43775
43834
|
GridPropertyGridComponent.prototype.renderColumns = function () {
|
|
43776
43835
|
var _this = this;
|
|
43777
43836
|
return (this._columnDefinitions.map(function (cd, i) {
|
|
43778
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "c" + i, className: "ge-
|
|
43779
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
43780
|
-
|
|
43781
|
-
|
|
43782
|
-
|
|
43783
|
-
|
|
43784
|
-
|
|
43837
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { key: "c" + i, className: _this._removingColumn && i === _this._columnEditFlags.length - 1 ? "ge-grid-remove" : _this._columnEditFlags[i] ? "ge-grid-edit" : "ge-grid" },
|
|
43838
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-grid-divider" },
|
|
43839
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextInputLineComponent"], { lockObject: _this.props.lockObject, key: "ctext" + i, label: "", icon: gridRowIconDark, iconLabel: "Column " + i, value: cd, numbersOnly: true, onChange: function (newValue) {
|
|
43840
|
+
_this._columnDefinitions[i] = newValue;
|
|
43841
|
+
_this._columnEditFlags[i] = true;
|
|
43842
|
+
_this._editedColumn = true;
|
|
43843
|
+
_this._removingColumn = false;
|
|
43844
|
+
_this._columnChild = false;
|
|
43845
|
+
_this.forceUpdate();
|
|
43846
|
+
} }),
|
|
43847
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "[" + i + "]", value: "", color: "grey" }),
|
|
43848
|
+
_this._removingColumn && i === _this._columnEditFlags.length - 1 &&
|
|
43849
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { icon: deleteGridElementDark, label: " ", value: " ", color: "grey" }),
|
|
43850
|
+
_this._columnEditFlags[i] &&
|
|
43851
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { icon: valueChangedGridDark, label: " ", value: " ", color: "grey" }))));
|
|
43785
43852
|
}));
|
|
43786
43853
|
};
|
|
43787
43854
|
GridPropertyGridComponent.prototype.resizeRow = function () {
|
|
@@ -43906,104 +43973,118 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
43906
43973
|
var _a;
|
|
43907
43974
|
var newValue = (_a = value.match(/([0-9.,]+)/g)) === null || _a === void 0 ? void 0 : _a[0];
|
|
43908
43975
|
if (!newValue) {
|
|
43909
|
-
newValue =
|
|
43976
|
+
newValue = "0";
|
|
43910
43977
|
}
|
|
43911
|
-
newValue += percent ?
|
|
43978
|
+
newValue += percent ? "%" : "px";
|
|
43912
43979
|
return newValue;
|
|
43913
43980
|
};
|
|
43914
43981
|
GridPropertyGridComponent.prototype.checkPercentage = function (value) {
|
|
43915
|
-
var toSearch =
|
|
43982
|
+
var toSearch = "px";
|
|
43916
43983
|
return value.substring(value.length - toSearch.length, value.length) !== toSearch;
|
|
43917
43984
|
};
|
|
43985
|
+
GridPropertyGridComponent.prototype.resetValues = function () {
|
|
43986
|
+
var grid = this.props.grid;
|
|
43987
|
+
this._removingColumn = false;
|
|
43988
|
+
this._removingRow = false;
|
|
43989
|
+
this._columnChild = false;
|
|
43990
|
+
this._rowChild = false;
|
|
43991
|
+
this._previousGrid = grid;
|
|
43992
|
+
this.setRowValues();
|
|
43993
|
+
this.setColumnValues();
|
|
43994
|
+
this.resizeColumn();
|
|
43995
|
+
this.resizeRow();
|
|
43996
|
+
};
|
|
43918
43997
|
GridPropertyGridComponent.prototype.render = function () {
|
|
43919
43998
|
var _this = this;
|
|
43920
43999
|
var grid = this.props.grid;
|
|
43921
44000
|
if (grid !== this._previousGrid) {
|
|
43922
|
-
this.
|
|
43923
|
-
this._removingRow = false;
|
|
43924
|
-
this._previousGrid = grid;
|
|
43925
|
-
this.setRowValues();
|
|
43926
|
-
this.setColumnValues();
|
|
43927
|
-
this.resizeColumn();
|
|
43928
|
-
this.resizeRow();
|
|
44001
|
+
this.resetValues();
|
|
43929
44002
|
}
|
|
43930
44003
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "pane" },
|
|
43931
44004
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: grid, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
43932
44005
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
43933
44006
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "GRID", value: " ", color: "grey" }),
|
|
43934
|
-
|
|
43935
|
-
|
|
43936
|
-
|
|
43937
|
-
|
|
43938
|
-
|
|
43939
|
-
|
|
43940
|
-
|
|
43941
|
-
|
|
43942
|
-
|
|
43943
|
-
|
|
43944
|
-
|
|
43945
|
-
|
|
43946
|
-
|
|
43947
|
-
|
|
43948
|
-
|
|
43949
|
-
" ",
|
|
43950
|
-
(grid.rowCount > 1 && !this._removingRow) && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_4__["ButtonLineComponent"], { label: "REMOVE ROW", onClick: function () {
|
|
43951
|
-
var hasChild = false;
|
|
43952
|
-
for (var i = 0; i < grid.columnCount; ++i) {
|
|
43953
|
-
var child = grid.cells[(grid.rowCount - 1) + ":" + i];
|
|
43954
|
-
if (child === null || child === void 0 ? void 0 : child.children.length) {
|
|
43955
|
-
hasChild = true;
|
|
43956
|
-
break;
|
|
43957
|
-
}
|
|
43958
|
-
}
|
|
43959
|
-
if (hasChild) {
|
|
43960
|
-
_this._removingRow = true;
|
|
43961
|
-
}
|
|
43962
|
-
else {
|
|
43963
|
-
grid.removeRowDefinition(grid.rowCount - 1);
|
|
43964
|
-
_this.setRowValues();
|
|
43965
|
-
_this.resizeRow();
|
|
43966
|
-
}
|
|
43967
|
-
_this.forceUpdate();
|
|
43968
|
-
} }),
|
|
43969
|
-
this._removingRow &&
|
|
43970
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
43971
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?", value: " ", color: "grey" }),
|
|
43972
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_4__["ButtonLineComponent"], { label: "REMOVE", onClick: function () {
|
|
43973
|
-
grid.removeRowDefinition(grid.rowCount - 1);
|
|
43974
|
-
_this.setRowValues();
|
|
43975
|
-
_this.resizeRow();
|
|
44007
|
+
this.renderRows(),
|
|
44008
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-gridLine" },
|
|
44009
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-grid-button-divider" },
|
|
44010
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Add Row", icon: addGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44011
|
+
var total = 0;
|
|
44012
|
+
var count = 0;
|
|
44013
|
+
for (var i = 0; i < grid.rowCount; ++i) {
|
|
44014
|
+
var rd = grid.getRowDefinition(i);
|
|
44015
|
+
if (rd === null || rd === void 0 ? void 0 : rd.isPercentage) {
|
|
44016
|
+
total += rd === null || rd === void 0 ? void 0 : rd.getValue(grid.host);
|
|
44017
|
+
count++;
|
|
44018
|
+
}
|
|
44019
|
+
}
|
|
44020
|
+
grid.addRowDefinition(total / count, false);
|
|
44021
|
+
_this.resetValues();
|
|
43976
44022
|
_this.forceUpdate();
|
|
43977
|
-
_this._removingRow = false;
|
|
43978
44023
|
} }),
|
|
43979
|
-
|
|
43980
|
-
|
|
44024
|
+
" ",
|
|
44025
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Remove Row", icon: subtractGridElementDark, shortcut: "", isActive: this._removingRow, disabled: grid.rowCount <= 1, onClick: function () {
|
|
44026
|
+
var hasChild = false;
|
|
44027
|
+
for (var i = 0; i < grid.columnCount; ++i) {
|
|
44028
|
+
var child = grid.cells[(grid.rowCount - 1) + ":" + i];
|
|
44029
|
+
if (child === null || child === void 0 ? void 0 : child.children.length) {
|
|
44030
|
+
hasChild = true;
|
|
44031
|
+
break;
|
|
44032
|
+
//(grid.rowCount > 1 && !this._removingRow)
|
|
44033
|
+
}
|
|
44034
|
+
}
|
|
44035
|
+
_this.resetValues();
|
|
44036
|
+
if (hasChild) {
|
|
44037
|
+
_this._rowChild = true;
|
|
44038
|
+
}
|
|
44039
|
+
_this._removingRow = true;
|
|
43981
44040
|
_this.forceUpdate();
|
|
43982
|
-
} })
|
|
43983
|
-
|
|
43984
|
-
|
|
43985
|
-
|
|
43986
|
-
|
|
43987
|
-
|
|
44041
|
+
} }),
|
|
44042
|
+
this._editedRow &&
|
|
44043
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44044
|
+
" ",
|
|
44045
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Confirm", icon: confirmGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44046
|
+
_this.resizeRow();
|
|
44047
|
+
_this.forceUpdate();
|
|
44048
|
+
} }),
|
|
44049
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Cancel", icon: cancelGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44050
|
+
_this.resetValues();
|
|
44051
|
+
_this.forceUpdate();
|
|
44052
|
+
} })),
|
|
44053
|
+
this._removingRow &&
|
|
44054
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44055
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Confirm", icon: confirmGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44056
|
+
grid.removeRowDefinition(grid.rowCount - 1);
|
|
44057
|
+
_this.setRowValues();
|
|
44058
|
+
_this.resizeRow();
|
|
44059
|
+
_this.forceUpdate();
|
|
44060
|
+
_this._removingRow = false;
|
|
44061
|
+
_this._rowChild = false;
|
|
44062
|
+
} }),
|
|
44063
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Cancel", icon: cancelGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44064
|
+
_this._removingRow = false;
|
|
44065
|
+
_this._rowChild = false;
|
|
44066
|
+
_this.forceUpdate();
|
|
44067
|
+
} })))),
|
|
44068
|
+
this._rowChild && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44069
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "This row is not empty. Removing it will delete all contained controls. Do you want to remove this row and delete all controls within?", value: " ", color: "grey" })),
|
|
43988
44070
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
43989
|
-
|
|
43990
|
-
|
|
43991
|
-
|
|
43992
|
-
|
|
43993
|
-
var
|
|
43994
|
-
|
|
43995
|
-
|
|
43996
|
-
|
|
44071
|
+
this.renderColumns(),
|
|
44072
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-grid-button-divider" },
|
|
44073
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Add Column", icon: addGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44074
|
+
var total = 0;
|
|
44075
|
+
var count = 0;
|
|
44076
|
+
for (var i = 0; i < grid.columnCount; ++i) {
|
|
44077
|
+
var cd = grid.getColumnDefinition(i);
|
|
44078
|
+
if (cd === null || cd === void 0 ? void 0 : cd.isPercentage) {
|
|
44079
|
+
total += cd === null || cd === void 0 ? void 0 : cd.getValue(grid.host);
|
|
44080
|
+
count++;
|
|
44081
|
+
}
|
|
43997
44082
|
}
|
|
43998
|
-
|
|
43999
|
-
|
|
44000
|
-
|
|
44001
|
-
|
|
44002
|
-
|
|
44003
|
-
} }),
|
|
44004
|
-
" ",
|
|
44005
|
-
(grid.columnCount > 1 && !this._removingColumn) &&
|
|
44006
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_4__["ButtonLineComponent"], { label: "REMOVE COLUMN", onClick: function () {
|
|
44083
|
+
grid.addColumnDefinition(total / count, false);
|
|
44084
|
+
_this.resetValues();
|
|
44085
|
+
_this.forceUpdate();
|
|
44086
|
+
} }),
|
|
44087
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Remove Column", icon: subtractGridElementDark, shortcut: "", isActive: this._removingColumn, disabled: grid.columnCount <= 1, onClick: function () {
|
|
44007
44088
|
var hasChild = false;
|
|
44008
44089
|
for (var i = 0; i < grid.rowCount; ++i) {
|
|
44009
44090
|
var child = grid.cells[i + ":" + (grid.columnCount - 1)];
|
|
@@ -44012,35 +44093,40 @@ var GridPropertyGridComponent = /** @class */ (function (_super) {
|
|
|
44012
44093
|
break;
|
|
44013
44094
|
}
|
|
44014
44095
|
}
|
|
44096
|
+
_this.resetValues();
|
|
44015
44097
|
if (hasChild) {
|
|
44016
|
-
_this.
|
|
44017
|
-
}
|
|
44018
|
-
else {
|
|
44019
|
-
grid.removeColumnDefinition(grid.columnCount - 1);
|
|
44020
|
-
_this.setColumnValues();
|
|
44021
|
-
_this.resizeColumn();
|
|
44098
|
+
_this._columnChild = true;
|
|
44022
44099
|
}
|
|
44100
|
+
_this._removingColumn = true;
|
|
44023
44101
|
_this.forceUpdate();
|
|
44024
44102
|
} }),
|
|
44025
|
-
|
|
44026
|
-
|
|
44027
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "This column is not empty. Removing it will delete all contained controls. Do you want to remove this column and delete all controls within?", value: " ", color: "grey" }),
|
|
44028
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_4__["ButtonLineComponent"], { label: "REMOVE", onClick: function () {
|
|
44029
|
-
grid.removeColumnDefinition(grid.columnCount - 1);
|
|
44030
|
-
_this.setColumnValues();
|
|
44103
|
+
this._editedColumn && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44104
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Confirm", icon: confirmGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44031
44105
|
_this.resizeColumn();
|
|
44032
44106
|
_this.forceUpdate();
|
|
44033
|
-
_this._removingColumn = false;
|
|
44034
44107
|
} }),
|
|
44035
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
44036
|
-
_this.
|
|
44108
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Cancel", icon: cancelGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44109
|
+
_this.resetValues();
|
|
44037
44110
|
_this.forceUpdate();
|
|
44038
44111
|
} })),
|
|
44039
|
-
|
|
44040
|
-
|
|
44041
|
-
|
|
44042
|
-
|
|
44043
|
-
|
|
44112
|
+
this._removingColumn &&
|
|
44113
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44114
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Confirm", icon: confirmGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44115
|
+
grid.removeColumnDefinition(grid.columnCount - 1);
|
|
44116
|
+
_this.setColumnValues();
|
|
44117
|
+
_this.resizeColumn();
|
|
44118
|
+
_this.forceUpdate();
|
|
44119
|
+
_this._removingColumn = false;
|
|
44120
|
+
_this._columnChild = false;
|
|
44121
|
+
} }),
|
|
44122
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_5__["CommandButtonComponent"], { altStyle: true, tooltip: "Cancel", icon: cancelGridElementDark, shortcut: "", isActive: false, onClick: function () {
|
|
44123
|
+
_this._removingColumn = false;
|
|
44124
|
+
_this._columnChild = false;
|
|
44125
|
+
_this.forceUpdate();
|
|
44126
|
+
} })),
|
|
44127
|
+
" "),
|
|
44128
|
+
this._columnChild && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
44129
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__["TextLineComponent"], { tooltip: "", label: "This column is not empty. Removing it will delete all contained controls. Do you want to remove this column and delete all controls within?", value: " ", color: "grey" }))));
|
|
44044
44130
|
};
|
|
44045
44131
|
return GridPropertyGridComponent;
|
|
44046
44132
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -44146,7 +44232,7 @@ var ImagePropertyGridComponent = /** @class */ (function (_super) {
|
|
|
44146
44232
|
{ label: "Fill", value: _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_3__["Image"].STRETCH_FILL },
|
|
44147
44233
|
{ label: "Uniform", value: _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_3__["Image"].STRETCH_UNIFORM },
|
|
44148
44234
|
{ label: "Extend", value: _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_3__["Image"].STRETCH_EXTEND },
|
|
44149
|
-
{ label: "NinePatch", value: _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_3__["Image"].STRETCH_NINE_PATCH }
|
|
44235
|
+
{ label: "NinePatch", value: _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_3__["Image"].STRETCH_NINE_PATCH },
|
|
44150
44236
|
];
|
|
44151
44237
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "pane" },
|
|
44152
44238
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__["CommonControlPropertyGridComponent"], { lockObject: this.props.lockObject, control: image, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
@@ -44433,7 +44519,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
44433
44519
|
var fillColorIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/fillColorIcon.svg */ "./sharedUiComponents/imgs/fillColorIcon.svg");
|
|
44434
44520
|
var sizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sizeIcon.svg */ "./sharedUiComponents/imgs/sizeIcon.svg");
|
|
44435
44521
|
var conerRadiusIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/conerRadiusIcon.svg */ "./sharedUiComponents/imgs/conerRadiusIcon.svg");
|
|
44436
|
-
;
|
|
44437
44522
|
var strokeWeightIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/strokeWeightIcon.svg */ "./sharedUiComponents/imgs/strokeWeightIcon.svg");
|
|
44438
44523
|
var ScrollViewerPropertyGridComponent = /** @class */ (function (_super) {
|
|
44439
44524
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ScrollViewerPropertyGridComponent, _super);
|
|
@@ -44494,7 +44579,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
44494
44579
|
var sizeIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/sizeIcon.svg */ "./sharedUiComponents/imgs/sizeIcon.svg");
|
|
44495
44580
|
var scaleIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/scaleIcon.svg */ "./sharedUiComponents/imgs/scaleIcon.svg");
|
|
44496
44581
|
var horizontalMarginIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/horizontalMarginIcon.svg */ "./sharedUiComponents/imgs/horizontalMarginIcon.svg");
|
|
44497
|
-
;
|
|
44498
44582
|
var colorIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/colorIcon.svg */ "./sharedUiComponents/imgs/colorIcon.svg");
|
|
44499
44583
|
var vAlignCenterIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/vAlignCenterIcon.svg */ "./sharedUiComponents/imgs/vAlignCenterIcon.svg");
|
|
44500
44584
|
var clipContentsIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/clipContentsIcon.svg */ "./sharedUiComponents/imgs/clipContentsIcon.svg");
|
|
@@ -44832,13 +44916,17 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44832
44916
|
adt = this.props.globalState.guiTexture;
|
|
44833
44917
|
content = JSON.stringify(adt.serializeContent());
|
|
44834
44918
|
savePromise = ((_a = this.props.globalState.customSave) === null || _a === void 0 ? void 0 : _a.action) || this.saveToSnippetServerHelper;
|
|
44835
|
-
savePromise(content, adt)
|
|
44919
|
+
savePromise(content, adt)
|
|
44920
|
+
.then(function (snippetId) {
|
|
44836
44921
|
adt.snippetId = snippetId;
|
|
44837
44922
|
var alertMessage = "GUI saved with ID: " + adt.snippetId;
|
|
44838
44923
|
if (navigator.clipboard) {
|
|
44839
|
-
navigator.clipboard
|
|
44924
|
+
navigator.clipboard
|
|
44925
|
+
.writeText(adt.snippetId)
|
|
44926
|
+
.then(function () {
|
|
44840
44927
|
alert(alertMessage + ". The ID was copied to your clipboard.");
|
|
44841
|
-
})
|
|
44928
|
+
})
|
|
44929
|
+
.catch(function (err) {
|
|
44842
44930
|
alert(alertMessage);
|
|
44843
44931
|
});
|
|
44844
44932
|
}
|
|
@@ -44846,7 +44934,8 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44846
44934
|
alert(alertMessage);
|
|
44847
44935
|
}
|
|
44848
44936
|
_this.props.globalState.onBuiltObservable.notifyObservers();
|
|
44849
|
-
})
|
|
44937
|
+
})
|
|
44938
|
+
.catch(function (err) {
|
|
44850
44939
|
alert(err);
|
|
44851
44940
|
});
|
|
44852
44941
|
this.forceUpdate();
|
|
@@ -44927,15 +45016,15 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44927
45016
|
switch (className) {
|
|
44928
45017
|
case "TextBlock": {
|
|
44929
45018
|
var textBlock = this.state.currentNode;
|
|
44930
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_textBlockPropertyGridComponent__WEBPACK_IMPORTED_MODULE_12__["TextBlockPropertyGridComponent"], { textBlock: textBlock, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45019
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_textBlockPropertyGridComponent__WEBPACK_IMPORTED_MODULE_12__["TextBlockPropertyGridComponent"], { textBlock: textBlock, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44931
45020
|
}
|
|
44932
45021
|
case "InputText": {
|
|
44933
45022
|
var inputText = this.state.currentNode;
|
|
44934
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_inputTextPropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__["InputTextPropertyGridComponent"], { inputText: inputText, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45023
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_inputTextPropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__["InputTextPropertyGridComponent"], { inputText: inputText, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44935
45024
|
}
|
|
44936
45025
|
case "ColorPicker": {
|
|
44937
45026
|
var colorPicker = this.state.currentNode;
|
|
44938
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_colorPickerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_14__["ColorPickerPropertyGridComponent"], { colorPicker: colorPicker, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45027
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_colorPickerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_14__["ColorPickerPropertyGridComponent"], { colorPicker: colorPicker, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44939
45028
|
}
|
|
44940
45029
|
case "Image": {
|
|
44941
45030
|
var image = this.state.currentNode;
|
|
@@ -44943,19 +45032,19 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44943
45032
|
}
|
|
44944
45033
|
case "Slider": {
|
|
44945
45034
|
var slider = this.state.currentNode;
|
|
44946
|
-
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 });
|
|
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 }));
|
|
44947
45036
|
}
|
|
44948
45037
|
case "ImageBasedSlider": {
|
|
44949
45038
|
var imageBasedSlider = this.state.currentNode;
|
|
44950
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_imageBasedSliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__["ImageBasedSliderPropertyGridComponent"], { imageBasedSlider: imageBasedSlider, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45039
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_imageBasedSliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__["ImageBasedSliderPropertyGridComponent"], { imageBasedSlider: imageBasedSlider, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44951
45040
|
}
|
|
44952
45041
|
case "Rectangle": {
|
|
44953
45042
|
var rectangle = this.state.currentNode;
|
|
44954
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_rectanglePropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__["RectanglePropertyGridComponent"], { rectangle: rectangle, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45043
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_rectanglePropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__["RectanglePropertyGridComponent"], { rectangle: rectangle, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44955
45044
|
}
|
|
44956
45045
|
case "StackPanel": {
|
|
44957
45046
|
var stackPanel = this.state.currentNode;
|
|
44958
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_stackPanelPropertyGridComponent__WEBPACK_IMPORTED_MODULE_18__["StackPanelPropertyGridComponent"], { stackPanel: stackPanel, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45047
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_stackPanelPropertyGridComponent__WEBPACK_IMPORTED_MODULE_18__["StackPanelPropertyGridComponent"], { stackPanel: stackPanel, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44959
45048
|
}
|
|
44960
45049
|
case "Grid": {
|
|
44961
45050
|
var grid = this.state.currentNode;
|
|
@@ -44963,19 +45052,19 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44963
45052
|
}
|
|
44964
45053
|
case "ScrollViewer": {
|
|
44965
45054
|
var scrollViewer = this.state.currentNode;
|
|
44966
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_scrollViewerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_20__["ScrollViewerPropertyGridComponent"], { scrollViewer: scrollViewer, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45055
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_scrollViewerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_20__["ScrollViewerPropertyGridComponent"], { scrollViewer: scrollViewer, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44967
45056
|
}
|
|
44968
45057
|
case "Ellipse": {
|
|
44969
45058
|
var ellipse = this.state.currentNode;
|
|
44970
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_ellipsePropertyGridComponent__WEBPACK_IMPORTED_MODULE_21__["EllipsePropertyGridComponent"], { ellipse: ellipse, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45059
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_ellipsePropertyGridComponent__WEBPACK_IMPORTED_MODULE_21__["EllipsePropertyGridComponent"], { ellipse: ellipse, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44971
45060
|
}
|
|
44972
45061
|
case "Checkbox": {
|
|
44973
45062
|
var checkbox = this.state.currentNode;
|
|
44974
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_checkboxPropertyGridComponent__WEBPACK_IMPORTED_MODULE_22__["CheckboxPropertyGridComponent"], { checkbox: checkbox, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45063
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_checkboxPropertyGridComponent__WEBPACK_IMPORTED_MODULE_22__["CheckboxPropertyGridComponent"], { checkbox: checkbox, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44975
45064
|
}
|
|
44976
45065
|
case "RadioButton": {
|
|
44977
45066
|
var radioButton = this.state.currentNode;
|
|
44978
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_radioButtonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_11__["RadioButtonPropertyGridComponent"], { radioButton: radioButton, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45067
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_radioButtonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_11__["RadioButtonPropertyGridComponent"], { radioButton: radioButton, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44979
45068
|
}
|
|
44980
45069
|
case "Line": {
|
|
44981
45070
|
var line = this.state.currentNode;
|
|
@@ -44983,21 +45072,21 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
44983
45072
|
}
|
|
44984
45073
|
case "DisplayGrid": {
|
|
44985
45074
|
var displayGrid = this.state.currentNode;
|
|
44986
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_displayGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_30__["DisplayGridPropertyGridComponent"], { displayGrid: displayGrid, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45075
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_displayGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_30__["DisplayGridPropertyGridComponent"], { displayGrid: displayGrid, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
44987
45076
|
}
|
|
44988
45077
|
case "Button": {
|
|
44989
45078
|
var button_1 = this.state.currentNode;
|
|
44990
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_buttonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_31__["ButtonPropertyGridComponent"], { key: "buttonMenu", rectangle: button_1, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable, onAddComponent: function (value) {
|
|
45079
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_buttonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_31__["ButtonPropertyGridComponent"], { key: "buttonMenu", rectangle: button_1, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable, onAddComponent: function (value) {
|
|
44991
45080
|
var guiElement = _guiNodeTools__WEBPACK_IMPORTED_MODULE_32__["GUINodeTools"].CreateControlFromString(value);
|
|
44992
45081
|
var newGuiNode = _this.props.globalState.workbench.createNewGuiNode(guiElement);
|
|
44993
45082
|
button_1.addControl(newGuiNode);
|
|
44994
45083
|
_this.props.globalState.onSelectionChangedObservable.notifyObservers(newGuiNode);
|
|
44995
|
-
} });
|
|
45084
|
+
} }));
|
|
44996
45085
|
}
|
|
44997
45086
|
}
|
|
44998
45087
|
if (className !== "") {
|
|
44999
45088
|
var control = this.state.currentNode;
|
|
45000
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_controlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_24__["ControlPropertyGridComponent"], { control: control, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45089
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_controlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_24__["ControlPropertyGridComponent"], { control: control, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45001
45090
|
}
|
|
45002
45091
|
return null;
|
|
45003
45092
|
};
|
|
@@ -45106,21 +45195,19 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45106
45195
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "title" },
|
|
45107
45196
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_28__["TextInputLineComponent"], { noUnderline: true, lockObject: this._lockObject, label: "", target: this.state.currentNode, propertyName: "name", onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }))),
|
|
45108
45197
|
this.renderProperties(),
|
|
45109
|
-
((_b = (_a = this.state.currentNode) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.typeName) === "Grid" &&
|
|
45110
|
-
|
|
45111
|
-
|
|
45112
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45113
|
-
|
|
45114
|
-
|
|
45115
|
-
|
|
45116
|
-
|
|
45117
|
-
|
|
45118
|
-
|
|
45119
|
-
|
|
45120
|
-
|
|
45121
|
-
|
|
45122
|
-
}
|
|
45123
|
-
} }))));
|
|
45198
|
+
((_b = (_a = this.state.currentNode) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.typeName) === "Grid" && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_parentingPropertyGridComponent__WEBPACK_IMPORTED_MODULE_29__["ParentingPropertyGridComponent"], { control: this.state.currentNode, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable, lockObject: this._lockObject })),
|
|
45199
|
+
this.state.currentNode !== this.props.globalState.guiTexture.getChildren()[0] && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
45200
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
45201
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "DELETE ELEMENT", onClick: function () {
|
|
45202
|
+
var _a;
|
|
45203
|
+
(_a = _this.state.currentNode) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
45204
|
+
_this.props.globalState.onSelectionChangedObservable.notifyObservers(null);
|
|
45205
|
+
} }),
|
|
45206
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__["ButtonLineComponent"], { label: "COPY ELEMENT", onClick: function () {
|
|
45207
|
+
if (_this.state.currentNode) {
|
|
45208
|
+
_this.props.globalState.workbench.CopyGUIControl(_this.state.currentNode);
|
|
45209
|
+
}
|
|
45210
|
+
} })))));
|
|
45124
45211
|
}
|
|
45125
45212
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "ge-propertyTab" },
|
|
45126
45213
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "header" },
|
|
@@ -45128,8 +45215,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45128
45215
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "title" }, "AdvancedDynamicTexture")),
|
|
45129
45216
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
45130
45217
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextLineComponent"], { tooltip: "", label: "ART BOARD", value: " ", color: "grey" }),
|
|
45131
|
-
this.props.globalState.workbench._scene !== undefined &&
|
|
45132
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_27__["Color3LineComponent"], { iconLabel: "Background Color", lockObject: this._lockObject, icon: artboardColorIcon, label: "", target: this.props.globalState.workbench._scene, propertyName: "clearColor", onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }),
|
|
45218
|
+
this.props.globalState.workbench._scene !== undefined && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_27__["Color3LineComponent"], { iconLabel: "Background Color", lockObject: this._lockObject, icon: artboardColorIcon, label: "", target: this.props.globalState.workbench._scene, propertyName: "clearColor", onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable })),
|
|
45133
45219
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
45134
45220
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextLineComponent"], { tooltip: "", label: "CANVAS", value: " ", color: "grey" }),
|
|
45135
45221
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__["CheckBoxLineComponent"], { label: "RESPONSIVE", iconLabel: "A responsive layout for the AdvancedDynamicTexture will resize the UI layout and reflow controls to accommodate different device screen sizes", icon: responsiveIcon, isSelected: function () { return _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true); }, onSelect: function (value) {
|
|
@@ -45142,27 +45228,25 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45142
45228
|
}
|
|
45143
45229
|
_this.forceUpdate();
|
|
45144
45230
|
} }),
|
|
45145
|
-
_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true) &&
|
|
45146
|
-
|
|
45147
|
-
|
|
45148
|
-
|
|
45149
|
-
|
|
45150
|
-
|
|
45231
|
+
_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_25__["OptionsLineComponent"], { label: "", iconLabel: "Size", options: _sizeOptions, icon: canvasSizeIcon, target: this, propertyName: "_sizeOption", noDirectUpdate: true, onSelect: function (value) {
|
|
45232
|
+
_this._sizeOption = value;
|
|
45233
|
+
if (_this._sizeOption !== _sizeOptions.length) {
|
|
45234
|
+
var newSize = _sizeValues[_this._sizeOption];
|
|
45235
|
+
_this.props.globalState.workbench.resizeGuiTexture(newSize);
|
|
45236
|
+
}
|
|
45237
|
+
_this.forceUpdate();
|
|
45238
|
+
} })),
|
|
45239
|
+
!_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
45240
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_26__["FloatLineComponent"], { icon: canvasSizeIcon, iconLabel: "Canvas Size", label: "W", target: textureSize, propertyName: "x", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
45241
|
+
if (!isNaN(newvalue)) {
|
|
45242
|
+
_this.props.globalState.workbench.resizeGuiTexture(new _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["Vector2"](newvalue, textureSize.y));
|
|
45151
45243
|
}
|
|
45152
|
-
_this.forceUpdate();
|
|
45153
45244
|
} }),
|
|
45154
|
-
|
|
45155
|
-
|
|
45156
|
-
|
|
45157
|
-
|
|
45158
|
-
|
|
45159
|
-
}
|
|
45160
|
-
} }),
|
|
45161
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_26__["FloatLineComponent"], { icon: canvasSizeIcon, label: "H", target: textureSize, propertyName: "y", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
45162
|
-
if (!isNaN(newvalue)) {
|
|
45163
|
-
_this.props.globalState.workbench.resizeGuiTexture(new _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["Vector2"](textureSize.x, newvalue));
|
|
45164
|
-
}
|
|
45165
|
-
} })),
|
|
45245
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_26__["FloatLineComponent"], { icon: canvasSizeIcon, label: "H", target: textureSize, propertyName: "y", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
45246
|
+
if (!isNaN(newvalue)) {
|
|
45247
|
+
_this.props.globalState.workbench.resizeGuiTexture(new _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_4__["Vector2"](textureSize.x, newvalue));
|
|
45248
|
+
}
|
|
45249
|
+
} }))),
|
|
45166
45250
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
45167
45251
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_6__["TextLineComponent"], { tooltip: "", label: "FILE", value: " ", color: "grey" }),
|
|
45168
45252
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_3__["FileButtonLineComponent"], { label: "Load", onClick: function (file) { return _this.load(file); }, accept: ".json" }),
|
|
@@ -45199,6 +45283,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45199
45283
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
45200
45284
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
45201
45285
|
/* harmony import */ var _globalState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../globalState */ "./globalState.ts");
|
|
45286
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/container */ "@babylonjs/gui/2D/controls/button");
|
|
45287
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_5__);
|
|
45288
|
+
|
|
45202
45289
|
|
|
45203
45290
|
|
|
45204
45291
|
|
|
@@ -45237,14 +45324,14 @@ var ControlTreeItemComponent = /** @class */ (function (_super) {
|
|
|
45237
45324
|
var draggingSelf = this.props.globalState.draggedControl === control;
|
|
45238
45325
|
return (react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "controlTools" },
|
|
45239
45326
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_treeItemLabelComponent__WEBPACK_IMPORTED_MODULE_1__["TreeItemLabelComponent"], { label: name, onClick: function () { return _this.props.onClick(); }, color: "greenyellow" }),
|
|
45240
|
-
|
|
45327
|
+
!draggingSelf && this.props.dragOverHover && this.props.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].CENTER && control instanceof _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_5__["Container"] && (react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null,
|
|
45241
45328
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "makeChild icon", onClick: function () { return _this.highlight(); }, title: "Make Child" },
|
|
45242
|
-
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("img", { src: makeChildOfContainerIcon }))),
|
|
45243
|
-
|
|
45329
|
+
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("img", { src: makeChildOfContainerIcon })))),
|
|
45330
|
+
this.props.isHovered && this.props.globalState.draggedControl === null && this.props.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].NONE && (react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null,
|
|
45244
45331
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "addComponent icon", onClick: function () { return _this.highlight(); }, title: "Add component (Not Implemented)" },
|
|
45245
45332
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("img", { src: makeComponentIcon })),
|
|
45246
45333
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "visibility icon", onClick: function () { return _this.switchVisibility(); }, title: "Show/Hide control" },
|
|
45247
|
-
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("img", { src: this.state.isVisible ? visibilityActiveIcon : visibilityNotActiveIcon }))),
|
|
45334
|
+
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("img", { src: this.state.isVisible ? visibilityActiveIcon : visibilityNotActiveIcon })))),
|
|
45248
45335
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_extensionsComponent__WEBPACK_IMPORTED_MODULE_2__["ExtensionsComponent"], { target: control, extensibilityGroups: this.props.extensibilityGroups })));
|
|
45249
45336
|
};
|
|
45250
45337
|
return ControlTreeItemComponent;
|
|
@@ -45314,7 +45401,9 @@ var ExtensionsComponent = /** @class */ (function (_super) {
|
|
|
45314
45401
|
return (react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { ref: this.extensionRef, className: "extensions", onClick: function () { return _this.showPopup(); } },
|
|
45315
45402
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { title: "Additional options", className: "icon" },
|
|
45316
45403
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_1__["FontAwesomeIcon"], { icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__["faEllipsisH"] })),
|
|
45317
|
-
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { ref: function (input) {
|
|
45404
|
+
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { ref: function (input) {
|
|
45405
|
+
_this._popup = input;
|
|
45406
|
+
}, tabIndex: -1, className: this.state.popupVisible ? "popup show" : "popup", onBlur: function () { return _this.setState({ popupVisible: false }); } }, options.map(function (extensibility) {
|
|
45318
45407
|
return (react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { key: extensibility.label, className: "popupMenu", onClick: function () { return extensibility.action(_this.props.target); } }, extensibility.label));
|
|
45319
45408
|
}))));
|
|
45320
45409
|
};
|
|
@@ -45399,9 +45488,7 @@ var SceneExplorerComponent = /** @class */ (function (_super) {
|
|
|
45399
45488
|
});
|
|
45400
45489
|
});
|
|
45401
45490
|
_this._onPropertyChangedObservable = _this.props.globalState.onPropertyChangedObservable.add(function (event) {
|
|
45402
|
-
if (event.property === "name" ||
|
|
45403
|
-
event.property === "_columnNumber" ||
|
|
45404
|
-
event.property === "_rowNumber") {
|
|
45491
|
+
if (event.property === "name" || event.property === "_columnNumber" || event.property === "_rowNumber") {
|
|
45405
45492
|
_this.forceUpdate();
|
|
45406
45493
|
}
|
|
45407
45494
|
});
|
|
@@ -45544,7 +45631,7 @@ var SceneExplorerComponent = /** @class */ (function (_super) {
|
|
|
45544
45631
|
else {
|
|
45545
45632
|
_this.props.globalState.selectionLock = false;
|
|
45546
45633
|
}
|
|
45547
|
-
} }, guiElements && guiElements.length > 0 && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_treeItemComponent__WEBPACK_IMPORTED_MODULE_2__["TreeItemComponent"], { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: guiElements, label: "GUI", offset: 1, filter: this.state.filter })));
|
|
45634
|
+
} }, guiElements && guiElements.length > 0 && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_treeItemComponent__WEBPACK_IMPORTED_MODULE_2__["TreeItemComponent"], { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: guiElements, label: "GUI", offset: 1, filter: this.state.filter }))));
|
|
45548
45635
|
};
|
|
45549
45636
|
SceneExplorerComponent.prototype.onClose = function () {
|
|
45550
45637
|
if (!this.props.onClose) {
|
|
@@ -45673,7 +45760,7 @@ var TreeItemComponent = /** @class */ (function (_super) {
|
|
|
45673
45760
|
var _this = this;
|
|
45674
45761
|
var items = this.props.items;
|
|
45675
45762
|
var marginStyle = {
|
|
45676
|
-
paddingLeft:
|
|
45763
|
+
paddingLeft: 10 * (this.props.offset + 0.5) + "px",
|
|
45677
45764
|
};
|
|
45678
45765
|
if (!items) {
|
|
45679
45766
|
if (this.props.forceSubitems) {
|
|
@@ -45765,6 +45852,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45765
45852
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
45766
45853
|
/* harmony import */ var _globalState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../globalState */ "./globalState.ts");
|
|
45767
45854
|
/* harmony import */ var _entities_gui_controlTreeItemComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./entities/gui/controlTreeItemComponent */ "./components/sceneExplorer/entities/gui/controlTreeItemComponent.tsx");
|
|
45855
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/container */ "@babylonjs/gui/2D/controls/button");
|
|
45856
|
+
/* harmony import */ var _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_6__);
|
|
45857
|
+
|
|
45768
45858
|
|
|
45769
45859
|
|
|
45770
45860
|
|
|
@@ -45831,24 +45921,24 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
|
|
|
45831
45921
|
TreeItemSelectableComponent.prototype.renderChildren = function (isExpanded) {
|
|
45832
45922
|
var _this = this;
|
|
45833
45923
|
var entity = this.props.entity;
|
|
45834
|
-
if (!entity.getChildren && !entity.children || !isExpanded) {
|
|
45924
|
+
if ((!entity.getChildren && !entity.children) || !isExpanded) {
|
|
45835
45925
|
return null;
|
|
45836
45926
|
}
|
|
45837
45927
|
var children = _tools__WEBPACK_IMPORTED_MODULE_1__["Tools"].SortAndFilter(entity, entity.getChildren ? entity.getChildren() : entity.children);
|
|
45838
45928
|
if (entity.typeName === "StackPanel" || entity.typeName === "VirtualKeyboard") {
|
|
45839
45929
|
children.reverse();
|
|
45840
45930
|
}
|
|
45841
|
-
return
|
|
45931
|
+
return children.map(function (item, i) {
|
|
45842
45932
|
if (item.name == "Art-Board-Background") {
|
|
45843
|
-
return
|
|
45933
|
+
return null;
|
|
45844
45934
|
}
|
|
45845
45935
|
return (react__WEBPACK_IMPORTED_MODULE_3__["createElement"](TreeItemSelectableComponent, { globalState: _this.props.globalState, mustExpand: _this.props.mustExpand, extensibilityGroups: _this.props.extensibilityGroups, selectedEntity: _this.props.selectedEntity, key: i, offset: _this.props.offset + 2, entity: item, filter: _this.props.filter }));
|
|
45846
|
-
})
|
|
45936
|
+
});
|
|
45847
45937
|
};
|
|
45848
45938
|
TreeItemSelectableComponent.prototype.render = function () {
|
|
45849
45939
|
var _this = this;
|
|
45850
45940
|
var marginStyle = {
|
|
45851
|
-
paddingLeft:
|
|
45941
|
+
paddingLeft: 10 * (this.props.offset + 0.5) - 20 + "px",
|
|
45852
45942
|
};
|
|
45853
45943
|
var entity = this.props.entity;
|
|
45854
45944
|
if (!entity.reservedDataStore) {
|
|
@@ -45878,12 +45968,16 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
|
|
|
45878
45968
|
var className = "itemContainer"; //setting class name plus whatever extras based on states
|
|
45879
45969
|
className += this.state.isSelected && this.props.globalState.draggedControl === null ? " selected" : "";
|
|
45880
45970
|
className += this.state.isHovered && this.props.globalState.draggedControl === null ? " hover" : "";
|
|
45881
|
-
className += this.dragOverHover && this.state.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].CENTER &&
|
|
45971
|
+
className += this.dragOverHover && this.state.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].CENTER && entity instanceof _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_6__["Container"] ? " parent" : "";
|
|
45882
45972
|
className += this.props.globalState.draggedControl === this.props.entity ? " dragged" : "";
|
|
45883
|
-
className +=
|
|
45884
|
-
|
|
45973
|
+
className +=
|
|
45974
|
+
this.dragOverHover && this.state.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].ABOVE && this.props.globalState.draggedControl != null && entity.parent ? " seAbove" : "";
|
|
45975
|
+
className +=
|
|
45976
|
+
this.dragOverHover && this.state.dragOverLocation == _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].BELOW && this.props.globalState.draggedControl != null && entity.parent ? " seBelow" : "";
|
|
45885
45977
|
return (react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", null,
|
|
45886
|
-
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: className, style: marginStyle, draggable: entity.parent ? true : false, onMouseOver: function () { return _this.setState({ isHovered: true }); }, onMouseLeave: function () { return _this.setState({ isHovered: false }); }, onClick: function () {
|
|
45978
|
+
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: className, style: marginStyle, draggable: entity.parent ? true : false, onMouseOver: function () { return _this.setState({ isHovered: true }); }, onMouseLeave: function () { return _this.setState({ isHovered: false }); }, onClick: function () {
|
|
45979
|
+
_this.onSelect();
|
|
45980
|
+
}, onDragStart: function (event) {
|
|
45887
45981
|
_this.props.globalState.draggedControl = entity;
|
|
45888
45982
|
_this.props.globalState.onDraggingStartObservable.notifyObservers();
|
|
45889
45983
|
}, onDrop: function (event) {
|
|
@@ -45896,8 +45990,7 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
|
|
|
45896
45990
|
_this.dragOverHover = false;
|
|
45897
45991
|
_this.forceUpdate();
|
|
45898
45992
|
} },
|
|
45899
|
-
hasChildren &&
|
|
45900
|
-
react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "arrow icon", onClick: function () { return _this.switchExpandedState(); } }, chevron),
|
|
45993
|
+
hasChildren && (react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", { className: "arrow icon", onClick: function () { return _this.switchExpandedState(); } }, chevron)),
|
|
45901
45994
|
react__WEBPACK_IMPORTED_MODULE_3__["createElement"](_entities_gui_controlTreeItemComponent__WEBPACK_IMPORTED_MODULE_5__["ControlTreeItemComponent"], { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, control: entity, onClick: function () { }, isHovered: this.state.isHovered, dragOverHover: this.dragOverHover, dragOverLocation: this.state.dragOverLocation })),
|
|
45902
45995
|
this.renderChildren(isExpanded)));
|
|
45903
45996
|
};
|
|
@@ -45906,11 +45999,12 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
|
|
|
45906
45999
|
var target = event.target;
|
|
45907
46000
|
var rect = target.getBoundingClientRect();
|
|
45908
46001
|
var y = event.clientY - rect.top;
|
|
45909
|
-
if (this.props.
|
|
45910
|
-
if (y < CONTROL_HEIGHT / 3) {
|
|
46002
|
+
if (this.props.entity instanceof _babylonjs_gui_2D_controls_container__WEBPACK_IMPORTED_MODULE_6__["Container"]) {
|
|
46003
|
+
if (y < CONTROL_HEIGHT / 3) {
|
|
46004
|
+
//split in thirds
|
|
45911
46005
|
this.setState({ dragOverLocation: _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].ABOVE });
|
|
45912
46006
|
}
|
|
45913
|
-
else if (y > (2 * CONTROL_HEIGHT / 3)
|
|
46007
|
+
else if (y > (2 * CONTROL_HEIGHT) / 3) {
|
|
45914
46008
|
this.setState({ dragOverLocation: _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].BELOW });
|
|
45915
46009
|
}
|
|
45916
46010
|
else {
|
|
@@ -45918,7 +46012,8 @@ var TreeItemSelectableComponent = /** @class */ (function (_super) {
|
|
|
45918
46012
|
}
|
|
45919
46013
|
}
|
|
45920
46014
|
else {
|
|
45921
|
-
if (y < CONTROL_HEIGHT / 2) {
|
|
46015
|
+
if (y < CONTROL_HEIGHT / 2) {
|
|
46016
|
+
//split in half
|
|
45922
46017
|
this.setState({ dragOverLocation: _globalState__WEBPACK_IMPORTED_MODULE_4__["DragOverLocation"].ABOVE });
|
|
45923
46018
|
}
|
|
45924
46019
|
else {
|
|
@@ -45985,6 +46080,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45985
46080
|
|
|
45986
46081
|
|
|
45987
46082
|
|
|
46083
|
+
|
|
46084
|
+
|
|
45988
46085
|
|
|
45989
46086
|
|
|
45990
46087
|
__webpack_require__(/*! ./workbenchCanvas.scss */ "./diagram/workbenchCanvas.scss");
|
|
@@ -46046,7 +46143,8 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46046
46143
|
_this.props.globalState.onSelectionChangedObservable.notifyObservers(null);
|
|
46047
46144
|
var index_1 = 0;
|
|
46048
46145
|
_this.nodes.forEach(function (node) {
|
|
46049
|
-
if (index_1++) {
|
|
46146
|
+
if (index_1++) {
|
|
46147
|
+
//skip the first node, the background
|
|
46050
46148
|
_this.selectAllGUI(node);
|
|
46051
46149
|
}
|
|
46052
46150
|
});
|
|
@@ -46209,7 +46307,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46209
46307
|
WorkbenchComponent.prototype.updateHitTest = function (guiControl, value) {
|
|
46210
46308
|
var _this = this;
|
|
46211
46309
|
guiControl.isHitTestVisible = value;
|
|
46212
|
-
if (
|
|
46310
|
+
if (guiControl instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
|
|
46213
46311
|
guiControl.children.forEach(function (child) {
|
|
46214
46312
|
_this.updateHitTest(child, value);
|
|
46215
46313
|
});
|
|
@@ -46225,14 +46323,15 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46225
46323
|
WorkbenchComponent.prototype.setCameraRadius = function () {
|
|
46226
46324
|
var size = this.props.globalState.guiTexture.getSize();
|
|
46227
46325
|
this._cameraRadias = size.width > size.height ? size.width : size.height;
|
|
46228
|
-
this._cameraRadias += this._cameraRadias -
|
|
46326
|
+
this._cameraRadias += this._cameraRadias - this._cameraRadias / 1.5;
|
|
46229
46327
|
};
|
|
46230
46328
|
WorkbenchComponent.prototype.copyToClipboard = function () {
|
|
46231
46329
|
var _this = this;
|
|
46232
46330
|
if (this._selectAll) {
|
|
46233
46331
|
var index_2 = 0;
|
|
46234
46332
|
this.nodes.forEach(function (node) {
|
|
46235
|
-
if (index_2++) {
|
|
46333
|
+
if (index_2++) {
|
|
46334
|
+
//skip the first node, the background
|
|
46236
46335
|
_this._clipboard.push(node);
|
|
46237
46336
|
}
|
|
46238
46337
|
});
|
|
@@ -46252,7 +46351,8 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46252
46351
|
var serializationObject = {};
|
|
46253
46352
|
original.serialize(serializationObject);
|
|
46254
46353
|
var newControl = _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Control"].Parse(serializationObject, this.props.globalState.guiTexture);
|
|
46255
|
-
if (newControl) {
|
|
46354
|
+
if (newControl) {
|
|
46355
|
+
//insert the new control into the adt or parent container
|
|
46256
46356
|
this.props.globalState.workbench.appendBlock(newControl);
|
|
46257
46357
|
this.props.globalState.guiTexture.removeControl(newControl);
|
|
46258
46358
|
if (((_a = original.parent) === null || _a === void 0 ? void 0 : _a.typeName) === "Grid") {
|
|
@@ -46263,9 +46363,9 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46263
46363
|
(_b = original.parent) === null || _b === void 0 ? void 0 : _b.addControl(newControl);
|
|
46264
46364
|
}
|
|
46265
46365
|
var index_3 = 1;
|
|
46266
|
-
while (this.props.globalState.guiTexture.getDescendants(false).filter(
|
|
46267
|
-
|
|
46268
|
-
control) { return control.name === newControl.name + " Copy " + index_3; }).length) {
|
|
46366
|
+
while (this.props.globalState.guiTexture.getDescendants(false).filter(
|
|
46367
|
+
//search if there are any copies
|
|
46368
|
+
function (control) { return control.name === newControl.name + " Copy " + index_3; }).length) {
|
|
46269
46369
|
index_3++;
|
|
46270
46370
|
}
|
|
46271
46371
|
newControl.name = newControl.name + " Copy " + index_3;
|
|
@@ -46275,7 +46375,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46275
46375
|
WorkbenchComponent.prototype.selectAllGUI = function (node) {
|
|
46276
46376
|
var _this = this;
|
|
46277
46377
|
this.globalState.onSelectionChangedObservable.notifyObservers(node);
|
|
46278
|
-
if (
|
|
46378
|
+
if (node instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
|
|
46279
46379
|
node.children.forEach(function (child) {
|
|
46280
46380
|
_this.selectAllGUI(child);
|
|
46281
46381
|
});
|
|
@@ -46364,21 +46464,6 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46364
46464
|
this.globalState.guiTexture.addControl(guiElement);
|
|
46365
46465
|
return newGuiNode;
|
|
46366
46466
|
};
|
|
46367
|
-
WorkbenchComponent.prototype.isContainer = function (guiControl) {
|
|
46368
|
-
switch (guiControl.typeName) {
|
|
46369
|
-
case "Button":
|
|
46370
|
-
case "StackPanel":
|
|
46371
|
-
case "Rectangle":
|
|
46372
|
-
case "Ellipse":
|
|
46373
|
-
case "Grid":
|
|
46374
|
-
case "ScrollViewer":
|
|
46375
|
-
case "Container":
|
|
46376
|
-
case "VirtualKeyboard":
|
|
46377
|
-
return true;
|
|
46378
|
-
default:
|
|
46379
|
-
return false;
|
|
46380
|
-
}
|
|
46381
|
-
};
|
|
46382
46467
|
WorkbenchComponent.prototype.createNewGuiNode = function (guiControl) {
|
|
46383
46468
|
var _this = this;
|
|
46384
46469
|
guiControl.highlightLineWidth = 5;
|
|
@@ -46410,7 +46495,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46410
46495
|
_this._isOverGUINode.splice(index, 1);
|
|
46411
46496
|
}
|
|
46412
46497
|
});
|
|
46413
|
-
if (
|
|
46498
|
+
if (guiControl instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"]) {
|
|
46414
46499
|
guiControl.children.forEach(function (child) {
|
|
46415
46500
|
_this.createNewGuiNode(child);
|
|
46416
46501
|
});
|
|
@@ -46423,9 +46508,11 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46423
46508
|
var draggedControl = this.props.globalState.draggedControl;
|
|
46424
46509
|
var draggedControlParent = draggedControl === null || draggedControl === void 0 ? void 0 : draggedControl.parent;
|
|
46425
46510
|
if (draggedControlParent && draggedControl) {
|
|
46426
|
-
if (this._isNotChildInsert(dropLocationControl, draggedControl)) {
|
|
46427
|
-
|
|
46428
|
-
|
|
46511
|
+
if (this._isNotChildInsert(dropLocationControl, draggedControl)) {
|
|
46512
|
+
//checking to make sure the element is not being inserted into a child
|
|
46513
|
+
if (dropLocationControl != null) {
|
|
46514
|
+
//the control you are dragging onto top
|
|
46515
|
+
if (dropLocationControl instanceof _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_3__["Container"] && //dropping inside a contrainer control
|
|
46429
46516
|
this.props.globalState.draggedControlDirection === _globalState__WEBPACK_IMPORTED_MODULE_2__["DragOverLocation"].CENTER) {
|
|
46430
46517
|
draggedControlParent.removeControl(draggedControl);
|
|
46431
46518
|
dropLocationControl.addControl(draggedControl);
|
|
@@ -46434,7 +46521,8 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46434
46521
|
this._convertToPixels(draggedControl, dropLocationControl);
|
|
46435
46522
|
}
|
|
46436
46523
|
}
|
|
46437
|
-
else if (dropLocationControl.parent) {
|
|
46524
|
+
else if (dropLocationControl.parent) {
|
|
46525
|
+
//dropping inside the controls parent container
|
|
46438
46526
|
if (dropLocationControl.parent.typeName != "Grid") {
|
|
46439
46527
|
draggedControlParent.removeControl(draggedControl);
|
|
46440
46528
|
var index = dropLocationControl.parent.children.indexOf(dropLocationControl);
|
|
@@ -46446,7 +46534,8 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46446
46534
|
this._convertToPixels(draggedControl, draggedControl.parent);
|
|
46447
46535
|
}
|
|
46448
46536
|
}
|
|
46449
|
-
else if (dropLocationControl.parent === draggedControlParent) {
|
|
46537
|
+
else if (dropLocationControl.parent === draggedControlParent) {
|
|
46538
|
+
//special case for grid
|
|
46450
46539
|
this._reorderGrid(dropLocationControl.parent, draggedControl, dropLocationControl);
|
|
46451
46540
|
}
|
|
46452
46541
|
else {
|
|
@@ -46540,8 +46629,8 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46540
46629
|
guiControl.topInPixels += newY;
|
|
46541
46630
|
//convert to percentage
|
|
46542
46631
|
if (this._responsive) {
|
|
46543
|
-
var ratioX =
|
|
46544
|
-
var ratioY =
|
|
46632
|
+
var ratioX = this._textureMesh.scaling.x;
|
|
46633
|
+
var ratioY = this._textureMesh.scaling.z;
|
|
46545
46634
|
if (guiControl.parent) {
|
|
46546
46635
|
if (guiControl.parent.typeName === "Grid") {
|
|
46547
46636
|
var cellInfo = guiControl.parent.getChildCellInfo(guiControl);
|
|
@@ -46580,8 +46669,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46580
46669
|
var selected_1 = false;
|
|
46581
46670
|
this.selectedGuiNodes.forEach(function (element) {
|
|
46582
46671
|
if (pos) {
|
|
46583
|
-
selected_1 =
|
|
46584
|
-
_this._onMove(element, new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](pos.x, -pos.z), new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](x, y), false) || selected_1;
|
|
46672
|
+
selected_1 = _this._onMove(element, new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](pos.x, -pos.z), new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](x, y), false) || selected_1;
|
|
46585
46673
|
}
|
|
46586
46674
|
});
|
|
46587
46675
|
this._mouseStartPointX = pos ? pos.x : this._mouseStartPointX;
|
|
@@ -46602,7 +46690,7 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46602
46690
|
WorkbenchComponent.prototype.onDown = function (evt) {
|
|
46603
46691
|
var _a;
|
|
46604
46692
|
(_a = this._rootContainer.current) === null || _a === void 0 ? void 0 : _a.setPointerCapture(evt.pointerId);
|
|
46605
|
-
if (
|
|
46693
|
+
if (this._isOverGUINode.length === 0 && !evt.button) {
|
|
46606
46694
|
if (this._forceSelecting) {
|
|
46607
46695
|
this.props.globalState.onSelectionChangedObservable.notifyObservers(null);
|
|
46608
46696
|
}
|
|
@@ -46626,46 +46714,66 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
46626
46714
|
this.isUp = true;
|
|
46627
46715
|
};
|
|
46628
46716
|
WorkbenchComponent.prototype.createGUICanvas = function () {
|
|
46629
|
-
|
|
46630
|
-
|
|
46631
|
-
|
|
46632
|
-
|
|
46633
|
-
|
|
46634
|
-
|
|
46635
|
-
|
|
46636
|
-
|
|
46637
|
-
|
|
46638
|
-
|
|
46639
|
-
|
|
46640
|
-
|
|
46641
|
-
|
|
46642
|
-
|
|
46643
|
-
|
|
46644
|
-
|
|
46645
|
-
|
|
46646
|
-
|
|
46647
|
-
|
|
46648
|
-
|
|
46649
|
-
|
|
46650
|
-
|
|
46651
|
-
|
|
46652
|
-
|
|
46653
|
-
|
|
46654
|
-
|
|
46655
|
-
|
|
46656
|
-
|
|
46657
|
-
|
|
46658
|
-
|
|
46659
|
-
|
|
46660
|
-
|
|
46661
|
-
|
|
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*/];
|
|
46773
|
+
}
|
|
46774
|
+
});
|
|
46662
46775
|
});
|
|
46663
|
-
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. ");
|
|
46664
|
-
this._engine.runRenderLoop(function () { _this._scene.render(); });
|
|
46665
|
-
this.globalState.onNewSceneObservable.notifyObservers(this.globalState.guiTexture.getScene());
|
|
46666
|
-
this.globalState.onPropertyGridUpdateRequiredObservable.notifyObservers();
|
|
46667
46776
|
};
|
|
46668
|
-
;
|
|
46669
46777
|
//Add map-like controls to an ArcRotate camera
|
|
46670
46778
|
WorkbenchComponent.prototype.addControls = function (scene, camera) {
|
|
46671
46779
|
var _this = this;
|
|
@@ -46959,13 +47067,15 @@ var GlobalState = /** @class */ (function () {
|
|
|
46959
47067
|
"use strict";
|
|
46960
47068
|
__webpack_require__.r(__webpack_exports__);
|
|
46961
47069
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GUIEditor", function() { return GUIEditor; });
|
|
46962
|
-
/* harmony import */ var
|
|
46963
|
-
/* harmony import */ var
|
|
46964
|
-
/* harmony import */ var
|
|
46965
|
-
/* harmony import */ var
|
|
46966
|
-
/* harmony import */ var
|
|
46967
|
-
/* harmony import */ var
|
|
46968
|
-
/* harmony import */ var
|
|
47070
|
+
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
47071
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
47072
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
47073
|
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "../../../../node_modules/react-dom/index.js");
|
|
47074
|
+
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
|
|
47075
|
+
/* harmony import */ var _globalState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./globalState */ "./globalState.ts");
|
|
47076
|
+
/* harmony import */ var _workbenchEditor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./workbenchEditor */ "./workbenchEditor.tsx");
|
|
47077
|
+
/* harmony import */ var _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./sharedUiComponents/lines/popup */ "./sharedUiComponents/lines/popup.ts");
|
|
47078
|
+
|
|
46969
47079
|
|
|
46970
47080
|
|
|
46971
47081
|
|
|
@@ -46982,65 +47092,77 @@ var GUIEditor = /** @class */ (function () {
|
|
|
46982
47092
|
* @param options defines the options to use to configure the gui editor
|
|
46983
47093
|
*/
|
|
46984
47094
|
GUIEditor.Show = function (options) {
|
|
46985
|
-
|
|
46986
|
-
var popupWindow
|
|
46987
|
-
|
|
46988
|
-
|
|
46989
|
-
|
|
46990
|
-
|
|
46991
|
-
|
|
46992
|
-
|
|
46993
|
-
|
|
46994
|
-
|
|
46995
|
-
|
|
46996
|
-
|
|
46997
|
-
|
|
46998
|
-
|
|
46999
|
-
|
|
47000
|
-
|
|
47001
|
-
|
|
47002
|
-
|
|
47003
|
-
|
|
47004
|
-
|
|
47005
|
-
|
|
47006
|
-
|
|
47007
|
-
|
|
47008
|
-
|
|
47009
|
-
|
|
47010
|
-
|
|
47011
|
-
|
|
47012
|
-
|
|
47013
|
-
|
|
47014
|
-
|
|
47015
|
-
|
|
47016
|
-
|
|
47017
|
-
|
|
47018
|
-
|
|
47019
|
-
|
|
47020
|
-
|
|
47021
|
-
|
|
47022
|
-
|
|
47095
|
+
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
|
|
47096
|
+
var popupWindow, hostElement, globalState, graphEditor, error_1, popupWindow;
|
|
47097
|
+
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_a) {
|
|
47098
|
+
switch (_a.label) {
|
|
47099
|
+
case 0:
|
|
47100
|
+
if (this._CurrentState) {
|
|
47101
|
+
popupWindow = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"]["gui-editor"];
|
|
47102
|
+
if (popupWindow) {
|
|
47103
|
+
popupWindow.close();
|
|
47104
|
+
}
|
|
47105
|
+
if (options.currentSnippetToken) {
|
|
47106
|
+
try {
|
|
47107
|
+
this._CurrentState.workbench.loadFromSnippet(options.currentSnippetToken);
|
|
47108
|
+
}
|
|
47109
|
+
catch (error) {
|
|
47110
|
+
//swallow and continue
|
|
47111
|
+
}
|
|
47112
|
+
}
|
|
47113
|
+
return [2 /*return*/];
|
|
47114
|
+
}
|
|
47115
|
+
hostElement = options.hostElement;
|
|
47116
|
+
if (!hostElement) {
|
|
47117
|
+
hostElement = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"].CreatePopup("BABYLON.JS GUI EDITOR", "gui-editor", 1000, 800);
|
|
47118
|
+
}
|
|
47119
|
+
globalState = new _globalState__WEBPACK_IMPORTED_MODULE_3__["GlobalState"]();
|
|
47120
|
+
globalState.hostElement = hostElement;
|
|
47121
|
+
globalState.hostDocument = hostElement.ownerDocument;
|
|
47122
|
+
globalState.customSave = options.customSave;
|
|
47123
|
+
globalState.customLoad = options.customLoad;
|
|
47124
|
+
globalState.hostWindow = hostElement.ownerDocument.defaultView;
|
|
47125
|
+
graphEditor = react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_workbenchEditor__WEBPACK_IMPORTED_MODULE_4__["WorkbenchEditor"], {
|
|
47126
|
+
globalState: globalState,
|
|
47127
|
+
});
|
|
47128
|
+
react_dom__WEBPACK_IMPORTED_MODULE_2__["render"](graphEditor, hostElement);
|
|
47129
|
+
if (!!globalState.guiTexture) return [3 /*break*/, 5];
|
|
47130
|
+
return [4 /*yield*/, globalState.workbench.createGUICanvas()];
|
|
47131
|
+
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]);
|
|
47137
|
+
return [4 /*yield*/, globalState.workbench.loadFromSnippet(options.currentSnippetToken)];
|
|
47138
|
+
case 3:
|
|
47139
|
+
_a.sent();
|
|
47140
|
+
return [3 /*break*/, 5];
|
|
47141
|
+
case 4:
|
|
47142
|
+
error_1 = _a.sent();
|
|
47143
|
+
return [3 /*break*/, 5];
|
|
47144
|
+
case 5:
|
|
47145
|
+
if (options.customLoadObservable) {
|
|
47146
|
+
options.customLoadObservable.add(function (data) {
|
|
47147
|
+
globalState.onResetRequiredObservable.notifyObservers();
|
|
47148
|
+
globalState.onBuiltObservable.notifyObservers();
|
|
47149
|
+
});
|
|
47150
|
+
}
|
|
47151
|
+
this._CurrentState = globalState;
|
|
47152
|
+
popupWindow = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"]["gui-editor"];
|
|
47153
|
+
if (popupWindow) {
|
|
47154
|
+
window.onbeforeunload = function () {
|
|
47155
|
+
var popupWindow = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"]["gui-editor"];
|
|
47156
|
+
if (popupWindow) {
|
|
47157
|
+
popupWindow.close();
|
|
47158
|
+
}
|
|
47159
|
+
};
|
|
47160
|
+
}
|
|
47161
|
+
window.addEventListener("beforeunload", function () { });
|
|
47162
|
+
return [2 /*return*/];
|
|
47023
47163
|
}
|
|
47024
|
-
}
|
|
47025
|
-
}
|
|
47026
|
-
if (options.customLoadObservable) {
|
|
47027
|
-
options.customLoadObservable.add(function (data) {
|
|
47028
|
-
globalState.onResetRequiredObservable.notifyObservers();
|
|
47029
|
-
globalState.onBuiltObservable.notifyObservers();
|
|
47030
47164
|
});
|
|
47031
|
-
}
|
|
47032
|
-
this._CurrentState = globalState;
|
|
47033
|
-
// Close the popup window when the page is refreshed or scene is disposed
|
|
47034
|
-
var popupWindow = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_4__["Popup"]["gui-editor"];
|
|
47035
|
-
if (popupWindow) {
|
|
47036
|
-
window.onbeforeunload = function () {
|
|
47037
|
-
var popupWindow = _sharedUiComponents_lines_popup__WEBPACK_IMPORTED_MODULE_4__["Popup"]["gui-editor"];
|
|
47038
|
-
if (popupWindow) {
|
|
47039
|
-
popupWindow.close();
|
|
47040
|
-
}
|
|
47041
|
-
};
|
|
47042
|
-
}
|
|
47043
|
-
window.addEventListener("beforeunload", function () { });
|
|
47165
|
+
});
|
|
47044
47166
|
};
|
|
47045
47167
|
return GUIEditor;
|
|
47046
47168
|
}());
|
|
@@ -47473,10 +47595,10 @@ var ColorComponentEntry = /** @class */ (function (_super) {
|
|
|
47473
47595
|
if (isNaN(valueAsNumber)) {
|
|
47474
47596
|
return;
|
|
47475
47597
|
}
|
|
47476
|
-
if (this.props.max != undefined &&
|
|
47598
|
+
if (this.props.max != undefined && valueAsNumber > this.props.max) {
|
|
47477
47599
|
valueAsNumber = this.props.max;
|
|
47478
47600
|
}
|
|
47479
|
-
if (this.props.min != undefined &&
|
|
47601
|
+
if (this.props.min != undefined && valueAsNumber < this.props.min) {
|
|
47480
47602
|
valueAsNumber = this.props.min;
|
|
47481
47603
|
}
|
|
47482
47604
|
this.props.onChange(valueAsNumber);
|
|
@@ -47565,8 +47687,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
47565
47687
|
return _this;
|
|
47566
47688
|
}
|
|
47567
47689
|
ColorPicker.prototype.shouldComponentUpdate = function (nextProps, nextState) {
|
|
47568
|
-
return
|
|
47569
|
-
nextState.color.toHexString() !== this.props.color.toHexString());
|
|
47690
|
+
return nextProps.color.toHexString() !== this.props.color.toHexString() || nextState.color.toHexString() !== this.props.color.toHexString();
|
|
47570
47691
|
};
|
|
47571
47692
|
ColorPicker.prototype.onSaturationPointerDown = function (evt) {
|
|
47572
47693
|
this._evaluateSaturation(evt);
|
|
@@ -47602,7 +47723,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
47602
47723
|
var left = evt.nativeEvent.offsetX;
|
|
47603
47724
|
var top = evt.nativeEvent.offsetY;
|
|
47604
47725
|
var saturation = Math.min(1, Math.max(0.0001, left / this._saturationRef.current.clientWidth));
|
|
47605
|
-
var value = Math.min(1, Math.max(0.0001, 1 -
|
|
47726
|
+
var value = Math.min(1, Math.max(0.0001, 1 - top / this._saturationRef.current.clientHeight));
|
|
47606
47727
|
if (this.props.debugMode) {
|
|
47607
47728
|
console.log("Saturation: " + saturation);
|
|
47608
47729
|
console.log("Value: " + value);
|
|
@@ -47645,7 +47766,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
47645
47766
|
var hasAlpha = this.props.color instanceof _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color4"];
|
|
47646
47767
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-container" + (this.props.linearhint ? " with-hints" : "") },
|
|
47647
47768
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation", onPointerMove: function (e) { return _this.onSaturationPointerMove(e); }, onPointerDown: function (e) { return _this.onSaturationPointerDown(e); }, onPointerUp: function (e) { return _this.onSaturationPointerUp(e); }, ref: this._saturationRef, style: {
|
|
47648
|
-
background: colorHexRef
|
|
47769
|
+
background: colorHexRef,
|
|
47649
47770
|
} },
|
|
47650
47771
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-white" }),
|
|
47651
47772
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-saturation-black" }),
|
|
@@ -47655,12 +47776,12 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
47655
47776
|
} })),
|
|
47656
47777
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue" },
|
|
47657
47778
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-color", style: {
|
|
47658
|
-
background: colorHex
|
|
47779
|
+
background: colorHex,
|
|
47659
47780
|
} }),
|
|
47660
47781
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-slider", ref: this._hueRef, onPointerMove: function (e) { return _this.onHuePointerMove(e); }, onPointerDown: function (e) { return _this.onHuePointerDown(e); }, onPointerUp: function (e) { return _this.onHuePointerUp(e); } },
|
|
47661
47782
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-hue-cursor", style: {
|
|
47662
47783
|
left: (hsv.r / 360.0) * 100 + "%",
|
|
47663
|
-
border: "1px solid " + colorHexRef
|
|
47784
|
+
border: "1px solid " + colorHexRef,
|
|
47664
47785
|
} }))),
|
|
47665
47786
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-rgb" },
|
|
47666
47787
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "red" },
|
|
@@ -47689,8 +47810,7 @@ var ColorPicker = /** @class */ (function (_super) {
|
|
|
47689
47810
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_hexColor__WEBPACK_IMPORTED_MODULE_4__["HexColor"], { expectedLength: 6, value: colorHex, onChange: function (value) {
|
|
47690
47811
|
_this.setState({ color: _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_2__["Color3"].FromHexString(value) });
|
|
47691
47812
|
} }))),
|
|
47692
|
-
this.props.linearhint &&
|
|
47693
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-warning" }, "(Note: color is stored in linear mode and was converted to gamma to be displayed here (toGammaSpace() / toLinearSpace()))")));
|
|
47813
|
+
this.props.linearhint && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-warning" }, "(Note: color is stored in linear mode and was converted to gamma to be displayed here (toGammaSpace() / toLinearSpace()))"))));
|
|
47694
47814
|
};
|
|
47695
47815
|
return ColorPicker;
|
|
47696
47816
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -47739,13 +47859,24 @@ var HexColor = /** @class */ (function (_super) {
|
|
|
47739
47859
|
};
|
|
47740
47860
|
HexColor.prototype.render = function () {
|
|
47741
47861
|
var _this = this;
|
|
47742
|
-
return
|
|
47862
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "string", className: "hex-input", value: this.state.hex, onChange: function (evt) { return _this.updateHexValue(evt.target.value); } });
|
|
47743
47863
|
};
|
|
47744
47864
|
return HexColor;
|
|
47745
47865
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
47746
47866
|
|
|
47747
47867
|
|
|
47748
47868
|
|
|
47869
|
+
/***/ }),
|
|
47870
|
+
|
|
47871
|
+
/***/ "./sharedUiComponents/imgs/addGridElementDark.svg":
|
|
47872
|
+
/*!********************************************************!*\
|
|
47873
|
+
!*** ./sharedUiComponents/imgs/addGridElementDark.svg ***!
|
|
47874
|
+
\********************************************************/
|
|
47875
|
+
/*! no static exports found */
|
|
47876
|
+
/***/ (function(module, exports) {
|
|
47877
|
+
|
|
47878
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,6.91A8.09,8.09,0,1,1,6.91,15,8.09,8.09,0,0,1,15,6.91Zm0,1.22A6.87,6.87,0,1,0,21.87,15,6.86,6.86,0,0,0,15,8.13ZM15,11a.61.61,0,0,1,.61.6v2.83h2.83a.61.61,0,0,1,0,1.22H15.61v2.83a.61.61,0,0,1-1.22,0V15.61H11.56a.61.61,0,0,1,0-1.22h2.83V11.56A.61.61,0,0,1,15,11Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
47879
|
+
|
|
47749
47880
|
/***/ }),
|
|
47750
47881
|
|
|
47751
47882
|
/***/ "./sharedUiComponents/imgs/addImageButtonIcon.svg":
|
|
@@ -47781,6 +47912,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
47781
47912
|
|
|
47782
47913
|
/***/ }),
|
|
47783
47914
|
|
|
47915
|
+
/***/ "./sharedUiComponents/imgs/cancelGridElementDark.svg":
|
|
47916
|
+
/*!***********************************************************!*\
|
|
47917
|
+
!*** ./sharedUiComponents/imgs/cancelGridElementDark.svg ***!
|
|
47918
|
+
\***********************************************************/
|
|
47919
|
+
/*! no static exports found */
|
|
47920
|
+
/***/ (function(module, exports) {
|
|
47921
|
+
|
|
47922
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,6.88A8.12,8.12,0,1,1,6.88,15,8.13,8.13,0,0,1,15,6.88ZM15,8.1A6.9,6.9,0,1,0,21.9,15,6.9,6.9,0,0,0,15,8.1Zm2.8,4,.07.05a.62.62,0,0,1,.05.8l-.05.07-2,2,2,2a.62.62,0,0,1,.05.8l-.05.07a.62.62,0,0,1-.8.05L17,17.87l-2-2-2,2a.62.62,0,0,1-.8.05l-.07-.05a.62.62,0,0,1-.05-.8l.05-.07,2-2-2-2a.62.62,0,0,1-.05-.8l.05-.07a.62.62,0,0,1,.8-.05l.07.05,2,2,2-2A.62.62,0,0,1,17.8,12.08Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
47923
|
+
|
|
47924
|
+
/***/ }),
|
|
47925
|
+
|
|
47784
47926
|
/***/ "./sharedUiComponents/imgs/checkboxIconDark.svg":
|
|
47785
47927
|
/*!******************************************************!*\
|
|
47786
47928
|
!*** ./sharedUiComponents/imgs/checkboxIconDark.svg ***!
|
|
@@ -47825,6 +47967,28 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
47825
47967
|
|
|
47826
47968
|
/***/ }),
|
|
47827
47969
|
|
|
47970
|
+
/***/ "./sharedUiComponents/imgs/confirmGridElementDark.svg":
|
|
47971
|
+
/*!************************************************************!*\
|
|
47972
|
+
!*** ./sharedUiComponents/imgs/confirmGridElementDark.svg ***!
|
|
47973
|
+
\************************************************************/
|
|
47974
|
+
/*! no static exports found */
|
|
47975
|
+
/***/ (function(module, exports) {
|
|
47976
|
+
|
|
47977
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,6.89A8.11,8.11,0,1,1,6.89,15,8.11,8.11,0,0,1,15,6.89Zm0,1.22A6.89,6.89,0,1,0,21.89,15,6.88,6.88,0,0,0,15,8.11Zm-1,8.06,3.62-3.63a.61.61,0,0,1,.92.79l-.06.07-4,4.06a.64.64,0,0,1-.8.06l-.06-.06-2-2a.6.6,0,0,1,0-.86.6.6,0,0,1,.79-.06l.07.06,1.6,1.6,3.62-3.63Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
47978
|
+
|
|
47979
|
+
/***/ }),
|
|
47980
|
+
|
|
47981
|
+
/***/ "./sharedUiComponents/imgs/deleteGridElementDark.svg":
|
|
47982
|
+
/*!***********************************************************!*\
|
|
47983
|
+
!*** ./sharedUiComponents/imgs/deleteGridElementDark.svg ***!
|
|
47984
|
+
\***********************************************************/
|
|
47985
|
+
/*! no static exports found */
|
|
47986
|
+
/***/ (function(module, exports) {
|
|
47987
|
+
|
|
47988
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,8.71a2,2,0,0,1,2,1.91v.11h3.26a.47.47,0,0,1,.06.93h-.56L19,19.75a1.7,1.7,0,0,1-1.59,1.53H12.71A1.71,1.71,0,0,1,11,19.85l0-.1-.79-8.09h-.5a.46.46,0,0,1-.46-.4V11.2a.46.46,0,0,1,.4-.46H13A2,2,0,0,1,15,8.71Zm3.85,2.95h-7.7l.79,8a.78.78,0,0,0,.69.7h4.66a.77.77,0,0,0,.76-.62v-.08Zm-2.76,1.71a.47.47,0,0,1,.46.4v4.41a.46.46,0,0,1-.92.06v-4.4A.47.47,0,0,1,16.09,13.37Zm-2.18,0a.46.46,0,0,1,.46.4v4.41a.47.47,0,0,1-.93.06v-4.4A.47.47,0,0,1,13.91,13.37ZM15,9.65a1.07,1.07,0,0,0-1.08,1v.09h2.18A1.08,1.08,0,0,0,15,9.65Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
47989
|
+
|
|
47990
|
+
/***/ }),
|
|
47991
|
+
|
|
47828
47992
|
/***/ "./sharedUiComponents/imgs/fillColorIcon.svg":
|
|
47829
47993
|
/*!***************************************************!*\
|
|
47830
47994
|
!*** ./sharedUiComponents/imgs/fillColorIcon.svg ***!
|
|
@@ -47869,6 +48033,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
47869
48033
|
|
|
47870
48034
|
/***/ }),
|
|
47871
48035
|
|
|
48036
|
+
/***/ "./sharedUiComponents/imgs/gridColumnIconDark.svg":
|
|
48037
|
+
/*!********************************************************!*\
|
|
48038
|
+
!*** ./sharedUiComponents/imgs/gridColumnIconDark.svg ***!
|
|
48039
|
+
\********************************************************/
|
|
48040
|
+
/*! no static exports found */
|
|
48041
|
+
/***/ (function(module, exports) {
|
|
48042
|
+
|
|
48043
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M12.57,17.83v2.63a.61.61,0,0,0,.61.61h3.64a.61.61,0,0,0,.61-.61V17.83ZM16.82,7.71a1.82,1.82,0,0,1,1.82,1.83V20.46a1.82,1.82,0,0,1-1.82,1.83H13.18a1.82,1.82,0,0,1-1.82-1.83V9.54a1.82,1.82,0,0,1,1.82-1.83Zm.61,1.83a.61.61,0,0,0-.61-.61H13.18a.61.61,0,0,0-.61.61v2.63h4.86Zm-4.86,7.08h4.86V13.38H12.57Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
48044
|
+
|
|
48045
|
+
/***/ }),
|
|
48046
|
+
|
|
47872
48047
|
/***/ "./sharedUiComponents/imgs/hAlignCenterIcon.svg":
|
|
47873
48048
|
/*!******************************************************!*\
|
|
47874
48049
|
!*** ./sharedUiComponents/imgs/hAlignCenterIcon.svg ***!
|
|
@@ -48012,6 +48187,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
48012
48187
|
|
|
48013
48188
|
/***/ }),
|
|
48014
48189
|
|
|
48190
|
+
/***/ "./sharedUiComponents/imgs/subtractGridElementDark.svg":
|
|
48191
|
+
/*!*************************************************************!*\
|
|
48192
|
+
!*** ./sharedUiComponents/imgs/subtractGridElementDark.svg ***!
|
|
48193
|
+
\*************************************************************/
|
|
48194
|
+
/*! no static exports found */
|
|
48195
|
+
/***/ (function(module, exports) {
|
|
48196
|
+
|
|
48197
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,6.94A8.06,8.06,0,1,1,6.94,15,8.06,8.06,0,0,1,15,6.94Zm0,1.21A6.85,6.85,0,1,0,21.85,15,6.84,6.84,0,0,0,15,8.15Zm3.43,6.25a.6.6,0,1,1,0,1.2H11.57a.6.6,0,0,1,0-1.2Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
48198
|
+
|
|
48199
|
+
/***/ }),
|
|
48200
|
+
|
|
48015
48201
|
/***/ "./sharedUiComponents/imgs/vAlignBottomIcon.svg":
|
|
48016
48202
|
/*!******************************************************!*\
|
|
48017
48203
|
!*** ./sharedUiComponents/imgs/vAlignBottomIcon.svg ***!
|
|
@@ -48045,6 +48231,17 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
48045
48231
|
|
|
48046
48232
|
/***/ }),
|
|
48047
48233
|
|
|
48234
|
+
/***/ "./sharedUiComponents/imgs/valueChangedGridDark.svg":
|
|
48235
|
+
/*!**********************************************************!*\
|
|
48236
|
+
!*** ./sharedUiComponents/imgs/valueChangedGridDark.svg ***!
|
|
48237
|
+
\**********************************************************/
|
|
48238
|
+
/*! no static exports found */
|
|
48239
|
+
/***/ (function(module, exports) {
|
|
48240
|
+
|
|
48241
|
+
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M14.21,6a.62.62,0,0,0-.86,0,.62.62,0,0,0,0,.87l1.4,1.4a7.91,7.91,0,1,0,8.17,7.91v0a.58.58,0,0,0-.59-.56h0a.59.59,0,0,0-.58.61,6.7,6.7,0,1,1-7-6.7l-1.39,1.4a.6.6,0,0,0,0,.86.62.62,0,0,0,.86,0l2.44-2.44a.6.6,0,0,0,0-.86Zm4.87,7.31a.6.6,0,0,1,0,.86l-3.65,3.66a.62.62,0,0,1-.86,0L12.74,16a.61.61,0,0,1,.86-.86L15,16.57l3.22-3.22A.6.6,0,0,1,19.08,13.35Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
48242
|
+
|
|
48243
|
+
/***/ }),
|
|
48244
|
+
|
|
48048
48245
|
/***/ "./sharedUiComponents/imgs/verticalMarginIcon.svg":
|
|
48049
48246
|
/*!********************************************************!*\
|
|
48050
48247
|
!*** ./sharedUiComponents/imgs/verticalMarginIcon.svg ***!
|
|
@@ -48150,7 +48347,7 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
48150
48347
|
object: this.props.target,
|
|
48151
48348
|
property: this.props.propertyName,
|
|
48152
48349
|
value: !this.state.isSelected,
|
|
48153
|
-
initialValue: this.state.isSelected
|
|
48350
|
+
initialValue: this.state.isSelected,
|
|
48154
48351
|
});
|
|
48155
48352
|
}
|
|
48156
48353
|
this.props.target[this.props.propertyName] = !this.state.isSelected;
|
|
@@ -48167,7 +48364,7 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
48167
48364
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.iconLabel }, this.props.label),
|
|
48168
48365
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBox" },
|
|
48169
48366
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkbox", id: "checkbox" + this._uniqueId, className: "cbx hidden", checked: this.state.isSelected, onChange: function () { return _this.onChange(); }, disabled: !!this.props.disabled }),
|
|
48170
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { htmlFor: "checkbox" + this._uniqueId, className: "lbl" + (!!this.props.disabled ?
|
|
48367
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { htmlFor: "checkbox" + this._uniqueId, className: "lbl" + (!!this.props.disabled ? " disabled" : "") }))));
|
|
48171
48368
|
};
|
|
48172
48369
|
CheckBoxLineComponent._UniqueIdSeed = 0;
|
|
48173
48370
|
return CheckBoxLineComponent;
|
|
@@ -48211,7 +48408,7 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48211
48408
|
function Color3LineComponent(props) {
|
|
48212
48409
|
var _this = _super.call(this, props) || this;
|
|
48213
48410
|
_this._localChange = false;
|
|
48214
|
-
var typeName = typeof
|
|
48411
|
+
var typeName = typeof _this.props.target[_this.props.propertyName];
|
|
48215
48412
|
if (typeName === "string") {
|
|
48216
48413
|
var colorConverted = _this.convertToColor3(_this.props.target[_this.props.propertyName]);
|
|
48217
48414
|
_this.state = { isExpanded: false, color: colorConverted, colorText: _this.props.target[_this.props.propertyName] };
|
|
@@ -48236,17 +48433,21 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48236
48433
|
document.body.append(d);
|
|
48237
48434
|
var rgb = window.getComputedStyle(d).color;
|
|
48238
48435
|
document.body.removeChild(d);
|
|
48239
|
-
var rgbArray = rgb
|
|
48240
|
-
.
|
|
48241
|
-
.
|
|
48436
|
+
var rgbArray = rgb
|
|
48437
|
+
.substring(4, rgb.length - 1)
|
|
48438
|
+
.replace(/ /g, "")
|
|
48439
|
+
.split(",");
|
|
48242
48440
|
return new _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color3"](parseInt(rgbArray[0]) / 255, parseInt(rgbArray[1]) / 255, parseInt(rgbArray[2]) / 255);
|
|
48243
48441
|
}
|
|
48244
48442
|
return _babylonjs_core_Maths_math_color__WEBPACK_IMPORTED_MODULE_5__["Color3"].FromHexString(color);
|
|
48245
48443
|
};
|
|
48246
48444
|
Color3LineComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
|
|
48247
|
-
var isString = typeof
|
|
48248
|
-
var currentState = isString
|
|
48249
|
-
|
|
48445
|
+
var isString = typeof this.props.target[this.props.propertyName] === "string";
|
|
48446
|
+
var currentState = isString
|
|
48447
|
+
? this.convertToColor3(nextProps.target[nextProps.propertyName])
|
|
48448
|
+
: this.props.isLinear
|
|
48449
|
+
? nextProps.target[nextProps.propertyName].toGammaSpace()
|
|
48450
|
+
: nextProps.target[nextProps.propertyName];
|
|
48250
48451
|
if (!currentState.equals(nextState.color) || this._localChange) {
|
|
48251
48452
|
nextState.color = currentState.clone();
|
|
48252
48453
|
nextState.colorText = isString ? nextProps.target[nextProps.propertyName] : nextProps.target[nextProps.propertyName].toHexString();
|
|
@@ -48256,7 +48457,7 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48256
48457
|
return false;
|
|
48257
48458
|
};
|
|
48258
48459
|
Color3LineComponent.prototype.setPropertyValue = function (newColor, newColorText) {
|
|
48259
|
-
var isString = typeof
|
|
48460
|
+
var isString = typeof this.props.target[this.props.propertyName] === "string";
|
|
48260
48461
|
if (isString) {
|
|
48261
48462
|
this.props.target[this.props.propertyName] = newColorText;
|
|
48262
48463
|
}
|
|
@@ -48333,7 +48534,7 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48333
48534
|
this.raiseOnPropertyChanged(store);
|
|
48334
48535
|
};
|
|
48335
48536
|
Color3LineComponent.prototype.copyToClipboard = function () {
|
|
48336
|
-
var element = document.createElement(
|
|
48537
|
+
var element = document.createElement("div");
|
|
48337
48538
|
element.textContent = this.state.color.toHexString();
|
|
48338
48539
|
document.body.appendChild(element);
|
|
48339
48540
|
if (window.getSelection) {
|
|
@@ -48342,7 +48543,7 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48342
48543
|
window.getSelection().removeAllRanges();
|
|
48343
48544
|
window.getSelection().addRange(range);
|
|
48344
48545
|
}
|
|
48345
|
-
document.execCommand(
|
|
48546
|
+
document.execCommand("copy");
|
|
48346
48547
|
element.remove();
|
|
48347
48548
|
};
|
|
48348
48549
|
Color3LineComponent.prototype.convert = function (colorString) {
|
|
@@ -48364,19 +48565,17 @@ var Color3LineComponent = /** @class */ (function (_super) {
|
|
|
48364
48565
|
_this._colorPickerOpen = true;
|
|
48365
48566
|
_this.onChange(color);
|
|
48366
48567
|
} })),
|
|
48367
|
-
|
|
48368
|
-
|
|
48369
|
-
|
|
48370
|
-
|
|
48371
|
-
}, onPropertyChangedObservable: this.props.onPropertyChangedObservable }),
|
|
48568
|
+
this.props.icon && this.props.lockObject && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_textInputLineComponent__WEBPACK_IMPORTED_MODULE_7__["TextInputLineComponent"], { lockObject: this.props.lockObject, label: "", target: this, propertyName: "_colorString", onChange: function (newValue) {
|
|
48569
|
+
_this._colorPickerOpen = false;
|
|
48570
|
+
_this.convert(newValue);
|
|
48571
|
+
}, onPropertyChangedObservable: this.props.onPropertyChangedObservable })),
|
|
48372
48572
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "copy hoverIcon", onClick: function () { return _this.copyToClipboard(); }, title: "Copy to clipboard" },
|
|
48373
48573
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: copyIcon, alt: "" })),
|
|
48374
48574
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "expand hoverIcon", onClick: function () { return _this.switchExpandState(); }, title: "Expand" }, chevron)),
|
|
48375
|
-
this.state.isExpanded &&
|
|
48376
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
48377
|
-
|
|
48378
|
-
|
|
48379
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "b", value: this.state.color.b, onChange: function (value) { return _this.updateStateB(value); } }))));
|
|
48575
|
+
this.state.isExpanded && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "secondLine" },
|
|
48576
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "r", value: this.state.color.r, onChange: function (value) { return _this.updateStateR(value); } }),
|
|
48577
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "g", value: this.state.color.g, onChange: function (value) { return _this.updateStateG(value); } }),
|
|
48578
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_numericInputComponent__WEBPACK_IMPORTED_MODULE_2__["NumericInputComponent"], { label: "b", value: this.state.color.b, onChange: function (value) { return _this.updateStateB(value); } })))));
|
|
48380
48579
|
};
|
|
48381
48580
|
return Color3LineComponent;
|
|
48382
48581
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -48406,9 +48605,7 @@ var ColorPickerLineComponent = /** @class */ (function (_super) {
|
|
|
48406
48605
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ColorPickerLineComponent, _super);
|
|
48407
48606
|
function ColorPickerLineComponent(props) {
|
|
48408
48607
|
var _this = _super.call(this, props) || this;
|
|
48409
|
-
_this.state = { pickerEnabled: false,
|
|
48410
|
-
color: _this.props.value,
|
|
48411
|
-
hex: _this.props.value.toHexString() };
|
|
48608
|
+
_this.state = { pickerEnabled: false, color: _this.props.value, hex: _this.props.value.toHexString() };
|
|
48412
48609
|
_this._floatRef = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
|
|
48413
48610
|
_this._floatHostRef = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
|
|
48414
48611
|
return _this;
|
|
@@ -48438,9 +48635,7 @@ var ColorPickerLineComponent = /** @class */ (function (_super) {
|
|
|
48438
48635
|
nextState.color = nextProps.value;
|
|
48439
48636
|
nextState.hex = nextProps.value.toHexString();
|
|
48440
48637
|
}
|
|
48441
|
-
return diffProps
|
|
48442
|
-
|| nextState.hex !== this.state.hex
|
|
48443
|
-
|| nextState.pickerEnabled !== this.state.pickerEnabled;
|
|
48638
|
+
return diffProps || nextState.hex !== this.state.hex || nextState.pickerEnabled !== this.state.pickerEnabled;
|
|
48444
48639
|
};
|
|
48445
48640
|
ColorPickerLineComponent.prototype.componentDidUpdate = function () {
|
|
48446
48641
|
this.syncPositions();
|
|
@@ -48454,21 +48649,20 @@ var ColorPickerLineComponent = /** @class */ (function (_super) {
|
|
|
48454
48649
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker" },
|
|
48455
48650
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
48456
48651
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-rect", ref: this._floatHostRef, style: { background: this.state.hex }, onClick: function () { return _this.setState({ pickerEnabled: true }); } }),
|
|
48457
|
-
this.state.pickerEnabled &&
|
|
48458
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
48459
|
-
|
|
48460
|
-
|
|
48461
|
-
|
|
48462
|
-
|
|
48463
|
-
|
|
48464
|
-
|
|
48465
|
-
|
|
48466
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
48467
|
-
|
|
48468
|
-
|
|
48469
|
-
|
|
48470
|
-
|
|
48471
|
-
} }))))));
|
|
48652
|
+
this.state.pickerEnabled && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
|
|
48653
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-cover", onClick: function (evt) {
|
|
48654
|
+
var _a, _b;
|
|
48655
|
+
if (evt.target !== ((_b = (_a = _this._floatRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) === null || _b === void 0 ? void 0 : _b.querySelector(".color-picker-cover"))) {
|
|
48656
|
+
return;
|
|
48657
|
+
}
|
|
48658
|
+
_this.setState({ pickerEnabled: false });
|
|
48659
|
+
} },
|
|
48660
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "color-picker-float", ref: this._floatRef },
|
|
48661
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_colorPicker_colorPicker__WEBPACK_IMPORTED_MODULE_2__["ColorPicker"], { color: color, linearhint: this.props.linearHint, onColorChanged: function (color) {
|
|
48662
|
+
var hex = color.toHexString();
|
|
48663
|
+
_this.setState({ hex: hex, color: color });
|
|
48664
|
+
_this.props.onColorChanged(hex);
|
|
48665
|
+
} })))))));
|
|
48472
48666
|
};
|
|
48473
48667
|
return ColorPickerLineComponent;
|
|
48474
48668
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -48572,7 +48766,7 @@ var FloatLineComponent = /** @class */ (function (_super) {
|
|
|
48572
48766
|
return true;
|
|
48573
48767
|
}
|
|
48574
48768
|
var newValue = nextProps.target[nextProps.propertyName];
|
|
48575
|
-
var newValueString = newValue ? this.props.isInteger ? newValue.toFixed(0) : newValue.toFixed(this.props.digits || 4) : "0";
|
|
48769
|
+
var newValueString = newValue ? (this.props.isInteger ? newValue.toFixed(0) : newValue.toFixed(this.props.digits || 4)) : "0";
|
|
48576
48770
|
if (newValueString !== nextState.value) {
|
|
48577
48771
|
nextState.value = newValueString;
|
|
48578
48772
|
return true;
|
|
@@ -48590,7 +48784,7 @@ var FloatLineComponent = /** @class */ (function (_super) {
|
|
|
48590
48784
|
object: this.props.target,
|
|
48591
48785
|
property: this.props.propertyName,
|
|
48592
48786
|
value: newValue,
|
|
48593
|
-
initialValue: previousValue
|
|
48787
|
+
initialValue: previousValue,
|
|
48594
48788
|
});
|
|
48595
48789
|
};
|
|
48596
48790
|
FloatLineComponent.prototype.updateValue = function (valueString) {
|
|
@@ -48648,27 +48842,24 @@ var FloatLineComponent = /** @class */ (function (_super) {
|
|
|
48648
48842
|
}
|
|
48649
48843
|
var className = this.props.smallUI ? "short" : "value";
|
|
48650
48844
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
48651
|
-
!this.props.useEuler &&
|
|
48652
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("
|
|
48653
|
-
|
|
48654
|
-
|
|
48655
|
-
|
|
48656
|
-
|
|
48657
|
-
|
|
48658
|
-
|
|
48659
|
-
|
|
48660
|
-
|
|
48661
|
-
|
|
48662
|
-
|
|
48663
|
-
|
|
48664
|
-
|
|
48665
|
-
_this.
|
|
48666
|
-
|
|
48667
|
-
|
|
48668
|
-
|
|
48669
|
-
}, onFocus: function () { return _this.lock(); }, onChange: function (evt) { return _this.updateValue(evt.target.value); } }))),
|
|
48670
|
-
this.props.useEuler &&
|
|
48671
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sliderLineComponent__WEBPACK_IMPORTED_MODULE_2__["SliderLineComponent"], { label: this.props.label, minimum: 0, maximum: 360, step: 0.1, directValue: _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__["Tools"].ToDegrees(valueAsNumber), onChange: function (value) { return _this.updateValue(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__["Tools"].ToRadians(value).toString()); } })));
|
|
48845
|
+
!this.props.useEuler && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.props.additionalClass ? this.props.additionalClass + " floatLine" : "floatLine" },
|
|
48846
|
+
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
48847
|
+
(!this.props.icon || this.props.label != "") && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label)),
|
|
48848
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: className },
|
|
48849
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "number", step: this.props.step || this.props.isInteger ? "1" : "0.01", className: "numeric-input", onKeyDown: function (evt) {
|
|
48850
|
+
if (evt.keyCode !== 13) {
|
|
48851
|
+
return;
|
|
48852
|
+
}
|
|
48853
|
+
if (_this.props.onEnter) {
|
|
48854
|
+
_this.props.onEnter(_this._store);
|
|
48855
|
+
}
|
|
48856
|
+
}, value: this.state.value, onBlur: function () {
|
|
48857
|
+
_this.unlock();
|
|
48858
|
+
if (_this.props.onEnter) {
|
|
48859
|
+
_this.props.onEnter(_this._store);
|
|
48860
|
+
}
|
|
48861
|
+
}, onFocus: function () { return _this.lock(); }, onChange: function (evt) { return _this.updateValue(evt.target.value); } })))),
|
|
48862
|
+
this.props.useEuler && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sliderLineComponent__WEBPACK_IMPORTED_MODULE_2__["SliderLineComponent"], { label: this.props.label, minimum: 0, maximum: 360, step: 0.1, directValue: _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__["Tools"].ToDegrees(valueAsNumber), onChange: function (value) { return _this.updateValue(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_3__["Tools"].ToRadians(value).toString()); } }))));
|
|
48672
48863
|
};
|
|
48673
48864
|
return FloatLineComponent;
|
|
48674
48865
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -48736,8 +48927,7 @@ var NumericInputComponent = /** @class */ (function (_super) {
|
|
|
48736
48927
|
var _this = this;
|
|
48737
48928
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric" },
|
|
48738
48929
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
48739
|
-
this.props.label &&
|
|
48740
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric-label", title: this.props.label }, this.props.label + ": "),
|
|
48930
|
+
this.props.label && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "numeric-label", title: this.props.label }, this.props.label + ": ")),
|
|
48741
48931
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "number", step: this.props.step, className: "numeric-input", value: this.state.value, onChange: function (evt) { return _this.updateValue(evt); }, onBlur: function () { return _this.onBlur(); } })));
|
|
48742
48932
|
};
|
|
48743
48933
|
NumericInputComponent.defaultProps = {
|
|
@@ -48950,7 +49140,7 @@ var SliderLineComponent = /** @class */ (function (_super) {
|
|
|
48950
49140
|
_this._localChange = false;
|
|
48951
49141
|
if (_this.props.directValue !== undefined) {
|
|
48952
49142
|
_this.state = {
|
|
48953
|
-
value: _this.props.directValue
|
|
49143
|
+
value: _this.props.directValue,
|
|
48954
49144
|
};
|
|
48955
49145
|
}
|
|
48956
49146
|
else {
|
|
@@ -48990,7 +49180,7 @@ var SliderLineComponent = /** @class */ (function (_super) {
|
|
|
48990
49180
|
object: this.props.target,
|
|
48991
49181
|
property: this.props.propertyName,
|
|
48992
49182
|
value: newValue,
|
|
48993
|
-
initialValue: this.state.value
|
|
49183
|
+
initialValue: this.state.value,
|
|
48994
49184
|
});
|
|
48995
49185
|
}
|
|
48996
49186
|
this.props.target[this.props.propertyName] = newValue;
|
|
@@ -49019,12 +49209,14 @@ var SliderLineComponent = /** @class */ (function (_super) {
|
|
|
49019
49209
|
var _this = this;
|
|
49020
49210
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "sliderLine" },
|
|
49021
49211
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }),
|
|
49022
|
-
(!this.props.icon || this.props.label != "") &&
|
|
49023
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.props.margin ? "label withMargins" : "label", title: this.props.label }, this.props.label),
|
|
49212
|
+
(!this.props.icon || this.props.label != "") && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.props.margin ? "label withMargins" : "label", title: this.props.label }, this.props.label)),
|
|
49024
49213
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { lockObject: this.props.lockObject, isInteger: this.props.decimalCount === 0, smallUI: true, label: "", target: this.state, digits: this.props.decimalCount === undefined ? 4 : this.props.decimalCount, propertyName: "value", min: this.props.minimum, max: this.props.maximum, onEnter: function () {
|
|
49025
49214
|
var changed = _this.prepareDataToRead(_this.state.value);
|
|
49026
49215
|
_this.onChange(changed);
|
|
49027
|
-
}, onChange: function (evt) {
|
|
49216
|
+
}, onChange: function (evt) {
|
|
49217
|
+
var changed = _this.prepareDataToRead(_this.state.value);
|
|
49218
|
+
_this.onChange(changed);
|
|
49219
|
+
} }),
|
|
49028
49220
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "slider" },
|
|
49029
49221
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { className: "range", type: "range", step: this.props.step, min: this.prepareDataToRead(this.props.minimum), max: this.prepareDataToRead(this.props.maximum), value: this.prepareDataToRead(this.state.value), onInput: function (evt) { return _this.onInput(evt.target.value); }, onChange: function (evt) { return _this.onChange(evt.target.value); } }))));
|
|
49030
49222
|
};
|
|
@@ -49085,7 +49277,7 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
49085
49277
|
object: this.props.target,
|
|
49086
49278
|
property: this.props.propertyName,
|
|
49087
49279
|
value: newValue,
|
|
49088
|
-
initialValue: previousValue
|
|
49280
|
+
initialValue: previousValue,
|
|
49089
49281
|
});
|
|
49090
49282
|
};
|
|
49091
49283
|
TextInputLineComponent.prototype.updateValue = function (value) {
|
|
@@ -49096,7 +49288,7 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
49096
49288
|
if (!value) {
|
|
49097
49289
|
value = "0";
|
|
49098
49290
|
}
|
|
49099
|
-
//Removing starting zero if there is a number of a minus after it.
|
|
49291
|
+
//Removing starting zero if there is a number of a minus after it.
|
|
49100
49292
|
if (value.search(/0+[0-9\-]/g) === 0) {
|
|
49101
49293
|
value = value.substr(1);
|
|
49102
49294
|
}
|
|
@@ -49113,10 +49305,9 @@ var TextInputLineComponent = /** @class */ (function (_super) {
|
|
|
49113
49305
|
var _this = this;
|
|
49114
49306
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "textInputLine" },
|
|
49115
49307
|
this.props.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }),
|
|
49116
|
-
(!this.props.icon || (this.props.icon && this.props.label != "")) &&
|
|
49117
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label),
|
|
49308
|
+
(!this.props.icon || (this.props.icon && this.props.label != "")) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.label }, this.props.label)),
|
|
49118
49309
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "value" + (this.props.noUnderline === true ? " noUnderline" : "") },
|
|
49119
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { value: this.state.value, onBlur: function () { return _this.props.lockObject.lock = false; }, onFocus: function () { return _this.props.lockObject.lock = true; }, onChange: function (evt) { return _this.updateValue(evt.target.value); } }))));
|
|
49310
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { value: this.state.value, onBlur: function () { return (_this.props.lockObject.lock = false); }, onFocus: function () { return (_this.props.lockObject.lock = true); }, onChange: function (evt) { return _this.updateValue(evt.target.value); } }))));
|
|
49120
49311
|
};
|
|
49121
49312
|
return TextInputLineComponent;
|
|
49122
49313
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -49147,7 +49338,7 @@ var TextLineComponent = /** @class */ (function (_super) {
|
|
|
49147
49338
|
}
|
|
49148
49339
|
TextLineComponent.prototype.onLink = function () {
|
|
49149
49340
|
if (this.props.url) {
|
|
49150
|
-
window.open(this.props.url,
|
|
49341
|
+
window.open(this.props.url, "_blank");
|
|
49151
49342
|
return;
|
|
49152
49343
|
}
|
|
49153
49344
|
if (!this.props.onLink) {
|
|
@@ -49161,7 +49352,7 @@ var TextLineComponent = /** @class */ (function (_super) {
|
|
|
49161
49352
|
return null;
|
|
49162
49353
|
}
|
|
49163
49354
|
if (this.props.onLink || this.props.url) {
|
|
49164
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "link-value", title: this.props.value, onClick: function () { return _this.onLink(); } }, this.props.url ? "doc" :
|
|
49355
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "link-value", title: this.props.value, onClick: function () { return _this.onLink(); } }, this.props.url ? "doc" : this.props.value || "no name"));
|
|
49165
49356
|
}
|
|
49166
49357
|
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "value", title: this.props.value, style: { color: this.props.color ? this.props.color : "" } }, this.props.value || "no name"));
|
|
49167
49358
|
};
|
|
@@ -49542,8 +49733,8 @@ var WorkbenchEditor = /** @class */ (function (_super) {
|
|
|
49542
49733
|
if (!evt.ctrlKey || _this.props.globalState.blockKeyboardEvents) {
|
|
49543
49734
|
return;
|
|
49544
49735
|
}
|
|
49545
|
-
if (evt.key === "a")
|
|
49546
|
-
|
|
49736
|
+
if (evt.key === "a") {
|
|
49737
|
+
//all
|
|
49547
49738
|
evt.preventDefault();
|
|
49548
49739
|
}
|
|
49549
49740
|
}, false);
|
|
@@ -49634,88 +49825,122 @@ var WorkbenchEditor = /** @class */ (function (_super) {
|
|
|
49634
49825
|
{
|
|
49635
49826
|
label: "Rectangle",
|
|
49636
49827
|
icon: rectangleIcon,
|
|
49637
|
-
onClick: function () {
|
|
49828
|
+
onClick: function () {
|
|
49829
|
+
_this.onCreate("Rectangle");
|
|
49830
|
+
},
|
|
49638
49831
|
},
|
|
49639
49832
|
{
|
|
49640
49833
|
label: "Ellipse",
|
|
49641
49834
|
icon: ellipseIcon,
|
|
49642
|
-
onClick: function () {
|
|
49835
|
+
onClick: function () {
|
|
49836
|
+
_this.onCreate("Ellipse");
|
|
49837
|
+
},
|
|
49643
49838
|
},
|
|
49644
49839
|
{
|
|
49645
49840
|
label: "StackPanel",
|
|
49646
49841
|
icon: stackPanelIcon,
|
|
49647
|
-
onClick: function () {
|
|
49842
|
+
onClick: function () {
|
|
49843
|
+
_this.onCreate("StackPanel");
|
|
49844
|
+
},
|
|
49648
49845
|
},
|
|
49649
49846
|
{
|
|
49650
49847
|
label: "Grid",
|
|
49651
49848
|
icon: gridIcon,
|
|
49652
|
-
onClick: function () {
|
|
49849
|
+
onClick: function () {
|
|
49850
|
+
_this.onCreate("Grid");
|
|
49851
|
+
},
|
|
49653
49852
|
},
|
|
49654
49853
|
{
|
|
49655
49854
|
label: "ScrollViewer",
|
|
49656
49855
|
icon: scrollbarIcon,
|
|
49657
|
-
onClick: function () {
|
|
49856
|
+
onClick: function () {
|
|
49857
|
+
_this.onCreate("ScrollViewer");
|
|
49858
|
+
},
|
|
49658
49859
|
},
|
|
49659
49860
|
{
|
|
49660
49861
|
label: "Line",
|
|
49661
49862
|
icon: lineIcon,
|
|
49662
|
-
onClick: function () {
|
|
49863
|
+
onClick: function () {
|
|
49864
|
+
_this.onCreate("Line");
|
|
49865
|
+
},
|
|
49663
49866
|
},
|
|
49664
49867
|
{
|
|
49665
49868
|
label: "Text",
|
|
49666
49869
|
icon: textBoxIcon,
|
|
49667
|
-
onClick: function () {
|
|
49870
|
+
onClick: function () {
|
|
49871
|
+
_this.onCreate("Text");
|
|
49872
|
+
},
|
|
49668
49873
|
},
|
|
49669
49874
|
{
|
|
49670
49875
|
label: "InputText",
|
|
49671
49876
|
icon: inputFieldIcon,
|
|
49672
|
-
onClick: function () {
|
|
49877
|
+
onClick: function () {
|
|
49878
|
+
_this.onCreate("InputText");
|
|
49879
|
+
},
|
|
49673
49880
|
},
|
|
49674
49881
|
{
|
|
49675
49882
|
label: "InputPassword",
|
|
49676
49883
|
icon: passwordFieldIcon,
|
|
49677
|
-
onClick: function () {
|
|
49884
|
+
onClick: function () {
|
|
49885
|
+
_this.onCreate("InputPassword");
|
|
49886
|
+
},
|
|
49678
49887
|
},
|
|
49679
49888
|
{
|
|
49680
49889
|
label: "Image",
|
|
49681
49890
|
icon: imageIcon,
|
|
49682
|
-
onClick: function () {
|
|
49891
|
+
onClick: function () {
|
|
49892
|
+
_this.onCreate("Image");
|
|
49893
|
+
},
|
|
49683
49894
|
},
|
|
49684
49895
|
{
|
|
49685
49896
|
label: "DisplayGrid",
|
|
49686
49897
|
icon: displaygridIcon,
|
|
49687
|
-
onClick: function () {
|
|
49898
|
+
onClick: function () {
|
|
49899
|
+
_this.onCreate("DisplayGrid");
|
|
49900
|
+
},
|
|
49688
49901
|
},
|
|
49689
49902
|
{
|
|
49690
49903
|
label: "TextButton",
|
|
49691
49904
|
icon: buttonIcon,
|
|
49692
|
-
onClick: function () {
|
|
49905
|
+
onClick: function () {
|
|
49906
|
+
_this.onCreate("TextButton");
|
|
49907
|
+
},
|
|
49693
49908
|
},
|
|
49694
49909
|
{
|
|
49695
49910
|
label: "Checkbox",
|
|
49696
49911
|
icon: checkboxIcon,
|
|
49697
|
-
onClick: function () {
|
|
49912
|
+
onClick: function () {
|
|
49913
|
+
_this.onCreate("Checkbox");
|
|
49914
|
+
},
|
|
49698
49915
|
},
|
|
49699
49916
|
{
|
|
49700
49917
|
label: "RadioButton",
|
|
49701
49918
|
icon: radioButtonIcon,
|
|
49702
|
-
onClick: function () {
|
|
49919
|
+
onClick: function () {
|
|
49920
|
+
_this.onCreate("RadioButton");
|
|
49921
|
+
},
|
|
49703
49922
|
},
|
|
49704
49923
|
{
|
|
49705
49924
|
label: "Slider",
|
|
49706
49925
|
icon: sliderIcon,
|
|
49707
|
-
onClick: function () {
|
|
49926
|
+
onClick: function () {
|
|
49927
|
+
_this.onCreate("Slider");
|
|
49928
|
+
},
|
|
49708
49929
|
},
|
|
49709
49930
|
{
|
|
49710
49931
|
label: "VirtualKeyboard",
|
|
49711
49932
|
icon: keyboardIcon,
|
|
49712
|
-
onClick: function () {
|
|
49933
|
+
onClick: function () {
|
|
49934
|
+
_this.onCreate("VirtualKeyboard");
|
|
49935
|
+
},
|
|
49713
49936
|
},
|
|
49714
49937
|
{
|
|
49715
49938
|
label: "ColorPicker",
|
|
49716
49939
|
icon: colorPickerIcon,
|
|
49717
|
-
onClick: function () {
|
|
49718
|
-
|
|
49940
|
+
onClick: function () {
|
|
49941
|
+
_this.onCreate("ColorPicker");
|
|
49942
|
+
},
|
|
49943
|
+
},
|
|
49719
49944
|
];
|
|
49720
49945
|
};
|
|
49721
49946
|
WorkbenchEditor.prototype.onCreate = function (value) {
|
|
@@ -49739,16 +49964,13 @@ var WorkbenchEditor = /** @class */ (function (_super) {
|
|
|
49739
49964
|
m.onClick();
|
|
49740
49965
|
}
|
|
49741
49966
|
}, title: m.label },
|
|
49742
|
-
!m.icon &&
|
|
49743
|
-
|
|
49744
|
-
|
|
49745
|
-
|
|
49746
|
-
|
|
49747
|
-
|
|
49748
|
-
|
|
49749
|
-
_this.forceUpdate();
|
|
49750
|
-
m.onCheck(evt.target.checked);
|
|
49751
|
-
}, checked: false })));
|
|
49967
|
+
!m.icon && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "toolbar-label-text" }, (m.isActive ? "> " : "") + m.label),
|
|
49968
|
+
m.icon && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "toolbar-icon" },
|
|
49969
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { src: m.icon }))),
|
|
49970
|
+
m.onCheck && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkBox", className: "toolbar-label-check", onChange: function (evt) {
|
|
49971
|
+
_this.forceUpdate();
|
|
49972
|
+
m.onCheck(evt.target.checked);
|
|
49973
|
+
}, checked: false }))));
|
|
49752
49974
|
})))));
|
|
49753
49975
|
};
|
|
49754
49976
|
return WorkbenchEditor;
|