@babylonjs/gui-editor 5.0.0-rc.1 → 5.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babylon.guiEditor.max.js +383 -415
- package/babylon.guiEditor.max.js.map +1 -1
- package/babylon.guiEditor.module.d.ts +57 -57
- 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
|
+
!*** E:/Babylon/Babylon.js/node_modules/@fortawesome/fontawesome-svg-core/index.es.js ***!
|
|
102
|
+
\****************************************************************************************/
|
|
103
103
|
/*! exports provided: icon, noAuto, config, toHtml, layer, text, counter, library, dom, parse, findIconDefinition */
|
|
104
104
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
105
105
|
|
|
@@ -2557,9 +2557,9 @@ var autoReplace = function autoReplace() {
|
|
|
2557
2557
|
/***/ }),
|
|
2558
2558
|
|
|
2559
2559
|
/***/ "../../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js":
|
|
2560
|
-
|
|
2561
|
-
!***
|
|
2562
|
-
|
|
2560
|
+
/*!****************************************************************************************!*\
|
|
2561
|
+
!*** E:/Babylon/Babylon.js/node_modules/@fortawesome/free-solid-svg-icons/index.es.js ***!
|
|
2562
|
+
\****************************************************************************************/
|
|
2563
2563
|
/*! exports provided: fas, prefix, faAd, faAddressBook, faAddressCard, faAdjust, faAirFreshener, faAlignCenter, faAlignJustify, faAlignLeft, faAlignRight, faAllergies, faAmbulance, faAmericanSignLanguageInterpreting, faAnchor, faAngleDoubleDown, faAngleDoubleLeft, faAngleDoubleRight, faAngleDoubleUp, faAngleDown, faAngleLeft, faAngleRight, faAngleUp, faAngry, faAnkh, faAppleAlt, faArchive, faArchway, faArrowAltCircleDown, faArrowAltCircleLeft, faArrowAltCircleRight, faArrowAltCircleUp, faArrowCircleDown, faArrowCircleLeft, faArrowCircleRight, faArrowCircleUp, faArrowDown, faArrowLeft, faArrowRight, faArrowUp, faArrowsAlt, faArrowsAltH, faArrowsAltV, faAssistiveListeningSystems, faAsterisk, faAt, faAtlas, faAtom, faAudioDescription, faAward, faBaby, faBabyCarriage, faBackspace, faBackward, faBacon, faBacteria, faBacterium, faBahai, faBalanceScale, faBalanceScaleLeft, faBalanceScaleRight, faBan, faBandAid, faBarcode, faBars, faBaseballBall, faBasketballBall, faBath, faBatteryEmpty, faBatteryFull, faBatteryHalf, faBatteryQuarter, faBatteryThreeQuarters, faBed, faBeer, faBell, faBellSlash, faBezierCurve, faBible, faBicycle, faBiking, faBinoculars, faBiohazard, faBirthdayCake, faBlender, faBlenderPhone, faBlind, faBlog, faBold, faBolt, faBomb, faBone, faBong, faBook, faBookDead, faBookMedical, faBookOpen, faBookReader, faBookmark, faBorderAll, faBorderNone, faBorderStyle, faBowlingBall, faBox, faBoxOpen, faBoxTissue, faBoxes, faBraille, faBrain, faBreadSlice, faBriefcase, faBriefcaseMedical, faBroadcastTower, faBroom, faBrush, faBug, faBuilding, faBullhorn, faBullseye, faBurn, faBus, faBusAlt, faBusinessTime, faCalculator, faCalendar, faCalendarAlt, faCalendarCheck, faCalendarDay, faCalendarMinus, faCalendarPlus, faCalendarTimes, faCalendarWeek, faCamera, faCameraRetro, faCampground, faCandyCane, faCannabis, faCapsules, faCar, faCarAlt, faCarBattery, faCarCrash, faCarSide, faCaravan, faCaretDown, faCaretLeft, faCaretRight, faCaretSquareDown, faCaretSquareLeft, faCaretSquareRight, faCaretSquareUp, faCaretUp, faCarrot, faCartArrowDown, faCartPlus, faCashRegister, faCat, faCertificate, faChair, faChalkboard, faChalkboardTeacher, faChargingStation, faChartArea, faChartBar, faChartLine, faChartPie, faCheck, faCheckCircle, faCheckDouble, faCheckSquare, faCheese, faChess, faChessBishop, faChessBoard, faChessKing, faChessKnight, faChessPawn, faChessQueen, faChessRook, faChevronCircleDown, faChevronCircleLeft, faChevronCircleRight, faChevronCircleUp, faChevronDown, faChevronLeft, faChevronRight, faChevronUp, faChild, faChurch, faCircle, faCircleNotch, faCity, faClinicMedical, faClipboard, faClipboardCheck, faClipboardList, faClock, faClone, faClosedCaptioning, faCloud, faCloudDownloadAlt, faCloudMeatball, faCloudMoon, faCloudMoonRain, faCloudRain, faCloudShowersHeavy, faCloudSun, faCloudSunRain, faCloudUploadAlt, faCocktail, faCode, faCodeBranch, faCoffee, faCog, faCogs, faCoins, faColumns, faComment, faCommentAlt, faCommentDollar, faCommentDots, faCommentMedical, faCommentSlash, faComments, faCommentsDollar, faCompactDisc, faCompass, faCompress, faCompressAlt, faCompressArrowsAlt, faConciergeBell, faCookie, faCookieBite, faCopy, faCopyright, faCouch, faCreditCard, faCrop, faCropAlt, faCross, faCrosshairs, faCrow, faCrown, faCrutch, faCube, faCubes, faCut, faDatabase, faDeaf, faDemocrat, faDesktop, faDharmachakra, faDiagnoses, faDice, faDiceD20, faDiceD6, faDiceFive, faDiceFour, faDiceOne, faDiceSix, faDiceThree, faDiceTwo, faDigitalTachograph, faDirections, faDisease, faDivide, faDizzy, faDna, faDog, faDollarSign, faDolly, faDollyFlatbed, faDonate, faDoorClosed, faDoorOpen, faDotCircle, faDove, faDownload, faDraftingCompass, faDragon, faDrawPolygon, faDrum, faDrumSteelpan, faDrumstickBite, faDumbbell, faDumpster, faDumpsterFire, faDungeon, faEdit, faEgg, faEject, faEllipsisH, faEllipsisV, faEnvelope, faEnvelopeOpen, faEnvelopeOpenText, faEnvelopeSquare, faEquals, faEraser, faEthernet, faEuroSign, faExchangeAlt, faExclamation, faExclamationCircle, faExclamationTriangle, faExpand, faExpandAlt, faExpandArrowsAlt, faExternalLinkAlt, faExternalLinkSquareAlt, faEye, faEyeDropper, faEyeSlash, faFan, faFastBackward, faFastForward, faFaucet, faFax, faFeather, faFeatherAlt, faFemale, faFighterJet, faFile, faFileAlt, faFileArchive, faFileAudio, faFileCode, faFileContract, faFileCsv, faFileDownload, faFileExcel, faFileExport, faFileImage, faFileImport, faFileInvoice, faFileInvoiceDollar, faFileMedical, faFileMedicalAlt, faFilePdf, faFilePowerpoint, faFilePrescription, faFileSignature, faFileUpload, faFileVideo, faFileWord, faFill, faFillDrip, faFilm, faFilter, faFingerprint, faFire, faFireAlt, faFireExtinguisher, faFirstAid, faFish, faFistRaised, faFlag, faFlagCheckered, faFlagUsa, faFlask, faFlushed, faFolder, faFolderMinus, faFolderOpen, faFolderPlus, faFont, faFontAwesomeLogoFull, faFootballBall, faForward, faFrog, faFrown, faFrownOpen, faFunnelDollar, faFutbol, faGamepad, faGasPump, faGavel, faGem, faGenderless, faGhost, faGift, faGifts, faGlassCheers, faGlassMartini, faGlassMartiniAlt, faGlassWhiskey, faGlasses, faGlobe, faGlobeAfrica, faGlobeAmericas, faGlobeAsia, faGlobeEurope, faGolfBall, faGopuram, faGraduationCap, faGreaterThan, faGreaterThanEqual, faGrimace, faGrin, faGrinAlt, faGrinBeam, faGrinBeamSweat, faGrinHearts, faGrinSquint, faGrinSquintTears, faGrinStars, faGrinTears, faGrinTongue, faGrinTongueSquint, faGrinTongueWink, faGrinWink, faGripHorizontal, faGripLines, faGripLinesVertical, faGripVertical, faGuitar, faHSquare, faHamburger, faHammer, faHamsa, faHandHolding, faHandHoldingHeart, faHandHoldingMedical, faHandHoldingUsd, faHandHoldingWater, faHandLizard, faHandMiddleFinger, faHandPaper, faHandPeace, faHandPointDown, faHandPointLeft, faHandPointRight, faHandPointUp, faHandPointer, faHandRock, faHandScissors, faHandSparkles, faHandSpock, faHands, faHandsHelping, faHandsWash, faHandshake, faHandshakeAltSlash, faHandshakeSlash, faHanukiah, faHardHat, faHashtag, faHatCowboy, faHatCowboySide, faHatWizard, faHdd, faHeadSideCough, faHeadSideCoughSlash, faHeadSideMask, faHeadSideVirus, faHeading, faHeadphones, faHeadphonesAlt, faHeadset, faHeart, faHeartBroken, faHeartbeat, faHelicopter, faHighlighter, faHiking, faHippo, faHistory, faHockeyPuck, faHollyBerry, faHome, faHorse, faHorseHead, faHospital, faHospitalAlt, faHospitalSymbol, faHospitalUser, faHotTub, faHotdog, faHotel, faHourglass, faHourglassEnd, faHourglassHalf, faHourglassStart, faHouseDamage, faHouseUser, faHryvnia, faICursor, faIceCream, faIcicles, faIcons, faIdBadge, faIdCard, faIdCardAlt, faIgloo, faImage, faImages, faInbox, faIndent, faIndustry, faInfinity, faInfo, faInfoCircle, faItalic, faJedi, faJoint, faJournalWhills, faKaaba, faKey, faKeyboard, faKhanda, faKiss, faKissBeam, faKissWinkHeart, faKiwiBird, faLandmark, faLanguage, faLaptop, faLaptopCode, faLaptopHouse, faLaptopMedical, faLaugh, faLaughBeam, faLaughSquint, faLaughWink, faLayerGroup, faLeaf, faLemon, faLessThan, faLessThanEqual, faLevelDownAlt, faLevelUpAlt, faLifeRing, faLightbulb, faLink, faLiraSign, faList, faListAlt, faListOl, faListUl, faLocationArrow, faLock, faLockOpen, faLongArrowAltDown, faLongArrowAltLeft, faLongArrowAltRight, faLongArrowAltUp, faLowVision, faLuggageCart, faLungs, faLungsVirus, faMagic, faMagnet, faMailBulk, faMale, faMap, faMapMarked, faMapMarkedAlt, faMapMarker, faMapMarkerAlt, faMapPin, faMapSigns, faMarker, faMars, faMarsDouble, faMarsStroke, faMarsStrokeH, faMarsStrokeV, faMask, faMedal, faMedkit, faMeh, faMehBlank, faMehRollingEyes, faMemory, faMenorah, faMercury, faMeteor, faMicrochip, faMicrophone, faMicrophoneAlt, faMicrophoneAltSlash, faMicrophoneSlash, faMicroscope, faMinus, faMinusCircle, faMinusSquare, faMitten, faMobile, faMobileAlt, faMoneyBill, faMoneyBillAlt, faMoneyBillWave, faMoneyBillWaveAlt, faMoneyCheck, faMoneyCheckAlt, faMonument, faMoon, faMortarPestle, faMosque, faMotorcycle, faMountain, faMouse, faMousePointer, faMugHot, faMusic, faNetworkWired, faNeuter, faNewspaper, faNotEqual, faNotesMedical, faObjectGroup, faObjectUngroup, faOilCan, faOm, faOtter, faOutdent, faPager, faPaintBrush, faPaintRoller, faPalette, faPallet, faPaperPlane, faPaperclip, faParachuteBox, faParagraph, faParking, faPassport, faPastafarianism, faPaste, faPause, faPauseCircle, faPaw, faPeace, faPen, faPenAlt, faPenFancy, faPenNib, faPenSquare, faPencilAlt, faPencilRuler, faPeopleArrows, faPeopleCarry, faPepperHot, faPercent, faPercentage, faPersonBooth, faPhone, faPhoneAlt, faPhoneSlash, faPhoneSquare, faPhoneSquareAlt, faPhoneVolume, faPhotoVideo, faPiggyBank, faPills, faPizzaSlice, faPlaceOfWorship, faPlane, faPlaneArrival, faPlaneDeparture, faPlaneSlash, faPlay, faPlayCircle, faPlug, faPlus, faPlusCircle, faPlusSquare, faPodcast, faPoll, faPollH, faPoo, faPooStorm, faPoop, faPortrait, faPoundSign, faPowerOff, faPray, faPrayingHands, faPrescription, faPrescriptionBottle, faPrescriptionBottleAlt, faPrint, faProcedures, faProjectDiagram, faPumpMedical, faPumpSoap, faPuzzlePiece, faQrcode, faQuestion, faQuestionCircle, faQuidditch, faQuoteLeft, faQuoteRight, faQuran, faRadiation, faRadiationAlt, faRainbow, faRandom, faReceipt, faRecordVinyl, faRecycle, faRedo, faRedoAlt, faRegistered, faRemoveFormat, faReply, faReplyAll, faRepublican, faRestroom, faRetweet, faRibbon, faRing, faRoad, faRobot, faRocket, faRoute, faRss, faRssSquare, faRubleSign, faRuler, faRulerCombined, faRulerHorizontal, faRulerVertical, faRunning, faRupeeSign, faSadCry, faSadTear, faSatellite, faSatelliteDish, faSave, faSchool, faScrewdriver, faScroll, faSdCard, faSearch, faSearchDollar, faSearchLocation, faSearchMinus, faSearchPlus, faSeedling, faServer, faShapes, faShare, faShareAlt, faShareAltSquare, faShareSquare, faShekelSign, faShieldAlt, faShieldVirus, faShip, faShippingFast, faShoePrints, faShoppingBag, faShoppingBasket, faShoppingCart, faShower, faShuttleVan, faSign, faSignInAlt, faSignLanguage, faSignOutAlt, faSignal, faSignature, faSimCard, faSink, faSitemap, faSkating, faSkiing, faSkiingNordic, faSkull, faSkullCrossbones, faSlash, faSleigh, faSlidersH, faSmile, faSmileBeam, faSmileWink, faSmog, faSmoking, faSmokingBan, faSms, faSnowboarding, faSnowflake, faSnowman, faSnowplow, faSoap, faSocks, faSolarPanel, faSort, faSortAlphaDown, faSortAlphaDownAlt, faSortAlphaUp, faSortAlphaUpAlt, faSortAmountDown, faSortAmountDownAlt, faSortAmountUp, faSortAmountUpAlt, faSortDown, faSortNumericDown, faSortNumericDownAlt, faSortNumericUp, faSortNumericUpAlt, faSortUp, faSpa, faSpaceShuttle, faSpellCheck, faSpider, faSpinner, faSplotch, faSprayCan, faSquare, faSquareFull, faSquareRootAlt, faStamp, faStar, faStarAndCrescent, faStarHalf, faStarHalfAlt, faStarOfDavid, faStarOfLife, faStepBackward, faStepForward, faStethoscope, faStickyNote, faStop, faStopCircle, faStopwatch, faStopwatch20, faStore, faStoreAlt, faStoreAltSlash, faStoreSlash, faStream, faStreetView, faStrikethrough, faStroopwafel, faSubscript, faSubway, faSuitcase, faSuitcaseRolling, faSun, faSuperscript, faSurprise, faSwatchbook, faSwimmer, faSwimmingPool, faSynagogue, faSync, faSyncAlt, faSyringe, faTable, faTableTennis, faTablet, faTabletAlt, faTablets, faTachometerAlt, faTag, faTags, faTape, faTasks, faTaxi, faTeeth, faTeethOpen, faTemperatureHigh, faTemperatureLow, faTenge, faTerminal, faTextHeight, faTextWidth, faTh, faThLarge, faThList, faTheaterMasks, faThermometer, faThermometerEmpty, faThermometerFull, faThermometerHalf, faThermometerQuarter, faThermometerThreeQuarters, faThumbsDown, faThumbsUp, faThumbtack, faTicketAlt, faTimes, faTimesCircle, faTint, faTintSlash, faTired, faToggleOff, faToggleOn, faToilet, faToiletPaper, faToiletPaperSlash, faToolbox, faTools, faTooth, faTorah, faToriiGate, faTractor, faTrademark, faTrafficLight, faTrailer, faTrain, faTram, faTransgender, faTransgenderAlt, faTrash, faTrashAlt, faTrashRestore, faTrashRestoreAlt, faTree, faTrophy, faTruck, faTruckLoading, faTruckMonster, faTruckMoving, faTruckPickup, faTshirt, faTty, faTv, faUmbrella, faUmbrellaBeach, faUnderline, faUndo, faUndoAlt, faUniversalAccess, faUniversity, faUnlink, faUnlock, faUnlockAlt, faUpload, faUser, faUserAlt, faUserAltSlash, faUserAstronaut, faUserCheck, faUserCircle, faUserClock, faUserCog, faUserEdit, faUserFriends, faUserGraduate, faUserInjured, faUserLock, faUserMd, faUserMinus, faUserNinja, faUserNurse, faUserPlus, faUserSecret, faUserShield, faUserSlash, faUserTag, faUserTie, faUserTimes, faUsers, faUsersCog, faUsersSlash, faUtensilSpoon, faUtensils, faVectorSquare, faVenus, faVenusDouble, faVenusMars, faVest, faVestPatches, faVial, faVials, faVideo, faVideoSlash, faVihara, faVirus, faVirusSlash, faViruses, faVoicemail, faVolleyballBall, faVolumeDown, faVolumeMute, faVolumeOff, faVolumeUp, faVoteYea, faVrCardboard, faWalking, faWallet, faWarehouse, faWater, faWaveSquare, faWeight, faWeightHanging, faWheelchair, faWifi, faWind, faWindowClose, faWindowMaximize, faWindowMinimize, faWindowRestore, faWineBottle, faWineGlass, faWineGlassAlt, faWonSign, faWrench, faXRay, faYenSign, faYinYang */
|
|
2564
2564
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2565
2565
|
|
|
@@ -9595,9 +9595,9 @@ var _iconsCache = {
|
|
|
9595
9595
|
/***/ }),
|
|
9596
9596
|
|
|
9597
9597
|
/***/ "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js":
|
|
9598
|
-
|
|
9599
|
-
!***
|
|
9600
|
-
|
|
9598
|
+
/*!*************************************************************************************!*\
|
|
9599
|
+
!*** E:/Babylon/Babylon.js/node_modules/@fortawesome/react-fontawesome/index.es.js ***!
|
|
9600
|
+
\*************************************************************************************/
|
|
9601
9601
|
/*! exports provided: FontAwesomeIcon */
|
|
9602
9602
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9603
9603
|
|
|
@@ -10004,9 +10004,9 @@ var convertCurry = convert.bind(null, react__WEBPACK_IMPORTED_MODULE_2___default
|
|
|
10004
10004
|
/***/ }),
|
|
10005
10005
|
|
|
10006
10006
|
/***/ "../../../../node_modules/classnames/index.js":
|
|
10007
|
-
|
|
10008
|
-
!***
|
|
10009
|
-
|
|
10007
|
+
/*!**************************************************************!*\
|
|
10008
|
+
!*** E:/Babylon/Babylon.js/node_modules/classnames/index.js ***!
|
|
10009
|
+
\**************************************************************/
|
|
10010
10010
|
/*! no static exports found */
|
|
10011
10011
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10012
10012
|
|
|
@@ -10072,9 +10072,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
|
|
10072
10072
|
/***/ }),
|
|
10073
10073
|
|
|
10074
10074
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/log/log.scss":
|
|
10075
|
-
|
|
10076
|
-
!***
|
|
10077
|
-
|
|
10075
|
+
/*!******************************************************************************************************************************************************!*\
|
|
10076
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/log/log.scss ***!
|
|
10077
|
+
\******************************************************************************************************************************************************/
|
|
10078
10078
|
/*! exports provided: default */
|
|
10079
10079
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10080
10080
|
|
|
@@ -10097,9 +10097,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#log-console {\n background: #333333;\
|
|
|
10097
10097
|
/***/ }),
|
|
10098
10098
|
|
|
10099
10099
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/propertyTab/propertyTab.scss":
|
|
10100
|
-
|
|
10101
|
-
!***
|
|
10102
|
-
|
|
10100
|
+
/*!**********************************************************************************************************************************************************************!*\
|
|
10101
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/propertyTab/propertyTab.scss ***!
|
|
10102
|
+
\**********************************************************************************************************************************************************************/
|
|
10103
10103
|
/*! exports provided: default */
|
|
10104
10104
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10105
10105
|
|
|
@@ -10114,7 +10114,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10114
10114
|
|
|
10115
10115
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
10116
10116
|
// Module
|
|
10117
|
-
___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px;\n --labelFamily: \"acumin-pro-condensed-semibold\";\n --button: #333333;\n --buttonBackground: #ffffff;\n --buttonDisabledBackground: #c8c8c8;\n --buttonPressed: #ffffff;\n --buttonPressedBackground: #606060; }\n\nhr.ge {\n border: 1px solid #d0cece; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2; }\n #ge-propertyTab * {\n font-family: \"acumin-pro-semicondensed\";\n font-size: 12px; }\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: 100%;\n height: 2px;\n background: #bcbcbc;\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 .icon {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .unit {\n width: 26px;\n height: 26px;\n color: var(--button);\n background-color: var(--buttonBackground);\n border: none;\n margin-top: 2px;\n cursor: pointer; }\n #ge-propertyTab .unit.disabled {\n background-color: var(--buttonDisabledBackground); }\n #ge-propertyTab .unit:active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .sliderLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily); }\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 display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 3;\n padding-left: 0px; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-family: var(--labelFamily); }\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: 60px;\n background-color: white;\n outline-color: transparent;\n border: transparent;\n height: 26px;\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 -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n #ge-propertyTab .ge-divider, #ge-propertyTab .ge-divider-short, #ge-propertyTab .ge-divider-single {\n display: flex;\n flex-direction: row;\n padding-right: 18px;\n align-items: center;\n padding-left: 5px; }\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-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .textInputLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily); }\n #ge-propertyTab .textInputLine img {\n width: 30px; }\n #ge-propertyTab .textInputLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n position: relative;\n background-color: white;\n margin-top: 2px;\n overflow-y: hidden;\n margin-right: 2px; }\n #ge-propertyTab .textInputLine .value input {\n width: 100%;\n outline-color: transparent;\n border: transparent;\n outline-width: 0px;\n height: 24px; }\n #ge-propertyTab .textInputLine .value input.hasArrows {\n padding-right: 15px; }\n #ge-propertyTab .textInputLine .value .arrows {\n display: none; }\n #ge-propertyTab .textInputLine .value:hover .arrows, #ge-propertyTab .textInputLine .value:focus .arrows, #ge-propertyTab .textInputLine .value.dragging .arrows {\n position: absolute;\n right: 0;\n display: flex;\n flex-direction: column;\n background-color: white;\n cursor: grab; }\n #ge-propertyTab .textInputLine .value:hover .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value:hover .arrows .upArrowIcon, #ge-propertyTab .textInputLine .value:focus .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value:focus .arrows .upArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon {\n width: 15px;\n height: 15px; }\n #ge-propertyTab .textInputLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon {\n filter: invert(100%) brightness(500%); }\n #ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto; }\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: 26px;\n width: 26px; }\n #ge-propertyTab .color-picker .color-rect-background {\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px black solid;\n cursor: pointer;\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50%/100% 100%; }\n #ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%; }\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 .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px; }\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 height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr auto;\n flex-grow: 1; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily); }\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 30px;\n margin-right: 2px; }\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n outline-color: transparent;\n border: none;\n outline-width: 0px;\n height: 24px; }\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-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 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-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-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 100px;\n margin-left: 15px;\n font-family: var(--labelFamily); }\n #ge-propertyTab .checkBoxLine img {\n width: 30px; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .checkBox {\n grid-column: 3;\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: 0px; }\n #ge-propertyTab .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\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.conflict ~ label:after {\n left: 10px;\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, black 5px, black 10px); }\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-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine img {\n width: 30px; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #ge-propertyTab .listLine .options select {\n width: 120px;\n height: 25px;\n border: transparent;\n border-radius: 4px; }\n #ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center; }\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 img {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine .value {\n padding-left: 2px; }\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 padding-right: 18px;\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 color: #a9a9a9;\n font-size: 10px;\n font-family: \"acumin-pro-semicondensed\"; }\n #ge-propertyTab .textLine img {\n width: 30px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", "",{"version":3,"sources":["webpack://./components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --backgroundGrey: #aaaaaa;\r\n --spacingHeight: 30px;\r\n --labelFamily: \"acumin-pro-condensed-semibold\";\r\n --button: #333333;\r\n --buttonBackground: #ffffff;\r\n --buttonDisabledBackground: #c8c8c8;\r\n --buttonPressed: #ffffff;\r\n --buttonPressedBackground: #606060;\r\n}\r\n\r\nhr.ge {\r\n border: 1px solid #d0cece;\r\n}\r\n\r\n#ge-propertyTab {\r\n user-select: none;\r\n $line-padding-left: 5px;\r\n $line-padding-bottom: 0px;\r\n $line-padding-top: 0px;\r\n $line-padding-right: 18px;\r\n color:black;\r\n background: #e2e2e2;\r\n * {\r\n font-family: \"acumin-pro-semicondensed\";\r\n font-size: 12px;\r\n }\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: white;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr; \r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n #logo {\r\n position: relative;\r\n background: white;\r\n grid-column: 1; \r\n width: 32px;\r\n height: 32px;\r\n left:0;\r\n display: flex;\r\n align-self: center; \r\n justify-self: center;\r\n } \r\n\r\n #title {\r\n background: white;\r\n color: black;\r\n grid-column: 2; \r\n display: grid;\r\n align-items: center; \r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 2px;\r\n background: #bcbcbc;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n \r\n .range:hover {\r\n opacity: 1;\r\n }\r\n \r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #e2e2e2;\r\n border: solid;\r\n border-width: thin;\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .unit {\r\n width: 26px;\r\n height: 26px;\r\n color: var(--button);\r\n background-color: var(--buttonBackground);\r\n border: none;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n }\r\n\r\n .unit.disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n }\r\n\r\n .unit:active {\r\n color: var(--buttonPressed);\r\n background-color: var(--buttonPressedBackground);\r\n }\r\n\r\n .sliderLine {\r\n height: var(--spacingHeight);;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: auto auto auto 1fr;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 4;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 3;\r\n padding-left: 0px;\r\n \r\n .label {\r\n grid-column: 1;\r\n display: none;\r\n align-items: center;\r\n font-family: var(--labelFamily);\r\n }\r\n \r\n .short {\r\n grid-column: 1; \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 60px;\r\n background-color: white;\r\n outline-color: transparent;\r\n border: transparent;\r\n height: 26px;\r\n outline-width: 0px\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n \r\n input[type=number] {\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n }\r\n }\r\n } \r\n } \r\n\r\n .ge-divider, .ge-divider-short, .ge-divider-single {\r\n display: flex;\r\n flex-direction: row;\r\n padding-right: $line-padding-right;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n .ge-grid-divider {\r\n display: grid;\r\n grid-template-columns: 150px 1fr auto;\r\n \r\n .textLine {\r\n grid-column: auto;\r\n \r\n }\r\n }\r\n\r\n .ge-grid-button-divider {\r\n display: grid;\r\n grid-template-columns: 60px 60px 60px 60px;\r\n }\r\n\r\n .ge-grid-remove {\r\n display: grid;\r\n background-color: #c2c2c2;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid-edit {\r\n display: grid;\r\n background-color: #878787;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n\r\n }\r\n \r\n .ge-grid {\r\n display: grid;\r\n margin-bottom: 5px;\r\n }\r\n\r\n\r\n .textInputLine {\r\n user-select: none;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto auto 1fr;\r\n flex-grow: 1;\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n position: relative;\r\n background-color: white;\r\n margin-top: 2px;\r\n overflow-y: hidden;\r\n margin-right: 2px;\r\n input {\r\n width: 100%;\r\n outline-color: transparent;\r\n border: transparent;\r\n outline-width: 0px;\r\n height: 24px;\r\n }\r\n input.hasArrows {\r\n padding-right: 15px;\r\n }\r\n .arrows {\r\n display: none;\r\n }\r\n &:hover .arrows, &:focus .arrows, &.dragging .arrows {\r\n position: absolute;\r\n right: 0;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: white;\r\n cursor: grab;\r\n .downArrowIcon, .upArrowIcon {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon, .upArrowIcon {\r\n filter: invert(100%) brightness(500%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine.withUnits {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n \r\n .textInputArea {\r\n padding-left: $line-padding-left;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n \r\n textarea {\r\n width: calc(150% - 5px);\r\n margin-left: -50%;\r\n height: 40px;\r\n }\r\n }\r\n }\r\n \r\n .paneContainer {\r\n margin-top: 3px;\r\n display:grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n \r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover { \r\n .paneList { \r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title { \r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n \r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n \r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #cccccc; \r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px; \r\n cursor: pointer;\r\n \r\n .title { \r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n } \r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: 26px;\r\n width: 26px;\r\n\r\n .color-rect-background {\r\n width: calc(100% - 2px);\r\n height: calc(100% - 2px);\r\n border: 1px black solid;\r\n cursor: pointer;\r\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50% / 100% 100%;\r\n .color-rect {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n }\r\n\r\n .color-picker-float {\r\n z-index: 2;\r\n position: absolute; \r\n } \r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n \r\n .color {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: -5px;\r\n padding-left: 12px;\r\n\r\n input {\r\n width: 90%;\r\n }\r\n }\r\n\r\n .gradient-copy { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n \r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n .alignment-bar {\r\n display: flex;\r\n justify-content: center;\r\n padding-right: 5px;\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 30px;\r\n\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: white;\r\n } \r\n \r\n .active {\r\n transform-origin: center;\r\n background-color: white;\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: white;\r\n }\r\n }\r\n }\r\n\r\n .command-button-alt {\r\n cursor: pointer;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n &:hover {\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n } \r\n }\r\n\r\n .command-button-alt-disabled {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n img {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n \r\n .command-button-alt-active {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .floatLine {\r\n user-select: none;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 30px;\r\n margin-right: 2px;\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n outline-color: transparent;\r\n border: none;\r\n outline-width: 0px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .short {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 27px;\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=number] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top; \r\n display: grid;\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: var(--spacingHeight);\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .no-right-margin {\r\n margin-right: 0;\r\n }\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload { \r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n border-radius: 4px;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n border-radius: 4px;\r\n }\r\n\r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid #424242;\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .numeric {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);;\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .numeric-label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .number { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n height: 10px;\r\n .input {\r\n width: calc(100% - 5px);\r\n height: 10px;\r\n }\r\n }\r\n }\r\n \r\n .checkBoxLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto ;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 100px;\r\n margin-left: 15px;\r\n font-family: var(--labelFamily);\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 3;\r\n display: flex;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: 0px;\r\n \r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: solid;\r\n border-width: thin;\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 1px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #e2e2e2;\r\n box-shadow: 0px 3px 3px rgba(0,0,0,0.05);\r\n content: '';\r\n transition: all 0.15s ease;\r\n border: solid;\r\n border-width: thin;\r\n }\r\n\r\n .lbl:active:after { \r\n transform: scale(1.15, 0.85); \r\n }\r\n\r\n .cbx:checked ~ label { \r\n background: transparent;\r\n \r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(0, 0, 0);\r\n border: solid;\r\n border-width: thin;\r\n }\r\n\r\n .cbx.conflict ~ label:after {\r\n left: 10px;\r\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, black 5px, black 10px);\r\n }\r\n\r\n .cbx:checked ~ label.disabled { \r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n .cbx:checked ~ label.disabled:after {\r\n left: 20px;\r\n background: rgb(85, 85, 85);\r\n cursor: pointer;\r\n }\r\n\r\n .cbx ~ label.disabled {\r\n background: rgb(85, 85, 85);\r\n cursor: pointer;\r\n }\r\n\r\n .hidden { \r\n display: none; \r\n } \r\n } \r\n } \r\n\r\n .listLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto ;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: none;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n padding-left: 15px;\r\n display: flex;\r\n align-items: center; \r\n margin-right: 5px;\r\n\r\n select {\r\n width: 120px;\r\n height: 25px;\r\n border: transparent;\r\n border-radius: 4px;\r\n }\r\n } \r\n } \r\n \r\n .color3Line {\r\n padding-left: 15px;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n flex-grow: 1;\r\n\r\n .firstLine {\r\n height: var(--spacingHeight);\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n display: none;\r\n align-items: center;\r\n min-width: 15px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n \r\n .textInputLine {\r\n grid-column: 3;\r\n padding-left: 2px;\r\n flex-grow: 1;\r\n }\r\n \r\n .color3 {\r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .textInputLine {\r\n .value {\r\n padding-left: 2px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n color: black;\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n } \r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n } \r\n } \r\n \r\n .textLine {\r\n padding-left: $line-padding-left;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: $line-padding-right;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr 1fr;\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n padding-top: 4px;\r\n display: flex;\r\n align-items: left;\r\n min-width: 15px;\r\n color: #a9a9a9;\r\n font-size: 10px;\r\n font-family: \"acumin-pro-semicondensed\";\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 6px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n display: none;\r\n grid-column: 3;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 6px;\r\n max-width: 200px;\r\n -webkit-user-select: text; \r\n -moz-user-select: text; \r\n -ms-user-select: text; \r\n user-select: text; \r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n } \r\n }\r\n } \r\n\r\n}"],"sourceRoot":""}]);
|
|
10117
|
+
___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --backgroundGrey: #aaaaaa;\n --spacingHeight: 30px;\n --labelFamily: \"acumin-pro-condensed-semibold\";\n --button: #333333;\n --buttonBackground: #ffffff;\n --buttonDisabledBackground: #c8c8c8;\n --buttonPressed: #ffffff;\n --buttonPressedBackground: #606060; }\n\nhr.ge {\n border: 1px solid #d0cece; }\n\n#ge-propertyTab {\n user-select: none;\n color: black;\n background: #e2e2e2; }\n #ge-propertyTab * {\n font-family: \"acumin-pro-semicondensed\";\n font-size: 12px; }\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: 100%;\n height: 2px;\n background: #bcbcbc;\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 .icon {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .unit {\n width: 26px;\n height: 26px;\n color: var(--button);\n background-color: var(--buttonBackground);\n border: none;\n margin-top: 2px;\n cursor: pointer; }\n #ge-propertyTab .unit.disabled {\n background-color: var(--buttonDisabledBackground); }\n #ge-propertyTab .unit:active {\n color: var(--buttonPressed);\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .sliderLine {\n height: var(--spacingHeight);\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: auto auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .sliderLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily);\n font-weight: 600; }\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 display: flex;\n align-items: center;\n padding-left: 5px; }\n #ge-propertyTab .sliderLine .floatLine {\n grid-column: 3;\n padding-left: 0px; }\n #ge-propertyTab .sliderLine .floatLine .label {\n grid-column: 1;\n display: none;\n align-items: center;\n font-family: var(--labelFamily);\n font-weight: 600; }\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: 60px;\n background-color: white;\n outline-color: transparent;\n border: transparent;\n height: 26px;\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 -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n #ge-propertyTab .ge-divider, #ge-propertyTab .ge-divider-short, #ge-propertyTab .ge-divider-single {\n display: flex;\n flex-direction: row;\n padding-right: 18px;\n align-items: center;\n padding-left: 5px; }\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-bottom: 0px;\n padding-top: 0px;\n padding-right: 5px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto auto 1fr;\n flex-grow: 1; }\n #ge-propertyTab .textInputLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily);\n font-weight: 600; }\n #ge-propertyTab .textInputLine img {\n width: 30px; }\n #ge-propertyTab .textInputLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 26px;\n position: relative;\n background-color: white;\n margin-top: 2px;\n overflow-y: hidden;\n margin-right: 2px; }\n #ge-propertyTab .textInputLine .value input {\n width: 100%;\n outline-color: transparent;\n border: transparent;\n outline-width: 0px;\n height: 24px; }\n #ge-propertyTab .textInputLine .value input.hasArrows {\n padding-right: 15px; }\n #ge-propertyTab .textInputLine .value .arrows {\n display: none; }\n #ge-propertyTab .textInputLine .value:hover .arrows, #ge-propertyTab .textInputLine .value:focus .arrows, #ge-propertyTab .textInputLine .value.dragging .arrows {\n position: absolute;\n right: 0;\n display: flex;\n flex-direction: column;\n background-color: white;\n cursor: grab; }\n #ge-propertyTab .textInputLine .value:hover .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value:hover .arrows .upArrowIcon, #ge-propertyTab .textInputLine .value:focus .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value:focus .arrows .upArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon {\n width: 15px;\n height: 15px; }\n #ge-propertyTab .textInputLine .value.dragging .arrows {\n background-color: var(--buttonPressedBackground); }\n #ge-propertyTab .textInputLine .value.dragging .arrows .downArrowIcon, #ge-propertyTab .textInputLine .value.dragging .arrows .upArrowIcon {\n filter: brightness(10); }\n #ge-propertyTab .textInputLine.withUnits {\n grid-template-columns: auto auto 1fr auto; }\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: 26px;\n width: 26px; }\n #ge-propertyTab .color-picker .color-rect-background {\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px black solid;\n cursor: pointer;\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50%/100% 100%; }\n #ge-propertyTab .color-picker .color-rect-background .color-rect {\n height: 100%; }\n #ge-propertyTab .color-picker .color-picker-cover {\n z-index: 2;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px; }\n #ge-propertyTab .color-picker .color-picker-float {\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 .alignment-bar {\n display: flex;\n justify-content: center;\n padding-right: 5px; }\n #ge-propertyTab .command-button {\n cursor: pointer;\n width: 30px; }\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 height: var(--spacingHeight);\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n grid-template-columns: auto auto 2fr auto;\n flex-grow: 1; }\n #ge-propertyTab .floatLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 15px;\n font-family: var(--labelFamily);\n font-weight: 600; }\n #ge-propertyTab .floatLine img {\n width: 30px; }\n #ge-propertyTab .floatLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .floatLine .value {\n display: flex;\n align-items: center;\n grid-column: 3;\n background: transparent;\n height: 30px;\n margin-right: 2px; }\n #ge-propertyTab .floatLine .value input {\n width: 100%;\n background-color: white;\n outline-color: transparent;\n border: none;\n outline-width: 0px;\n height: 24px; }\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-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 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-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-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .checkBoxLine .label {\n grid-column: 2;\n display: flex;\n align-items: center;\n min-width: 100px;\n margin-left: 15px;\n font-family: var(--labelFamily); }\n #ge-propertyTab .checkBoxLine img {\n width: 30px; }\n #ge-propertyTab .checkBoxLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .checkBoxLine .checkBox {\n grid-column: 3;\n display: flex;\n align-items: center;\n margin-left: auto;\n margin-right: 0px; }\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.conflict ~ label:after {\n left: 10px;\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, black 5px, black 10px); }\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-bottom: 0px;\n padding-top: 0px;\n height: var(--spacingHeight);\n display: grid;\n grid-template-columns: auto 1fr auto;\n flex-grow: 1; }\n #ge-propertyTab .listLine .label {\n grid-column: 2;\n display: none;\n align-items: center; }\n #ge-propertyTab .listLine img {\n width: 30px; }\n #ge-propertyTab .listLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .listLine .options {\n grid-column: 2;\n padding-left: 15px;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #ge-propertyTab .listLine .options select {\n width: 120px;\n height: 25px;\n border: transparent;\n border-radius: 4px; }\n #ge-propertyTab .color3Line {\n padding-left: 15px;\n padding-bottom: 0px;\n padding-top: 0px;\n display: grid;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine {\n height: var(--spacingHeight);\n display: flex;\n align-items: center; }\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 img {\n width: 30px;\n height: 30px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine {\n grid-column: 3;\n padding-left: 2px;\n flex-grow: 1; }\n #ge-propertyTab .color3Line .firstLine .color3 {\n display: flex;\n align-items: center; }\n #ge-propertyTab .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #ge-propertyTab .color3Line .firstLine .textInputLine .value {\n padding-left: 2px; }\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 padding-right: 18px;\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 color: #a9a9a9;\n font-size: 10px;\n font-family: \"acumin-pro-semicondensed\"; }\n #ge-propertyTab .textLine img {\n width: 30px; }\n #ge-propertyTab .textLine .img {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #ge-propertyTab .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #ge-propertyTab .textLine .value {\n display: none;\n grid-column: 3;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 6px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #ge-propertyTab .textLine .value.check {\n color: green; }\n #ge-propertyTab .textLine .value.uncheck {\n color: red; }\n", "",{"version":3,"sources":["webpack://./components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --backgroundGrey: #aaaaaa;\r\n --spacingHeight: 30px;\r\n --labelFamily: \"acumin-pro-condensed-semibold\";\r\n --button: #333333;\r\n --buttonBackground: #ffffff;\r\n --buttonDisabledBackground: #c8c8c8;\r\n --buttonPressed: #ffffff;\r\n --buttonPressedBackground: #606060;\r\n}\r\n\r\nhr.ge {\r\n border: 1px solid #d0cece;\r\n}\r\n\r\n#ge-propertyTab {\r\n user-select: none;\r\n $line-padding-left: 5px;\r\n $line-padding-bottom: 0px;\r\n $line-padding-top: 0px;\r\n $line-padding-right: 18px;\r\n color:black;\r\n background: #e2e2e2;\r\n * {\r\n font-family: \"acumin-pro-semicondensed\";\r\n font-size: 12px;\r\n }\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: white;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr; \r\n -webkit-user-select: none; \r\n -moz-user-select: none; \r\n -ms-user-select: none; \r\n user-select: none; \r\n\r\n #logo {\r\n position: relative;\r\n background: white;\r\n grid-column: 1; \r\n width: 32px;\r\n height: 32px;\r\n left:0;\r\n display: flex;\r\n align-self: center; \r\n justify-self: center;\r\n } \r\n\r\n #title {\r\n background: white;\r\n color: black;\r\n grid-column: 2; \r\n display: grid;\r\n align-items: center; \r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 2px;\r\n background: #bcbcbc;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: .2s;\r\n transition: opacity .2s;\r\n }\r\n \r\n .range:hover {\r\n opacity: 1;\r\n }\r\n \r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #e2e2e2;\r\n border: solid;\r\n border-width: thin;\r\n cursor: pointer;\r\n }\r\n \r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n .icon {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n\r\n .unit {\r\n width: 26px;\r\n height: 26px;\r\n color: var(--button);\r\n background-color: var(--buttonBackground);\r\n border: none;\r\n margin-top: 2px;\r\n cursor: pointer;\r\n }\r\n\r\n .unit.disabled {\r\n background-color: var(--buttonDisabledBackground);\r\n }\r\n\r\n .unit:active {\r\n color: var(--buttonPressed);\r\n background-color: var(--buttonPressedBackground);\r\n }\r\n\r\n .sliderLine {\r\n height: var(--spacingHeight);;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: auto auto auto 1fr;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n font-weight: 600;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 4;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 3;\r\n padding-left: 0px;\r\n \r\n .label {\r\n grid-column: 1;\r\n display: none;\r\n align-items: center;\r\n font-family: var(--labelFamily);\r\n font-weight: 600;\r\n }\r\n \r\n .short {\r\n grid-column: 1; \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 60px;\r\n background-color: white;\r\n outline-color: transparent;\r\n border: transparent;\r\n height: 26px;\r\n outline-width: 0px\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n \r\n input[type=number] {\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n }\r\n }\r\n } \r\n } \r\n\r\n .ge-divider, .ge-divider-short, .ge-divider-single {\r\n display: flex;\r\n flex-direction: row;\r\n padding-right: $line-padding-right;\r\n align-items: center;\r\n padding-left: 5px;\r\n }\r\n .ge-grid-divider {\r\n display: grid;\r\n grid-template-columns: 150px 1fr auto;\r\n \r\n .textLine {\r\n grid-column: auto;\r\n \r\n }\r\n }\r\n\r\n .ge-grid-button-divider {\r\n display: grid;\r\n grid-template-columns: 60px 60px 60px 60px;\r\n }\r\n\r\n .ge-grid-remove {\r\n display: grid;\r\n background-color: #c2c2c2;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n }\r\n\r\n .ge-grid-edit {\r\n display: grid;\r\n background-color: #878787;\r\n margin-bottom: 5px;\r\n filter: invert(1);\r\n\r\n }\r\n \r\n .ge-grid {\r\n display: grid;\r\n margin-bottom: 5px;\r\n }\r\n\r\n\r\n .textInputLine {\r\n user-select: none;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto auto 1fr;\r\n flex-grow: 1;\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 26px;\r\n position: relative;\r\n background-color: white;\r\n margin-top: 2px;\r\n overflow-y: hidden;\r\n margin-right: 2px;\r\n input {\r\n width: 100%;\r\n outline-color: transparent;\r\n border: transparent;\r\n outline-width: 0px;\r\n height: 24px;\r\n }\r\n input.hasArrows {\r\n padding-right: 15px;\r\n }\r\n .arrows {\r\n display: none;\r\n }\r\n &:hover .arrows, &:focus .arrows, &.dragging .arrows {\r\n position: absolute;\r\n right: 0;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: white;\r\n cursor: grab;\r\n .downArrowIcon, .upArrowIcon {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n }\r\n &.dragging .arrows {\r\n background-color: var(--buttonPressedBackground);\r\n .downArrowIcon, .upArrowIcon {\r\n filter: brightness(10);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine.withUnits {\r\n grid-template-columns: auto auto 1fr auto;\r\n }\r\n \r\n .textInputArea {\r\n padding-left: $line-padding-left;\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n \r\n textarea {\r\n width: calc(150% - 5px);\r\n margin-left: -50%;\r\n height: 40px;\r\n }\r\n }\r\n }\r\n \r\n .paneContainer {\r\n margin-top: 3px;\r\n display:grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n \r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover { \r\n .paneList { \r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title { \r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n \r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n \r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #cccccc; \r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: 5px; \r\n cursor: pointer;\r\n \r\n .title { \r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n } \r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: 26px;\r\n width: 26px;\r\n\r\n .color-rect-background {\r\n width: calc(100% - 2px);\r\n height: calc(100% - 2px);\r\n border: 1px black solid;\r\n cursor: pointer;\r\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50% / 100% 100%;\r\n .color-rect {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .color-picker-cover {\r\n z-index: 2;\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute;\r\n } \r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n \r\n .color {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .step-value { \r\n margin-left: 5px; \r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider { \r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: -5px;\r\n padding-left: 12px;\r\n\r\n input {\r\n width: 90%;\r\n }\r\n }\r\n\r\n .gradient-copy { \r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n \r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n .gradient-delete { \r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n .alignment-bar {\r\n display: flex;\r\n justify-content: center;\r\n padding-right: 5px;\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 30px;\r\n\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: white;\r\n } \r\n \r\n .active {\r\n transform-origin: center;\r\n background-color: white;\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: white;\r\n }\r\n }\r\n }\r\n\r\n .command-button-alt {\r\n cursor: pointer;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n &:hover {\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n } \r\n }\r\n\r\n .command-button-alt-disabled {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: white;\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n img {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n \r\n .command-button-alt-active {\r\n cursor: pointer;\r\n pointer-events: none;\r\n width: 40px;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n background-color: #c2c2c2;\r\n filter: invert(1);\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n .floatLine {\r\n user-select: none;\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr auto;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 15px;\r\n font-family: var(--labelFamily);\r\n font-weight: 600;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 3;\r\n background: transparent;\r\n height: 30px;\r\n margin-right: 2px;\r\n input {\r\n width: 100%;\r\n background-color: white;\r\n outline-color: transparent;\r\n border: none;\r\n outline-width: 0px;\r\n height: 24px;\r\n }\r\n }\r\n\r\n .short {\r\n grid-column: 2;\r\n \r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n width: 27px;\r\n }\r\n \r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=number] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top; \r\n display: grid;\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: var(--spacingHeight);\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .no-right-margin {\r\n margin-right: 0;\r\n }\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: var(--spacingHeight);\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload { \r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n border-radius: 4px;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: var(--backgroundGrey);\r\n border: 1px solid #424242;\r\n margin: 5px 10px 5px 10px;\r\n color:white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n border-radius: 4px;\r\n }\r\n\r\n button:hover {\r\n opacity: 1.0;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n } \r\n \r\n button:focus {\r\n border: 1px solid #424242;\r\n outline: 0px;\r\n } \r\n }\r\n\r\n .numeric {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);;\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .numeric-label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .number { \r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n height: 10px;\r\n .input {\r\n width: calc(100% - 5px);\r\n height: 10px;\r\n }\r\n }\r\n }\r\n \r\n .checkBoxLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto ;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n min-width: 100px;\r\n margin-left: 15px;\r\n font-family: var(--labelFamily);\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 3;\r\n display: flex;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: 0px;\r\n\r\n .cbx:checked ~ label { \r\n background: transparent;\r\n \r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(0, 0, 0);\r\n border: solid;\r\n border-width: thin;\r\n }\r\n\r\n .cbx.conflict ~ label:after {\r\n left: 10px;\r\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, black 5px, black 10px);\r\n }\r\n\r\n .cbx:checked ~ label.disabled { \r\n background: rgb(0, 0, 0);\r\n cursor: pointer;\r\n }\r\n\r\n .cbx:checked ~ label.disabled:after {\r\n left: 20px;\r\n background: rgb(85, 85, 85);\r\n cursor: pointer;\r\n }\r\n\r\n .cbx ~ label.disabled {\r\n background: rgb(85, 85, 85);\r\n cursor: pointer;\r\n }\r\n\r\n .hidden { \r\n display: none; \r\n } \r\n } \r\n } \r\n\r\n .listLine {\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n height: var(--spacingHeight);\r\n display: grid;\r\n grid-template-columns: auto 1fr auto ;\r\n flex-grow: 1;\r\n\r\n .label {\r\n grid-column: 2;\r\n display: none;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n padding-left: 15px;\r\n display: flex;\r\n align-items: center; \r\n margin-right: 5px;\r\n\r\n select {\r\n width: 120px;\r\n height: 25px;\r\n border: transparent;\r\n border-radius: 4px;\r\n }\r\n } \r\n } \r\n \r\n .color3Line {\r\n padding-left: 15px;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n display: grid;\r\n flex-grow: 1;\r\n\r\n .firstLine {\r\n height: var(--spacingHeight);\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n display: none;\r\n align-items: center;\r\n min-width: 15px;\r\n }\r\n \r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n img {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n \r\n .textInputLine {\r\n grid-column: 3;\r\n padding-left: 2px;\r\n flex-grow: 1;\r\n }\r\n \r\n .color3 {\r\n display: flex;\r\n align-items: center;\r\n \r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .textInputLine {\r\n .value {\r\n padding-left: 2px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n color: black;\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: none;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 20px;\r\n }\r\n }\r\n } \r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n } \r\n } \r\n \r\n .textLine {\r\n padding-left: $line-padding-left;\r\n padding-bottom: $line-padding-bottom;\r\n padding-top: $line-padding-top;\r\n padding-right: $line-padding-right;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: auto auto 2fr 1fr;\r\n .label {\r\n grid-column: 2;\r\n padding-left: 5px;\r\n padding-top: 4px;\r\n display: flex;\r\n align-items: left;\r\n min-width: 15px;\r\n color: #a9a9a9;\r\n font-size: 10px;\r\n font-family: \"acumin-pro-semicondensed\";\r\n }\r\n\r\n img {\r\n width: 30px;\r\n }\r\n\r\n .img {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 6px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n display: none;\r\n grid-column: 3;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin:5px;\r\n margin-top: 6px;\r\n max-width: 200px;\r\n -webkit-user-select: text; \r\n -moz-user-select: text; \r\n -ms-user-select: text; \r\n user-select: text; \r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n } \r\n }\r\n } \r\n\r\n}"],"sourceRoot":""}]);
|
|
10118
10118
|
// Exports
|
|
10119
10119
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
10120
10120
|
|
|
@@ -10122,9 +10122,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --backgroundGrey: #aaaaaa;\n
|
|
|
10122
10122
|
/***/ }),
|
|
10123
10123
|
|
|
10124
10124
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss":
|
|
10125
|
-
|
|
10126
|
-
!***
|
|
10127
|
-
|
|
10125
|
+
/*!**************************************************************************************************************************************************************************!*\
|
|
10126
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./components/sceneExplorer/sceneExplorer.scss ***!
|
|
10127
|
+
\**************************************************************************************************************************************************************************/
|
|
10128
10128
|
/*! exports provided: default */
|
|
10129
10129
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10130
10130
|
|
|
@@ -10147,9 +10147,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#ge-scene-explorer-host {\n position:
|
|
|
10147
10147
|
/***/ }),
|
|
10148
10148
|
|
|
10149
10149
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./diagram/workbenchCanvas.scss":
|
|
10150
|
-
|
|
10151
|
-
!***
|
|
10152
|
-
|
|
10150
|
+
/*!***********************************************************************************************************************************************************!*\
|
|
10151
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./diagram/workbenchCanvas.scss ***!
|
|
10152
|
+
\***********************************************************************************************************************************************************/
|
|
10153
10153
|
/*! exports provided: default */
|
|
10154
10154
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10155
10155
|
|
|
@@ -10172,9 +10172,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#workbench-canvas {\n grid-column: 1;\
|
|
|
10172
10172
|
/***/ }),
|
|
10173
10173
|
|
|
10174
10174
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./main.scss":
|
|
10175
|
-
|
|
10176
|
-
!***
|
|
10177
|
-
|
|
10175
|
+
/*!****************************************************************************************************************************************!*\
|
|
10176
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./main.scss ***!
|
|
10177
|
+
\****************************************************************************************************************************************/
|
|
10178
10178
|
/*! exports provided: default */
|
|
10179
10179
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10180
10180
|
|
|
@@ -10197,9 +10197,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --blackBarHeight: 55px; }\n\
|
|
|
10197
10197
|
/***/ }),
|
|
10198
10198
|
|
|
10199
10199
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./scss/commandBar.scss":
|
|
10200
|
-
|
|
10201
|
-
!***
|
|
10202
|
-
|
|
10200
|
+
/*!***************************************************************************************************************************************************!*\
|
|
10201
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./scss/commandBar.scss ***!
|
|
10202
|
+
\***************************************************************************************************************************************************/
|
|
10203
10203
|
/*! exports provided: default */
|
|
10204
10204
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10205
10205
|
|
|
@@ -10214,7 +10214,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10214
10214
|
|
|
10215
10215
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
10216
10216
|
// Module
|
|
10217
|
-
___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --selectionGrey: #666666; }\n\n.ge-commands {\n grid-row: 1;\n grid-column: 1;\n user-select: none; }\n .ge-commands .commands-left {\n float: left;\n display: flex; }\n .ge-commands .commands-right {\n float: right;\n display: flex; }\n .ge-commands.background-ts .command-button img, .ge-commands.background-ts .command-dropdown img {\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%); }\n .ge-commands.background-ts .command-button .command-dropdown-active, .ge-commands.background-ts .command-dropdown .command-dropdown-active {\n color: #333333; }\n .ge-commands.background-ts .command-button:hover img, .ge-commands.background-ts .command-button.activated img, .ge-commands.background-ts .command-dropdown:hover img, .ge-commands.background-ts .command-dropdown.activated img {\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important; }\n .ge-commands.background-js .command-button img, .ge-commands.background-js .command-dropdown img {\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg); }\n .ge-commands.background-js .command-button .command-dropdown-active, .ge-commands.background-js .command-dropdown .command-dropdown-active {\n color: #333333; }\n .ge-commands.background-js .command-button:hover img, .ge-commands.background-js .command-button.activated img, .ge-commands.background-js .command-dropdown:hover img, .ge-commands.background-js .command-dropdown.activated img {\n filter: invert(17%) !important; }\n .ge-commands .command-button {\n cursor: pointer;\n width: 55px; }\n .ge-commands .command-button .command-label {\n display: none; }\n .ge-commands .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-commands .command-button:hover {\n background-color: var(--selectionGrey); }\n .ge-commands .command-button .active {\n transform-origin: center;\n background-color: var(--selectionGrey); }\n .ge-commands .command-button img.active {\n background-color: var(--selectionGrey); }\n .ge-commands .command-dropdown-root {\n position: relative;\n text-transform: uppercase;\n z-index: 1; }\n .ge-commands .command-dropdown {\n cursor: pointer;\n width: 55px;\n height: 55px; }\n .ge-commands .command-dropdown .command-dropdown-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n .ge-commands .command-dropdown .command-dropdown-active {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center;\n font-size: 14px; }\n .ge-commands .command-dropdown:hover, .ge-commands .command-dropdown.activated {\n background-color: #666666;\n color: black; }\n .ge-commands .command-dropdown:active {\n transform-origin: center;\n transform: scale(0.95); }\n .ge-commands .command-dropdown-blocker {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: scale(1);\n z-index: 1; }\n .ge-commands.background-js .command-dropdown-content {\n background: #333333; }\n .ge-commands.background-js .command-dropdown-content .command-dropdown-label:hover {\n background: #333333; }\n .ge-commands.background-ts .command-dropdown-content .command-dropdown-label:hover {\n background: #333333; }\n .ge-commands .command-dropdown-content {\n background: #333333;\n position: absolute;\n top: 55px;\n width: 55px;\n transform: scale(1); }\n .ge-commands .command-dropdown-content.toRight {\n width: 120px; }\n .ge-commands .command-dropdown-content .command-dropdown-label {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative; }\n .ge-commands .command-dropdown-content .command-dropdown-label.active {\n font-weight: bold;\n font-size: 20px; }\n .ge-commands .command-dropdown-content .command-dropdown-label:hover {\n background: var(--selectionGrey); }\n .ge-commands .command-dropdown-content .command-dropdown-label:hover .sub-items {\n display: block; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-text {\n font-family: Arial;\n font-size: 12px;\n grid-column: 1;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-check {\n grid-column: 2;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-arrow {\n grid-column: 2;\n grid-row: 1;\n font-size: 20px;\n font-weight: bold;\n padding-bottom: 10px;\n padding-left: 4px; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items {\n position: absolute;\n left: 200px;\n top: 0;\n width: 150px;\n display: none; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js {\n background: #bfabff; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js .sub-item:hover {\n background-color: #333333;\n color: white; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts {\n background: #333333; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts .sub-item:hover {\n background-color: #333333;\n color: white; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item {\n color: white;\n padding: 5px;\n padding-left: 10px;\n height: 35px;\n display: grid; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item.checked {\n background: white;\n color: black; }\n .ge-commands .command-dropdown-content .buttonLine {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative;\n font-family: Arial;\n font-size: 12px;\n grid-column: 1;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .buttonLine input[type=\"file\"] {\n display: none; }\n .ge-commands .command-dropdown-content .buttonLine.active {\n font-weight: bold;\n font-size: 20px;\n cursor: pointer; }\n .ge-commands .command-dropdown-content .buttonLine:hover {\n background: var(--selectionGrey);\n cursor: pointer; }\n .ge-commands .command-dropdown-content .buttonLine:hover .sub-items {\n display: block; }\n .ge-commands .command-dropdown-content .buttonLine .file-upload {\n cursor: pointer; }\n", "",{"version":3,"sources":["webpack://./scss/commandBar.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --selectionGrey: #666666;\r\n}\r\n\r\n.ge-commands {\r\n grid-row: 1;\r\n grid-column: 1;\r\n user-select: none;\r\n\r\n .commands-left {\r\n float: left;\r\n display: flex;\r\n }\r\n\r\n .commands-right {\r\n float: right;\r\n display: flex;\r\n }\r\n\r\n &.background-ts {\r\n .command-button, .command-dropdown {\r\n img {\r\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover, &.activated {\r\n img {\r\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important;\r\n }\r\n } \r\n }\r\n }\r\n\r\n &.background-js {\r\n .command-button, .command-dropdown {\r\n img {\r\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover, &.activated {\r\n img {\r\n filter: invert(17%) !important;\r\n }\r\n } \r\n }\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 55px;\r\n\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--selectionGrey);\r\n } \r\n \r\n .active {\r\n transform-origin: center;\r\n background-color: var(--selectionGrey);\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: var(--selectionGrey);\r\n }\r\n }\r\n }\r\n\r\n .command-dropdown-root {\r\n position: relative;\r\n text-transform: uppercase;\r\n z-index: 1;\r\n }\r\n\r\n .command-dropdown { \r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\r\n\r\n .command-dropdown-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n .command-dropdown-active {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n &:hover, &.activated {\r\n background-color:#666666;\r\n color: black;\r\n } \r\n \r\n &:active {\r\n transform-origin: center;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n .command-dropdown-blocker {\r\n position: absolute; \r\n top:0;\r\n left:0;\r\n width: 100%;\r\n height: 100%;\r\n transform: scale(1);\r\n z-index: 1;\r\n }\r\n\r\n &.background-js {\r\n .command-dropdown-content {\r\n background: #333333;\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-dropdown-content {\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .command-dropdown-content {\r\n background: #333333;\r\n position: absolute;\r\n top: 55px;\r\n width: 55px;\r\n transform: scale(1);\r\n\r\n &.toRight {\r\n width: 120px;\r\n } \r\n \r\n .command-dropdown-label {\r\n color:white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n } \r\n\r\n .command-dropdown-label-text {\r\n font-family: Arial;\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-label-check {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-arrow {\r\n grid-column: 2;\r\n grid-row: 1; \r\n font-size: 20px;\r\n font-weight: bold;\r\n padding-bottom: 10px;\r\n padding-left: 4px;\r\n }\r\n\r\n .sub-items {\r\n position: absolute;\r\n left: 200px;\r\n top: 0;\r\n width: 150px;\r\n display: none; \r\n \r\n &.background-js {\r\n background: #bfabff;\r\n .sub-item { \r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n } \r\n\r\n &.background-ts {\r\n background: #333333;\r\n .sub-item { \r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n } \r\n \r\n .sub-item { \r\n color: white;\r\n padding: 5px;\r\n padding-left: 10px;\r\n height: 35px;\r\n display: grid;\r\n\r\n &.checked {\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n } \r\n }\r\n\r\n .buttonLine {\r\n color:white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n font-family: Arial;\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n cursor: pointer;\r\n } \r\n\r\n .file-upload{\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n}\r\n"],"sourceRoot":""}]);
|
|
10217
|
+
___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --selectionGrey: #666666; }\n\n.ge-commands {\n grid-row: 1;\n grid-column: 1;\n user-select: none; }\n .ge-commands * {\n font-family: \"acumin-pro-condensed\";\n font-weight: 600;\n font-size: 12px; }\n .ge-commands .commands-left {\n float: left;\n display: flex; }\n .ge-commands .commands-right {\n float: right;\n display: flex; }\n .ge-commands.background-ts .command-button img, .ge-commands.background-ts .command-dropdown img {\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%); }\n .ge-commands.background-ts .command-button .command-dropdown-active, .ge-commands.background-ts .command-dropdown .command-dropdown-active {\n color: #333333; }\n .ge-commands.background-ts .command-button:hover img, .ge-commands.background-ts .command-button.activated img, .ge-commands.background-ts .command-dropdown:hover img, .ge-commands.background-ts .command-dropdown.activated img {\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important; }\n .ge-commands.background-js .command-button img, .ge-commands.background-js .command-dropdown img {\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg); }\n .ge-commands.background-js .command-button .command-dropdown-active, .ge-commands.background-js .command-dropdown .command-dropdown-active {\n color: #333333; }\n .ge-commands.background-js .command-button:hover img, .ge-commands.background-js .command-button.activated img, .ge-commands.background-js .command-dropdown:hover img, .ge-commands.background-js .command-dropdown.activated img {\n filter: invert(17%) !important; }\n .ge-commands .command-button {\n cursor: pointer;\n width: 55px;\n height: 55px; }\n .ge-commands .command-button .command-label {\n display: none; }\n .ge-commands .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-commands .command-button:hover {\n background-color: var(--selectionGrey); }\n .ge-commands .command-button .active {\n transform-origin: center;\n background-color: var(--selectionGrey); }\n .ge-commands .command-button img.active {\n background-color: var(--selectionGrey); }\n .ge-commands .command-dropdown-root {\n position: relative;\n text-transform: uppercase;\n z-index: 1; }\n .ge-commands .command-dropdown {\n cursor: pointer;\n width: 55px;\n height: 55px; }\n .ge-commands .command-dropdown .command-dropdown-icon {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center; }\n .ge-commands .command-dropdown .command-dropdown-active {\n height: 100%;\n width: 100%;\n display: grid;\n align-content: center;\n justify-content: center;\n font-size: 14px; }\n .ge-commands .command-dropdown:hover, .ge-commands .command-dropdown.activated {\n background-color: #666666;\n color: black; }\n .ge-commands .command-dropdown:active {\n transform-origin: center;\n transform: scale(0.95); }\n .ge-commands .command-dropdown-blocker {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: scale(1);\n z-index: 1; }\n .ge-commands.background-js .command-dropdown-content {\n background: #333333; }\n .ge-commands.background-js .command-dropdown-content .command-dropdown-label:hover {\n background: #333333; }\n .ge-commands.background-ts .command-dropdown-content .command-dropdown-label:hover {\n background: #333333; }\n .ge-commands .command-dropdown-content {\n background: #333333;\n position: absolute;\n top: 55px;\n width: 55px;\n transform: scale(1); }\n .ge-commands .command-dropdown-content.toRight {\n width: 120px; }\n .ge-commands .command-dropdown-content .command-dropdown-label {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative; }\n .ge-commands .command-dropdown-content .command-dropdown-label.active {\n font-weight: bold;\n font-size: 20px; }\n .ge-commands .command-dropdown-content .command-dropdown-label:hover {\n background: var(--selectionGrey); }\n .ge-commands .command-dropdown-content .command-dropdown-label:hover .sub-items {\n display: block; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-text {\n font-size: 12px;\n grid-column: 1;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-label-check {\n grid-column: 2;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .command-dropdown-label .command-dropdown-arrow {\n grid-column: 2;\n grid-row: 1;\n font-size: 20px;\n font-weight: bold;\n padding-bottom: 10px;\n padding-left: 4px; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items {\n position: absolute;\n left: 200px;\n top: 0;\n width: 150px;\n display: none; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js {\n background: #bfabff; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-js .sub-item:hover {\n background-color: #333333;\n color: white; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts {\n background: #333333; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items.background-ts .sub-item:hover {\n background-color: #333333;\n color: white; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item {\n color: white;\n padding: 5px;\n padding-left: 10px;\n height: 35px;\n display: grid; }\n .ge-commands .command-dropdown-content .command-dropdown-label .sub-items .sub-item.checked {\n background: white;\n color: black; }\n .ge-commands .command-dropdown-content .buttonLine {\n color: white;\n padding: 5px;\n padding-left: 7px;\n height: 35px;\n font-size: 18px;\n display: grid;\n align-items: center;\n cursor: pointer;\n user-select: none;\n grid-template-columns: 1fr 20px;\n grid-template-rows: 100%;\n position: relative;\n font-size: 12px;\n grid-column: 1;\n grid-row: 1; }\n .ge-commands .command-dropdown-content .buttonLine input[type=\"file\"] {\n display: none; }\n .ge-commands .command-dropdown-content .buttonLine.active {\n font-weight: bold;\n font-size: 20px;\n cursor: pointer; }\n .ge-commands .command-dropdown-content .buttonLine:hover {\n background: var(--selectionGrey);\n cursor: pointer; }\n .ge-commands .command-dropdown-content .buttonLine:hover .sub-items {\n display: block; }\n .ge-commands .command-dropdown-content .buttonLine .file-upload {\n cursor: pointer; }\n .ge-commands .divider {\n display: flex;\n align-items: center;\n border-right: 1px solid black;\n color: white; }\n .ge-commands .divider:last-of-type {\n border-right: none; }\n .ge-commands .divider.padded {\n padding-left: 10px;\n padding-right: 10px; }\n .ge-commands .floatLine, .ge-commands .checkBoxLine {\n display: flex;\n align-items: center; }\n .ge-commands .checkBoxLine .icon {\n filter: brightness(10); }\n .ge-commands .checkBoxLine .hidden {\n display: none; }\n .ge-commands .checkBoxLine .checkBox {\n height: 40px; }\n .ge-commands .color3Line {\n display: grid; }\n .ge-commands .color3Line .firstLine {\n display: flex;\n align-items: center; }\n .ge-commands .color3Line .firstLine .label {\n padding-right: 5px; }\n .ge-commands .color3Line .firstLine .textInputLine .value {\n padding-left: 2px; }\n .ge-commands .color3Line .firstLine .copy {\n display: none; }\n .ge-commands .color3Line .firstLine .expand {\n display: none; }\n .ge-commands .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n .ge-commands .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n .ge-commands .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-commands .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-commands .color-picker {\n height: 26px;\n width: 26px; }\n .ge-commands .color-picker .color-rect-background {\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px solid white;\n cursor: pointer;\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50%/100% 100%; }\n .ge-commands .color-picker .color-rect-background .color-rect {\n height: 100%; }\n .ge-commands .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 2; }\n .ge-commands .color-picker .color-picker-float {\n position: absolute; }\n .ge-commands .floatLine input, .ge-commands .listLine select {\n background-color: #000000;\n color: white;\n margin: 5px;\n outline: none;\n padding: 5px;\n border: none; }\n .ge-commands .listLine select {\n width: 150px; }\n", "",{"version":3,"sources":["webpack://./scss/commandBar.scss"],"names":[],"mappings":"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","sourcesContent":[":root {\r\n --selectionGrey: #666666;\r\n}\r\n\r\n.ge-commands {\r\n * {\r\n font-family: \"acumin-pro-condensed\";\r\n font-weight: 600;\r\n font-size: 12px;\r\n }\r\n grid-row: 1;\r\n grid-column: 1;\r\n user-select: none;\r\n\r\n .commands-left {\r\n float: left;\r\n display: flex;\r\n }\r\n\r\n .commands-right {\r\n float: right;\r\n display: flex;\r\n }\r\n\r\n &.background-ts {\r\n .command-button, .command-dropdown {\r\n img {\r\n filter: invert(64%) sepia(78%) saturate(940%) hue-rotate(323deg) brightness(105%) contrast(103%);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover, &.activated {\r\n img {\r\n filter: invert(34%) sepia(21%) saturate(3832%) hue-rotate(324deg) brightness(88%) contrast(82%) !important;\r\n }\r\n } \r\n }\r\n }\r\n\r\n &.background-js {\r\n .command-button, .command-dropdown {\r\n img {\r\n filter: invert(57%) sepia(80%) saturate(2031%) hue-rotate(215deg);\r\n }\r\n\r\n .command-dropdown-active {\r\n color: #333333;\r\n }\r\n\r\n &:hover, &.activated {\r\n img {\r\n filter: invert(17%) !important;\r\n }\r\n } \r\n }\r\n }\r\n\r\n .command-button {\r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\r\n\r\n .command-label {\r\n display: none;\r\n } \r\n\r\n .command-button-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n color: white;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n &:hover {\r\n background-color: var(--selectionGrey);\r\n } \r\n \r\n .active {\r\n transform-origin: center;\r\n background-color: var(--selectionGrey);\r\n }\r\n\r\n img {\r\n &.active {\r\n background-color: var(--selectionGrey);\r\n }\r\n }\r\n }\r\n\r\n .command-dropdown-root {\r\n position: relative;\r\n text-transform: uppercase;\r\n z-index: 1;\r\n }\r\n\r\n .command-dropdown { \r\n cursor: pointer;\r\n width: 55px;\r\n height: 55px;\r\n\r\n .command-dropdown-icon {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n\r\n .command-dropdown-active {\r\n height: 100%;\r\n width: 100%;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n &:hover, &.activated {\r\n background-color:#666666;\r\n color: black;\r\n } \r\n \r\n &:active {\r\n transform-origin: center;\r\n transform: scale(0.95);\r\n }\r\n }\r\n\r\n .command-dropdown-blocker {\r\n position: absolute; \r\n top:0;\r\n left:0;\r\n width: 100%;\r\n height: 100%;\r\n transform: scale(1);\r\n z-index: 1;\r\n }\r\n\r\n &.background-js {\r\n .command-dropdown-content {\r\n background: #333333;\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.background-ts {\r\n .command-dropdown-content {\r\n .command-dropdown-label {\r\n &:hover {\r\n background: #333333;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .command-dropdown-content {\r\n background: #333333;\r\n position: absolute;\r\n top: 55px;\r\n width: 55px;\r\n transform: scale(1);\r\n\r\n &.toRight {\r\n width: 120px;\r\n } \r\n \r\n .command-dropdown-label {\r\n color:white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n } \r\n\r\n .command-dropdown-label-text {\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-label-check {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .command-dropdown-arrow {\r\n grid-column: 2;\r\n grid-row: 1; \r\n font-size: 20px;\r\n font-weight: bold;\r\n padding-bottom: 10px;\r\n padding-left: 4px;\r\n }\r\n\r\n .sub-items {\r\n position: absolute;\r\n left: 200px;\r\n top: 0;\r\n width: 150px;\r\n display: none; \r\n \r\n &.background-js {\r\n background: #bfabff;\r\n .sub-item { \r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n } \r\n\r\n &.background-ts {\r\n background: #333333;\r\n .sub-item { \r\n &:hover {\r\n background-color: #333333;\r\n color: white;\r\n }\r\n }\r\n } \r\n \r\n .sub-item { \r\n color: white;\r\n padding: 5px;\r\n padding-left: 10px;\r\n height: 35px;\r\n display: grid;\r\n\r\n &.checked {\r\n background: white;\r\n color: black;\r\n }\r\n }\r\n } \r\n }\r\n\r\n .buttonLine {\r\n color:white;\r\n padding: 5px;\r\n padding-left: 7px;\r\n height: 35px;\r\n font-size: 18px;\r\n display: grid;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 100%;\r\n position: relative;\r\n font-size: 12px;\r\n grid-column: 1;\r\n grid-row: 1;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n &.active {\r\n font-weight: bold;\r\n font-size: 20px;\r\n cursor: pointer;\r\n }\r\n\r\n &:hover {\r\n background: var(--selectionGrey);\r\n .sub-items {\r\n display: block;\r\n }\r\n cursor: pointer;\r\n } \r\n\r\n .file-upload{\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n \r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n border-right: 1px solid black;\r\n color: white;\r\n &:last-of-type {\r\n border-right: none;\r\n }\r\n &.padded {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n }\r\n\r\n .floatLine, .checkBoxLine {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBoxLine {\r\n .icon {\r\n filter: brightness(10);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n .checkBox {\r\n height: 40px;\r\n }\r\n }\r\n\r\n .color3Line {\r\n display: grid;\r\n\r\n .firstLine {\r\n display: flex;\r\n align-items: center;\r\n\r\n .label {\r\n padding-right: 5px;\r\n }\r\n\r\n .textInputLine {\r\n .value {\r\n padding-left: 2px;\r\n }\r\n }\r\n\r\n .copy {\r\n display: none;\r\n }\r\n\r\n .expand {\r\n display: none;\r\n }\r\n } \r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px; \r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center; \r\n justify-self: right;\r\n margin-right: 10px; \r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center; \r\n border: 1px solid rgb(51, 122, 183);\r\n } \r\n } \r\n }\r\n\r\n .color-picker {\r\n height: 26px;\r\n width: 26px;\r\n\r\n .color-rect-background {\r\n width: calc(100% - 2px);\r\n height: calc(100% - 2px);\r\n border: 1px solid white;\r\n cursor: pointer;\r\n background: repeating-conic-gradient(#E2E2E2 0% 25%, white 0% 50%) 50% / 100% 100%;\r\n .color-rect {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 2;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute; \r\n } \r\n }\r\n\r\n .floatLine input, .listLine select {\r\n background-color: #000000;\r\n color: white;\r\n margin: 5px;\r\n outline: none;\r\n padding: 5px;\r\n border: none;\r\n }\r\n\r\n .listLine select {\r\n width: 150px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
10218
10218
|
// Exports
|
|
10219
10219
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
10220
10220
|
|
|
@@ -10222,9 +10222,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, ":root {\n --selectionGrey: #666666; }\
|
|
|
10222
10222
|
/***/ }),
|
|
10223
10223
|
|
|
10224
10224
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./scss/header.scss":
|
|
10225
|
-
|
|
10226
|
-
!***
|
|
10227
|
-
|
|
10225
|
+
/*!***********************************************************************************************************************************************!*\
|
|
10226
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./scss/header.scss ***!
|
|
10227
|
+
\***********************************************************************************************************************************************/
|
|
10228
10228
|
/*! exports provided: default */
|
|
10229
10229
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10230
10230
|
|
|
@@ -10247,9 +10247,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, "#ge-header {\n width: 100%;\n grid-co
|
|
|
10247
10247
|
/***/ }),
|
|
10248
10248
|
|
|
10249
10249
|
/***/ "../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss":
|
|
10250
|
-
|
|
10251
|
-
!***
|
|
10252
|
-
|
|
10250
|
+
/*!******************************************************************************************************************************************************************************!*\
|
|
10251
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/cjs.js!E:/Babylon/Babylon.js/node_modules/sass-loader/dist/cjs.js!./sharedUiComponents/colorPicker/colorPicker.scss ***!
|
|
10252
|
+
\******************************************************************************************************************************************************************************/
|
|
10253
10253
|
/*! exports provided: default */
|
|
10254
10254
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10255
10255
|
|
|
@@ -10272,9 +10272,9 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".color-picker-container {\n width: 320
|
|
|
10272
10272
|
/***/ }),
|
|
10273
10273
|
|
|
10274
10274
|
/***/ "../../../../node_modules/css-loader/dist/runtime/api.js":
|
|
10275
|
-
|
|
10276
|
-
!***
|
|
10277
|
-
|
|
10275
|
+
/*!*************************************************************************!*\
|
|
10276
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/api.js ***!
|
|
10277
|
+
\*************************************************************************/
|
|
10278
10278
|
/*! no static exports found */
|
|
10279
10279
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10280
10280
|
|
|
@@ -10349,9 +10349,9 @@ module.exports = function (cssWithMappingToString) {
|
|
|
10349
10349
|
/***/ }),
|
|
10350
10350
|
|
|
10351
10351
|
/***/ "../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js":
|
|
10352
|
-
|
|
10353
|
-
!***
|
|
10354
|
-
|
|
10352
|
+
/*!********************************************************************************************!*\
|
|
10353
|
+
!*** E:/Babylon/Babylon.js/node_modules/css-loader/dist/runtime/cssWithMappingToString.js ***!
|
|
10354
|
+
\********************************************************************************************/
|
|
10355
10355
|
/*! no static exports found */
|
|
10356
10356
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10357
10357
|
|
|
@@ -10396,9 +10396,9 @@ module.exports = function cssWithMappingToString(item) {
|
|
|
10396
10396
|
/***/ }),
|
|
10397
10397
|
|
|
10398
10398
|
/***/ "../../../../node_modules/object-assign/index.js":
|
|
10399
|
-
|
|
10400
|
-
!***
|
|
10401
|
-
|
|
10399
|
+
/*!*****************************************************************!*\
|
|
10400
|
+
!*** E:/Babylon/Babylon.js/node_modules/object-assign/index.js ***!
|
|
10401
|
+
\*****************************************************************/
|
|
10402
10402
|
/*! no static exports found */
|
|
10403
10403
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10404
10404
|
|
|
@@ -10498,9 +10498,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
|
10498
10498
|
/***/ }),
|
|
10499
10499
|
|
|
10500
10500
|
/***/ "../../../../node_modules/process/browser.js":
|
|
10501
|
-
|
|
10502
|
-
!***
|
|
10503
|
-
|
|
10501
|
+
/*!*************************************************************!*\
|
|
10502
|
+
!*** E:/Babylon/Babylon.js/node_modules/process/browser.js ***!
|
|
10503
|
+
\*************************************************************/
|
|
10504
10504
|
/*! no static exports found */
|
|
10505
10505
|
/***/ (function(module, exports) {
|
|
10506
10506
|
|
|
@@ -10693,9 +10693,9 @@ process.umask = function() { return 0; };
|
|
|
10693
10693
|
/***/ }),
|
|
10694
10694
|
|
|
10695
10695
|
/***/ "../../../../node_modules/prop-types/checkPropTypes.js":
|
|
10696
|
-
|
|
10697
|
-
!***
|
|
10698
|
-
|
|
10696
|
+
/*!***********************************************************************!*\
|
|
10697
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/checkPropTypes.js ***!
|
|
10698
|
+
\***********************************************************************/
|
|
10699
10699
|
/*! no static exports found */
|
|
10700
10700
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10701
10701
|
|
|
@@ -10807,9 +10807,9 @@ module.exports = checkPropTypes;
|
|
|
10807
10807
|
/***/ }),
|
|
10808
10808
|
|
|
10809
10809
|
/***/ "../../../../node_modules/prop-types/factoryWithTypeCheckers.js":
|
|
10810
|
-
|
|
10811
|
-
!***
|
|
10812
|
-
|
|
10810
|
+
/*!********************************************************************************!*\
|
|
10811
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/factoryWithTypeCheckers.js ***!
|
|
10812
|
+
\********************************************************************************/
|
|
10813
10813
|
/*! no static exports found */
|
|
10814
10814
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10815
10815
|
|
|
@@ -11410,9 +11410,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
|
|
|
11410
11410
|
/***/ }),
|
|
11411
11411
|
|
|
11412
11412
|
/***/ "../../../../node_modules/prop-types/index.js":
|
|
11413
|
-
|
|
11414
|
-
!***
|
|
11415
|
-
|
|
11413
|
+
/*!**************************************************************!*\
|
|
11414
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/index.js ***!
|
|
11415
|
+
\**************************************************************/
|
|
11416
11416
|
/*! no static exports found */
|
|
11417
11417
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11418
11418
|
|
|
@@ -11436,9 +11436,9 @@ if (true) {
|
|
|
11436
11436
|
/***/ }),
|
|
11437
11437
|
|
|
11438
11438
|
/***/ "../../../../node_modules/prop-types/lib/ReactPropTypesSecret.js":
|
|
11439
|
-
|
|
11440
|
-
!***
|
|
11441
|
-
|
|
11439
|
+
/*!*********************************************************************************!*\
|
|
11440
|
+
!*** E:/Babylon/Babylon.js/node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
|
|
11441
|
+
\*********************************************************************************/
|
|
11442
11442
|
/*! no static exports found */
|
|
11443
11443
|
/***/ (function(module, exports, __webpack_require__) {
|
|
11444
11444
|
|
|
@@ -11460,9 +11460,9 @@ module.exports = ReactPropTypesSecret;
|
|
|
11460
11460
|
/***/ }),
|
|
11461
11461
|
|
|
11462
11462
|
/***/ "../../../../node_modules/react-contextmenu/es6/AbstractMenu.js":
|
|
11463
|
-
|
|
11464
|
-
!***
|
|
11465
|
-
|
|
11463
|
+
/*!********************************************************************************!*\
|
|
11464
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/AbstractMenu.js ***!
|
|
11465
|
+
\********************************************************************************/
|
|
11466
11466
|
/*! exports provided: default */
|
|
11467
11467
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11468
11468
|
|
|
@@ -11686,9 +11686,9 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
11686
11686
|
/***/ }),
|
|
11687
11687
|
|
|
11688
11688
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenu.js":
|
|
11689
|
-
|
|
11690
|
-
!***
|
|
11691
|
-
|
|
11689
|
+
/*!*******************************************************************************!*\
|
|
11690
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenu.js ***!
|
|
11691
|
+
\*******************************************************************************/
|
|
11692
11692
|
/*! exports provided: default */
|
|
11693
11693
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11694
11694
|
|
|
@@ -12003,9 +12003,9 @@ ContextMenu.defaultProps = {
|
|
|
12003
12003
|
/***/ }),
|
|
12004
12004
|
|
|
12005
12005
|
/***/ "../../../../node_modules/react-contextmenu/es6/ContextMenuTrigger.js":
|
|
12006
|
-
|
|
12007
|
-
!***
|
|
12008
|
-
|
|
12006
|
+
/*!**************************************************************************************!*\
|
|
12007
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/ContextMenuTrigger.js ***!
|
|
12008
|
+
\**************************************************************************************/
|
|
12009
12009
|
/*! exports provided: default */
|
|
12010
12010
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12011
12011
|
|
|
@@ -12203,9 +12203,9 @@ ContextMenuTrigger.defaultProps = {
|
|
|
12203
12203
|
/***/ }),
|
|
12204
12204
|
|
|
12205
12205
|
/***/ "../../../../node_modules/react-contextmenu/es6/MenuItem.js":
|
|
12206
|
-
|
|
12207
|
-
!***
|
|
12208
|
-
|
|
12206
|
+
/*!****************************************************************************!*\
|
|
12207
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/MenuItem.js ***!
|
|
12208
|
+
\****************************************************************************/
|
|
12209
12209
|
/*! exports provided: default */
|
|
12210
12210
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12211
12211
|
|
|
@@ -12343,9 +12343,9 @@ MenuItem.defaultProps = {
|
|
|
12343
12343
|
/***/ }),
|
|
12344
12344
|
|
|
12345
12345
|
/***/ "../../../../node_modules/react-contextmenu/es6/SubMenu.js":
|
|
12346
|
-
|
|
12347
|
-
!***
|
|
12348
|
-
|
|
12346
|
+
/*!***************************************************************************!*\
|
|
12347
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/SubMenu.js ***!
|
|
12348
|
+
\***************************************************************************/
|
|
12349
12349
|
/*! exports provided: default */
|
|
12350
12350
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12351
12351
|
|
|
@@ -12683,9 +12683,9 @@ SubMenu.defaultProps = {
|
|
|
12683
12683
|
/***/ }),
|
|
12684
12684
|
|
|
12685
12685
|
/***/ "../../../../node_modules/react-contextmenu/es6/actions.js":
|
|
12686
|
-
|
|
12687
|
-
!***
|
|
12688
|
-
|
|
12686
|
+
/*!***************************************************************************!*\
|
|
12687
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/actions.js ***!
|
|
12688
|
+
\***************************************************************************/
|
|
12689
12689
|
/*! exports provided: MENU_SHOW, MENU_HIDE, dispatchGlobalEvent, showMenu, hideMenu */
|
|
12690
12690
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12691
12691
|
|
|
@@ -12743,9 +12743,9 @@ function hideMenu() {
|
|
|
12743
12743
|
/***/ }),
|
|
12744
12744
|
|
|
12745
12745
|
/***/ "../../../../node_modules/react-contextmenu/es6/connectMenu.js":
|
|
12746
|
-
|
|
12747
|
-
!***
|
|
12748
|
-
|
|
12746
|
+
/*!*******************************************************************************!*\
|
|
12747
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/connectMenu.js ***!
|
|
12748
|
+
\*******************************************************************************/
|
|
12749
12749
|
/*! exports provided: default */
|
|
12750
12750
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12751
12751
|
|
|
@@ -12841,9 +12841,9 @@ var ignoredTriggerProps = [].concat(_toConsumableArray(Object.keys(_ContextMenuT
|
|
|
12841
12841
|
/***/ }),
|
|
12842
12842
|
|
|
12843
12843
|
/***/ "../../../../node_modules/react-contextmenu/es6/globalEventListener.js":
|
|
12844
|
-
|
|
12845
|
-
!***
|
|
12846
|
-
|
|
12844
|
+
/*!***************************************************************************************!*\
|
|
12845
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/globalEventListener.js ***!
|
|
12846
|
+
\***************************************************************************************/
|
|
12847
12847
|
/*! exports provided: default */
|
|
12848
12848
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12849
12849
|
|
|
@@ -12903,9 +12903,9 @@ var GlobalEventListener = function GlobalEventListener() {
|
|
|
12903
12903
|
/***/ }),
|
|
12904
12904
|
|
|
12905
12905
|
/***/ "../../../../node_modules/react-contextmenu/es6/helpers.js":
|
|
12906
|
-
|
|
12907
|
-
!***
|
|
12908
|
-
|
|
12906
|
+
/*!***************************************************************************!*\
|
|
12907
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/helpers.js ***!
|
|
12908
|
+
\***************************************************************************/
|
|
12909
12909
|
/*! exports provided: callIfExists, hasOwnProp, uniqueId, cssClasses, store, canUseDOM */
|
|
12910
12910
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12911
12911
|
|
|
@@ -12952,9 +12952,9 @@ var canUseDOM = Boolean(typeof window !== 'undefined' && window.document && wind
|
|
|
12952
12952
|
/***/ }),
|
|
12953
12953
|
|
|
12954
12954
|
/***/ "../../../../node_modules/react-contextmenu/es6/index.js":
|
|
12955
|
-
|
|
12956
|
-
!***
|
|
12957
|
-
|
|
12955
|
+
/*!*************************************************************************!*\
|
|
12956
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-contextmenu/es6/index.js ***!
|
|
12957
|
+
\*************************************************************************/
|
|
12958
12958
|
/*! exports provided: ContextMenu, ContextMenuTrigger, MenuItem, SubMenu, connectMenu, hideMenu, showMenu */
|
|
12959
12959
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
12960
12960
|
|
|
@@ -12990,9 +12990,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12990
12990
|
/***/ }),
|
|
12991
12991
|
|
|
12992
12992
|
/***/ "../../../../node_modules/react-dom/cjs/react-dom.development.js":
|
|
12993
|
-
|
|
12994
|
-
!***
|
|
12995
|
-
|
|
12993
|
+
/*!*********************************************************************************!*\
|
|
12994
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-dom/cjs/react-dom.development.js ***!
|
|
12995
|
+
\*********************************************************************************/
|
|
12996
12996
|
/*! no static exports found */
|
|
12997
12997
|
/***/ (function(module, exports, __webpack_require__) {
|
|
12998
12998
|
|
|
@@ -38014,9 +38014,9 @@ exports.version = ReactVersion;
|
|
|
38014
38014
|
/***/ }),
|
|
38015
38015
|
|
|
38016
38016
|
/***/ "../../../../node_modules/react-dom/index.js":
|
|
38017
|
-
|
|
38018
|
-
!***
|
|
38019
|
-
|
|
38017
|
+
/*!*************************************************************!*\
|
|
38018
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-dom/index.js ***!
|
|
38019
|
+
\*************************************************************/
|
|
38020
38020
|
/*! no static exports found */
|
|
38021
38021
|
/***/ (function(module, exports, __webpack_require__) {
|
|
38022
38022
|
|
|
@@ -38059,9 +38059,9 @@ if (false) {} else {
|
|
|
38059
38059
|
/***/ }),
|
|
38060
38060
|
|
|
38061
38061
|
/***/ "../../../../node_modules/react-is/cjs/react-is.development.js":
|
|
38062
|
-
|
|
38063
|
-
!***
|
|
38064
|
-
|
|
38062
|
+
/*!*******************************************************************************!*\
|
|
38063
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-is/cjs/react-is.development.js ***!
|
|
38064
|
+
\*******************************************************************************/
|
|
38065
38065
|
/*! no static exports found */
|
|
38066
38066
|
/***/ (function(module, exports, __webpack_require__) {
|
|
38067
38067
|
|
|
@@ -38252,9 +38252,9 @@ exports.typeOf = typeOf;
|
|
|
38252
38252
|
/***/ }),
|
|
38253
38253
|
|
|
38254
38254
|
/***/ "../../../../node_modules/react-is/index.js":
|
|
38255
|
-
|
|
38256
|
-
!***
|
|
38257
|
-
|
|
38255
|
+
/*!************************************************************!*\
|
|
38256
|
+
!*** E:/Babylon/Babylon.js/node_modules/react-is/index.js ***!
|
|
38257
|
+
\************************************************************/
|
|
38258
38258
|
/*! no static exports found */
|
|
38259
38259
|
/***/ (function(module, exports, __webpack_require__) {
|
|
38260
38260
|
|
|
@@ -38269,9 +38269,9 @@ if (false) {} else {
|
|
|
38269
38269
|
/***/ }),
|
|
38270
38270
|
|
|
38271
38271
|
/***/ "../../../../node_modules/react/cjs/react.development.js":
|
|
38272
|
-
|
|
38273
|
-
!***
|
|
38274
|
-
|
|
38272
|
+
/*!*************************************************************************!*\
|
|
38273
|
+
!*** E:/Babylon/Babylon.js/node_modules/react/cjs/react.development.js ***!
|
|
38274
|
+
\*************************************************************************/
|
|
38275
38275
|
/*! no static exports found */
|
|
38276
38276
|
/***/ (function(module, exports, __webpack_require__) {
|
|
38277
38277
|
|
|
@@ -40193,9 +40193,9 @@ exports.version = ReactVersion;
|
|
|
40193
40193
|
/***/ }),
|
|
40194
40194
|
|
|
40195
40195
|
/***/ "../../../../node_modules/react/index.js":
|
|
40196
|
-
|
|
40197
|
-
!***
|
|
40198
|
-
|
|
40196
|
+
/*!*********************************************************!*\
|
|
40197
|
+
!*** E:/Babylon/Babylon.js/node_modules/react/index.js ***!
|
|
40198
|
+
\*********************************************************/
|
|
40199
40199
|
/*! no static exports found */
|
|
40200
40200
|
/***/ (function(module, exports, __webpack_require__) {
|
|
40201
40201
|
|
|
@@ -40210,9 +40210,9 @@ if (false) {} else {
|
|
|
40210
40210
|
/***/ }),
|
|
40211
40211
|
|
|
40212
40212
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler-tracing.development.js":
|
|
40213
|
-
|
|
40214
|
-
!***
|
|
40215
|
-
|
|
40213
|
+
/*!*****************************************************************************************!*\
|
|
40214
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler-tracing.development.js ***!
|
|
40215
|
+
\*****************************************************************************************/
|
|
40216
40216
|
/*! no static exports found */
|
|
40217
40217
|
/***/ (function(module, exports, __webpack_require__) {
|
|
40218
40218
|
|
|
@@ -40571,9 +40571,9 @@ exports.unstable_wrap = unstable_wrap;
|
|
|
40571
40571
|
/***/ }),
|
|
40572
40572
|
|
|
40573
40573
|
/***/ "../../../../node_modules/scheduler/cjs/scheduler.development.js":
|
|
40574
|
-
|
|
40575
|
-
!***
|
|
40576
|
-
|
|
40574
|
+
/*!*********************************************************************************!*\
|
|
40575
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/cjs/scheduler.development.js ***!
|
|
40576
|
+
\*********************************************************************************/
|
|
40577
40577
|
/*! no static exports found */
|
|
40578
40578
|
/***/ (function(module, exports, __webpack_require__) {
|
|
40579
40579
|
|
|
@@ -41441,9 +41441,9 @@ exports.unstable_wrapCallback = unstable_wrapCallback;
|
|
|
41441
41441
|
/***/ }),
|
|
41442
41442
|
|
|
41443
41443
|
/***/ "../../../../node_modules/scheduler/index.js":
|
|
41444
|
-
|
|
41445
|
-
!***
|
|
41446
|
-
|
|
41444
|
+
/*!*************************************************************!*\
|
|
41445
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/index.js ***!
|
|
41446
|
+
\*************************************************************/
|
|
41447
41447
|
/*! no static exports found */
|
|
41448
41448
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41449
41449
|
|
|
@@ -41458,9 +41458,9 @@ if (false) {} else {
|
|
|
41458
41458
|
/***/ }),
|
|
41459
41459
|
|
|
41460
41460
|
/***/ "../../../../node_modules/scheduler/tracing.js":
|
|
41461
|
-
|
|
41462
|
-
!***
|
|
41463
|
-
|
|
41461
|
+
/*!***************************************************************!*\
|
|
41462
|
+
!*** E:/Babylon/Babylon.js/node_modules/scheduler/tracing.js ***!
|
|
41463
|
+
\***************************************************************/
|
|
41464
41464
|
/*! no static exports found */
|
|
41465
41465
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41466
41466
|
|
|
@@ -41475,9 +41475,9 @@ if (false) {} else {
|
|
|
41475
41475
|
/***/ }),
|
|
41476
41476
|
|
|
41477
41477
|
/***/ "../../../../node_modules/setimmediate/setImmediate.js":
|
|
41478
|
-
|
|
41479
|
-
!***
|
|
41480
|
-
|
|
41478
|
+
/*!***********************************************************************!*\
|
|
41479
|
+
!*** E:/Babylon/Babylon.js/node_modules/setimmediate/setImmediate.js ***!
|
|
41480
|
+
\***********************************************************************/
|
|
41481
41481
|
/*! no static exports found */
|
|
41482
41482
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41483
41483
|
|
|
@@ -41673,9 +41673,9 @@ if (false) {} else {
|
|
|
41673
41673
|
/***/ }),
|
|
41674
41674
|
|
|
41675
41675
|
/***/ "../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
|
41676
|
-
|
|
41677
|
-
!***
|
|
41678
|
-
|
|
41676
|
+
/*!************************************************************************************************!*\
|
|
41677
|
+
!*** E:/Babylon/Babylon.js/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
|
41678
|
+
\************************************************************************************************/
|
|
41679
41679
|
/*! no static exports found */
|
|
41680
41680
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41681
41681
|
|
|
@@ -41953,9 +41953,9 @@ module.exports = function (list, options) {
|
|
|
41953
41953
|
/***/ }),
|
|
41954
41954
|
|
|
41955
41955
|
/***/ "../../../../node_modules/timers-browserify/main.js":
|
|
41956
|
-
|
|
41957
|
-
!***
|
|
41958
|
-
|
|
41956
|
+
/*!********************************************************************!*\
|
|
41957
|
+
!*** E:/Babylon/Babylon.js/node_modules/timers-browserify/main.js ***!
|
|
41958
|
+
\********************************************************************/
|
|
41959
41959
|
/*! no static exports found */
|
|
41960
41960
|
/***/ (function(module, exports, __webpack_require__) {
|
|
41961
41961
|
|
|
@@ -42028,9 +42028,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
|
|
|
42028
42028
|
/***/ }),
|
|
42029
42029
|
|
|
42030
42030
|
/***/ "../../../../node_modules/tslib/tslib.es6.js":
|
|
42031
|
-
|
|
42032
|
-
!***
|
|
42033
|
-
|
|
42031
|
+
/*!*************************************************************!*\
|
|
42032
|
+
!*** E:/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
|
|
42033
|
+
\*************************************************************/
|
|
42034
42034
|
/*! 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 */
|
|
42035
42035
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
42036
42036
|
|
|
@@ -42332,17 +42332,6 @@ try {
|
|
|
42332
42332
|
module.exports = g;
|
|
42333
42333
|
|
|
42334
42334
|
|
|
42335
|
-
/***/ }),
|
|
42336
|
-
|
|
42337
|
-
/***/ "../../sharedUiComponents/imgs/fillColorIcon.svg":
|
|
42338
|
-
/*!**************************************************************************************************************!*\
|
|
42339
|
-
!*** C:/Users/raweber/Documents/GitHub/Babylon.js/.temp/sourceES6/sharedUiComponents/imgs/fillColorIcon.svg ***!
|
|
42340
|
-
\**************************************************************************************************************/
|
|
42341
|
-
/*! no static exports found */
|
|
42342
|
-
/***/ (function(module, exports) {
|
|
42343
|
-
|
|
42344
|
-
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='M7.31,16.54v4.1a2,2,0,0,0,2,2H21.42a2,2,0,0,0,2-2V11.78a2,2,0,0,0-2-2H14.21L15.42,11h6a.8.8,0,0,1,.8.81v8.86a.8.8,0,0,1-.8.81H9.33a.81.81,0,0,1-.81-.81V17.75Z' style='fill:%23333'/%3E%3Cpath d='M10.54,8a.6.6,0,1,1,1.2,0V9a1.57,1.57,0,0,1,1,.46l2.85,2.85a1.61,1.61,0,0,1,0,2.28L12.17,18a1.61,1.61,0,0,1-2.28,0L7,15.13a1.61,1.61,0,0,1,0-2.28l3.42-3.42.08-.07Zm0,3.62v-.5L8.21,13.4h6.64a.34.34,0,0,0-.12-.26l-2.85-2.85a.34.34,0,0,0-.14-.09v1.37a.6.6,0,1,1-1.2,0Zm-2.32,3,2.52,2.52a.42.42,0,0,0,.57,0l2.53-2.52Z' style='fill:%23333'/%3E%3Cpath d='M14.57,17.32a2.76,2.76,0,0,1,.27-1.12,5.33,5.33,0,0,1,.54-.91c.2-.27.39-.49.53-.65l.24-.26h0a.6.6,0,0,1,.86,0l.24.27a6,6,0,0,1,.53.65,5.33,5.33,0,0,1,.54.91,2.76,2.76,0,0,1,.28,1.12,2,2,0,1,1-4,0ZM16.37,16a4.15,4.15,0,0,0-.43.72,1.57,1.57,0,0,0-.17.61.81.81,0,1,0,1.62,0,1.57,1.57,0,0,0-.17-.61,4.15,4.15,0,0,0-.43-.72l-.21-.28Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
42345
|
-
|
|
42346
42335
|
/***/ }),
|
|
42347
42336
|
|
|
42348
42337
|
/***/ "../public/imgs sync recursive ^\\.\\/cursor_rotate.*\\.svg$":
|
|
@@ -42440,17 +42429,6 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
42440
42429
|
|
|
42441
42430
|
/***/ }),
|
|
42442
42431
|
|
|
42443
|
-
/***/ "../public/imgs/canvasSizeIcon.svg":
|
|
42444
|
-
/*!*****************************************!*\
|
|
42445
|
-
!*** ../public/imgs/canvasSizeIcon.svg ***!
|
|
42446
|
-
\*****************************************/
|
|
42447
|
-
/*! no static exports found */
|
|
42448
|
-
/***/ (function(module, exports) {
|
|
42449
|
-
|
|
42450
|
-
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M15,12a3,3,0,0,0-3,3v3.5a.5.5,0,0,0,1,0V15a2,2,0,0,1,2-2h3.5a.5.5,0,0,0,0-1Z' style='fill:%23333'/%3E%3Cpath d='M21.5,12a.5.5,0,0,0,0,1H25a2,2,0,0,1,2,2v3.5a.5.5,0,0,0,1,0V15a3,3,0,0,0-3-3Z' style='fill:%23333'/%3E%3Cpath d='M12.5,21a.5.5,0,0,1,.5.5V25a2,2,0,0,0,2,2h3.5a.5.5,0,0,1,0,1H15a3,3,0,0,1-3-3V21.5A.5.5,0,0,1,12.5,21Z' style='fill:%23333'/%3E%3Cpath d='M28,21.5a.5.5,0,0,0-1,0V25a2,2,0,0,1-2,2H21.5a.5.5,0,0,0,0,1H25a3,3,0,0,0,3-3Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
42451
|
-
|
|
42452
|
-
/***/ }),
|
|
42453
|
-
|
|
42454
42432
|
/***/ "../public/imgs/checkboxIcon.svg":
|
|
42455
42433
|
/*!***************************************!*\
|
|
42456
42434
|
!*** ../public/imgs/checkboxIcon.svg ***!
|
|
@@ -42957,17 +42935,6 @@ module.exports = "data:image/svg+xml,%3Csvg id='icons' xmlns='http://www.w3.org/
|
|
|
42957
42935
|
|
|
42958
42936
|
/***/ }),
|
|
42959
42937
|
|
|
42960
|
-
/***/ "../public/imgs/responsiveIcon.svg":
|
|
42961
|
-
/*!*****************************************!*\
|
|
42962
|
-
!*** ../public/imgs/responsiveIcon.svg ***!
|
|
42963
|
-
\*****************************************/
|
|
42964
|
-
/*! no static exports found */
|
|
42965
|
-
/***/ (function(module, exports) {
|
|
42966
|
-
|
|
42967
|
-
module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M23.86,16.14a.62.62,0,0,1,.18.43v2a.61.61,0,0,1-1.21,0V18l-1.39,1.39a.61.61,0,1,1-.86-.86L22,17.17h-.56a.6.6,0,0,1-.6-.6.61.61,0,0,1,.6-.61h2A.62.62,0,0,1,23.86,16.14Z' style='fill:%23333'/%3E%3Cpath d='M16,23.43a.64.64,0,0,0,.18.43.62.62,0,0,0,.43.18h2a.61.61,0,0,0,.6-.61.6.6,0,0,0-.6-.6H18l1.39-1.39a.61.61,0,1,0-.86-.86L17.17,22v-.56a.6.6,0,0,0-.6-.6.61.61,0,0,0-.61.6Z' style='fill:%23333'/%3E%3Cpath d='M11.93,15.76a2.22,2.22,0,0,1,2.22-2.22h11.7a2.22,2.22,0,0,1,2.22,2.22v8.48a2.22,2.22,0,0,1-2.22,2.22H14.15a2.22,2.22,0,0,1-2.22-2.22Zm2.22-1a1,1,0,0,0-1,1v8.48a1,1,0,0,0,1,1h11.7a1,1,0,0,0,1-1V15.76a1,1,0,0,0-1-1Z' style='fill:%23333'/%3E%3C/svg%3E"
|
|
42968
|
-
|
|
42969
|
-
/***/ }),
|
|
42970
|
-
|
|
42971
42938
|
/***/ "../public/imgs/scrollbarIcon.svg":
|
|
42972
42939
|
/*!****************************************!*\
|
|
42973
42940
|
!*** ../public/imgs/scrollbarIcon.svg ***!
|
|
@@ -43100,10 +43067,21 @@ module.exports = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' w
|
|
|
43100
43067
|
__webpack_require__.r(__webpack_exports__);
|
|
43101
43068
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommandBarComponent", function() { return CommandBarComponent; });
|
|
43102
43069
|
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
|
|
43103
|
-
/* harmony import */ var
|
|
43104
|
-
/* harmony import */ var
|
|
43105
|
-
/* harmony import */ var
|
|
43106
|
-
/* harmony import */ var
|
|
43070
|
+
/* harmony import */ var _babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babylonjs/core/Misc/dataStorage */ "@babylonjs/core/Misc/observable");
|
|
43071
|
+
/* harmony import */ var _babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__);
|
|
43072
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
|
|
43073
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
43074
|
+
/* harmony import */ var _sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sharedUiComponents/lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
|
|
43075
|
+
/* harmony import */ var _sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../sharedUiComponents/lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
|
|
43076
|
+
/* harmony import */ var _sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../sharedUiComponents/lines/optionsLineComponent */ "./sharedUiComponents/lines/optionsLineComponent.tsx");
|
|
43077
|
+
/* harmony import */ var _commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./commandButtonComponent */ "./components/commandButtonComponent.tsx");
|
|
43078
|
+
/* harmony import */ var _commandDropdownComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./commandDropdownComponent */ "./components/commandDropdownComponent.tsx");
|
|
43079
|
+
/* harmony import */ var _sharedUiComponents_lines_colorLineComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../sharedUiComponents/lines/colorLineComponent */ "./sharedUiComponents/lines/colorLineComponent.tsx");
|
|
43080
|
+
|
|
43081
|
+
|
|
43082
|
+
|
|
43083
|
+
|
|
43084
|
+
|
|
43107
43085
|
|
|
43108
43086
|
|
|
43109
43087
|
|
|
@@ -43116,6 +43094,35 @@ var guidesIcon = __webpack_require__(/*! ../../public/imgs/guidesIcon.svg */ "..
|
|
|
43116
43094
|
var logoIcon = __webpack_require__(/*! ../../public/imgs/babylonLogo.svg */ "../public/imgs/babylonLogo.svg");
|
|
43117
43095
|
var canvasFitIcon = __webpack_require__(/*! ../../public/imgs/canvasFitIcon.svg */ "../public/imgs/canvasFitIcon.svg");
|
|
43118
43096
|
__webpack_require__(/*! ../scss/commandBar.scss */ "./scss/commandBar.scss");
|
|
43097
|
+
var _sizeValues = [
|
|
43098
|
+
{ width: 1920, height: 1080 },
|
|
43099
|
+
{ width: 1366, height: 768 },
|
|
43100
|
+
{ width: 1280, height: 800 },
|
|
43101
|
+
{ width: 3840, height: 2160 },
|
|
43102
|
+
{ width: 750, height: 1334 },
|
|
43103
|
+
{ width: 1125, height: 2436 },
|
|
43104
|
+
{ width: 1170, height: 2532 },
|
|
43105
|
+
{ width: 1284, height: 2778 },
|
|
43106
|
+
{ width: 1080, height: 2220 },
|
|
43107
|
+
{ width: 1080, height: 2340 },
|
|
43108
|
+
{ width: 1024, height: 1024 },
|
|
43109
|
+
{ width: 2048, height: 2048 },
|
|
43110
|
+
];
|
|
43111
|
+
var _sizeOptions = [
|
|
43112
|
+
{ label: "Web (1920)", value: 0 },
|
|
43113
|
+
{ label: "Web (1366)", value: 1 },
|
|
43114
|
+
{ label: "Web (1280)", value: 2 },
|
|
43115
|
+
{ label: "Web (3840)", value: 3 },
|
|
43116
|
+
{ label: "iPhone 8 (750)", value: 4 },
|
|
43117
|
+
{ label: "iPhone X, 11 (1125)", value: 5 },
|
|
43118
|
+
{ label: "iPhone 12 (1170)", value: 6 },
|
|
43119
|
+
{ label: "iPhone Pro Max (1284)", value: 7 },
|
|
43120
|
+
{ label: "Google Pixel 4 (1080)", value: 8 },
|
|
43121
|
+
{ label: "Google Pixel 5 (1080)", value: 9 },
|
|
43122
|
+
{ label: "Square (1024)", value: 10 },
|
|
43123
|
+
{ label: "Square (2048)", value: 11 },
|
|
43124
|
+
];
|
|
43125
|
+
var MAX_TEXTURE_SIZE = 16384; //2^14
|
|
43119
43126
|
var CommandBarComponent = /** @class */ (function (_super) {
|
|
43120
43127
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CommandBarComponent, _super);
|
|
43121
43128
|
function CommandBarComponent(props) {
|
|
@@ -43123,6 +43130,7 @@ var CommandBarComponent = /** @class */ (function (_super) {
|
|
|
43123
43130
|
_this._panning = false;
|
|
43124
43131
|
_this._zooming = false;
|
|
43125
43132
|
_this._selecting = true;
|
|
43133
|
+
_this._sizeOption = 0;
|
|
43126
43134
|
props.globalState.onPanObservable.add(function () {
|
|
43127
43135
|
_this._panning = !_this._panning;
|
|
43128
43136
|
_this._zooming = false;
|
|
@@ -43144,105 +43152,149 @@ var CommandBarComponent = /** @class */ (function (_super) {
|
|
|
43144
43152
|
props.globalState.onOutlineChangedObservable.add(function () {
|
|
43145
43153
|
_this.forceUpdate();
|
|
43146
43154
|
});
|
|
43155
|
+
props.globalState.onResizeObservable.add(function (newSize) {
|
|
43156
|
+
_this.forceUpdate();
|
|
43157
|
+
});
|
|
43147
43158
|
return _this;
|
|
43148
43159
|
}
|
|
43149
43160
|
CommandBarComponent.prototype.render = function () {
|
|
43150
43161
|
var _this = this;
|
|
43151
|
-
|
|
43152
|
-
|
|
43153
|
-
|
|
43154
|
-
|
|
43155
|
-
|
|
43156
|
-
|
|
43157
|
-
|
|
43158
|
-
|
|
43162
|
+
var size = this.props.globalState.workbench ? Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, this.props.globalState.workbench.guiSize) : { width: 0, height: 0 };
|
|
43163
|
+
this._sizeOption = _sizeValues.findIndex(function (value) { return value.width == size.width && value.height == size.height; });
|
|
43164
|
+
if (this._sizeOption < 0) {
|
|
43165
|
+
this.props.globalState.onResponsiveChangeObservable.notifyObservers(false);
|
|
43166
|
+
_babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__["DataStorage"].WriteBoolean("Responsive", false);
|
|
43167
|
+
}
|
|
43168
|
+
return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "ge-commands" },
|
|
43169
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "commands-left" },
|
|
43170
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "divider" },
|
|
43171
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("img", { src: logoIcon, color: "white", className: "active" }),
|
|
43172
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandDropdownComponent__WEBPACK_IMPORTED_MODULE_7__["CommandDropdownComponent"], { globalState: this.props.globalState, toRight: true, icon: hamburgerIcon, tooltip: "Options", items: [
|
|
43173
|
+
{
|
|
43174
|
+
label: "Save",
|
|
43175
|
+
onClick: function () {
|
|
43176
|
+
_this.props.globalState.onSaveObservable.notifyObservers();
|
|
43177
|
+
},
|
|
43159
43178
|
},
|
|
43160
|
-
|
|
43161
|
-
|
|
43162
|
-
|
|
43163
|
-
fileButton: true,
|
|
43164
|
-
},
|
|
43165
|
-
{
|
|
43166
|
-
label: "Save to snippet",
|
|
43167
|
-
onClick: function () {
|
|
43168
|
-
_this.props.globalState.onSnippetSaveObservable.notifyObservers();
|
|
43179
|
+
{
|
|
43180
|
+
label: "Load",
|
|
43181
|
+
fileButton: true,
|
|
43169
43182
|
},
|
|
43170
|
-
|
|
43171
|
-
|
|
43172
|
-
|
|
43173
|
-
|
|
43174
|
-
|
|
43183
|
+
{
|
|
43184
|
+
label: "Save to snippet",
|
|
43185
|
+
onClick: function () {
|
|
43186
|
+
_this.props.globalState.onSnippetSaveObservable.notifyObservers();
|
|
43187
|
+
},
|
|
43175
43188
|
},
|
|
43176
|
-
|
|
43177
|
-
|
|
43178
|
-
|
|
43179
|
-
|
|
43180
|
-
|
|
43189
|
+
{
|
|
43190
|
+
label: "Load from snippet",
|
|
43191
|
+
onClick: function () {
|
|
43192
|
+
_this.props.globalState.onSnippetLoadObservable.notifyObservers();
|
|
43193
|
+
},
|
|
43181
43194
|
},
|
|
43182
|
-
|
|
43183
|
-
|
|
43184
|
-
|
|
43185
|
-
|
|
43186
|
-
|
|
43187
|
-
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_c) {
|
|
43188
|
-
switch (_c.label) {
|
|
43189
|
-
case 0:
|
|
43190
|
-
_b = (_a = this.props.globalState.onPasteObservable).notifyObservers;
|
|
43191
|
-
return [4 /*yield*/, this.props.globalState.hostWindow.navigator.clipboard.readText()];
|
|
43192
|
-
case 1:
|
|
43193
|
-
_b.apply(_a, [_c.sent()]);
|
|
43194
|
-
return [2 /*return*/];
|
|
43195
|
-
}
|
|
43196
|
-
});
|
|
43197
|
-
}); }
|
|
43198
|
-
},
|
|
43199
|
-
{
|
|
43200
|
-
label: "Delete Selected",
|
|
43201
|
-
onClick: function () {
|
|
43202
|
-
_this.props.globalState.selectedControls.forEach(function (guiNode) {
|
|
43203
|
-
var _a;
|
|
43204
|
-
if (guiNode !== _this.props.globalState.guiTexture.getChildren()[0]) {
|
|
43205
|
-
_this.props.globalState.guiTexture.removeControl(guiNode);
|
|
43206
|
-
(_a = _this.props.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.removeControl(guiNode);
|
|
43207
|
-
guiNode.dispose();
|
|
43208
|
-
}
|
|
43209
|
-
});
|
|
43210
|
-
_this.props.globalState.setSelection([]);
|
|
43195
|
+
{
|
|
43196
|
+
label: "Copy Selected",
|
|
43197
|
+
onClick: function () {
|
|
43198
|
+
_this.props.globalState.onCopyObservable.notifyObservers(function (content) { return _this.props.globalState.hostWindow.navigator.clipboard.writeText(content); });
|
|
43199
|
+
},
|
|
43211
43200
|
},
|
|
43212
|
-
|
|
43213
|
-
|
|
43214
|
-
|
|
43215
|
-
|
|
43216
|
-
|
|
43201
|
+
{
|
|
43202
|
+
label: "Paste",
|
|
43203
|
+
onClick: function () { return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(_this, void 0, void 0, function () {
|
|
43204
|
+
var _a, _b;
|
|
43205
|
+
return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_c) {
|
|
43206
|
+
switch (_c.label) {
|
|
43207
|
+
case 0:
|
|
43208
|
+
_b = (_a = this.props.globalState.onPasteObservable).notifyObservers;
|
|
43209
|
+
return [4 /*yield*/, this.props.globalState.hostWindow.navigator.clipboard.readText()];
|
|
43210
|
+
case 1:
|
|
43211
|
+
_b.apply(_a, [_c.sent()]);
|
|
43212
|
+
return [2 /*return*/];
|
|
43213
|
+
}
|
|
43214
|
+
});
|
|
43215
|
+
}); }
|
|
43217
43216
|
},
|
|
43218
|
-
|
|
43219
|
-
|
|
43220
|
-
|
|
43221
|
-
|
|
43222
|
-
|
|
43217
|
+
{
|
|
43218
|
+
label: "Delete Selected",
|
|
43219
|
+
onClick: function () {
|
|
43220
|
+
_this.props.globalState.selectedControls.forEach(function (guiNode) {
|
|
43221
|
+
var _a;
|
|
43222
|
+
if (guiNode !== _this.props.globalState.guiTexture.getChildren()[0]) {
|
|
43223
|
+
_this.props.globalState.guiTexture.removeControl(guiNode);
|
|
43224
|
+
(_a = _this.props.globalState.liveGuiTexture) === null || _a === void 0 ? void 0 : _a.removeControl(guiNode);
|
|
43225
|
+
guiNode.dispose();
|
|
43226
|
+
}
|
|
43227
|
+
});
|
|
43228
|
+
_this.props.globalState.setSelection([]);
|
|
43229
|
+
},
|
|
43223
43230
|
},
|
|
43224
|
-
|
|
43225
|
-
|
|
43226
|
-
|
|
43227
|
-
|
|
43228
|
-
|
|
43229
|
-
|
|
43230
|
-
|
|
43231
|
-
|
|
43232
|
-
|
|
43233
|
-
|
|
43234
|
-
|
|
43235
|
-
|
|
43236
|
-
|
|
43237
|
-
|
|
43238
|
-
|
|
43239
|
-
|
|
43240
|
-
|
|
43241
|
-
|
|
43242
|
-
|
|
43231
|
+
{
|
|
43232
|
+
label: "Help",
|
|
43233
|
+
onClick: function () {
|
|
43234
|
+
window.open("https://doc.babylonjs.com/toolsAndResources/tools/guiEditor", "_blank");
|
|
43235
|
+
},
|
|
43236
|
+
},
|
|
43237
|
+
{
|
|
43238
|
+
label: "Give feedback",
|
|
43239
|
+
onClick: function () {
|
|
43240
|
+
window.open("https://forum.babylonjs.com/t/introducing-the-gui-editor-alpha/24578", "_blank");
|
|
43241
|
+
},
|
|
43242
|
+
},
|
|
43243
|
+
] }),
|
|
43244
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__["CommandButtonComponent"], { tooltip: "Select", icon: pointerIcon, shortcut: "S", isActive: this._selecting, onClick: function () {
|
|
43245
|
+
if (!_this._selecting)
|
|
43246
|
+
_this.props.globalState.onSelectionButtonObservable.notifyObservers();
|
|
43247
|
+
} }),
|
|
43248
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__["CommandButtonComponent"], { tooltip: "Pan", icon: handIcon, shortcut: "P", isActive: this._panning, onClick: function () {
|
|
43249
|
+
if (!_this._panning)
|
|
43250
|
+
_this.props.globalState.onPanObservable.notifyObservers();
|
|
43251
|
+
} }),
|
|
43252
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__["CommandButtonComponent"], { tooltip: "Zoom", shortcut: "Z", icon: zoomIcon, isActive: this._zooming, onClick: function () {
|
|
43253
|
+
if (!_this._zooming)
|
|
43254
|
+
_this.props.globalState.onZoomObservable.notifyObservers();
|
|
43255
|
+
} })),
|
|
43256
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "divider" },
|
|
43257
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__["CommandButtonComponent"], { tooltip: "Fit to Window", shortcut: "F", icon: canvasFitIcon, isActive: false, onClick: function () {
|
|
43258
|
+
_this.props.globalState.onFitToWindowObservable.notifyObservers();
|
|
43259
|
+
} }),
|
|
43260
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_commandButtonComponent__WEBPACK_IMPORTED_MODULE_6__["CommandButtonComponent"], { tooltip: "Toggle Guides", shortcut: "G", icon: guidesIcon, isActive: this.props.globalState.outlines, onClick: function () { return _this.props.globalState.outlines = !_this.props.globalState.outlines; } })),
|
|
43261
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "divider padded" },
|
|
43262
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_sharedUiComponents_lines_colorLineComponent__WEBPACK_IMPORTED_MODULE_8__["ColorLineComponent"], { label: "Artboard:", target: this.props.globalState, propertyName: "backgroundColor", disableAlpha: true })),
|
|
43263
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "divider padded" },
|
|
43264
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_4__["CheckBoxLineComponent"], { label: "Responsive:", iconLabel: "Responsive GUIs will resize the UI layout and reflow controls to accommodate different device screen sizes", isSelected: function () { return _babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__["DataStorage"].ReadBoolean("Responsive", true); }, onSelect: function (value) {
|
|
43265
|
+
_this.props.globalState.onResponsiveChangeObservable.notifyObservers(value);
|
|
43266
|
+
_babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__["DataStorage"].WriteBoolean("Responsive", value);
|
|
43267
|
+
_this._sizeOption = _sizeOptions.length;
|
|
43268
|
+
if (value) {
|
|
43269
|
+
_this._sizeOption = 0;
|
|
43270
|
+
_this.props.globalState.workbench.guiSize = _sizeValues[_this._sizeOption];
|
|
43271
|
+
}
|
|
43272
|
+
_this.forceUpdate();
|
|
43273
|
+
} }),
|
|
43274
|
+
_babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__["DataStorage"].ReadBoolean("Responsive", true) &&
|
|
43275
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_5__["OptionsLineComponent"], { label: "", iconLabel: "Size", options: _sizeOptions, target: this, propertyName: "_sizeOption", noDirectUpdate: true, onSelect: function (value) {
|
|
43276
|
+
_this._sizeOption = value;
|
|
43277
|
+
if (_this._sizeOption !== _sizeOptions.length) {
|
|
43278
|
+
var newSize = _sizeValues[_this._sizeOption];
|
|
43279
|
+
_this.props.globalState.workbench.guiSize = newSize;
|
|
43280
|
+
}
|
|
43281
|
+
_this.forceUpdate();
|
|
43282
|
+
} }),
|
|
43283
|
+
!_babylonjs_core_Misc_dataStorage__WEBPACK_IMPORTED_MODULE_1__["DataStorage"].ReadBoolean("Responsive", true) && (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](react__WEBPACK_IMPORTED_MODULE_2__["Fragment"], null,
|
|
43284
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { label: "W", target: size, propertyName: "width", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
43285
|
+
if (!isNaN(newvalue)) {
|
|
43286
|
+
_this.props.globalState.workbench.guiSize = { width: newvalue, height: size.height };
|
|
43287
|
+
}
|
|
43288
|
+
} }),
|
|
43289
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_3__["FloatLineComponent"], { label: "H", target: size, propertyName: "height", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
43290
|
+
if (!isNaN(newvalue)) {
|
|
43291
|
+
_this.props.globalState.workbench.guiSize = { width: size.width, height: newvalue };
|
|
43292
|
+
}
|
|
43293
|
+
} }))))),
|
|
43294
|
+
react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: "commands-right" })));
|
|
43243
43295
|
};
|
|
43244
43296
|
return CommandBarComponent;
|
|
43245
|
-
}(
|
|
43297
|
+
}(react__WEBPACK_IMPORTED_MODULE_2__["Component"]));
|
|
43246
43298
|
|
|
43247
43299
|
|
|
43248
43300
|
|
|
@@ -45454,42 +45506,31 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45454
45506
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
45455
45507
|
/* harmony import */ var _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babylonjs/core/Misc/tools */ "@babylonjs/core/Misc/observable");
|
|
45456
45508
|
/* harmony import */ var _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__);
|
|
45457
|
-
/* harmony import */ var
|
|
45458
|
-
/* harmony import */ var
|
|
45459
|
-
/* harmony import */ var
|
|
45460
|
-
/* harmony import */ var
|
|
45461
|
-
/* harmony import */ var
|
|
45462
|
-
/* harmony import */ var
|
|
45463
|
-
/* harmony import */ var
|
|
45464
|
-
/* harmony import */ var
|
|
45465
|
-
/* harmony import */ var
|
|
45466
|
-
/* harmony import */ var
|
|
45467
|
-
/* harmony import */ var
|
|
45468
|
-
/* harmony import */ var
|
|
45469
|
-
/* harmony import */ var
|
|
45470
|
-
/* harmony import */ var
|
|
45471
|
-
/* harmony import */ var
|
|
45472
|
-
/* harmony import */ var
|
|
45473
|
-
/* harmony import */ var
|
|
45474
|
-
/* harmony import */ var
|
|
45475
|
-
/* harmony import */ var
|
|
45476
|
-
/* harmony import */ var
|
|
45477
|
-
/* harmony import */ var
|
|
45478
|
-
/* harmony import */ var
|
|
45479
|
-
/* harmony import */ var
|
|
45480
|
-
/* harmony import */ var
|
|
45481
|
-
/* harmony import */ var
|
|
45482
|
-
/* harmony import */ var _parentingPropertyGridComponent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../parentingPropertyGridComponent */ "./components/parentingPropertyGridComponent.tsx");
|
|
45483
|
-
/* harmony import */ var _propertyGrids_gui_displayGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./propertyGrids/gui/displayGridPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/displayGridPropertyGridComponent.tsx");
|
|
45484
|
-
/* harmony import */ var _propertyGrids_gui_buttonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./propertyGrids/gui/buttonPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/buttonPropertyGridComponent.tsx");
|
|
45485
|
-
/* harmony import */ var _guiNodeTools__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../guiNodeTools */ "./guiNodeTools.ts");
|
|
45486
|
-
/* harmony import */ var _sharedUiComponents_lines_targetsProxy__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../sharedUiComponents/lines/targetsProxy */ "./sharedUiComponents/lines/targetsProxy.tsx");
|
|
45487
|
-
|
|
45488
|
-
|
|
45489
|
-
|
|
45490
|
-
|
|
45491
|
-
|
|
45492
|
-
|
|
45509
|
+
/* harmony import */ var _sharedUiComponents_stringTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../sharedUiComponents/stringTools */ "./sharedUiComponents/stringTools.ts");
|
|
45510
|
+
/* harmony import */ var _sharedUiComponents_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../sharedUiComponents/tabs/propertyGrids/lockObject */ "./sharedUiComponents/tabs/propertyGrids/lockObject.ts");
|
|
45511
|
+
/* harmony import */ var _propertyGrids_gui_sliderGenericPropertyGridComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./propertyGrids/gui/sliderGenericPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent.tsx");
|
|
45512
|
+
/* harmony import */ var _propertyGrids_gui_linePropertyGridComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./propertyGrids/gui/linePropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/linePropertyGridComponent.tsx");
|
|
45513
|
+
/* harmony import */ var _propertyGrids_gui_radioButtonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./propertyGrids/gui/radioButtonPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/radioButtonPropertyGridComponent.tsx");
|
|
45514
|
+
/* harmony import */ var _propertyGrids_gui_textBlockPropertyGridComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./propertyGrids/gui/textBlockPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/textBlockPropertyGridComponent.tsx");
|
|
45515
|
+
/* harmony import */ var _propertyGrids_gui_inputTextPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./propertyGrids/gui/inputTextPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/inputTextPropertyGridComponent.tsx");
|
|
45516
|
+
/* harmony import */ var _propertyGrids_gui_colorPickerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./propertyGrids/gui/colorPickerPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/colorPickerPropertyGridComponent.tsx");
|
|
45517
|
+
/* harmony import */ var _propertyGrids_gui_imagePropertyGridComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./propertyGrids/gui/imagePropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/imagePropertyGridComponent.tsx");
|
|
45518
|
+
/* harmony import */ var _propertyGrids_gui_imageBasedSliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./propertyGrids/gui/imageBasedSliderPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/imageBasedSliderPropertyGridComponent.tsx");
|
|
45519
|
+
/* harmony import */ var _propertyGrids_gui_rectanglePropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./propertyGrids/gui/rectanglePropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/rectanglePropertyGridComponent.tsx");
|
|
45520
|
+
/* harmony import */ var _propertyGrids_gui_stackPanelPropertyGridComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./propertyGrids/gui/stackPanelPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/stackPanelPropertyGridComponent.tsx");
|
|
45521
|
+
/* harmony import */ var _propertyGrids_gui_gridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./propertyGrids/gui/gridPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/gridPropertyGridComponent.tsx");
|
|
45522
|
+
/* harmony import */ var _propertyGrids_gui_scrollViewerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./propertyGrids/gui/scrollViewerPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/scrollViewerPropertyGridComponent.tsx");
|
|
45523
|
+
/* harmony import */ var _propertyGrids_gui_ellipsePropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./propertyGrids/gui/ellipsePropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/ellipsePropertyGridComponent.tsx");
|
|
45524
|
+
/* harmony import */ var _propertyGrids_gui_checkboxPropertyGridComponent__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./propertyGrids/gui/checkboxPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/checkboxPropertyGridComponent.tsx");
|
|
45525
|
+
/* harmony import */ var _propertyGrids_gui_controlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./propertyGrids/gui/controlPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/controlPropertyGridComponent.tsx");
|
|
45526
|
+
/* harmony import */ var _babylonjs_gui_2D_advancedDynamicTexture__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @babylonjs/gui/2D/advancedDynamicTexture */ "@babylonjs/gui/2D/controls/button");
|
|
45527
|
+
/* harmony import */ var _babylonjs_gui_2D_advancedDynamicTexture__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_advancedDynamicTexture__WEBPACK_IMPORTED_MODULE_20__);
|
|
45528
|
+
/* harmony import */ var _sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../sharedUiComponents/lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
|
|
45529
|
+
/* harmony import */ var _parentingPropertyGridComponent__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../parentingPropertyGridComponent */ "./components/parentingPropertyGridComponent.tsx");
|
|
45530
|
+
/* harmony import */ var _propertyGrids_gui_displayGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./propertyGrids/gui/displayGridPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/displayGridPropertyGridComponent.tsx");
|
|
45531
|
+
/* harmony import */ var _propertyGrids_gui_buttonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./propertyGrids/gui/buttonPropertyGridComponent */ "./components/propertyTab/propertyGrids/gui/buttonPropertyGridComponent.tsx");
|
|
45532
|
+
/* harmony import */ var _guiNodeTools__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../guiNodeTools */ "./guiNodeTools.ts");
|
|
45533
|
+
/* harmony import */ var _sharedUiComponents_lines_targetsProxy__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../sharedUiComponents/lines/targetsProxy */ "./sharedUiComponents/lines/targetsProxy.tsx");
|
|
45493
45534
|
|
|
45494
45535
|
|
|
45495
45536
|
|
|
@@ -45519,9 +45560,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
45519
45560
|
|
|
45520
45561
|
__webpack_require__(/*! ./propertyTab.scss */ "./components/propertyTab/propertyTab.scss");
|
|
45521
45562
|
var adtIcon = __webpack_require__(/*! ../../../public/imgs/adtIcon.svg */ "../public/imgs/adtIcon.svg");
|
|
45522
|
-
var responsiveIcon = __webpack_require__(/*! ../../../public/imgs/responsiveIcon.svg */ "../public/imgs/responsiveIcon.svg");
|
|
45523
|
-
var canvasSizeIcon = __webpack_require__(/*! ../../../public/imgs/canvasSizeIcon.svg */ "../public/imgs/canvasSizeIcon.svg");
|
|
45524
|
-
var artboardColorIcon = __webpack_require__(/*! ../../../../sharedUiComponents/imgs/fillColorIcon.svg */ "../../sharedUiComponents/imgs/fillColorIcon.svg");
|
|
45525
45563
|
var rectangleIcon = __webpack_require__(/*! ../../../public/imgs/rectangleIconDark.svg */ "../public/imgs/rectangleIconDark.svg");
|
|
45526
45564
|
var ellipseIcon = __webpack_require__(/*! ../../../public/imgs/ellipseIconDark.svg */ "../public/imgs/ellipseIconDark.svg");
|
|
45527
45565
|
var gridIcon = __webpack_require__(/*! ../../../public/imgs/gridIconDark.svg */ "../public/imgs/gridIconDark.svg");
|
|
@@ -45539,7 +45577,6 @@ var colorPickerIcon = __webpack_require__(/*! ../../../public/imgs/colorPickerIc
|
|
|
45539
45577
|
var scrollbarIcon = __webpack_require__(/*! ../../../public/imgs/scrollbarIconDark.svg */ "../public/imgs/scrollbarIconDark.svg");
|
|
45540
45578
|
var imageSliderIcon = __webpack_require__(/*! ../../../public/imgs/imageSliderIconDark.svg */ "../public/imgs/imageSliderIconDark.svg");
|
|
45541
45579
|
var radioButtonIcon = __webpack_require__(/*! ../../../public/imgs/radioButtonIconDark.svg */ "../public/imgs/radioButtonIconDark.svg");
|
|
45542
|
-
var MAX_TEXTURE_SIZE = 16384; //2^14
|
|
45543
45580
|
var PropertyTabComponent = /** @class */ (function (_super) {
|
|
45544
45581
|
Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyTabComponent, _super);
|
|
45545
45582
|
function PropertyTabComponent(props) {
|
|
@@ -45547,7 +45584,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45547
45584
|
_this.saveLocally = function () {
|
|
45548
45585
|
try {
|
|
45549
45586
|
var json = JSON.stringify(_this.props.globalState.guiTexture.serializeContent());
|
|
45550
|
-
|
|
45587
|
+
_sharedUiComponents_stringTools__WEBPACK_IMPORTED_MODULE_3__["StringTools"].DownloadAsFile(_this.props.globalState.hostDocument, json, "guiTexture.json");
|
|
45551
45588
|
}
|
|
45552
45589
|
catch (error) {
|
|
45553
45590
|
_this.props.globalState.hostWindow.alert("Unable to save your GUI");
|
|
@@ -45580,7 +45617,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45580
45617
|
}
|
|
45581
45618
|
}
|
|
45582
45619
|
};
|
|
45583
|
-
xmlHttp.open("POST",
|
|
45620
|
+
xmlHttp.open("POST", _babylonjs_gui_2D_advancedDynamicTexture__WEBPACK_IMPORTED_MODULE_20__["AdvancedDynamicTexture"].SnippetUrl + (adt.snippetId ? "/" + adt.snippetId : ""), true);
|
|
45584
45621
|
xmlHttp.setRequestHeader("Content-Type", "application/json");
|
|
45585
45622
|
var dataToSend = {
|
|
45586
45623
|
payload: JSON.stringify({
|
|
@@ -45627,7 +45664,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45627
45664
|
return [2 /*return*/];
|
|
45628
45665
|
});
|
|
45629
45666
|
}); };
|
|
45630
|
-
_this._lockObject = new
|
|
45667
|
+
_this._lockObject = new _sharedUiComponents_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_4__["LockObject"]();
|
|
45631
45668
|
_this.props.globalState.lockObject = _this._lockObject;
|
|
45632
45669
|
_this.props.globalState.onSaveObservable.add(function () {
|
|
45633
45670
|
_this.save(_this.saveLocally);
|
|
@@ -45689,9 +45726,9 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45689
45726
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "header" },
|
|
45690
45727
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { id: "logo", src: this.renderControlIcon(nodes) }),
|
|
45691
45728
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "title" },
|
|
45692
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45729
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_21__["TextInputLineComponent"], { noUnderline: true, lockObject: this._lockObject, target: Object(_sharedUiComponents_lines_targetsProxy__WEBPACK_IMPORTED_MODULE_26__["makeTargetsProxy"])(nodes, this.props.globalState.onPropertyChangedObservable), propertyName: "name", onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }))),
|
|
45693
45730
|
this.renderProperties(nodes),
|
|
45694
|
-
((_a = node === null || node === void 0 ? void 0 : node.parent) === null || _a === void 0 ? void 0 : _a.typeName) === "Grid" && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45731
|
+
((_a = node === null || node === void 0 ? void 0 : node.parent) === null || _a === void 0 ? void 0 : _a.typeName) === "Grid" && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_parentingPropertyGridComponent__WEBPACK_IMPORTED_MODULE_22__["ParentingPropertyGridComponent"], { control: node, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable, lockObject: this._lockObject })));
|
|
45695
45732
|
};
|
|
45696
45733
|
/**
|
|
45697
45734
|
* returns the class name of a list of controls if they share a class, or an empty string if not
|
|
@@ -45717,69 +45754,69 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45717
45754
|
switch (className) {
|
|
45718
45755
|
case "TextBlock": {
|
|
45719
45756
|
var textBlocks = nodes;
|
|
45720
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45757
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_textBlockPropertyGridComponent__WEBPACK_IMPORTED_MODULE_8__["TextBlockPropertyGridComponent"], { textBlocks: textBlocks, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45721
45758
|
}
|
|
45722
45759
|
case "InputText": {
|
|
45723
45760
|
var inputTexts = nodes;
|
|
45724
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45761
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_inputTextPropertyGridComponent__WEBPACK_IMPORTED_MODULE_9__["InputTextPropertyGridComponent"], { inputTexts: inputTexts, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45725
45762
|
}
|
|
45726
45763
|
case "ColorPicker": {
|
|
45727
45764
|
var colorPickers = nodes;
|
|
45728
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45765
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_colorPickerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_10__["ColorPickerPropertyGridComponent"], { colorPickers: colorPickers, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45729
45766
|
}
|
|
45730
45767
|
case "Image": {
|
|
45731
45768
|
var images = nodes;
|
|
45732
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45769
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_imagePropertyGridComponent__WEBPACK_IMPORTED_MODULE_11__["ImagePropertyGridComponent"], { images: images, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45733
45770
|
}
|
|
45734
45771
|
case "Slider": {
|
|
45735
45772
|
var sliders = nodes;
|
|
45736
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45773
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_sliderGenericPropertyGridComponent__WEBPACK_IMPORTED_MODULE_5__["SliderGenericPropertyGridComponent"], { sliders: sliders, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45737
45774
|
}
|
|
45738
45775
|
case "ImageBasedSlider": {
|
|
45739
45776
|
var imageBasedSliders = nodes;
|
|
45740
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45777
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_imageBasedSliderPropertyGridComponent__WEBPACK_IMPORTED_MODULE_12__["ImageBasedSliderPropertyGridComponent"], { imageBasedSliders: imageBasedSliders, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45741
45778
|
}
|
|
45742
45779
|
case "Rectangle": {
|
|
45743
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45780
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_rectanglePropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__["RectanglePropertyGridComponent"], { rectangles: nodes, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45744
45781
|
}
|
|
45745
45782
|
case "StackPanel": {
|
|
45746
45783
|
var stackPanels = nodes;
|
|
45747
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45784
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_stackPanelPropertyGridComponent__WEBPACK_IMPORTED_MODULE_14__["StackPanelPropertyGridComponent"], { stackPanels: stackPanels, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45748
45785
|
}
|
|
45749
45786
|
case "Grid": {
|
|
45750
45787
|
var grids = nodes;
|
|
45751
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45788
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_gridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_15__["GridPropertyGridComponent"], { grids: grids, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45752
45789
|
}
|
|
45753
45790
|
case "ScrollViewer": {
|
|
45754
45791
|
var scrollViewers = nodes;
|
|
45755
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45792
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_scrollViewerPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__["ScrollViewerPropertyGridComponent"], { scrollViewers: scrollViewers, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45756
45793
|
}
|
|
45757
45794
|
case "Ellipse": {
|
|
45758
45795
|
var ellipses = nodes;
|
|
45759
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45796
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_ellipsePropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__["EllipsePropertyGridComponent"], { ellipses: ellipses, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45760
45797
|
}
|
|
45761
45798
|
case "Checkbox": {
|
|
45762
45799
|
var checkboxes = nodes;
|
|
45763
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45800
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_checkboxPropertyGridComponent__WEBPACK_IMPORTED_MODULE_18__["CheckboxPropertyGridComponent"], { checkboxes: checkboxes, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45764
45801
|
}
|
|
45765
45802
|
case "RadioButton": {
|
|
45766
45803
|
var radioButtons = nodes;
|
|
45767
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45804
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_radioButtonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_7__["RadioButtonPropertyGridComponent"], { radioButtons: radioButtons, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45768
45805
|
}
|
|
45769
45806
|
case "Line": {
|
|
45770
45807
|
var lines = nodes;
|
|
45771
|
-
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45808
|
+
return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_linePropertyGridComponent__WEBPACK_IMPORTED_MODULE_6__["LinePropertyGridComponent"], { lines: lines, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable });
|
|
45772
45809
|
}
|
|
45773
45810
|
case "DisplayGrid": {
|
|
45774
45811
|
var displayGrids = nodes;
|
|
45775
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45812
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_displayGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_23__["DisplayGridPropertyGridComponent"], { displayGrids: displayGrids, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45776
45813
|
}
|
|
45777
45814
|
case "Button": {
|
|
45778
45815
|
var buttons_1 = nodes;
|
|
45779
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45816
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_buttonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_24__["ButtonPropertyGridComponent"], { key: "buttonMenu", rectangles: buttons_1, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable, onAddComponent: function (value) {
|
|
45780
45817
|
for (var _i = 0, buttons_2 = buttons_1; _i < buttons_2.length; _i++) {
|
|
45781
45818
|
var button = buttons_2[_i];
|
|
45782
|
-
var guiElement =
|
|
45819
|
+
var guiElement = _guiNodeTools__WEBPACK_IMPORTED_MODULE_25__["GUINodeTools"].CreateControlFromString(value);
|
|
45783
45820
|
var newGuiNode = _this.props.globalState.workbench.createNewGuiNode(guiElement);
|
|
45784
45821
|
button.addControl(newGuiNode);
|
|
45785
45822
|
_this.props.globalState.select(newGuiNode);
|
|
@@ -45788,7 +45825,7 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45788
45825
|
}
|
|
45789
45826
|
}
|
|
45790
45827
|
var controls = nodes;
|
|
45791
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](
|
|
45828
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_propertyGrids_gui_controlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_19__["ControlPropertyGridComponent"], { controls: controls, lockObject: this._lockObject, onPropertyChangedObservable: this.props.globalState.onPropertyChangedObservable }));
|
|
45792
45829
|
};
|
|
45793
45830
|
PropertyTabComponent.prototype.renderControlIcon = function (nodes) {
|
|
45794
45831
|
var node = nodes[0];
|
|
@@ -45852,83 +45889,12 @@ var PropertyTabComponent = /** @class */ (function (_super) {
|
|
|
45852
45889
|
return adtIcon;
|
|
45853
45890
|
};
|
|
45854
45891
|
PropertyTabComponent.prototype.render = function () {
|
|
45855
|
-
var _this = this;
|
|
45856
45892
|
if (this.props.globalState.guiTexture == undefined)
|
|
45857
45893
|
return null;
|
|
45858
|
-
var
|
|
45859
|
-
|
|
45860
|
-
|
|
45861
|
-
|
|
45862
|
-
{ width: 3840, height: 2160 },
|
|
45863
|
-
{ width: 750, height: 1334 },
|
|
45864
|
-
{ width: 1125, height: 2436 },
|
|
45865
|
-
{ width: 1170, height: 2532 },
|
|
45866
|
-
{ width: 1284, height: 2778 },
|
|
45867
|
-
{ width: 1080, height: 2220 },
|
|
45868
|
-
{ width: 1080, height: 2340 },
|
|
45869
|
-
{ width: 1024, height: 1024 },
|
|
45870
|
-
{ width: 2048, height: 2048 },
|
|
45871
|
-
];
|
|
45872
|
-
var _sizeOptions = [
|
|
45873
|
-
{ label: "Web (1920)", value: 0 },
|
|
45874
|
-
{ label: "Web (1366)", value: 1 },
|
|
45875
|
-
{ label: "Web (1280)", value: 2 },
|
|
45876
|
-
{ label: "Web (3840)", value: 3 },
|
|
45877
|
-
{ label: "iPhone 8 (750)", value: 4 },
|
|
45878
|
-
{ label: "iPhone X, 11 (1125)", value: 5 },
|
|
45879
|
-
{ label: "iPhone 12 (1170)", value: 6 },
|
|
45880
|
-
{ label: "iPhone Pro Max (1284)", value: 7 },
|
|
45881
|
-
{ label: "Google Pixel 4 (1080)", value: 8 },
|
|
45882
|
-
{ label: "Google Pixel 5 (1080)", value: 9 },
|
|
45883
|
-
{ label: "Square (1024)", value: 10 },
|
|
45884
|
-
{ label: "Square (2048)", value: 11 },
|
|
45885
|
-
];
|
|
45886
|
-
var size = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, this.props.globalState.workbench.guiSize);
|
|
45887
|
-
this._sizeOption = _sizeValues.findIndex(function (value) { return value.width == size.width && value.height == size.height; });
|
|
45888
|
-
if (this._sizeOption < 0) {
|
|
45889
|
-
this.props.globalState.onResponsiveChangeObservable.notifyObservers(false);
|
|
45890
|
-
_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["DataStorage"].WriteBoolean("Responsive", false);
|
|
45891
|
-
}
|
|
45892
|
-
if (this.props.globalState.selectedControls.length > 0) {
|
|
45893
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "ge-propertyTab" }, this.renderNode(this.props.globalState.selectedControls)));
|
|
45894
|
-
}
|
|
45895
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "ge-propertyTab" },
|
|
45896
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", null,
|
|
45897
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { tooltip: "", label: "ART BOARD", value: " ", color: "grey" }),
|
|
45898
|
-
this.props.globalState.workbench._scene !== undefined && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_colorLineComponent__WEBPACK_IMPORTED_MODULE_25__["ColorLineComponent"], { iconLabel: "Background Color", lockObject: this._lockObject, icon: artboardColorIcon, label: "", target: this.props.globalState, propertyName: "backgroundColor", disableAlpha: true })),
|
|
45899
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
45900
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__["TextLineComponent"], { tooltip: "", label: "CANVAS", value: " ", color: "grey" }),
|
|
45901
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_3__["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_2__["DataStorage"].ReadBoolean("Responsive", true); }, onSelect: function (value) {
|
|
45902
|
-
_this.props.globalState.onResponsiveChangeObservable.notifyObservers(value);
|
|
45903
|
-
_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["DataStorage"].WriteBoolean("Responsive", value);
|
|
45904
|
-
_this._sizeOption = _sizeOptions.length;
|
|
45905
|
-
if (value) {
|
|
45906
|
-
_this._sizeOption = 0;
|
|
45907
|
-
_this.props.globalState.workbench.guiSize = _sizeValues[_this._sizeOption];
|
|
45908
|
-
}
|
|
45909
|
-
_this.forceUpdate();
|
|
45910
|
-
} }),
|
|
45911
|
-
_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["DataStorage"].ReadBoolean("Responsive", true) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_23__["OptionsLineComponent"], { label: "", iconLabel: "Size", options: _sizeOptions, icon: canvasSizeIcon, target: this, propertyName: "_sizeOption", noDirectUpdate: true, onSelect: function (value) {
|
|
45912
|
-
_this._sizeOption = value;
|
|
45913
|
-
if (_this._sizeOption !== _sizeOptions.length) {
|
|
45914
|
-
var newSize = _sizeValues[_this._sizeOption];
|
|
45915
|
-
_this.props.globalState.workbench.guiSize = newSize;
|
|
45916
|
-
}
|
|
45917
|
-
_this.forceUpdate();
|
|
45918
|
-
} })),
|
|
45919
|
-
!_babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["DataStorage"].ReadBoolean("Responsive", true) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "ge-divider" },
|
|
45920
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_24__["FloatLineComponent"], { icon: canvasSizeIcon, iconLabel: "Canvas Size", label: "W", target: size, propertyName: "width", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
45921
|
-
if (!isNaN(newvalue)) {
|
|
45922
|
-
_this.props.globalState.workbench.guiSize = { width: newvalue, height: size.height };
|
|
45923
|
-
}
|
|
45924
|
-
} }),
|
|
45925
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_24__["FloatLineComponent"], { icon: canvasSizeIcon, label: "H", target: size, propertyName: "height", isInteger: true, min: 1, max: MAX_TEXTURE_SIZE, onChange: function (newvalue) {
|
|
45926
|
-
if (!isNaN(newvalue)) {
|
|
45927
|
-
_this.props.globalState.workbench.guiSize = { width: size.width, height: newvalue };
|
|
45928
|
-
}
|
|
45929
|
-
} }))),
|
|
45930
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("hr", { className: "ge" }),
|
|
45931
|
-
this.renderNode([this.props.globalState.workbench.trueRootContainer]))));
|
|
45894
|
+
var nodesToRender = this.props.globalState.selectedControls.length > 0 ?
|
|
45895
|
+
this.props.globalState.selectedControls :
|
|
45896
|
+
[this.props.globalState.workbench.trueRootContainer];
|
|
45897
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "ge-propertyTab" }, this.renderNode(nodesToRender)));
|
|
45932
45898
|
};
|
|
45933
45899
|
return PropertyTabComponent;
|
|
45934
45900
|
}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
|
|
@@ -47796,10 +47762,11 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
47796
47762
|
_this.props.globalState.onPointerUpObservable.notifyObservers(null);
|
|
47797
47763
|
};
|
|
47798
47764
|
_this.isUp = true;
|
|
47765
|
+
var globalState = props.globalState;
|
|
47799
47766
|
_this._rootContainer = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
|
|
47800
47767
|
_this._responsive = _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["DataStorage"].ReadBoolean("Responsive", true);
|
|
47801
|
-
|
|
47802
|
-
|
|
47768
|
+
globalState.onSelectionChangedObservable.add(function () { return _this.updateNodeOutlines(); });
|
|
47769
|
+
globalState.onPanObservable.add(function () {
|
|
47803
47770
|
_this._forcePanning = !_this._forcePanning;
|
|
47804
47771
|
_this._forceSelecting = false;
|
|
47805
47772
|
_this._forceZooming = false;
|
|
@@ -47810,13 +47777,13 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
47810
47777
|
_this._canvas.style.cursor = "grab";
|
|
47811
47778
|
}
|
|
47812
47779
|
});
|
|
47813
|
-
|
|
47780
|
+
globalState.onSelectionButtonObservable.add(function () {
|
|
47814
47781
|
_this._forceSelecting = !_this._forceSelecting;
|
|
47815
47782
|
_this._forcePanning = false;
|
|
47816
47783
|
_this._forceZooming = false;
|
|
47817
47784
|
_this._canvas.style.cursor = "default";
|
|
47818
47785
|
});
|
|
47819
|
-
|
|
47786
|
+
globalState.onZoomObservable.add(function () {
|
|
47820
47787
|
_this._forceZooming = !_this._forceZooming;
|
|
47821
47788
|
_this._forcePanning = false;
|
|
47822
47789
|
_this._forceSelecting = false;
|
|
@@ -47827,37 +47794,38 @@ var WorkbenchComponent = /** @class */ (function (_super) {
|
|
|
47827
47794
|
_this._canvas.style.cursor = "zoom-in";
|
|
47828
47795
|
}
|
|
47829
47796
|
});
|
|
47830
|
-
|
|
47797
|
+
globalState.onFitToWindowObservable.add(function () {
|
|
47831
47798
|
_this._panningOffset = new _babylonjs_core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_4__["Vector2"](0, 0);
|
|
47832
47799
|
var xFactor = _this._engine.getRenderWidth() / _this.guiSize.width;
|
|
47833
47800
|
var yFactor = _this._engine.getRenderHeight() / _this.guiSize.height;
|
|
47834
47801
|
_this._zoomFactor = Math.min(xFactor, yFactor) * 0.9;
|
|
47835
47802
|
});
|
|
47836
|
-
|
|
47803
|
+
globalState.onOutlineChangedObservable.add(function () {
|
|
47837
47804
|
_this.updateNodeOutlines();
|
|
47838
47805
|
});
|
|
47839
|
-
|
|
47806
|
+
globalState.onSelectionChangedObservable.add(function () {
|
|
47840
47807
|
_this.updateNodeOutlines();
|
|
47841
47808
|
});
|
|
47842
|
-
|
|
47809
|
+
globalState.onParentingChangeObservable.add(function (control) {
|
|
47843
47810
|
_this.parent(control);
|
|
47844
47811
|
});
|
|
47845
|
-
|
|
47812
|
+
globalState.onResponsiveChangeObservable.add(function (value) {
|
|
47846
47813
|
_this._responsive = value;
|
|
47847
47814
|
});
|
|
47848
|
-
|
|
47815
|
+
globalState.hostDocument.addEventListener("keyup", _this.keyEvent, false);
|
|
47849
47816
|
// Hotkey shortcuts
|
|
47850
|
-
|
|
47851
|
-
|
|
47852
|
-
|
|
47853
|
-
|
|
47854
|
-
|
|
47817
|
+
globalState.hostDocument.addEventListener("keydown", _this.keyEvent, false);
|
|
47818
|
+
globalState.hostDocument.defaultView.addEventListener("blur", _this.blurEvent, false);
|
|
47819
|
+
globalState.onWindowResizeObservable.add(function () {
|
|
47820
|
+
globalState.onGizmoUpdateRequireObservable.notifyObservers();
|
|
47821
|
+
globalState.onArtBoardUpdateRequiredObservable.notifyObservers();
|
|
47855
47822
|
_this._engine.resize();
|
|
47856
47823
|
});
|
|
47857
|
-
|
|
47858
|
-
|
|
47859
|
-
|
|
47860
|
-
|
|
47824
|
+
globalState.onCopyObservable.add(function (copyFn) { return _this.copyToClipboard(copyFn); });
|
|
47825
|
+
globalState.onCutObservable.add(function (copyFn) { return _this.cutToClipboard(copyFn); });
|
|
47826
|
+
globalState.onPasteObservable.add(function (content) { return _this.pasteFromClipboard(content); });
|
|
47827
|
+
globalState.workbench = _this;
|
|
47828
|
+
globalState.onResizeObservable.notifyObservers(_this._guiSize);
|
|
47861
47829
|
return _this;
|
|
47862
47830
|
}
|
|
47863
47831
|
Object.defineProperty(WorkbenchComponent.prototype, "visibleRegionContainer", {
|
|
@@ -50495,7 +50463,7 @@ var CheckBoxLineComponent = /** @class */ (function (_super) {
|
|
|
50495
50463
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "label", title: this.props.iconLabel }, this.props.label),
|
|
50496
50464
|
this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__["FontAwesomeIcon"], { className: "cbx ".concat(this.props.disabled ? "disabled" : ""), icon: this.state.isSelected ? this.props.faIcons.enabled : this.props.faIcons.disabled, onClick: function () { return !_this.props.disabled && _this.onChange(); } }),
|
|
50497
50465
|
!this.props.faIcons && react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: "checkBox" },
|
|
50498
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: "container" },
|
|
50466
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: "container lbl".concat(!!this.props.disabled ? " disabled" : "") },
|
|
50499
50467
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "checkbox", className: "cbx hidden ".concat(this.state.isConflict ? "conflict" : ""), checked: this.state.isSelected, onChange: function () { return _this.onChange(); }, disabled: !!this.props.disabled }),
|
|
50500
50468
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("img", { className: "icon", src: icon, alt: this.props.label })))));
|
|
50501
50469
|
};
|