@babylonjs/node-editor 6.21.2 → 6.21.4

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.
Files changed (5) hide show
  1. package/dist/babylon.nodeEditor.js +1 -1
  2. package/dist/babylon.nodeEditor.js.map +1 -1
  3. package/dist/babylon.nodeEditor.max.js +170 -163
  4. package/dist/babylon.nodeEditor.max.js.map +1 -1
  5. package/package.json +2 -2
package/dist/babylon.nodeEditor.max.js CHANGED
@@ -360,7 +360,7 @@ __webpack_require__.r(__webpack_exports__);
360
360
 
361
361
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
362
362
  // Module
363
- ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
363
+ ___CSS_LOADER_EXPORT___.push([module.id, `#nmeNodeList {
364
364
  background: #333333;
365
365
  height: 100%;
366
366
  margin: 0;
@@ -369,10 +369,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
369
369
  width: 100%;
370
370
  overflow: hidden;
371
371
  }
372
- #nodeList .panes {
372
+ #nmeNodeList .panes {
373
373
  overflow: hidden;
374
374
  }
375
- #nodeList .panes .pane {
375
+ #nmeNodeList .panes .pane {
376
376
  color: white;
377
377
  overflow: hidden;
378
378
  height: 100%;
@@ -381,11 +381,11 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
381
381
  -ms-user-select: none;
382
382
  user-select: none;
383
383
  }
384
- #nodeList .panes .pane .filter {
384
+ #nmeNodeList .panes .pane .filter {
385
385
  display: flex;
386
386
  align-items: stretch;
387
387
  }
388
- #nodeList .panes .pane .filter input {
388
+ #nmeNodeList .panes .pane .filter input {
389
389
  width: 100%;
390
390
  margin: 10px 10px 5px 10px;
391
391
  display: block;
@@ -398,23 +398,23 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
398
398
  background-repeat: no-repeat;
399
399
  color: white;
400
400
  }
401
- #nodeList .panes .pane .filter input:focus {
401
+ #nmeNodeList .panes .pane .filter input:focus {
402
402
  box-shadow: none;
403
403
  outline: none;
404
404
  background-position: 0 0;
405
405
  }
406
- #nodeList .panes .pane .filter input::placeholder {
406
+ #nmeNodeList .panes .pane .filter input::placeholder {
407
407
  color: gray;
408
408
  }
409
- #nodeList .panes .pane .list-container {
409
+ #nmeNodeList .panes .pane .list-container {
410
410
  overflow-x: hidden;
411
411
  overflow-y: auto;
412
412
  height: calc(100% - 32px);
413
413
  }
414
- #nodeList .panes .pane .list-container .underline {
414
+ #nmeNodeList .panes .pane .list-container .underline {
415
415
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
416
416
  }
417
- #nodeList .panes .pane .list-container .draggableLine {
417
+ #nmeNodeList .panes .pane .list-container .draggableLine {
418
418
  height: 30px;
419
419
  display: grid;
420
420
  align-items: center;
@@ -425,11 +425,11 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
425
425
  margin: 0;
426
426
  box-sizing: border-box;
427
427
  }
428
- #nodeList .panes .pane .list-container .draggableLine:hover {
428
+ #nmeNodeList .panes .pane .list-container .draggableLine:hover {
429
429
  background: rgb(51, 122, 183);
430
430
  color: white;
431
431
  }
432
- #nodeList .panes .pane .list-container .nonDraggableLine {
432
+ #nmeNodeList .panes .pane .list-container .nonDraggableLine {
433
433
  height: 30px;
434
434
  display: grid;
435
435
  align-items: center;
@@ -439,23 +439,23 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
439
439
  margin: 0;
440
440
  box-sizing: border-box;
441
441
  }
442
- #nodeList .panes .pane .list-container .withButton {
442
+ #nmeNodeList .panes .pane .list-container .withButton {
443
443
  height: 30px;
444
444
  position: relative;
445
445
  }
446
- #nodeList .panes .pane .list-container .withButton .icon {
446
+ #nmeNodeList .panes .pane .list-container .withButton .icon {
447
447
  position: absolute;
448
448
  right: 4px;
449
449
  top: 5px;
450
450
  }
451
- #nodeList .panes .pane .list-container .withButton .icon:hover {
451
+ #nmeNodeList .panes .pane .list-container .withButton .icon:hover {
452
452
  cursor: pointer;
453
453
  }
454
- #nodeList .panes .pane .list-container .withButton .icon .img {
454
+ #nmeNodeList .panes .pane .list-container .withButton .icon .img {
455
455
  height: 17px;
456
456
  width: 17px;
457
457
  }
458
- #nodeList .panes .pane .list-container .withButton .buttonLine {
458
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine {
459
459
  height: 30px;
460
460
  display: grid;
461
461
  align-items: center;
@@ -465,10 +465,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
465
465
  right: 0px;
466
466
  top: 2px;
467
467
  }
468
- #nodeList .panes .pane .list-container .withButton .buttonLine input[type=file] {
468
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine input[type=file] {
469
469
  display: none;
470
470
  }
471
- #nodeList .panes .pane .list-container .withButton .buttonLine .file-upload {
471
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine .file-upload {
472
472
  background: transparent;
473
473
  border: transparent;
474
474
  padding: 15px 200px;
@@ -476,14 +476,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
476
476
  cursor: pointer;
477
477
  text-align: center;
478
478
  }
479
- #nodeList .panes .pane .list-container .withButton .buttonLine .file-upload:hover {
479
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine .file-upload:hover {
480
480
  opacity: 1;
481
481
  }
482
- #nodeList .panes .pane .list-container .withButton .buttonLine .file-upload:active {
482
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine .file-upload:active {
483
483
  transform: scale(0.98);
484
484
  transform-origin: 0.5 0.5;
485
485
  }
486
- #nodeList .panes .pane .list-container .withButton .buttonLine button {
486
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine button {
487
487
  background: transparent;
488
488
  border: transparent;
489
489
  margin: 5px 10px 5px 10px;
@@ -491,27 +491,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
491
491
  padding: 4px 5px;
492
492
  opacity: 0.9;
493
493
  }
494
- #nodeList .panes .pane .list-container .withButton .buttonLine button:hover {
494
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine button:hover {
495
495
  opacity: 0;
496
496
  }
497
- #nodeList .panes .pane .list-container .withButton .buttonLine button:active {
497
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine button:active {
498
498
  background: transparent;
499
499
  }
500
- #nodeList .panes .pane .list-container .withButton .buttonLine button:focus {
500
+ #nmeNodeList .panes .pane .list-container .withButton .buttonLine button:focus {
501
501
  border: transparent;
502
502
  outline: 0px;
503
503
  }
504
- #nodeList .panes .pane .list-container .paneContainer {
504
+ #nmeNodeList .panes .pane .list-container .paneContainer {
505
505
  margin-top: 3px;
506
506
  display: grid;
507
507
  grid-template-rows: 100%;
508
508
  grid-template-columns: 100%;
509
509
  }
510
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content {
510
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content {
511
511
  grid-row: 1;
512
512
  grid-column: 1;
513
513
  }
514
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content .header {
514
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content .header {
515
515
  display: grid;
516
516
  grid-template-columns: 1fr auto;
517
517
  background: #555555;
@@ -519,26 +519,26 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#nodeList {
519
519
  padding-right: 5px;
520
520
  cursor: pointer;
521
521
  }
522
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .title {
522
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .title {
523
523
  border-left: 3px solid transparent;
524
524
  padding-left: 5px;
525
525
  grid-column: 1;
526
526
  display: flex;
527
527
  align-items: center;
528
528
  }
529
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .collapse {
529
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .collapse {
530
530
  grid-column: 2;
531
531
  display: flex;
532
532
  align-items: center;
533
533
  justify-items: center;
534
534
  transform-origin: center;
535
535
  }
536
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .collapse.closed {
536
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content .header .collapse.closed {
537
537
  transform: rotate(180deg);
538
538
  }
539
- #nodeList .panes .pane .list-container .paneContainer .paneContainer-content .paneList > div:not(:last-child) {
539
+ #nmeNodeList .panes .pane .list-container .paneContainer .paneContainer-content .paneList > div:not(:last-child) {
540
540
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
541
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/components/nodeList/nodeList.scss"],"names":[],"mappings":"AAAA;EACI,mBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AACJ;AACI;EACI,gBAAA;AACR;AACQ;EACI,YAAA;EAEA,gBAAA;EACA,YAAA;EAEA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AADZ;AAGY;EACI,aAAA;EACA,oBAAA;AADhB;AAGgB;EACI,WAAA;EACA,0BAAA;EACA,cAAA;EACA,YAAA;EACA,UAAA;EACA,0CAAA;EACA,wFAAA;EACA,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,YAAA;AADpB;AAIgB;EACI,gBAAA;EACA,aAAA;EACA,wBAAA;AAFpB;AAKgB;EACI,WAAA;AAHpB;AAOY;EACI,kBAAA;EACA,gBAAA;EACA,yBAAA;AALhB;AAOgB;EACI,mDAAA;AALpB;AAQgB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,sBAAA;AANpB;AAQoB;EACI,6BAAA;EACA,YAAA;AANxB;AAUgB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,sBAAA;AARpB;AAWgB;EACI,YAAA;EACA,kBAAA;AATpB;AAUoB;EACI,kBAAA;EACA,UAAA;EACA,QAAA;AARxB;AASwB;EACI,eAAA;AAP5B;AAUwB;EACI,YAAA;EACA,WAAA;AAR5B;AAYoB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;AAVxB;AAWwB;EACI,aAAA;AAT5B;AAYwB;EACI,uBAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;AAV5B;AAawB;EACI,UAAA;AAX5B;AAcwB;EACI,sBAAA;EACA,yBAAA;AAZ5B;AAewB;EACI,uBAAA;EACA,mBAAA;EACA,yBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;AAb5B;AAgBwB;EACI,UAAA;AAd5B;AAiBwB;EACI,uBAAA;AAf5B;AAkBwB;EACI,mBAAA;EACA,YAAA;AAhB5B;AAqBgB;EACI,eAAA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;AAnBpB;AAqBoB;EACI,WAAA;EACA,cAAA;AAnBxB;AAqBwB;EACI,aAAA;EACA,+BAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAnB5B;AAqB4B;EACI,kCAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AAnBhC;AAsB4B;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,wBAAA;AApBhC;AAsBgC;EACI,yBAAA;AApBpC;AAyBwB;EACI,iDAAA;AAvB5B","sourcesContent":["#nodeList {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n .panes {\r\n overflow: hidden;\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow: hidden;\r\n height: 100%;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 10px 5px 10px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: white;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n\r\n input::placeholder {\r\n color: gray;\r\n }\r\n }\r\n\r\n .list-container {\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: calc(100% - 32px);\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .draggableLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n background: #222222;\r\n cursor: grab;\r\n text-align: center;\r\n margin: 0;\r\n box-sizing: border-box;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n }\r\n\r\n .nonDraggableLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n background: #222222;\r\n text-align: center;\r\n margin: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .withButton {\r\n height: 30px;\r\n position: relative;\r\n .icon {\r\n position: absolute;\r\n right: 4px;\r\n top: 5px;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n .img {\r\n height: 17px;\r\n width: 17px;\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n position: absolute;\r\n right: 0px;\r\n top: 2px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: transparent;\r\n border: transparent;\r\n padding: 15px 200px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\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: transparent;\r\n border: transparent;\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n }\r\n\r\n button:hover {\r\n opacity: 0;\r\n }\r\n\r\n button:active {\r\n background: transparent;\r\n }\r\n\r\n button:focus {\r\n border: transparent;\r\n outline: 0px;\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 .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
541
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/components/nodeList/nodeList.scss"],"names":[],"mappings":"AAAA;EACI,mBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AACJ;AACI;EACI,gBAAA;AACR;AACQ;EACI,YAAA;EAEA,gBAAA;EACA,YAAA;EAEA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AADZ;AAGY;EACI,aAAA;EACA,oBAAA;AADhB;AAGgB;EACI,WAAA;EACA,0BAAA;EACA,cAAA;EACA,YAAA;EACA,UAAA;EACA,0CAAA;EACA,wFAAA;EACA,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,YAAA;AADpB;AAIgB;EACI,gBAAA;EACA,aAAA;EACA,wBAAA;AAFpB;AAKgB;EACI,WAAA;AAHpB;AAOY;EACI,kBAAA;EACA,gBAAA;EACA,yBAAA;AALhB;AAOgB;EACI,mDAAA;AALpB;AAQgB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,sBAAA;AANpB;AAQoB;EACI,6BAAA;EACA,YAAA;AANxB;AAUgB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,sBAAA;AARpB;AAWgB;EACI,YAAA;EACA,kBAAA;AATpB;AAUoB;EACI,kBAAA;EACA,UAAA;EACA,QAAA;AARxB;AASwB;EACI,eAAA;AAP5B;AAUwB;EACI,YAAA;EACA,WAAA;AAR5B;AAYoB;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;AAVxB;AAWwB;EACI,aAAA;AAT5B;AAYwB;EACI,uBAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;AAV5B;AAawB;EACI,UAAA;AAX5B;AAcwB;EACI,sBAAA;EACA,yBAAA;AAZ5B;AAewB;EACI,uBAAA;EACA,mBAAA;EACA,yBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;AAb5B;AAgBwB;EACI,UAAA;AAd5B;AAiBwB;EACI,uBAAA;AAf5B;AAkBwB;EACI,mBAAA;EACA,YAAA;AAhB5B;AAqBgB;EACI,eAAA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;AAnBpB;AAqBoB;EACI,WAAA;EACA,cAAA;AAnBxB;AAqBwB;EACI,aAAA;EACA,+BAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAnB5B;AAqB4B;EACI,kCAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AAnBhC;AAsB4B;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,wBAAA;AApBhC;AAsBgC;EACI,yBAAA;AApBpC;AAyBwB;EACI,iDAAA;AAvB5B","sourcesContent":["#nmeNodeList {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n .panes {\r\n overflow: hidden;\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow: hidden;\r\n height: 100%;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n .filter {\r\n display: flex;\r\n align-items: stretch;\r\n\r\n input {\r\n width: 100%;\r\n margin: 10px 10px 5px 10px;\r\n display: block;\r\n border: none;\r\n padding: 0;\r\n border-bottom: solid 1px rgb(51, 122, 183);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 122, 183) 4%);\r\n background-position: -1000px 0;\r\n background-size: 1000px 100%;\r\n background-repeat: no-repeat;\r\n color: white;\r\n }\r\n\r\n input:focus {\r\n box-shadow: none;\r\n outline: none;\r\n background-position: 0 0;\r\n }\r\n\r\n input::placeholder {\r\n color: gray;\r\n }\r\n }\r\n\r\n .list-container {\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: calc(100% - 32px);\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .draggableLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n background: #222222;\r\n cursor: grab;\r\n text-align: center;\r\n margin: 0;\r\n box-sizing: border-box;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n }\r\n\r\n .nonDraggableLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n background: #222222;\r\n text-align: center;\r\n margin: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .withButton {\r\n height: 30px;\r\n position: relative;\r\n .icon {\r\n position: absolute;\r\n right: 4px;\r\n top: 5px;\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n .img {\r\n height: 17px;\r\n width: 17px;\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n position: absolute;\r\n right: 0px;\r\n top: 2px;\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: transparent;\r\n border: transparent;\r\n padding: 15px 200px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\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: transparent;\r\n border: transparent;\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n }\r\n\r\n button:hover {\r\n opacity: 0;\r\n }\r\n\r\n button:active {\r\n background: transparent;\r\n }\r\n\r\n button:focus {\r\n border: transparent;\r\n outline: 0px;\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 .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
542
542
  // Exports
543
543
  ___CSS_LOADER_EXPORT___.locals = {};
544
544
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -566,11 +566,11 @@ __webpack_require__.r(__webpack_exports__);
566
566
 
567
567
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
568
568
  // Module
569
- ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
569
+ ___CSS_LOADER_EXPORT___.push([module.id, `.nme-right-panel #propertyTab {
570
570
  color: white;
571
571
  background: #333333;
572
572
  }
573
- .right-panel #propertyTab #header {
573
+ .nme-right-panel #propertyTab #header {
574
574
  height: 30px;
575
575
  font-size: 16px;
576
576
  color: white;
@@ -584,7 +584,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
584
584
  -ms-user-select: none;
585
585
  user-select: none;
586
586
  }
587
- .right-panel #propertyTab #header #logo {
587
+ .nme-right-panel #propertyTab #header #logo {
588
588
  position: relative;
589
589
  grid-column: 1;
590
590
  width: 24px;
@@ -594,13 +594,13 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
594
594
  align-self: center;
595
595
  justify-self: center;
596
596
  }
597
- .right-panel #propertyTab #header #title {
597
+ .nme-right-panel #propertyTab #header #title {
598
598
  grid-column: 2;
599
599
  display: grid;
600
600
  align-items: center;
601
601
  text-align: center;
602
602
  }
603
- .right-panel #propertyTab .range {
603
+ .nme-right-panel #propertyTab .range {
604
604
  -webkit-appearance: none;
605
605
  width: 120px;
606
606
  height: 6px;
@@ -611,10 +611,10 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
611
611
  -webkit-transition: 0.2s;
612
612
  transition: opacity 0.2s;
613
613
  }
614
- .right-panel #propertyTab .range:hover {
614
+ .nme-right-panel #propertyTab .range:hover {
615
615
  opacity: 1;
616
616
  }
617
- .right-panel #propertyTab .range::-webkit-slider-thumb {
617
+ .nme-right-panel #propertyTab .range::-webkit-slider-thumb {
618
618
  -webkit-appearance: none;
619
619
  appearance: none;
620
620
  width: 14px;
@@ -623,39 +623,39 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
623
623
  background: rgb(51, 122, 183);
624
624
  cursor: pointer;
625
625
  }
626
- .right-panel #propertyTab .range::-moz-range-thumb {
626
+ .nme-right-panel #propertyTab .range::-moz-range-thumb {
627
627
  width: 14px;
628
628
  height: 14px;
629
629
  border-radius: 50%;
630
630
  background: rgb(51, 122, 183);
631
631
  cursor: pointer;
632
632
  }
633
- .right-panel #propertyTab input[type=color] {
633
+ .nme-right-panel #propertyTab input[type=color] {
634
634
  -webkit-appearance: none;
635
635
  border: 1px solid rgba(255, 255, 255, 0.5);
636
636
  padding: 0;
637
637
  width: 30px;
638
638
  height: 20px;
639
639
  }
640
- .right-panel #propertyTab input[type=color]::-webkit-color-swatch-wrapper {
640
+ .nme-right-panel #propertyTab input[type=color]::-webkit-color-swatch-wrapper {
641
641
  padding: 0;
642
642
  }
643
- .right-panel #propertyTab input[type=color]::-webkit-color-swatch {
643
+ .nme-right-panel #propertyTab input[type=color]::-webkit-color-swatch {
644
644
  border: none;
645
645
  }
646
- .right-panel #propertyTab .sliderLine {
646
+ .nme-right-panel #propertyTab .sliderLine {
647
647
  padding-left: 5px;
648
648
  height: 30px;
649
649
  display: grid;
650
650
  grid-template-rows: 100%;
651
651
  grid-template-columns: 1fr 50px auto;
652
652
  }
653
- .right-panel #propertyTab .sliderLine .label {
653
+ .nme-right-panel #propertyTab .sliderLine .label {
654
654
  grid-column: 1;
655
655
  display: flex;
656
656
  align-items: center;
657
657
  }
658
- .right-panel #propertyTab .sliderLine .slider {
658
+ .nme-right-panel #propertyTab .sliderLine .slider {
659
659
  grid-column: 3;
660
660
  grid-row: 1;
661
661
  margin-right: 5px;
@@ -663,89 +663,89 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
663
663
  display: flex;
664
664
  align-items: center;
665
665
  }
666
- .right-panel #propertyTab .sliderLine .floatLine {
666
+ .nme-right-panel #propertyTab .sliderLine .floatLine {
667
667
  grid-column: 2;
668
668
  padding-left: 5px;
669
669
  }
670
- .right-panel #propertyTab .sliderLine .floatLine .label {
670
+ .nme-right-panel #propertyTab .sliderLine .floatLine .label {
671
671
  grid-column: 1;
672
672
  display: flex;
673
673
  align-items: center;
674
674
  }
675
- .right-panel #propertyTab .sliderLine .floatLine .short {
675
+ .nme-right-panel #propertyTab .sliderLine .floatLine .short {
676
676
  grid-column: 1;
677
677
  display: flex;
678
678
  align-items: center;
679
679
  }
680
- .right-panel #propertyTab .sliderLine .floatLine .short input {
680
+ .nme-right-panel #propertyTab .sliderLine .floatLine .short input {
681
681
  width: 35px;
682
682
  }
683
- .right-panel #propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,
684
- .right-panel #propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {
683
+ .nme-right-panel #propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,
684
+ .nme-right-panel #propertyTab .sliderLine .floatLine .short input::-webkit-inner-spin-button {
685
685
  -webkit-appearance: none;
686
686
  margin: 0;
687
687
  }
688
- .right-panel #propertyTab .sliderLine .floatLine .short input[type=number] {
688
+ .nme-right-panel #propertyTab .sliderLine .floatLine .short input[type=number] {
689
689
  -moz-appearance: textfield;
690
690
  }
691
- .right-panel #propertyTab .textInputLine {
691
+ .nme-right-panel #propertyTab .textInputLine {
692
692
  padding-left: 5px;
693
693
  height: 30px;
694
694
  display: grid;
695
695
  grid-template-columns: 1fr 120px auto;
696
696
  }
697
- .right-panel #propertyTab .textInputLine .label {
697
+ .nme-right-panel #propertyTab .textInputLine .label {
698
698
  grid-column: 1;
699
699
  display: flex;
700
700
  align-items: center;
701
701
  }
702
- .right-panel #propertyTab .textInputLine .value {
702
+ .nme-right-panel #propertyTab .textInputLine .value {
703
703
  display: flex;
704
704
  align-items: center;
705
705
  grid-column: 2;
706
706
  }
707
- .right-panel #propertyTab .textInputLine .value input {
707
+ .nme-right-panel #propertyTab .textInputLine .value input {
708
708
  width: calc(100% - 5px);
709
709
  margin-right: 5px;
710
710
  }
711
- .right-panel #propertyTab .textInputArea {
711
+ .nme-right-panel #propertyTab .textInputArea {
712
712
  padding-left: 5px;
713
713
  height: 50px;
714
714
  display: grid;
715
715
  grid-template-columns: 1fr 120px;
716
716
  }
717
- .right-panel #propertyTab .textInputArea .label {
717
+ .nme-right-panel #propertyTab .textInputArea .label {
718
718
  grid-column: 1;
719
719
  display: flex;
720
720
  align-items: center;
721
721
  }
722
- .right-panel #propertyTab .textInputArea textarea {
722
+ .nme-right-panel #propertyTab .textInputArea textarea {
723
723
  margin-right: 5px;
724
724
  margin-left: -50%;
725
725
  height: 40px;
726
726
  resize: none;
727
727
  }
728
- .right-panel #propertyTab .textInputArea .value {
728
+ .nme-right-panel #propertyTab .textInputArea .value {
729
729
  display: flex;
730
730
  align-items: center;
731
731
  grid-column: 2;
732
732
  }
733
- .right-panel #propertyTab .paneContainer {
733
+ .nme-right-panel #propertyTab .paneContainer {
734
734
  margin-top: 3px;
735
735
  display: grid;
736
736
  grid-template-rows: 100%;
737
737
  grid-template-columns: 100%;
738
738
  }
739
- .right-panel #propertyTab .paneContainer .paneList {
739
+ .nme-right-panel #propertyTab .paneContainer .paneList {
740
740
  border-left: 3px solid transparent;
741
741
  }
742
- .right-panel #propertyTab .paneContainer:hover .paneList {
742
+ .nme-right-panel #propertyTab .paneContainer:hover .paneList {
743
743
  border-left: 3px solid rgba(51, 122, 183, 0.8);
744
744
  }
745
- .right-panel #propertyTab .paneContainer:hover .paneContainer-content .header .title {
745
+ .nme-right-panel #propertyTab .paneContainer:hover .paneContainer-content .header .title {
746
746
  border-left: 3px solid rgb(51, 122, 183);
747
747
  }
748
- .right-panel #propertyTab .paneContainer .paneContainer-highlight-border {
748
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-highlight-border {
749
749
  grid-row: 1;
750
750
  grid-column: 1;
751
751
  opacity: 1;
@@ -753,14 +753,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
753
753
  transition: opacity 250ms;
754
754
  pointer-events: none;
755
755
  }
756
- .right-panel #propertyTab .paneContainer .paneContainer-highlight-border.transparent {
756
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-highlight-border.transparent {
757
757
  opacity: 0;
758
758
  }
759
- .right-panel #propertyTab .paneContainer .paneContainer-content {
759
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content {
760
760
  grid-row: 1;
761
761
  grid-column: 1;
762
762
  }
763
- .right-panel #propertyTab .paneContainer .paneContainer-content .header {
763
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .header {
764
764
  display: grid;
765
765
  grid-template-columns: 1fr auto;
766
766
  background: #555555;
@@ -768,41 +768,41 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
768
768
  padding-right: 5px;
769
769
  cursor: pointer;
770
770
  }
771
- .right-panel #propertyTab .paneContainer .paneContainer-content .header .title {
771
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .header .title {
772
772
  border-left: 3px solid transparent;
773
773
  padding-left: 5px;
774
774
  grid-column: 1;
775
775
  display: flex;
776
776
  align-items: center;
777
777
  }
778
- .right-panel #propertyTab .paneContainer .paneContainer-content .header .collapse {
778
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .header .collapse {
779
779
  grid-column: 2;
780
780
  display: flex;
781
781
  align-items: center;
782
782
  justify-items: center;
783
783
  transform-origin: center;
784
784
  }
785
- .right-panel #propertyTab .paneContainer .paneContainer-content .header .collapse.closed {
785
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .header .collapse.closed {
786
786
  transform: rotate(180deg);
787
787
  }
788
- .right-panel #propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {
788
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .paneList > div:not(:last-child) {
789
789
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
790
790
  }
791
- .right-panel #propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {
791
+ .nme-right-panel #propertyTab .paneContainer .paneContainer-content .fragment > div:not(:last-child) {
792
792
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
793
793
  }
794
- .right-panel #propertyTab .color-picker {
794
+ .nme-right-panel #propertyTab .color-picker {
795
795
  height: calc(100% - 8px);
796
796
  margin: 4px;
797
797
  width: calc(100% - 8px);
798
798
  }
799
- .right-panel #propertyTab .color-picker .color-rect {
799
+ .nme-right-panel #propertyTab .color-picker .color-rect {
800
800
  height: calc(100% - 4px);
801
801
  border: 2px white solid;
802
802
  cursor: pointer;
803
803
  min-height: 18px;
804
804
  }
805
- .right-panel #propertyTab .color-picker .color-picker-cover {
805
+ .nme-right-panel #propertyTab .color-picker .color-picker-cover {
806
806
  position: fixed;
807
807
  top: 0px;
808
808
  right: 0px;
@@ -810,11 +810,11 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
810
810
  left: 0px;
811
811
  z-index: 1;
812
812
  }
813
- .right-panel #propertyTab .color-picker .color-picker-float {
813
+ .nme-right-panel #propertyTab .color-picker .color-picker-float {
814
814
  z-index: 2;
815
815
  position: absolute;
816
816
  }
817
- .right-panel #propertyTab .gradient-step {
817
+ .nme-right-panel #propertyTab .gradient-step {
818
818
  display: grid;
819
819
  grid-template-rows: 100%;
820
820
  grid-template-columns: 20px 30px 40px auto 20px 30px;
@@ -822,23 +822,23 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
822
822
  padding-left: 5px;
823
823
  padding-bottom: 5px;
824
824
  }
825
- .right-panel #propertyTab .gradient-step .step {
825
+ .nme-right-panel #propertyTab .gradient-step .step {
826
826
  grid-row: 1;
827
827
  grid-column: 1;
828
828
  }
829
- .right-panel #propertyTab .gradient-step .color {
829
+ .nme-right-panel #propertyTab .gradient-step .color {
830
830
  grid-row: 1;
831
831
  grid-column: 2;
832
832
  cursor: pointer;
833
833
  }
834
- .right-panel #propertyTab .gradient-step .step-value {
834
+ .nme-right-panel #propertyTab .gradient-step .step-value {
835
835
  margin-left: 5px;
836
836
  grid-row: 1;
837
837
  grid-column: 3;
838
838
  text-align: right;
839
839
  margin-right: 5px;
840
840
  }
841
- .right-panel #propertyTab .gradient-step .step-slider {
841
+ .nme-right-panel #propertyTab .gradient-step .step-slider {
842
842
  grid-row: 1;
843
843
  grid-column: 4;
844
844
  display: grid;
@@ -847,113 +847,113 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
847
847
  margin-right: -5px;
848
848
  padding-left: 12px;
849
849
  }
850
- .right-panel #propertyTab .gradient-step .step-slider input {
850
+ .nme-right-panel #propertyTab .gradient-step .step-slider input {
851
851
  width: 90%;
852
852
  }
853
- .right-panel #propertyTab .gradient-step .gradient-copy {
853
+ .nme-right-panel #propertyTab .gradient-step .gradient-copy {
854
854
  grid-row: 1;
855
855
  grid-column: 5;
856
856
  display: grid;
857
857
  align-content: center;
858
858
  justify-content: center;
859
859
  }
860
- .right-panel #propertyTab .gradient-step .gradient-copy .img {
860
+ .nme-right-panel #propertyTab .gradient-step .gradient-copy .img {
861
861
  height: 20px;
862
862
  width: 20px;
863
863
  }
864
- .right-panel #propertyTab .gradient-step .gradient-copy .img:hover {
864
+ .nme-right-panel #propertyTab .gradient-step .gradient-copy .img:hover {
865
865
  cursor: pointer;
866
866
  }
867
- .right-panel #propertyTab .gradient-step .gradient-delete {
867
+ .nme-right-panel #propertyTab .gradient-step .gradient-delete {
868
868
  grid-row: 1;
869
869
  grid-column: 6;
870
870
  display: grid;
871
871
  align-content: center;
872
872
  justify-content: center;
873
873
  }
874
- .right-panel #propertyTab .gradient-step .gradient-delete .img {
874
+ .nme-right-panel #propertyTab .gradient-step .gradient-delete .img {
875
875
  height: 20px;
876
876
  width: 20px;
877
877
  }
878
- .right-panel #propertyTab .gradient-step .gradient-delete .img:hover {
878
+ .nme-right-panel #propertyTab .gradient-step .gradient-delete .img:hover {
879
879
  cursor: pointer;
880
880
  }
881
- .right-panel #propertyTab .floatLine {
881
+ .nme-right-panel #propertyTab .floatLine {
882
882
  padding-left: 5px;
883
883
  height: 30px;
884
884
  display: grid;
885
885
  grid-template-columns: 1fr 120px;
886
886
  }
887
- .right-panel #propertyTab .floatLine .label {
887
+ .nme-right-panel #propertyTab .floatLine .label {
888
888
  grid-column: 1;
889
889
  display: flex;
890
890
  align-items: center;
891
891
  }
892
- .right-panel #propertyTab .floatLine .value {
892
+ .nme-right-panel #propertyTab .floatLine .value {
893
893
  grid-column: 2;
894
894
  display: flex;
895
895
  align-items: center;
896
896
  }
897
- .right-panel #propertyTab .floatLine .value input {
897
+ .nme-right-panel #propertyTab .floatLine .value input {
898
898
  width: 110px;
899
899
  }
900
- .right-panel #propertyTab .floatLine .short {
900
+ .nme-right-panel #propertyTab .floatLine .short {
901
901
  grid-column: 2;
902
902
  display: flex;
903
903
  align-items: center;
904
904
  }
905
- .right-panel #propertyTab .floatLine .short input {
905
+ .nme-right-panel #propertyTab .floatLine .short input {
906
906
  width: 27px;
907
907
  }
908
- .right-panel #propertyTab .floatLine .short input::-webkit-outer-spin-button,
909
- .right-panel #propertyTab .floatLine .short input::-webkit-inner-spin-button {
908
+ .nme-right-panel #propertyTab .floatLine .short input::-webkit-outer-spin-button,
909
+ .nme-right-panel #propertyTab .floatLine .short input::-webkit-inner-spin-button {
910
910
  -webkit-appearance: none;
911
911
  margin: 0;
912
912
  }
913
- .right-panel #propertyTab .floatLine .short input[type=number] {
913
+ .nme-right-panel #propertyTab .floatLine .short input[type=number] {
914
914
  -moz-appearance: textfield;
915
915
  }
916
- .right-panel #propertyTab .vector3Line {
916
+ .nme-right-panel #propertyTab .vector3Line {
917
917
  padding-left: 5px;
918
918
  display: grid;
919
919
  }
920
- .right-panel #propertyTab .vector3Line .firstLine {
920
+ .nme-right-panel #propertyTab .vector3Line .firstLine {
921
921
  display: grid;
922
922
  grid-template-columns: 1fr auto 20px;
923
923
  height: 30px;
924
924
  }
925
- .right-panel #propertyTab .vector3Line .firstLine .label {
925
+ .nme-right-panel #propertyTab .vector3Line .firstLine .label {
926
926
  grid-column: 1;
927
927
  display: flex;
928
928
  align-items: center;
929
929
  }
930
- .right-panel #propertyTab .vector3Line .firstLine .vector {
930
+ .nme-right-panel #propertyTab .vector3Line .firstLine .vector {
931
931
  grid-column: 2;
932
932
  display: flex;
933
933
  align-items: center;
934
934
  text-align: right;
935
935
  opacity: 0.8;
936
936
  }
937
- .right-panel #propertyTab .vector3Line .firstLine .expand {
937
+ .nme-right-panel #propertyTab .vector3Line .firstLine .expand {
938
938
  grid-column: 3;
939
939
  display: grid;
940
940
  align-items: center;
941
941
  justify-items: center;
942
942
  cursor: pointer;
943
943
  }
944
- .right-panel #propertyTab .vector3Line .secondLine {
944
+ .nme-right-panel #propertyTab .vector3Line .secondLine {
945
945
  display: grid;
946
946
  padding-right: 5px;
947
947
  border-left: 1px solid rgb(51, 122, 183);
948
948
  }
949
- .right-panel #propertyTab .vector3Line .secondLine .no-right-margin {
949
+ .nme-right-panel #propertyTab .vector3Line .secondLine .no-right-margin {
950
950
  margin-right: 0;
951
951
  }
952
- .right-panel #propertyTab .vector3Line .secondLine .numeric {
952
+ .nme-right-panel #propertyTab .vector3Line .secondLine .numeric {
953
953
  display: grid;
954
954
  grid-template-columns: 1fr auto;
955
955
  }
956
- .right-panel #propertyTab .vector3Line .secondLine .numeric-label {
956
+ .nme-right-panel #propertyTab .vector3Line .secondLine .numeric-label {
957
957
  text-align: right;
958
958
  grid-column: 1;
959
959
  display: flex;
@@ -961,27 +961,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
961
961
  justify-self: right;
962
962
  margin-right: 10px;
963
963
  }
964
- .right-panel #propertyTab .vector3Line .secondLine .numeric-value {
964
+ .nme-right-panel #propertyTab .vector3Line .secondLine .numeric-value {
965
965
  width: 120px;
966
966
  grid-column: 2;
967
967
  display: flex;
968
968
  align-items: center;
969
969
  border: 1px solid rgb(51, 122, 183);
970
970
  }
971
- .right-panel #propertyTab .buttonLine {
971
+ .nme-right-panel #propertyTab .buttonLine {
972
972
  height: 30px;
973
973
  display: grid;
974
974
  align-items: center;
975
975
  justify-items: stretch;
976
976
  padding-bottom: 5px;
977
977
  }
978
- .right-panel #propertyTab .buttonLine.disabled {
978
+ .nme-right-panel #propertyTab .buttonLine.disabled {
979
979
  opacity: 0.3;
980
980
  }
981
- .right-panel #propertyTab .buttonLine input[type=file] {
981
+ .nme-right-panel #propertyTab .buttonLine input[type=file] {
982
982
  display: none;
983
983
  }
984
- .right-panel #propertyTab .buttonLine .file-upload {
984
+ .nme-right-panel #propertyTab .buttonLine .file-upload {
985
985
  background: #222222;
986
986
  border: 1px solid rgb(51, 122, 183);
987
987
  margin: 5px 10px;
@@ -992,14 +992,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
992
992
  cursor: pointer;
993
993
  text-align: center;
994
994
  }
995
- .right-panel #propertyTab .buttonLine .file-upload:hover {
995
+ .nme-right-panel #propertyTab .buttonLine .file-upload:hover {
996
996
  opacity: 1;
997
997
  }
998
- .right-panel #propertyTab .buttonLine .file-upload:active {
998
+ .nme-right-panel #propertyTab .buttonLine .file-upload:active {
999
999
  transform: scale(0.98);
1000
1000
  transform-origin: 0.5 0.5;
1001
1001
  }
1002
- .right-panel #propertyTab .buttonLine button {
1002
+ .nme-right-panel #propertyTab .buttonLine button {
1003
1003
  background: #222222;
1004
1004
  border: 1px solid rgb(51, 122, 183);
1005
1005
  margin: 5px 10px 5px 10px;
@@ -1007,33 +1007,33 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1007
1007
  padding: 4px 5px;
1008
1008
  opacity: 0.9;
1009
1009
  }
1010
- .right-panel #propertyTab .buttonLine button:hover {
1010
+ .nme-right-panel #propertyTab .buttonLine button:hover {
1011
1011
  opacity: 1;
1012
1012
  }
1013
- .right-panel #propertyTab .buttonLine button:active {
1013
+ .nme-right-panel #propertyTab .buttonLine button:active {
1014
1014
  background: #282828;
1015
1015
  }
1016
- .right-panel #propertyTab .buttonLine button:focus {
1016
+ .nme-right-panel #propertyTab .buttonLine button:focus {
1017
1017
  border: 1px solid rgb(51, 122, 183);
1018
1018
  outline: 0px;
1019
1019
  }
1020
- .right-panel #propertyTab .checkBoxLine {
1020
+ .nme-right-panel #propertyTab .checkBoxLine {
1021
1021
  padding-left: 5px;
1022
1022
  height: 30px;
1023
1023
  display: grid;
1024
1024
  grid-template-columns: 1fr auto;
1025
1025
  }
1026
- .right-panel #propertyTab .checkBoxLine .label {
1026
+ .nme-right-panel #propertyTab .checkBoxLine .label {
1027
1027
  grid-column: 1;
1028
1028
  display: flex;
1029
1029
  align-items: center;
1030
1030
  }
1031
- .right-panel #propertyTab .checkBoxLine .checkBox {
1031
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox {
1032
1032
  grid-column: 2;
1033
1033
  display: flex;
1034
1034
  align-items: center;
1035
1035
  }
1036
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl {
1036
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .lbl {
1037
1037
  position: relative;
1038
1038
  display: block;
1039
1039
  height: 14px;
@@ -1044,7 +1044,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1044
1044
  cursor: pointer;
1045
1045
  transition: all 0.3s ease;
1046
1046
  }
1047
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl:after {
1047
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .lbl:after {
1048
1048
  position: absolute;
1049
1049
  left: 3px;
1050
1050
  top: 2px;
@@ -1057,110 +1057,110 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1057
1057
  content: "";
1058
1058
  transition: all 0.15s ease;
1059
1059
  }
1060
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl:active:after {
1060
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .lbl:active:after {
1061
1061
  transform: scale(1.15, 0.85);
1062
1062
  }
1063
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {
1063
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {
1064
1064
  background: rgb(51, 122, 183);
1065
1065
  }
1066
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {
1066
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {
1067
1067
  left: 20px;
1068
1068
  background: rgb(22, 73, 117);
1069
1069
  }
1070
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {
1070
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {
1071
1071
  background: rgb(22, 73, 117);
1072
1072
  cursor: pointer;
1073
1073
  }
1074
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {
1074
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {
1075
1075
  left: 20px;
1076
1076
  background: rgb(85, 85, 85);
1077
1077
  cursor: pointer;
1078
1078
  }
1079
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {
1079
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {
1080
1080
  background: rgb(85, 85, 85);
1081
1081
  cursor: pointer;
1082
1082
  }
1083
- .right-panel #propertyTab .checkBoxLine .checkBox .hidden {
1083
+ .nme-right-panel #propertyTab .checkBoxLine .checkBox .hidden {
1084
1084
  display: none;
1085
1085
  }
1086
- .right-panel #propertyTab .listLine {
1086
+ .nme-right-panel #propertyTab .listLine {
1087
1087
  padding-left: 5px;
1088
1088
  height: 30px;
1089
1089
  display: grid;
1090
1090
  grid-template-columns: 1fr auto;
1091
1091
  }
1092
- .right-panel #propertyTab .listLine .label {
1092
+ .nme-right-panel #propertyTab .listLine .label {
1093
1093
  grid-column: 1;
1094
1094
  display: flex;
1095
1095
  align-items: center;
1096
1096
  }
1097
- .right-panel #propertyTab .listLine .options {
1097
+ .nme-right-panel #propertyTab .listLine .options {
1098
1098
  grid-column: 2;
1099
1099
  display: flex;
1100
1100
  align-items: center;
1101
1101
  margin-right: 5px;
1102
1102
  }
1103
- .right-panel #propertyTab .listLine .options select {
1103
+ .nme-right-panel #propertyTab .listLine .options select {
1104
1104
  width: 115px;
1105
1105
  }
1106
- .right-panel #propertyTab .color3Line {
1106
+ .nme-right-panel #propertyTab .color3Line {
1107
1107
  padding-left: 5px;
1108
1108
  display: grid;
1109
1109
  }
1110
- .right-panel #propertyTab .color3Line .firstLine {
1110
+ .nme-right-panel #propertyTab .color3Line .firstLine {
1111
1111
  height: 30px;
1112
1112
  display: grid;
1113
1113
  grid-template-columns: 1fr auto 0px 20px 20px;
1114
1114
  }
1115
- .right-panel #propertyTab .color3Line .firstLine .label {
1115
+ .nme-right-panel #propertyTab .color3Line .firstLine .label {
1116
1116
  grid-column: 1;
1117
1117
  display: flex;
1118
1118
  align-items: center;
1119
1119
  }
1120
- .right-panel #propertyTab .color3Line .firstLine .textInputLine {
1120
+ .nme-right-panel #propertyTab .color3Line .firstLine .textInputLine {
1121
1121
  display: none;
1122
1122
  }
1123
- .right-panel #propertyTab .color3Line .firstLine .color3 {
1123
+ .nme-right-panel #propertyTab .color3Line .firstLine .color3 {
1124
1124
  grid-column: 2;
1125
1125
  width: 50px;
1126
1126
  display: flex;
1127
1127
  align-items: center;
1128
1128
  }
1129
- .right-panel #propertyTab .color3Line .firstLine .color3 input {
1129
+ .nme-right-panel #propertyTab .color3Line .firstLine .color3 input {
1130
1130
  margin-right: 5px;
1131
1131
  }
1132
- .right-panel #propertyTab .color3Line .firstLine .copy {
1132
+ .nme-right-panel #propertyTab .color3Line .firstLine .copy {
1133
1133
  grid-column: 4;
1134
1134
  display: grid;
1135
1135
  align-items: center;
1136
1136
  justify-items: center;
1137
1137
  cursor: pointer;
1138
1138
  }
1139
- .right-panel #propertyTab .color3Line .firstLine .copy img {
1139
+ .nme-right-panel #propertyTab .color3Line .firstLine .copy img {
1140
1140
  height: 100%;
1141
1141
  width: 24px;
1142
1142
  }
1143
- .right-panel #propertyTab .color3Line .firstLine .expand {
1143
+ .nme-right-panel #propertyTab .color3Line .firstLine .expand {
1144
1144
  grid-column: 5;
1145
1145
  display: grid;
1146
1146
  align-items: center;
1147
1147
  justify-items: center;
1148
1148
  cursor: pointer;
1149
1149
  }
1150
- .right-panel #propertyTab .color3Line .firstLine .expand img {
1150
+ .nme-right-panel #propertyTab .color3Line .firstLine .expand img {
1151
1151
  height: 100%;
1152
1152
  width: 20px;
1153
1153
  }
1154
- .right-panel #propertyTab .color3Line .secondLine {
1154
+ .nme-right-panel #propertyTab .color3Line .secondLine {
1155
1155
  display: grid;
1156
1156
  padding-right: 5px;
1157
1157
  border-left: 1px solid rgb(51, 122, 183);
1158
1158
  }
1159
- .right-panel #propertyTab .color3Line .secondLine .numeric {
1159
+ .nme-right-panel #propertyTab .color3Line .secondLine .numeric {
1160
1160
  display: grid;
1161
1161
  grid-template-columns: 1fr auto;
1162
1162
  }
1163
- .right-panel #propertyTab .color3Line .secondLine .numeric-label {
1163
+ .nme-right-panel #propertyTab .color3Line .secondLine .numeric-label {
1164
1164
  text-align: right;
1165
1165
  grid-column: 1;
1166
1166
  display: flex;
@@ -1168,25 +1168,25 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1168
1168
  justify-self: right;
1169
1169
  margin-right: 10px;
1170
1170
  }
1171
- .right-panel #propertyTab .color3Line .secondLine .numeric-value {
1171
+ .nme-right-panel #propertyTab .color3Line .secondLine .numeric-value {
1172
1172
  width: 120px;
1173
1173
  grid-column: 2;
1174
1174
  display: flex;
1175
1175
  align-items: center;
1176
1176
  border: 1px solid rgb(51, 122, 183);
1177
1177
  }
1178
- .right-panel #propertyTab .textLine {
1178
+ .nme-right-panel #propertyTab .textLine {
1179
1179
  padding-left: 5px;
1180
1180
  height: 30px;
1181
1181
  display: grid;
1182
1182
  grid-template-columns: 1fr auto;
1183
1183
  }
1184
- .right-panel #propertyTab .textLine .label {
1184
+ .nme-right-panel #propertyTab .textLine .label {
1185
1185
  grid-column: 1;
1186
1186
  display: flex;
1187
1187
  align-items: center;
1188
1188
  }
1189
- .right-panel #propertyTab .textLine .link-value {
1189
+ .nme-right-panel #propertyTab .textLine .link-value {
1190
1190
  grid-column: 2;
1191
1191
  white-space: nowrap;
1192
1192
  text-overflow: ellipsis;
@@ -1199,7 +1199,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1199
1199
  text-decoration: underline;
1200
1200
  cursor: pointer;
1201
1201
  }
1202
- .right-panel #propertyTab .textLine .value {
1202
+ .nme-right-panel #propertyTab .textLine .value {
1203
1203
  grid-column: 2;
1204
1204
  white-space: nowrap;
1205
1205
  text-overflow: ellipsis;
@@ -1214,12 +1214,12 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1214
1214
  -ms-user-select: text;
1215
1215
  user-select: text;
1216
1216
  }
1217
- .right-panel #propertyTab .textLine .value.check {
1217
+ .nme-right-panel #propertyTab .textLine .value.check {
1218
1218
  color: green;
1219
1219
  }
1220
- .right-panel #propertyTab .textLine .value.uncheck {
1220
+ .nme-right-panel #propertyTab .textLine .value.uncheck {
1221
1221
  color: red;
1222
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"AACI;EAEI,YAAA;EACA,mBAAA;AADR;AAGQ;EACI,YAAA;EACA,eAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;EACA,kBAAA;EACA,aAAA;EACA,+BAAA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AADZ;AAGY;EACI,kBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,OAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;AADhB;AAIY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;AAFhB;AAMQ;EACI,wBAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,wBAAA;EACA,wBAAA;AAJZ;AAOQ;EACI,UAAA;AALZ;AAQQ;EACI,wBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,6BAAA;EACA,eAAA;AANZ;AASQ;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,6BAAA;EACA,eAAA;AAPZ;AAUQ;EACI,wBAAA;EACA,0CAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;AARZ;AAUQ;EACI,UAAA;AARZ;AAUQ;EACI,YAAA;AARZ;AAWQ;EACI,iBAtFgB;EAuFhB,YAAA;EACA,aAAA;EACA,wBAAA;EACA,oCAAA;AATZ;AAWY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAThB;AAYY;EACI,cAAA;EACA,WAAA;EACA,iBAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;AAVhB;AAaY;EACI,cAAA;EACA,iBA7GY;AAkG5B;AAagB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAXpB;AAcgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAZpB;AAcoB;EACI,WAAA;AAZxB;AAeoB;;EAEI,wBAAA;EACA,SAAA;AAbxB;AAgBoB;EACI,0BAAA;AAdxB;AAoBQ;EACI,iBA5IgB;EA6IhB,YAAA;EACA,aAAA;EACA,qCAAA;AAlBZ;AAoBY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAlBhB;AAqBY;EACI,aAAA;EACA,mBAAA;EACA,cAAA;AAnBhB;AAqBgB;EACI,uBAAA;EACA,iBAAA;AAnBpB;AAwBQ;EACI,iBApKgB;EAqKhB,YAAA;EACA,aAAA;EACA,gCAAA;AAtBZ;AAwBY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAtBhB;AAyBY;EACI,iBAAA;EACA,iBAAA;EACA,YAAA;EACA,YAAA;AAvBhB;AA0BY;EACI,aAAA;EACA,mBAAA;EACA,cAAA;AAxBhB;AA4BQ;EACI,eAAA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;AA1BZ;AA4BY;EACI,kCAAA;AA1BhB;AA8BgB;EACI,8CAAA;AA5BpB;AAiCwB;EACI,wCAAA;AA/B5B;AAqCY;EACI,WAAA;EACA,cAAA;EACA,UAAA;EACA,qBAAA;EACA,yBAAA;EACA,oBAAA;AAnChB;AAqCgB;EACI,UAAA;AAnCpB;AAuCY;EACI,WAAA;EACA,cAAA;AArChB;AAuCgB;EACI,aAAA;EACA,+BAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AArCpB;AAuCoB;EACI,kCAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AArCxB;AAwCoB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,wBAAA;AAtCxB;AAwCwB;EACI,yBAAA;AAtC5B;AA2CgB;EACI,mDAAA;AAzCpB;AA4CgB;EACI,mDAAA;AA1CpB;AA+CQ;EACI,wBAAA;EACA,WAAA;EACA,uBAAA;AA7CZ;AA+CY;EACI,wBAAA;EACA,uBAAA;EACA,eAAA;EACA,gBAAA;AA7ChB;AAgDY;EACI,eAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;AA9ChB;AAiDY;EACI,UAAA;EACA,kBAAA;AA/ChB;AAmDQ;EACI,aAAA;EACA,wBAAA;EACA,oDAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAAA;AAjDZ;AAmDY;EACI,WAAA;EACA,cAAA;AAjDhB;AAoDY;EACI,WAAA;EACA,cAAA;EACA,eAAA;AAlDhB;AAqDY;EACI,gBAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,iBAAA;AAnDhB;AAsDY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,wBAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;AApDhB;AAsDgB;EACI,UAAA;AApDpB;AAwDY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AAtDhB;AAwDgB;EACI,YAAA;EACA,WAAA;AAtDpB;AAwDgB;EACI,eAAA;AAtDpB;AAyDY;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AAvDhB;AAwDgB;EACI,YAAA;EACA,WAAA;AAtDpB;AAwDgB;EACI,eAAA;AAtDpB;AA2DQ;EACI,iBAjXgB;EAkXhB,YAAA;EACA,aAAA;EACA,gCAAA;AAzDZ;AA2DY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAzDhB;AA4DY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;AA3DhB;AA6DgB;EACI,YAAA;AA3DpB;AA+DY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;AA9DhB;AAgEgB;EACI,WAAA;AA9DpB;AAiEgB;;EAEI,wBAAA;EACA,SAAA;AA/DpB;AAkEgB;EACI,0BAAA;AAhEpB;AAqEQ;EACI,iBA9ZgB;EA+ZhB,aAAA;AAnEZ;AAqEY;EACI,aAAA;EACA,oCAAA;EACA,YAAA;AAnEhB;AAqEgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAnEpB;AAsEgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,YAAA;AApEpB;AAuEgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;AArEpB;AAyEY;EACI,aAAA;EACA,kBAAA;EACA,wCAAA;AAvEhB;AAyEgB;EACI,eAAA;AAvEpB;AA0EgB;EACI,aAAA;EACA,+BAAA;AAxEpB;AA2EgB;EACI,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;AAzEpB;AA4EgB;EACI,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mCAAA;AA1EpB;AA+EQ;EACI,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,mBAAA;AA7EZ;AA+EY;EACI,YAAA;AA7EhB;AAgFY;EACI,aAAA;AA9EhB;AAiFY;EACI,mBAAA;EACA,mCAAA;EACA,gBAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;AA/EhB;AAkFY;EACI,UAAA;AAhFhB;AAmFY;EACI,sBAAA;EACA,yBAAA;AAjFhB;AAoFY;EACI,mBAAA;EACA,mCAAA;EACA,yBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;AAlFhB;AAqFY;EACI,UAAA;AAnFhB;AAsFY;EACI,mBAAA;AApFhB;AAuFY;EACI,mCAAA;EACA,YAAA;AArFhB;AAyFQ;EACI,iBA1hBgB;EA2hBhB,YAAA;EACA,aAAA;EACA,+BAAA;AAvFZ;AAyFY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAvFhB;AA0FY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;AAzFhB;AA2FgB;EACI,kBAAA;EACA,cAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,eAAA;EACA,yBAAA;AAzFpB;AA4FgB;EACI,kBAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,gBAAA;EACA,2CAAA;EACA,WAAA;EACA,0BAAA;AA1FpB;AA6FgB;EACI,4BAAA;AA3FpB;AA8FgB;EACI,6BAAA;AA5FpB;AA+FgB;EACI,UAAA;EACA,4BAAA;AA7FpB;AAgGgB;EACI,4BAAA;EACA,eAAA;AA9FpB;AAiGgB;EACI,UAAA;EACA,2BAAA;EACA,eAAA;AA/FpB;AAkGgB;EACI,2BAAA;EACA,eAAA;AAhGpB;AAmGgB;EACI,aAAA;AAjGpB;AAsGQ;EACI,iBAzmBgB;EA0mBhB,YAAA;EACA,aAAA;EACA,+BAAA;AApGZ;AAsGY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AApGhB;AAuGY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;AAtGhB;AAwGgB;EACI,YAAA;AAtGpB;AA2GQ;EACI,iBAloBgB;EAmoBhB,aAAA;AAzGZ;AA2GY;EACI,YAAA;EACA,aAAA;EACA,6CAAA;AAzGhB;AA2GgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAzGpB;AA4GgB;EACI,aAAA;AA1GpB;AA6GgB;EACI,cAAA;EACA,WAAA;EAEA,aAAA;EACA,mBAAA;AA5GpB;AA8GoB;EACI,iBAAA;AA5GxB;AAgHgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;AA9GpB;AAgHoB;EACI,YAAA;EACA,WAAA;AA9GxB;AAkHgB;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,qBAAA;EACA,eAAA;AAhHpB;AAkHoB;EACI,YAAA;EACA,WAAA;AAhHxB;AAqHY;EACI,aAAA;EACA,kBAAA;EACA,wCAAA;AAnHhB;AAqHgB;EACI,aAAA;EACA,+BAAA;AAnHpB;AAsHgB;EACI,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;AApHpB;AAuHgB;EACI,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mCAAA;AArHpB;AA0HQ;EACI,iBAztBgB;EA0tBhB,YAAA;EACA,aAAA;EACA,+BAAA;AAxHZ;AA0HY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;AAxHhB;AA2HY;EACI,cAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EACA,eAAA;AAzHhB;AA4HY;EACI,cAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EACA,iBAAA;AA1HhB;AA4HgB;EACI,YAAA;AA1HpB;AA6HgB;EACI,UAAA;AA3HpB","sourcesContent":[".right-panel {\r\n #propertyTab {\r\n $line-padding-left: 5px;\r\n color: white;\r\n background: #333333;\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 120px;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n 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 .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 2;\r\n padding-left: $line-padding-left;\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 .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 35px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n input {\r\n width: calc(100% - 5px);\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n\r\n .textInputArea {\r\n padding-left: $line-padding-left;\r\n height: 50px;\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 textarea {\r\n margin-right: 5px;\r\n margin-left: -50%;\r\n height: 40px;\r\n resize: none;\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 }\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: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: calc(100% - 8px);\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 1;\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 .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 .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n\r\n .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-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\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: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n\r\n &.disabled {\r\n opacity: 0.3;\r\n }\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n padding-top: 0px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n }\r\n\r\n .lbl:active:after {\r\n transform: scale(1.15, 0.85);\r\n }\r\n\r\n .cbx:checked ~ label {\r\n background: rgb(51, 122, 183);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .cbx:checked ~ label.disabled {\r\n background: rgb(22, 73, 117);\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-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 0px 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .textInputLine {\r\n display: none;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 24px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 5;\r\n display: grid;\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 height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .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 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: 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}\r\n"],"sourceRoot":""}]);
1222
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[".nme-right-panel {\r\n #propertyTab {\r\n $line-padding-left: 5px;\r\n color: white;\r\n background: #333333;\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n position: relative;\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n left: 0;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 120px;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n 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 .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .floatLine {\r\n grid-column: 2;\r\n padding-left: $line-padding-left;\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 .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 35px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n input {\r\n width: calc(100% - 5px);\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n\r\n .textInputArea {\r\n padding-left: $line-padding-left;\r\n height: 50px;\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 textarea {\r\n margin-right: 5px;\r\n margin-left: -50%;\r\n height: 40px;\r\n resize: none;\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 }\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: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: calc(100% - 8px);\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 1;\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 .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 .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n\r\n .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-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\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: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n padding-bottom: 5px;\r\n\r\n &.disabled {\r\n opacity: 0.3;\r\n }\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n padding-top: 0px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n }\r\n\r\n .lbl:active:after {\r\n transform: scale(1.15, 0.85);\r\n }\r\n\r\n .cbx:checked ~ label {\r\n background: rgb(51, 122, 183);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .cbx:checked ~ label.disabled {\r\n background: rgb(22, 73, 117);\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-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 0px 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .textInputLine {\r\n display: none;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n\r\n img {\r\n height: 100%;\r\n width: 24px;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 5;\r\n display: grid;\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 height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .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 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: 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}\r\n"],"sourceRoot":""}]);
1223
1223
  // Exports
1224
1224
  ___CSS_LOADER_EXPORT___.locals = {};
1225
1225
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -1276,7 +1276,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-editor-graph-root {
1276
1276
  #node-editor-graph-root .wait-screen.hidden {
1277
1277
  visibility: hidden;
1278
1278
  }
1279
- #node-editor-graph-root #nodeList {
1279
+ #node-editor-graph-root #nmeNodeList {
1280
1280
  grid-row: 1/span 2;
1281
1281
  grid-column: 1;
1282
1282
  }
@@ -1302,7 +1302,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-editor-graph-root {
1302
1302
  width: 100%;
1303
1303
  height: 100%;
1304
1304
  }
1305
- #node-editor-graph-root .right-panel {
1305
+ #node-editor-graph-root .nme-right-panel {
1306
1306
  grid-row: 1/span 2;
1307
1307
  grid-column: 5;
1308
1308
  display: grid;
@@ -1555,7 +1555,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-editor-graph-root {
1555
1555
  }
1556
1556
  #node-editor-graph-root .InputBlock {
1557
1557
  width: 250px;
1558
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-editor-graph-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 120px) 120px;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n font: 14px \"acumin-pro\";\r\n\r\n &.popup {\r\n grid-template-columns: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px \"acumin-pro\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n }\r\n\r\n #nodeList {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n }\r\n\r\n #leftGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 2;\r\n cursor: ew-resize;\r\n }\r\n\r\n #rightGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 4;\r\n cursor: ew-resize;\r\n }\r\n\r\n .diagram-container {\r\n grid-row: 1;\r\n grid-column: 3;\r\n background: #5f5b60;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 5;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n }\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n\r\n #preview-mesh-bar {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: auto 1fr 40px 40px 40px;\r\n align-items: center;\r\n font-size: 18px;\r\n background-color: #555555;\r\n\r\n #file-picker {\r\n display: none;\r\n }\r\n\r\n .listLine {\r\n grid-column: 1;\r\n height: 40px;\r\n display: grid;\r\n grid-template-columns: 0px 1fr;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-left: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n color: #ffffff;\r\n width: 40px;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n }\r\n\r\n #play-button {\r\n grid-column: 3;\r\n }\r\n\r\n #color-picker-button {\r\n grid-column: 4;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n #color-picker-image {\r\n padding-left: 7px;\r\n padding-top: 8px;\r\n }\r\n\r\n #color-picker {\r\n transform: scale(0);\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n #color-picker-label {\r\n width: 100%;\r\n background: transparent;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n #preview-new-window {\r\n grid-column: 5;\r\n }\r\n\r\n select {\r\n background-color: #a3a3a3;\r\n color: #333333;\r\n }\r\n }\r\n\r\n #preview-config-bar {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 40px 40px 40px 1fr 40px 40px;\r\n color: white;\r\n align-items: center;\r\n font-size: 18px;\r\n\r\n &.extended {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .listLine {\r\n padding-left: 5px;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n width: 40px;\r\n grid-row: 1;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n img {\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n &.back-face {\r\n grid-column: 6;\r\n }\r\n\r\n &.depth-pass {\r\n grid-column: 5 / 6;\r\n }\r\n\r\n &.hemispheric-light {\r\n grid-column: 3 / 4;\r\n }\r\n &.direction-light-1 {\r\n grid-column: 2 / 3;\r\n }\r\n &.direction-light-0 {\r\n grid-column: 1 / 2;\r\n }\r\n }\r\n }\r\n\r\n #preview {\r\n border-top: 1px solid rgb(85, 85, 85);\r\n grid-row: 3;\r\n grid-column: 1;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n #preview-canvas {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .waitPanel {\r\n width: 100%;\r\n height: 100%;\r\n grid-row: 1;\r\n grid-column: 1;\r\n color: white;\r\n font-size: 18px;\r\n align-content: center;\r\n justify-content: center;\r\n background: rgba(20, 20, 20, 0.95);\r\n z-index: 10;\r\n display: grid;\r\n transition: opacity 250ms;\r\n\r\n &.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n .blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: \"acumin-pro\";\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n #log-console {\r\n grid-row: 2;\r\n grid-column: 3;\r\n }\r\n\r\n .LightInformationBlock {\r\n width: 280px;\r\n }\r\n\r\n .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1558
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-editor-graph-root {\r\n display: grid;\r\n grid-template-rows: calc(100% - 120px) 120px;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n font: 14px \"acumin-pro\";\r\n\r\n &.popup {\r\n grid-template-columns: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .wait-screen {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: 100%;\r\n width: 100%;\r\n background: #464646;\r\n opacity: 0.95;\r\n color: white;\r\n font: 24px \"acumin-pro\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n\r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n }\r\n\r\n #nmeNodeList {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n }\r\n\r\n #leftGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 2;\r\n cursor: ew-resize;\r\n }\r\n\r\n #rightGrab {\r\n grid-row: 1 / span 2;\r\n grid-column: 4;\r\n cursor: ew-resize;\r\n }\r\n\r\n .diagram-container {\r\n grid-row: 1;\r\n grid-column: 3;\r\n background: #5f5b60;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .diagram {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .nme-right-panel {\r\n grid-row: 1 / span 2;\r\n grid-column: 5;\r\n display: grid;\r\n grid-template-rows: 1fr 40px auto 40px;\r\n grid-template-columns: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n }\r\n\r\n #propertyTab {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .button {\r\n display: grid;\r\n justify-content: center;\r\n align-content: center;\r\n height: auto;\r\n width: calc(100% / 7);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 122, 183);\r\n color: white;\r\n }\r\n\r\n &.align {\r\n justify-content: stretch;\r\n text-align: center;\r\n }\r\n }\r\n\r\n #preview-mesh-bar {\r\n grid-row: 2;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: auto 1fr 40px 40px 40px;\r\n align-items: center;\r\n font-size: 18px;\r\n background-color: #555555;\r\n\r\n #file-picker {\r\n display: none;\r\n }\r\n\r\n .listLine {\r\n grid-column: 1;\r\n height: 40px;\r\n display: grid;\r\n grid-template-columns: 0px 1fr;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-left: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n color: #ffffff;\r\n width: 40px;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n }\r\n\r\n #play-button {\r\n grid-column: 3;\r\n }\r\n\r\n #color-picker-button {\r\n grid-column: 4;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n\r\n img {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n #color-picker-image {\r\n padding-left: 7px;\r\n padding-top: 8px;\r\n }\r\n\r\n #color-picker {\r\n transform: scale(0);\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n #color-picker-label {\r\n width: 100%;\r\n background: transparent;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n #preview-new-window {\r\n grid-column: 5;\r\n }\r\n\r\n select {\r\n background-color: #a3a3a3;\r\n color: #333333;\r\n }\r\n }\r\n\r\n #preview-config-bar {\r\n grid-row: 4;\r\n grid-column: 1;\r\n display: grid;\r\n grid-template-columns: 40px 40px 40px 1fr 40px 40px;\r\n color: white;\r\n align-items: center;\r\n font-size: 18px;\r\n\r\n &.extended {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .listLine {\r\n padding-left: 5px;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .button {\r\n width: 40px;\r\n grid-row: 1;\r\n height: 40px;\r\n transform-origin: 50% 50%;\r\n\r\n &:hover {\r\n background: #3f3461;\r\n }\r\n\r\n &.selected {\r\n background: #9379e6;\r\n }\r\n\r\n &:active {\r\n transform: scale(0.9);\r\n }\r\n\r\n img {\r\n height: auto;\r\n width: 100%;\r\n }\r\n\r\n &.back-face {\r\n grid-column: 6;\r\n }\r\n\r\n &.depth-pass {\r\n grid-column: 5 / 6;\r\n }\r\n\r\n &.hemispheric-light {\r\n grid-column: 3 / 4;\r\n }\r\n &.direction-light-1 {\r\n grid-column: 2 / 3;\r\n }\r\n &.direction-light-0 {\r\n grid-column: 1 / 2;\r\n }\r\n }\r\n }\r\n\r\n #preview {\r\n border-top: 1px solid rgb(85, 85, 85);\r\n grid-row: 3;\r\n grid-column: 1;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n #preview-canvas {\r\n width: 100%;\r\n height: 100%;\r\n outline: 0 !important;\r\n padding: 0 !important;\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .waitPanel {\r\n width: 100%;\r\n height: 100%;\r\n grid-row: 1;\r\n grid-column: 1;\r\n color: white;\r\n font-size: 18px;\r\n align-content: center;\r\n justify-content: center;\r\n background: rgba(20, 20, 20, 0.95);\r\n z-index: 10;\r\n display: grid;\r\n transition: opacity 250ms;\r\n\r\n &.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n .blocker {\r\n visibility: hidden;\r\n position: absolute;\r\n width: calc(100% - 40px);\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n\r\n background: rgba(20, 20, 20, 0.95);\r\n font-family: \"acumin-pro\";\r\n color: white;\r\n font-size: 24px;\r\n\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n user-select: none;\r\n\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n #log-console {\r\n grid-row: 2;\r\n grid-column: 3;\r\n }\r\n\r\n .LightInformationBlock {\r\n width: 280px;\r\n }\r\n\r\n .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1559
1559
  // Exports
1560
1560
  ___CSS_LOADER_EXPORT___.locals = {};
1561
1561
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -50937,6 +50937,9 @@ class SliderLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
50937
50937
  nextState.value = nextProps.directValue;
50938
50938
  return true;
50939
50939
  }
50940
+ if (nextProps.label !== this.props.label) {
50941
+ return true;
50942
+ }
50940
50943
  let currentState = nextProps.target[nextProps.propertyName];
50941
50944
  if (currentState === undefined) {
50942
50945
  currentState = nextProps.maximum;
@@ -56733,7 +56736,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
56733
56736
  return finalName;
56734
56737
  };
56735
56738
  }
56736
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "nodeList", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "panes", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "pane", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "filter", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Filter", onFocus: () => (this.props.globalState.lockObject.lock = true), onBlur: () => {
56739
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "nmeNodeList", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "panes", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "pane", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "filter", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Filter", onFocus: () => (this.props.globalState.lockObject.lock = true), onBlur: () => {
56737
56740
  this.props.globalState.lockObject.lock = false;
56738
56741
  }, onChange: (evt) => this.filterContent(evt.target.value) }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-container", children: blockMenu })] }) }) }));
56739
56742
  }
@@ -58642,7 +58645,7 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
58642
58645
  parentControl.style.display = "grid";
58643
58646
  parentControl.style.gridTemplateRows = "40px auto";
58644
58647
  parentControl.id = "node-editor-graph-root";
58645
- parentControl.className = "right-panel popup";
58648
+ parentControl.className = "nme-right-panel popup";
58646
58649
  popupWindow.document.body.appendChild(parentControl);
58647
58650
  _sharedComponents_popup__WEBPACK_IMPORTED_MODULE_14__.Popup._CopyStyles(this.props.globalState.hostWindow.document, parentDocument);
58648
58651
  this[windowVariableName] = popupWindow;
@@ -58893,6 +58896,10 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
58893
58896
  emitNewBlock(blockType, targetX, targetY) {
58894
58897
  let newNode;
58895
58898
  let customBlockData;
58899
+ // Dropped something that is not a block
58900
+ if (blockType === "") {
58901
+ return;
58902
+ }
58896
58903
  if (blockType.indexOf("CustomBlock") > -1) {
58897
58904
  const storageData = localStorage.getItem(blockType);
58898
58905
  if (!storageData) {
@@ -58985,7 +58992,7 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
58985
58992
  event.preventDefault();
58986
58993
  }, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_nodeGraphSystem_graphCanvas__WEBPACK_IMPORTED_MODULE_16__.GraphCanvasComponent, { ref: this._graphCanvasRef, stateManager: this.props.globalState.stateManager, onEmitNewNode: (nodeData) => {
58987
58994
  return this.appendBlock(nodeData.data);
58988
- } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "rightGrab", onPointerDown: (evt) => this.onPointerDown(evt), onPointerUp: (evt) => this.onPointerUp(evt), onPointerMove: (evt) => this.resizeColumns(evt, false) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "right-panel", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_4__.PropertyTabComponent, { lockObject: this.props.globalState.lockObject, globalState: this.props.globalState }), !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewMeshControlComponent__WEBPACK_IMPORTED_MODULE_10__.PreviewMeshControlComponent, { globalState: this.props.globalState, togglePreviewAreaComponent: this.handlePopUp }) : null, !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewAreaComponent__WEBPACK_IMPORTED_MODULE_11__.PreviewAreaComponent, { globalState: this.props.globalState, width: this._rightWidth }) : null] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_log_logComponent__WEBPACK_IMPORTED_MODULE_6__.LogComponent, { globalState: this.props.globalState })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_components_MessageDialog__WEBPACK_IMPORTED_MODULE_7__.MessageDialog, { message: this.state.message, isError: this.state.isError, onClose: () => this.setState({ message: "" }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "blocker", children: "Node Material Editor runs only on desktop" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "wait-screen hidden", children: "Processing...please wait" })] }));
58995
+ } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "rightGrab", onPointerDown: (evt) => this.onPointerDown(evt), onPointerUp: (evt) => this.onPointerUp(evt), onPointerMove: (evt) => this.resizeColumns(evt, false) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "nme-right-panel", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_4__.PropertyTabComponent, { lockObject: this.props.globalState.lockObject, globalState: this.props.globalState }), !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewMeshControlComponent__WEBPACK_IMPORTED_MODULE_10__.PreviewMeshControlComponent, { globalState: this.props.globalState, togglePreviewAreaComponent: this.handlePopUp }) : null, !this.state.showPreviewPopUp ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_preview_previewAreaComponent__WEBPACK_IMPORTED_MODULE_11__.PreviewAreaComponent, { globalState: this.props.globalState, width: this._rightWidth }) : null] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_log_logComponent__WEBPACK_IMPORTED_MODULE_6__.LogComponent, { globalState: this.props.globalState })] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_components_MessageDialog__WEBPACK_IMPORTED_MODULE_7__.MessageDialog, { message: this.state.message, isError: this.state.isError, onClose: () => this.setState({ message: "" }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "blocker", children: "Node Material Editor runs only on desktop" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "wait-screen hidden", children: "Processing...please wait" })] }));
58989
58996
  }
58990
58997
  }
58991
58998