@babylonjs/node-geometry-editor 6.21.2 → 6.21.3

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.nodeGeometryEditor.js +1 -1
  2. package/dist/babylon.nodeGeometryEditor.js.map +1 -1
  3. package/dist/babylon.nodeGeometryEditor.max.js +176 -169
  4. package/dist/babylon.nodeGeometryEditor.max.js.map +1 -1
  5. package/package.json +2 -2
package/dist/babylon.nodeGeometryEditor.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, `#ngeNodeList {
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
+ #ngeNodeList .panes {
373
373
  overflow: hidden;
374
374
  }
375
- #nodeList .panes .pane {
375
+ #ngeNodeList .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
+ #ngeNodeList .panes .pane .filter {
385
385
  display: flex;
386
386
  align-items: stretch;
387
387
  }
388
- #nodeList .panes .pane .filter input {
388
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .panes .pane .filter input::placeholder {
407
407
  color: gray;
408
408
  }
409
- #nodeList .panes .pane .list-container {
409
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .panes .pane .list-container .draggableLine:hover {
429
429
  background: rgb(51, 183, 102);
430
430
  color: white;
431
431
  }
432
- #nodeList .panes .pane .list-container .nonDraggableLine {
432
+ #ngeNodeList .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
+ #ngeNodeList .panes .pane .list-container .withButton {
443
443
  height: 30px;
444
444
  position: relative;
445
445
  }
446
- #nodeList .panes .pane .list-container .withButton .icon {
446
+ #ngeNodeList .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
+ #ngeNodeList .panes .pane .list-container .withButton .icon:hover {
452
452
  cursor: pointer;
453
453
  }
454
- #nodeList .panes .pane .list-container .withButton .icon .img {
454
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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
+ #ngeNodeList .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/nodeGeometryEditor/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, 183, 102);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 183, 102) 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, 183, 102);\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/nodeGeometryEditor/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":["#ngeNodeList {\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, 183, 102);\r\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgb(51, 183, 102) 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, 183, 102);\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, `.nge-right-panel #propertyTab {
570
570
  color: white;
571
571
  background: #333333;
572
572
  }
573
- .right-panel #propertyTab #header {
573
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .range:hover {
615
615
  opacity: 1;
616
616
  }
617
- .right-panel #propertyTab .range::-webkit-slider-thumb {
617
+ .nge-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, 183, 102);
624
624
  cursor: pointer;
625
625
  }
626
- .right-panel #propertyTab .range::-moz-range-thumb {
626
+ .nge-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, 183, 102);
631
631
  cursor: pointer;
632
632
  }
633
- .right-panel #propertyTab input[type=color] {
633
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab input[type=color]::-webkit-color-swatch {
644
644
  border: none;
645
645
  }
646
- .right-panel #propertyTab .sliderLine {
646
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .sliderLine .floatLine .short input::-webkit-outer-spin-button,
684
+ .nge-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
+ .nge-right-panel #propertyTab .sliderLine .floatLine .short input[type=number] {
689
689
  -moz-appearance: textfield;
690
690
  }
691
- .right-panel #propertyTab .textInputLine {
691
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .paneContainer .paneList {
740
740
  border-left: 3px solid transparent;
741
741
  }
742
- .right-panel #propertyTab .paneContainer:hover .paneList {
742
+ .nge-right-panel #propertyTab .paneContainer:hover .paneList {
743
743
  border-left: 3px solid rgba(51, 183, 102, 0.8);
744
744
  }
745
- .right-panel #propertyTab .paneContainer:hover .paneContainer-content .header .title {
745
+ .nge-right-panel #propertyTab .paneContainer:hover .paneContainer-content .header .title {
746
746
  border-left: 3px solid rgb(51, 183, 102);
747
747
  }
748
- .right-panel #propertyTab .paneContainer .paneContainer-highlight-border {
748
+ .nge-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
+ .nge-right-panel #propertyTab .paneContainer .paneContainer-highlight-border.transparent {
757
757
  opacity: 0;
758
758
  }
759
- .right-panel #propertyTab .paneContainer .paneContainer-content {
759
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .gradient-step .step-slider {
842
842
  grid-row: 1;
843
843
  grid-column: 4;
844
844
  display: grid;
@@ -847,49 +847,49 @@ ___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
+ .nge-right-panel #propertyTab .gradient-step .step-slider input {
851
851
  width: 90%;
852
852
  }
853
- .right-panel #propertyTab .gradient-step .gradient-copy {
853
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .gradient-step .gradient-copy .img:hover {
865
865
  cursor: pointer;
866
866
  }
867
- .right-panel #propertyTab .gradient-step .gradient-delete {
867
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .gradient-step .gradient-delete .img:hover {
879
879
  cursor: pointer;
880
880
  }
881
- .right-panel #propertyTab .floatLine {
881
+ .nge-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
+ .nge-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
+ .nge-right-panel #propertyTab .floatLine .value {
893
893
  align-self: center;
894
894
  grid-column: 2;
895
895
  display: flex;
@@ -901,82 +901,82 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
901
901
  width: 110px;
902
902
  height: 10px;
903
903
  }
904
- .right-panel #propertyTab .floatLine .value:focus {
904
+ .nge-right-panel #propertyTab .floatLine .value:focus {
905
905
  color: #212529;
906
906
  background-color: #fff;
907
907
  border-color: #86b7fe;
908
908
  outline: 0;
909
909
  box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);
910
910
  }
911
- .right-panel #propertyTab .floatLine .value input {
911
+ .nge-right-panel #propertyTab .floatLine .value input {
912
912
  display: inline-block;
913
913
  width: 100%;
914
914
  border: none;
915
915
  background: none;
916
916
  }
917
- .right-panel #propertyTab .floatLine .value input:focus {
917
+ .nge-right-panel #propertyTab .floatLine .value input:focus {
918
918
  color: #203b35;
919
919
  outline: none;
920
920
  border: 0px;
921
921
  box-shadow: none;
922
922
  }
923
- .right-panel #propertyTab .floatLine .short {
923
+ .nge-right-panel #propertyTab .floatLine .short {
924
924
  grid-column: 2;
925
925
  display: flex;
926
926
  align-items: center;
927
927
  }
928
- .right-panel #propertyTab .floatLine .short input {
928
+ .nge-right-panel #propertyTab .floatLine .short input {
929
929
  width: 27px;
930
930
  }
931
- .right-panel #propertyTab .floatLine .short input::-webkit-outer-spin-button,
932
- .right-panel #propertyTab .floatLine .short input::-webkit-inner-spin-button {
931
+ .nge-right-panel #propertyTab .floatLine .short input::-webkit-outer-spin-button,
932
+ .nge-right-panel #propertyTab .floatLine .short input::-webkit-inner-spin-button {
933
933
  -webkit-appearance: none;
934
934
  margin: 0;
935
935
  }
936
- .right-panel #propertyTab .floatLine .short input[type=number] {
936
+ .nge-right-panel #propertyTab .floatLine .short input[type=number] {
937
937
  -moz-appearance: textfield;
938
938
  }
939
- .right-panel #propertyTab .vector3Line {
939
+ .nge-right-panel #propertyTab .vector3Line {
940
940
  padding-left: 5px;
941
941
  display: grid;
942
942
  }
943
- .right-panel #propertyTab .vector3Line .firstLine {
943
+ .nge-right-panel #propertyTab .vector3Line .firstLine {
944
944
  display: grid;
945
945
  grid-template-columns: 1fr auto 20px;
946
946
  height: 30px;
947
947
  }
948
- .right-panel #propertyTab .vector3Line .firstLine .label {
948
+ .nge-right-panel #propertyTab .vector3Line .firstLine .label {
949
949
  grid-column: 1;
950
950
  display: flex;
951
951
  align-items: center;
952
952
  }
953
- .right-panel #propertyTab .vector3Line .firstLine .vector {
953
+ .nge-right-panel #propertyTab .vector3Line .firstLine .vector {
954
954
  grid-column: 2;
955
955
  display: flex;
956
956
  align-items: center;
957
957
  text-align: right;
958
958
  opacity: 0.8;
959
959
  }
960
- .right-panel #propertyTab .vector3Line .firstLine .expand {
960
+ .nge-right-panel #propertyTab .vector3Line .firstLine .expand {
961
961
  grid-column: 3;
962
962
  display: grid;
963
963
  align-items: center;
964
964
  justify-items: center;
965
965
  cursor: pointer;
966
966
  }
967
- .right-panel #propertyTab .vector3Line .secondLine {
967
+ .nge-right-panel #propertyTab .vector3Line .secondLine {
968
968
  display: grid;
969
969
  padding-right: 5px;
970
970
  border-left: 1px solid rgb(51, 183, 102);
971
971
  }
972
- .right-panel #propertyTab .vector3Line .secondLine .no-right-margin {
972
+ .nge-right-panel #propertyTab .vector3Line .secondLine .no-right-margin {
973
973
  margin-right: 0;
974
974
  }
975
- .right-panel #propertyTab .vector3Line .secondLine .numeric {
975
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric {
976
976
  display: grid;
977
977
  grid-template-columns: 1fr auto;
978
978
  }
979
- .right-panel #propertyTab .vector3Line .secondLine .numeric-label {
979
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric-label {
980
980
  text-align: right;
981
981
  grid-column: 1;
982
982
  display: flex;
@@ -984,7 +984,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
984
984
  justify-self: right;
985
985
  margin-right: 10px;
986
986
  }
987
- .right-panel #propertyTab .vector3Line .secondLine .numeric-value {
987
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric-value {
988
988
  align-self: center;
989
989
  grid-column: 2;
990
990
  display: flex;
@@ -996,39 +996,39 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
996
996
  width: 120px;
997
997
  height: 10px;
998
998
  }
999
- .right-panel #propertyTab .vector3Line .secondLine .numeric-value:focus {
999
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric-value:focus {
1000
1000
  color: #212529;
1001
1001
  background-color: #fff;
1002
1002
  border-color: #86b7fe;
1003
1003
  outline: 0;
1004
1004
  box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);
1005
1005
  }
1006
- .right-panel #propertyTab .vector3Line .secondLine .numeric-value input {
1006
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric-value input {
1007
1007
  display: inline-block;
1008
1008
  width: 100%;
1009
1009
  border: none;
1010
1010
  background: none;
1011
1011
  }
1012
- .right-panel #propertyTab .vector3Line .secondLine .numeric-value input:focus {
1012
+ .nge-right-panel #propertyTab .vector3Line .secondLine .numeric-value input:focus {
1013
1013
  color: #203b35;
1014
1014
  outline: none;
1015
1015
  border: 0px;
1016
1016
  box-shadow: none;
1017
1017
  }
1018
- .right-panel #propertyTab .buttonLine {
1018
+ .nge-right-panel #propertyTab .buttonLine {
1019
1019
  height: 30px;
1020
1020
  display: grid;
1021
1021
  align-items: center;
1022
1022
  justify-items: stretch;
1023
1023
  padding-bottom: 5px;
1024
1024
  }
1025
- .right-panel #propertyTab .buttonLine.disabled {
1025
+ .nge-right-panel #propertyTab .buttonLine.disabled {
1026
1026
  opacity: 0.3;
1027
1027
  }
1028
- .right-panel #propertyTab .buttonLine input[type=file] {
1028
+ .nge-right-panel #propertyTab .buttonLine input[type=file] {
1029
1029
  display: none;
1030
1030
  }
1031
- .right-panel #propertyTab .buttonLine .file-upload {
1031
+ .nge-right-panel #propertyTab .buttonLine .file-upload {
1032
1032
  background: #222222;
1033
1033
  border: 1px solid rgb(51, 183, 102);
1034
1034
  margin: 5px 10px;
@@ -1039,14 +1039,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1039
1039
  cursor: pointer;
1040
1040
  text-align: center;
1041
1041
  }
1042
- .right-panel #propertyTab .buttonLine .file-upload:hover {
1042
+ .nge-right-panel #propertyTab .buttonLine .file-upload:hover {
1043
1043
  opacity: 1;
1044
1044
  }
1045
- .right-panel #propertyTab .buttonLine .file-upload:active {
1045
+ .nge-right-panel #propertyTab .buttonLine .file-upload:active {
1046
1046
  transform: scale(0.98);
1047
1047
  transform-origin: 0.5 0.5;
1048
1048
  }
1049
- .right-panel #propertyTab .buttonLine button {
1049
+ .nge-right-panel #propertyTab .buttonLine button {
1050
1050
  background: #222222;
1051
1051
  border: 1px solid rgb(51, 183, 102);
1052
1052
  margin: 5px 10px 5px 10px;
@@ -1054,33 +1054,33 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1054
1054
  padding: 4px 5px;
1055
1055
  opacity: 0.9;
1056
1056
  }
1057
- .right-panel #propertyTab .buttonLine button:hover {
1057
+ .nge-right-panel #propertyTab .buttonLine button:hover {
1058
1058
  opacity: 1;
1059
1059
  }
1060
- .right-panel #propertyTab .buttonLine button:active {
1060
+ .nge-right-panel #propertyTab .buttonLine button:active {
1061
1061
  background: #282828;
1062
1062
  }
1063
- .right-panel #propertyTab .buttonLine button:focus {
1063
+ .nge-right-panel #propertyTab .buttonLine button:focus {
1064
1064
  border: 1px solid rgb(51, 183, 102);
1065
1065
  outline: 0px;
1066
1066
  }
1067
- .right-panel #propertyTab .checkBoxLine {
1067
+ .nge-right-panel #propertyTab .checkBoxLine {
1068
1068
  padding-left: 5px;
1069
1069
  height: 30px;
1070
1070
  display: grid;
1071
1071
  grid-template-columns: 1fr auto;
1072
1072
  }
1073
- .right-panel #propertyTab .checkBoxLine .label {
1073
+ .nge-right-panel #propertyTab .checkBoxLine .label {
1074
1074
  grid-column: 1;
1075
1075
  display: flex;
1076
1076
  align-items: center;
1077
1077
  }
1078
- .right-panel #propertyTab .checkBoxLine .checkBox {
1078
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox {
1079
1079
  grid-column: 2;
1080
1080
  display: flex;
1081
1081
  align-items: center;
1082
1082
  }
1083
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl {
1083
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .lbl {
1084
1084
  position: relative;
1085
1085
  display: block;
1086
1086
  height: 14px;
@@ -1091,7 +1091,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1091
1091
  cursor: pointer;
1092
1092
  transition: all 0.3s ease;
1093
1093
  }
1094
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl:after {
1094
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .lbl:after {
1095
1095
  position: absolute;
1096
1096
  left: 3px;
1097
1097
  top: 2px;
@@ -1104,110 +1104,110 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1104
1104
  content: "";
1105
1105
  transition: all 0.15s ease;
1106
1106
  }
1107
- .right-panel #propertyTab .checkBoxLine .checkBox .lbl:active:after {
1107
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .lbl:active:after {
1108
1108
  transform: scale(1.15, 0.85);
1109
1109
  }
1110
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {
1110
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label {
1111
1111
  background: rgb(51, 183, 102);
1112
1112
  }
1113
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {
1113
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label:after {
1114
1114
  left: 20px;
1115
1115
  background: rgb(24, 117, 22);
1116
1116
  }
1117
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {
1117
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled {
1118
1118
  background: rgb(22, 117, 36);
1119
1119
  cursor: pointer;
1120
1120
  }
1121
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {
1121
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .cbx:checked ~ label.disabled:after {
1122
1122
  left: 20px;
1123
1123
  background: rgb(85, 85, 85);
1124
1124
  cursor: pointer;
1125
1125
  }
1126
- .right-panel #propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {
1126
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .cbx ~ label.disabled {
1127
1127
  background: rgb(85, 85, 85);
1128
1128
  cursor: pointer;
1129
1129
  }
1130
- .right-panel #propertyTab .checkBoxLine .checkBox .hidden {
1130
+ .nge-right-panel #propertyTab .checkBoxLine .checkBox .hidden {
1131
1131
  display: none;
1132
1132
  }
1133
- .right-panel #propertyTab .listLine {
1133
+ .nge-right-panel #propertyTab .listLine {
1134
1134
  padding-left: 5px;
1135
1135
  height: 30px;
1136
1136
  display: grid;
1137
1137
  grid-template-columns: 1fr auto;
1138
1138
  }
1139
- .right-panel #propertyTab .listLine .label {
1139
+ .nge-right-panel #propertyTab .listLine .label {
1140
1140
  grid-column: 1;
1141
1141
  display: flex;
1142
1142
  align-items: center;
1143
1143
  }
1144
- .right-panel #propertyTab .listLine .options {
1144
+ .nge-right-panel #propertyTab .listLine .options {
1145
1145
  grid-column: 2;
1146
1146
  display: flex;
1147
1147
  align-items: center;
1148
1148
  margin-right: 5px;
1149
1149
  }
1150
- .right-panel #propertyTab .listLine .options select {
1150
+ .nge-right-panel #propertyTab .listLine .options select {
1151
1151
  width: 115px;
1152
1152
  }
1153
- .right-panel #propertyTab .color3Line {
1153
+ .nge-right-panel #propertyTab .color3Line {
1154
1154
  padding-left: 5px;
1155
1155
  display: grid;
1156
1156
  }
1157
- .right-panel #propertyTab .color3Line .firstLine {
1157
+ .nge-right-panel #propertyTab .color3Line .firstLine {
1158
1158
  height: 30px;
1159
1159
  display: grid;
1160
1160
  grid-template-columns: 1fr auto 0px 20px 20px;
1161
1161
  }
1162
- .right-panel #propertyTab .color3Line .firstLine .label {
1162
+ .nge-right-panel #propertyTab .color3Line .firstLine .label {
1163
1163
  grid-column: 1;
1164
1164
  display: flex;
1165
1165
  align-items: center;
1166
1166
  }
1167
- .right-panel #propertyTab .color3Line .firstLine .textInputLine {
1167
+ .nge-right-panel #propertyTab .color3Line .firstLine .textInputLine {
1168
1168
  display: none;
1169
1169
  }
1170
- .right-panel #propertyTab .color3Line .firstLine .color3 {
1170
+ .nge-right-panel #propertyTab .color3Line .firstLine .color3 {
1171
1171
  grid-column: 2;
1172
1172
  width: 50px;
1173
1173
  display: flex;
1174
1174
  align-items: center;
1175
1175
  }
1176
- .right-panel #propertyTab .color3Line .firstLine .color3 input {
1176
+ .nge-right-panel #propertyTab .color3Line .firstLine .color3 input {
1177
1177
  margin-right: 5px;
1178
1178
  }
1179
- .right-panel #propertyTab .color3Line .firstLine .copy {
1179
+ .nge-right-panel #propertyTab .color3Line .firstLine .copy {
1180
1180
  grid-column: 4;
1181
1181
  display: grid;
1182
1182
  align-items: center;
1183
1183
  justify-items: center;
1184
1184
  cursor: pointer;
1185
1185
  }
1186
- .right-panel #propertyTab .color3Line .firstLine .copy img {
1186
+ .nge-right-panel #propertyTab .color3Line .firstLine .copy img {
1187
1187
  height: 100%;
1188
1188
  width: 24px;
1189
1189
  }
1190
- .right-panel #propertyTab .color3Line .firstLine .expand {
1190
+ .nge-right-panel #propertyTab .color3Line .firstLine .expand {
1191
1191
  grid-column: 5;
1192
1192
  display: grid;
1193
1193
  align-items: center;
1194
1194
  justify-items: center;
1195
1195
  cursor: pointer;
1196
1196
  }
1197
- .right-panel #propertyTab .color3Line .firstLine .expand img {
1197
+ .nge-right-panel #propertyTab .color3Line .firstLine .expand img {
1198
1198
  height: 100%;
1199
1199
  width: 20px;
1200
1200
  }
1201
- .right-panel #propertyTab .color3Line .secondLine {
1201
+ .nge-right-panel #propertyTab .color3Line .secondLine {
1202
1202
  display: grid;
1203
1203
  padding-right: 5px;
1204
1204
  border-left: 1px solid rgb(51, 183, 102);
1205
1205
  }
1206
- .right-panel #propertyTab .color3Line .secondLine .numeric {
1206
+ .nge-right-panel #propertyTab .color3Line .secondLine .numeric {
1207
1207
  display: grid;
1208
1208
  grid-template-columns: 1fr auto;
1209
1209
  }
1210
- .right-panel #propertyTab .color3Line .secondLine .numeric-label {
1210
+ .nge-right-panel #propertyTab .color3Line .secondLine .numeric-label {
1211
1211
  text-align: right;
1212
1212
  grid-column: 1;
1213
1213
  display: flex;
@@ -1215,28 +1215,28 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1215
1215
  justify-self: right;
1216
1216
  margin-right: 10px;
1217
1217
  }
1218
- .right-panel #propertyTab .color3Line .secondLine .numeric-value {
1218
+ .nge-right-panel #propertyTab .color3Line .secondLine .numeric-value {
1219
1219
  width: 120px;
1220
1220
  grid-column: 2;
1221
1221
  display: flex;
1222
1222
  align-items: center;
1223
1223
  border: 1px solid rgb(51, 183, 102);
1224
1224
  }
1225
- .right-panel #propertyTab .textLine {
1225
+ .nge-right-panel #propertyTab .textLine {
1226
1226
  padding-left: 5px;
1227
1227
  height: 30px;
1228
1228
  display: grid;
1229
1229
  grid-template-columns: 1fr auto;
1230
1230
  }
1231
- .right-panel #propertyTab .textLine .label {
1231
+ .nge-right-panel #propertyTab .textLine .label {
1232
1232
  grid-column: 1;
1233
1233
  display: flex;
1234
1234
  align-items: center;
1235
1235
  }
1236
- .right-panel #propertyTab .textLine.label-center {
1236
+ .nge-right-panel #propertyTab .textLine.label-center {
1237
1237
  justify-items: center;
1238
1238
  }
1239
- .right-panel #propertyTab .textLine .link-value {
1239
+ .nge-right-panel #propertyTab .textLine .link-value {
1240
1240
  grid-column: 2;
1241
1241
  white-space: nowrap;
1242
1242
  text-overflow: ellipsis;
@@ -1249,7 +1249,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1249
1249
  text-decoration: underline;
1250
1250
  cursor: pointer;
1251
1251
  }
1252
- .right-panel #propertyTab .textLine .value {
1252
+ .nge-right-panel #propertyTab .textLine .value {
1253
1253
  grid-column: 2;
1254
1254
  white-space: nowrap;
1255
1255
  text-overflow: ellipsis;
@@ -1264,12 +1264,12 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.right-panel #propertyTab {
1264
1264
  -ms-user-select: text;
1265
1265
  user-select: text;
1266
1266
  }
1267
- .right-panel #propertyTab .textLine .value.check {
1267
+ .nge-right-panel #propertyTab .textLine .value.check {
1268
1268
  color: green;
1269
1269
  }
1270
- .right-panel #propertyTab .textLine .value.uncheck {
1270
+ .nge-right-panel #propertyTab .textLine .value.uncheck {
1271
1271
  color: red;
1272
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","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, 183, 102);\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, 183, 102);\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, 183, 102, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 183, 102);\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 align-self: center;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ced4da;\r\n padding: 5px 2px;\r\n border-radius: 3px;\r\n background: white;\r\n width: 110px;\r\n height: 10px;\r\n\r\n &:focus {\r\n color: #212529;\r\n background-color: #fff;\r\n border-color: #86b7fe;\r\n outline: 0;\r\n box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);\r\n }\r\n\r\n input {\r\n display: inline-block;\r\n width: 100%;\r\n border: none;\r\n background: none;\r\n\r\n &:focus {\r\n color: #203b35;\r\n outline: none;\r\n border: 0px;\r\n box-shadow: none;\r\n }\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, 183, 102);\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 align-self: center;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ced4da;\r\n padding: 5px 2px;\r\n border-radius: 3px;\r\n background: white;\r\n width: 120px;\r\n height: 10px;\r\n\r\n &:focus {\r\n color: #212529;\r\n background-color: #fff;\r\n border-color: #86b7fe;\r\n outline: 0;\r\n box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);\r\n }\r\n\r\n input {\r\n display: inline-block;\r\n width: 100%;\r\n border: none;\r\n background: none;\r\n\r\n &:focus {\r\n color: #203b35;\r\n outline: none;\r\n border: 0px;\r\n box-shadow: none;\r\n }\r\n }\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, 183, 102);\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, 183, 102);\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, 183, 102);\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, 183, 102);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(24, 117, 22);\r\n }\r\n\r\n .cbx:checked ~ label.disabled {\r\n background: rgb(22, 117, 36);\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, 183, 102);\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, 183, 102);\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 &.label-center {\r\n justify-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":""}]);
1272
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/components/propertyTab/propertyTab.scss"],"names":[],"mappings":"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","sourcesContent":[".nge-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, 183, 102);\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, 183, 102);\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, 183, 102, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 183, 102);\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 align-self: center;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ced4da;\r\n padding: 5px 2px;\r\n border-radius: 3px;\r\n background: white;\r\n width: 110px;\r\n height: 10px;\r\n\r\n &:focus {\r\n color: #212529;\r\n background-color: #fff;\r\n border-color: #86b7fe;\r\n outline: 0;\r\n box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);\r\n }\r\n\r\n input {\r\n display: inline-block;\r\n width: 100%;\r\n border: none;\r\n background: none;\r\n\r\n &:focus {\r\n color: #203b35;\r\n outline: none;\r\n border: 0px;\r\n box-shadow: none;\r\n }\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, 183, 102);\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 align-self: center;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ced4da;\r\n padding: 5px 2px;\r\n border-radius: 3px;\r\n background: white;\r\n width: 120px;\r\n height: 10px;\r\n\r\n &:focus {\r\n color: #212529;\r\n background-color: #fff;\r\n border-color: #86b7fe;\r\n outline: 0;\r\n box-shadow: 0 0 0 0.25rem rgb(13, 110, 253);\r\n }\r\n\r\n input {\r\n display: inline-block;\r\n width: 100%;\r\n border: none;\r\n background: none;\r\n\r\n &:focus {\r\n color: #203b35;\r\n outline: none;\r\n border: 0px;\r\n box-shadow: none;\r\n }\r\n }\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, 183, 102);\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, 183, 102);\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, 183, 102);\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, 183, 102);\r\n }\r\n\r\n .cbx:checked ~ label:after {\r\n left: 20px;\r\n background: rgb(24, 117, 22);\r\n }\r\n\r\n .cbx:checked ~ label.disabled {\r\n background: rgb(22, 117, 36);\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, 183, 102);\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, 183, 102);\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 &.label-center {\r\n justify-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":""}]);
1273
1273
  // Exports
1274
1274
  ___CSS_LOADER_EXPORT___.locals = {};
1275
1275
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -1326,7 +1326,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-geometry-editor-graph-root {
1326
1326
  #node-geometry-editor-graph-root .wait-screen.hidden {
1327
1327
  visibility: hidden;
1328
1328
  }
1329
- #node-geometry-editor-graph-root #nodeList {
1329
+ #node-geometry-editor-graph-root #ngeNodeList {
1330
1330
  grid-row: 1/span 2;
1331
1331
  grid-column: 1;
1332
1332
  }
@@ -1352,7 +1352,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-geometry-editor-graph-root {
1352
1352
  width: 100%;
1353
1353
  height: 100%;
1354
1354
  }
1355
- #node-geometry-editor-graph-root .right-panel {
1355
+ #node-geometry-editor-graph-root .nge-right-panel {
1356
1356
  grid-row: 1/span 2;
1357
1357
  grid-column: 5;
1358
1358
  display: grid;
@@ -1601,7 +1601,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#node-geometry-editor-graph-root {
1601
1601
  }
1602
1602
  #node-geometry-editor-graph-root .InputBlock {
1603
1603
  width: 250px;
1604
- }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/main.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,4CAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,uBAAA;AACJ;AACI;EACI,2BAAA;EACA,gBAAA;AACR;AAEI;EACI,aAAA;EACA,uBAAA;EACA,qBAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;AAAR;AAEQ;EACI,kBAAA;AAAZ;AAII;EACI,kBAAA;EACA,cAAA;AAFR;AAKI;EACI,kBAAA;EACA,cAAA;EACA,iBAAA;AAHR;AAMI;EACI,kBAAA;EACA,cAAA;EACA,iBAAA;AAJR;AAOI;EACI,WAAA;EACA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AALR;AAOQ;EACI,aAAA;EACA,WAAA;EACA,YAAA;AALZ;AASI;EACI,kBAAA;EACA,cAAA;EACA,aAAA;EACA,sCAAA;EACA,2BAAA;EACA,YAAA;EACA,gBAAA;AAPR;AAUI;EACI,WAAA;EACA,cAAA;AARR;AAWI;EACI,aAAA;EACA,uBAAA;EACA,qBAAA;EACA,YAAA;EACA,qBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,YAAA;EACA,YAAA;AATZ;AAYQ;EACI,6BAAA;EACA,YAAA;AAVZ;AAaQ;EACI,wBAAA;EACA,kBAAA;AAXZ;AAeI;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,8CAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AAbR;AAeQ;EACI,aAAA;AAbZ;AAgBQ;EACI,cAAA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;AAdZ;AAgBY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AAdhB;AAiBY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;EACA,gBAAA;AAhBhB;AAkBgB;EACI,YAAA;AAhBpB;AAqBQ;EACI,cAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;AAnBZ;AAqBY;EACI,qBAAA;AAnBhB;AAsBY;EACI,mBAAA;AApBhB;AAuBY;EACI,mBAAA;AArBhB;AAwBY;EACI,YAAA;EACA,WAAA;AAtBhB;AA0BQ;EACI,cAAA;AAxBZ;AA2BQ;EACI,cAAA;EACA,aAAA;EACA,2BAAA;EACA,wBAAA;AAzBZ;AA2BY;EACI,YAAA;EACA,WAAA;AAzBhB;AA2BY;EACI,cAAA;EACA,WAAA;EACA,kBAAA;EACA,oBAAA;AAzBhB;AA4BY;EACI,mBAAA;EACA,cAAA;EACA,WAAA;AA1BhB;AA6BY;EACI,WAAA;EACA,uBAAA;EACA,eAAA;AA3BhB;AA+BQ;EACI,cAAA;AA7BZ;AAgCQ;EACI,yBAAA;EACA,cAAA;AA9BZ;AAkCI;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,mDAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;AAhCR;AAkCQ;EACI,0BAAA;AAhCZ;AAmCQ;EACI,iBAAA;EACA,YAAA;EACA,aAAA;EACA,+BAAA;AAjCZ;AAmCY;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AAjChB;AAoCY;EACI,cAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;AAnChB;AAqCgB;EACI,YAAA;AAnCpB;AAwCQ;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;AAtCZ;AAwCY;EACI,mBAAA;AAtChB;AAyCY;EACI,mBAAA;AAvChB;AA0CY;EACI,qBAAA;AAxChB;AA2CY;EACI,YAAA;EACA,WAAA;AAzChB;AA4CY;EACI,cAAA;AA1ChB;AA6CY;EACI,cAAA;AA3ChB;AA8CY;EACI,cAAA;AA5ChB;AA+CY;EACI,cAAA;AA7ChB;AAkDI;EACI,qCAAA;EACA,WAAA;EACA,cAAA;EACA,WAAA;EACA,aAAA;EACA,2BAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EACA,iBAAA;EACA,gBAAA;AAhDR;AAkDQ;EACI,WAAA;EACA,YAAA;EACA,qBAAA;EACA,qBAAA;EACA,WAAA;EACA,cAAA;AAhDZ;AAmDQ;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;EACA,qBAAA;EACA,uBAAA;EACA,kCAAA;EACA,WAAA;EACA,aAAA;EACA,yBAAA;AAjDZ;AAmDY;EACI,UAAA;EACA,oBAAA;AAjDhB;AAsDI;EACI,kBAAA;EACA,kBAAA;EACA,wBAAA;EACA,YAAA;EACA,MAAA;EACA,OAAA;EAEA,kCAAA;EACA,yBAAA;EACA,YAAA;EACA,eAAA;EAEA,aAAA;EACA,qBAAA;EACA,uBAAA;EAEA,iBAAA;EAEA,aAAA;EACA,kBAAA;AAxDR;AA2DI;EACI,WAAA;EACA,cAAA;AAzDR;AA4DI;EACI,YAAA;AA1DR","sourcesContent":["#node-geometry-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: #5f655b;\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, 183, 102);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 183, 102);\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 grid-column: 1;\r\n grid-row: 1;\r\n align-self: center;\r\n justify-self: center;\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: 1fr 40px 40px 40px 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 &.mat-texture {\r\n grid-column: 3;\r\n }\r\n\r\n &.mat-cap {\r\n grid-column: 4;\r\n }\r\n\r\n &.vertex-color {\r\n grid-column: 5;\r\n }\r\n\r\n &.wireframe {\r\n grid-column: 6;\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 .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1604
+ }`, "",{"version":3,"sources":["webpack://./../../../tools/nodeGeometryEditor/dist/main.scss"],"names":[],"mappings":"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","sourcesContent":["#node-geometry-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 #ngeNodeList {\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: #5f655b;\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 .nge-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, 183, 102);\r\n color: white;\r\n opacity: 0.8;\r\n }\r\n\r\n &.selected {\r\n background: rgb(51, 183, 102);\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 grid-column: 1;\r\n grid-row: 1;\r\n align-self: center;\r\n justify-self: center;\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: 1fr 40px 40px 40px 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 &.mat-texture {\r\n grid-column: 3;\r\n }\r\n\r\n &.mat-cap {\r\n grid-column: 4;\r\n }\r\n\r\n &.vertex-color {\r\n grid-column: 5;\r\n }\r\n\r\n &.wireframe {\r\n grid-column: 6;\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 .InputBlock {\r\n width: 250px;\r\n }\r\n}\r\n"],"sourceRoot":""}]);
1605
1605
  // Exports
1606
1606
  ___CSS_LOADER_EXPORT___.locals = {};
1607
1607
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -50630,6 +50630,9 @@ class SliderLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
50630
50630
  nextState.value = nextProps.directValue;
50631
50631
  return true;
50632
50632
  }
50633
+ if (nextProps.label !== this.props.label) {
50634
+ return true;
50635
+ }
50633
50636
  let currentState = nextProps.target[nextProps.propertyName];
50634
50637
  if (currentState === undefined) {
50635
50638
  currentState = nextProps.maximum;
@@ -56044,7 +56047,7 @@ class NodeListComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
56044
56047
  return finalName;
56045
56048
  };
56046
56049
  }
56047
- 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: () => {
56050
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { id: "ngeNodeList", 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: () => {
56048
56051
  this.props.globalState.lockObject.lock = false;
56049
56052
  }, onChange: (evt) => this.filterContent(evt.target.value) }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "list-container", children: blockMenu })] }) }) }));
56050
56053
  }
@@ -57320,7 +57323,7 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
57320
57323
  parentControl.style.display = "grid";
57321
57324
  parentControl.style.gridTemplateRows = "40px auto";
57322
57325
  parentControl.id = "node-geometry-editor-graph-root";
57323
- parentControl.className = "right-panel popup";
57326
+ parentControl.className = "nge-right-panel popup";
57324
57327
  popupWindow.document.body.appendChild(parentControl);
57325
57328
  _sharedComponents_popup__WEBPACK_IMPORTED_MODULE_14__.Popup._CopyStyles(this.props.globalState.hostWindow.document, parentDocument);
57326
57329
  this[windowVariableName] = popupWindow;
@@ -57567,6 +57570,10 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
57567
57570
  emitNewBlock(blockType, targetX, targetY) {
57568
57571
  let newNode;
57569
57572
  let customBlockData;
57573
+ // Dropped something that is not a node
57574
+ if (blockType === "") {
57575
+ return;
57576
+ }
57570
57577
  if (blockType.indexOf("CustomBlock") > -1) {
57571
57578
  const storageData = localStorage.getItem(blockType);
57572
57579
  if (!storageData) {
@@ -57651,7 +57658,7 @@ class GraphEditor extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
57651
57658
  event.preventDefault();
57652
57659
  }, 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) => {
57653
57660
  return this.appendBlock(nodeData.data);
57654
- } }) }), (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_3__.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_5__.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 Geometry Editor runs only on desktop" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "wait-screen hidden", children: "Processing...please wait" })] }));
57661
+ } }) }), (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: "nge-right-panel", children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_propertyTab_propertyTabComponent__WEBPACK_IMPORTED_MODULE_3__.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_5__.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 Geometry Editor runs only on desktop" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "wait-screen hidden", children: "Processing...please wait" })] }));
57655
57662
  }
57656
57663
  }
57657
57664