lexgui 0.7.9 → 0.7.11
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/extensions/codeeditor.js +4 -0
- package/build/extensions/timeline.js +130 -103
- package/build/extensions/videoeditor.js +262 -172
- package/build/lexgui.css +33 -5
- package/build/lexgui.js +421 -346
- package/build/lexgui.min.css +2 -2
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +421 -346
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +48 -1
- package/examples/area-tabs.html +1 -1
- package/examples/asset-view.html +27 -1
- package/examples/editor.html +2 -2
- package/examples/timeline.html +23 -13
- package/examples/video-editor.html +152 -3
- package/examples/video-editor2.html +5 -5
- package/package.json +1 -1
package/build/lexgui.css
CHANGED
|
@@ -252,6 +252,11 @@ body {
|
|
|
252
252
|
box-sizing: border-box;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
+
.no-transition,
|
|
256
|
+
.no-transition * {
|
|
257
|
+
transition: none !important;
|
|
258
|
+
}
|
|
259
|
+
|
|
255
260
|
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
|
|
256
261
|
margin: 0;
|
|
257
262
|
}
|
|
@@ -4471,28 +4476,40 @@ meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
|
|
|
4471
4476
|
margin-left: 12px;
|
|
4472
4477
|
}
|
|
4473
4478
|
|
|
4479
|
+
/* Height, Width transitions */
|
|
4480
|
+
|
|
4481
|
+
.lexarea .minimize-vertical, .lexarea .maximize-vertical {
|
|
4482
|
+
transition: height 0.1s ease-out;
|
|
4483
|
+
}
|
|
4484
|
+
|
|
4485
|
+
.lexarea .minimize-horizontal, .lexarea .maximize-horizontal {
|
|
4486
|
+
transition: width 0.1s ease-out;
|
|
4487
|
+
}
|
|
4488
|
+
|
|
4489
|
+
/* Opacity transitions */
|
|
4490
|
+
|
|
4474
4491
|
.lexarea .fadein-vertical {
|
|
4475
4492
|
animation-name: fadein;
|
|
4493
|
+
animation-duration: 0.1s;
|
|
4476
4494
|
animation-fill-mode: forwards;
|
|
4477
4495
|
}
|
|
4478
4496
|
|
|
4479
4497
|
.lexarea .fadeout-vertical {
|
|
4480
4498
|
animation-name: fadeout;
|
|
4481
|
-
animation-duration: 0.
|
|
4499
|
+
animation-duration: 0.1s;
|
|
4482
4500
|
animation-fill-mode: forwards;
|
|
4483
|
-
transition: height;
|
|
4484
4501
|
}
|
|
4485
4502
|
|
|
4486
4503
|
.lexarea .fadein-horizontal {
|
|
4487
4504
|
animation-name: fadein;
|
|
4505
|
+
animation-duration: 0.1s;
|
|
4488
4506
|
animation-fill-mode: forwards;
|
|
4489
4507
|
}
|
|
4490
4508
|
|
|
4491
4509
|
.lexarea .fadeout-horizontal {
|
|
4492
4510
|
animation-name: fadeout;
|
|
4493
|
-
animation-duration: 0.
|
|
4511
|
+
animation-duration: 0.1s;
|
|
4494
4512
|
animation-fill-mode: forwards;
|
|
4495
|
-
transition: width;
|
|
4496
4513
|
}
|
|
4497
4514
|
|
|
4498
4515
|
@keyframes fadein {
|
|
@@ -4711,7 +4728,7 @@ ul.lexassetscontent {
|
|
|
4711
4728
|
}
|
|
4712
4729
|
|
|
4713
4730
|
.lexassetscontent li.script {
|
|
4714
|
-
border-color: rgb(
|
|
4731
|
+
border-color: rgb(207, 127, 36);
|
|
4715
4732
|
}
|
|
4716
4733
|
|
|
4717
4734
|
.lexassetscontent li.json {
|
|
@@ -4730,6 +4747,10 @@ ul.lexassetscontent {
|
|
|
4730
4747
|
border-color: rgb(154, 188, 101);
|
|
4731
4748
|
}
|
|
4732
4749
|
|
|
4750
|
+
.lexassetscontent li.video {
|
|
4751
|
+
border-color: rgb(84, 119, 214);
|
|
4752
|
+
}
|
|
4753
|
+
|
|
4733
4754
|
.lexassetscontent li:hover {
|
|
4734
4755
|
outline: 2px solid var(--global-color-accent);
|
|
4735
4756
|
}
|
|
@@ -4825,6 +4846,12 @@ ul.lexassetscontent {
|
|
|
4825
4846
|
transition: all 0.2s;
|
|
4826
4847
|
}
|
|
4827
4848
|
|
|
4849
|
+
.lexassetscontent li video {
|
|
4850
|
+
z-index: 1;
|
|
4851
|
+
object-fit: cover;
|
|
4852
|
+
height: calc(100% - 24px);
|
|
4853
|
+
}
|
|
4854
|
+
|
|
4828
4855
|
.lexassetscontent.list img, .lexassetscontent.compact img {
|
|
4829
4856
|
width: unset;
|
|
4830
4857
|
object-fit: contain;
|
|
@@ -6348,6 +6375,7 @@ ul.lexassetscontent {
|
|
|
6348
6375
|
.w-full { width: 100% }
|
|
6349
6376
|
.w-screen { width: 100vw }
|
|
6350
6377
|
.w-auto { width: auto }
|
|
6378
|
+
.w-fit-content { width: fit-content }
|
|
6351
6379
|
|
|
6352
6380
|
.w-2\/3 { width: 66.666% }
|
|
6353
6381
|
.w-1\/2 { width: 50% }
|