lexgui 0.1.40 → 0.1.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/audio.js +63 -26
- package/build/components/codeeditor.js +91 -35
- package/build/components/imui.js +1 -1
- package/build/components/nodegraph.js +2 -2
- package/build/components/timeline.js +223 -160
- package/build/lexgui.css +65 -1
- package/build/lexgui.js +466 -262
- package/build/lexgui.module.js +466 -261
- package/changelog.md +33 -2
- package/demo.js +12 -12
- package/examples/asset_view.html +13 -9
- package/examples/code_editor.html +8 -6
- package/package.json +1 -1
package/build/lexgui.css
CHANGED
|
@@ -2562,6 +2562,45 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2562
2562
|
border-radius: 50%;
|
|
2563
2563
|
position: relative;
|
|
2564
2564
|
box-shadow: 0px 3px 9px 2px #121212a9;
|
|
2565
|
+
--knob-snap-mark: 45deg;
|
|
2566
|
+
}
|
|
2567
|
+
|
|
2568
|
+
/* Arc Indicator */
|
|
2569
|
+
.lexknob .knobcircle::before {
|
|
2570
|
+
content: "";
|
|
2571
|
+
position: absolute;
|
|
2572
|
+
width: 125%;
|
|
2573
|
+
height: 125%;
|
|
2574
|
+
top: -15.5%;
|
|
2575
|
+
left: -15.5%;
|
|
2576
|
+
border-radius: 50%;
|
|
2577
|
+
border: 2px solid rgba(255, 255, 255, 0.2);
|
|
2578
|
+
border-bottom-color: transparent;
|
|
2579
|
+
}
|
|
2580
|
+
|
|
2581
|
+
/* Tick Marks */
|
|
2582
|
+
.lexknob.show-ticks .knobcircle::after {
|
|
2583
|
+
content: "";
|
|
2584
|
+
position: absolute;
|
|
2585
|
+
width: 130%;
|
|
2586
|
+
height: 130%;
|
|
2587
|
+
top: -15.5%;
|
|
2588
|
+
left: -15.5%;
|
|
2589
|
+
border-radius: 50%;
|
|
2590
|
+
pointer-events: none;
|
|
2591
|
+
mask-image: radial-gradient(circle, transparent 60%, black 60%), conic-gradient(
|
|
2592
|
+
transparent -135deg,
|
|
2593
|
+
black -135deg 275deg,
|
|
2594
|
+
transparent 275deg
|
|
2595
|
+
);
|
|
2596
|
+
-webkit-mask-composite: intersect;
|
|
2597
|
+
mask-composite: intersect;
|
|
2598
|
+
background: repeating-conic-gradient(
|
|
2599
|
+
transparent 0deg,
|
|
2600
|
+
rgba(255, 255, 255, 0.4) 1deg 3deg,
|
|
2601
|
+
transparent 4deg calc( var(--knob-snap-mark) - 1deg )
|
|
2602
|
+
);
|
|
2603
|
+
transform: rotate(-135deg);
|
|
2565
2604
|
}
|
|
2566
2605
|
|
|
2567
2606
|
.lexknob.sm .knobcircle {
|
|
@@ -2606,6 +2645,10 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2606
2645
|
margin-top: 6px;
|
|
2607
2646
|
}
|
|
2608
2647
|
|
|
2648
|
+
.lexknob.disabled .knobmarker {
|
|
2649
|
+
background-color: var(--global-text-terciary);
|
|
2650
|
+
}
|
|
2651
|
+
|
|
2609
2652
|
.lexknob.sm .knobmarker {
|
|
2610
2653
|
width: 5px;
|
|
2611
2654
|
height: 5px;
|
|
@@ -2808,6 +2851,7 @@ meter::-webkit-meter-even-less-good-value {
|
|
|
2808
2851
|
}
|
|
2809
2852
|
|
|
2810
2853
|
ul.lexassetscontent {
|
|
2854
|
+
position: relative;
|
|
2811
2855
|
-webkit-text-size-adjust: 100%;
|
|
2812
2856
|
font-size: var(--global-font-size);
|
|
2813
2857
|
color: #AAA;
|
|
@@ -2851,6 +2895,24 @@ ul.lexassetscontent {
|
|
|
2851
2895
|
border-top: 4px solid rgba(0,0,0,0);
|
|
2852
2896
|
}
|
|
2853
2897
|
|
|
2898
|
+
.lexassetscontent .lexitemdesc {
|
|
2899
|
+
position: absolute;
|
|
2900
|
+
font-weight: 600;
|
|
2901
|
+
background-color: #afafaf;
|
|
2902
|
+
color: var(--global-color-primary);
|
|
2903
|
+
font-size: 14px;
|
|
2904
|
+
border-radius: 6px;
|
|
2905
|
+
display: none;
|
|
2906
|
+
opacity: 0;
|
|
2907
|
+
z-index: 102;
|
|
2908
|
+
padding: 2px 6px;
|
|
2909
|
+
transition: opacity ease-in 0.1s;
|
|
2910
|
+
pointer-events: none;
|
|
2911
|
+
}
|
|
2912
|
+
|
|
2913
|
+
.lexassetscontent li:hover + .lexitemdesc {
|
|
2914
|
+
opacity: 1;
|
|
2915
|
+
}
|
|
2854
2916
|
.lexassetscontent.list li {
|
|
2855
2917
|
width: calc(100% - 0.5em);
|
|
2856
2918
|
height: 1.8em;
|
|
@@ -3438,7 +3500,6 @@ pre .line-gutter {
|
|
|
3438
3500
|
.cm-sym.wgsl { color: #f9cb20; } /* symbol */
|
|
3439
3501
|
.cm-ppc.wgsl { color: #99caf1; } /* preprocessor */
|
|
3440
3502
|
|
|
3441
|
-
|
|
3442
3503
|
.cm-typ.rust { color: #36c0b0; } /* type */
|
|
3443
3504
|
.cm-dec.rust { color: #b1ce9b; } /* decimal */
|
|
3444
3505
|
.cm-sym.rust { color: #e7ded2; } /* symbol */
|
|
@@ -3456,6 +3517,9 @@ pre .line-gutter {
|
|
|
3456
3517
|
.cm-bln.html { color: #a1d2f0; } /* builtin */
|
|
3457
3518
|
.cm-sym.html { color: #929292; } /* symbol */
|
|
3458
3519
|
|
|
3520
|
+
.cm-bln.xml { color: #a1d2f0; } /* builtin */
|
|
3521
|
+
.cm-sym.xml { color: #929292; } /* symbol */
|
|
3522
|
+
|
|
3459
3523
|
.cm-bln.markdown { color: #a1d2f0; } /* builtin */
|
|
3460
3524
|
|
|
3461
3525
|
/* Node Graph */
|