@twick/video-editor 0.15.28 → 0.15.29
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/dist/components/track/audio-waveform.d.ts +6 -0
- package/dist/components/track/timeline-media-strip.d.ts +14 -0
- package/dist/hooks/use-marquee-selection.d.ts +2 -1
- package/dist/hooks/use-timeline-drop.d.ts +2 -1
- package/dist/index.js +667 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +668 -20
- package/dist/index.mjs.map +1 -1
- package/dist/video-editor.css +67 -2
- package/package.json +5 -5
package/dist/video-editor.css
CHANGED
|
@@ -657,7 +657,7 @@
|
|
|
657
657
|
/* Timeline Container Styles */
|
|
658
658
|
.twick-timeline-container {
|
|
659
659
|
display: flex;
|
|
660
|
-
height:
|
|
660
|
+
height: 3.25rem;
|
|
661
661
|
position: relative;
|
|
662
662
|
}
|
|
663
663
|
|
|
@@ -782,6 +782,42 @@
|
|
|
782
782
|
text-overflow: ellipsis;
|
|
783
783
|
}
|
|
784
784
|
|
|
785
|
+
.twick-track-element-audio {
|
|
786
|
+
background: rgba(139, 92, 246, 0.20) !important;
|
|
787
|
+
border-color: rgba(255, 255, 255, 0.24);
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.twick-track-element-content-audio {
|
|
791
|
+
position: relative;
|
|
792
|
+
padding: 0;
|
|
793
|
+
overflow: hidden;
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
.twick-audio-waveform-root {
|
|
797
|
+
position: relative;
|
|
798
|
+
width: 100%;
|
|
799
|
+
height: 100%;
|
|
800
|
+
pointer-events: none;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.twick-audio-waveform-canvas {
|
|
804
|
+
width: 100%;
|
|
805
|
+
height: 100%;
|
|
806
|
+
display: block;
|
|
807
|
+
}
|
|
808
|
+
|
|
809
|
+
.twick-audio-waveform-label {
|
|
810
|
+
position: absolute;
|
|
811
|
+
left: 8px;
|
|
812
|
+
bottom: 2px;
|
|
813
|
+
max-width: calc(100% - 16px);
|
|
814
|
+
white-space: nowrap;
|
|
815
|
+
overflow: hidden;
|
|
816
|
+
text-overflow: ellipsis;
|
|
817
|
+
font-size: 8px;
|
|
818
|
+
color: rgba(255, 255, 255, 0.8);
|
|
819
|
+
}
|
|
820
|
+
|
|
785
821
|
.twick-track-element-handle {
|
|
786
822
|
position: absolute;
|
|
787
823
|
width: 2px;
|
|
@@ -876,11 +912,40 @@
|
|
|
876
912
|
.twick-track {
|
|
877
913
|
min-width: 100%;
|
|
878
914
|
position: relative;
|
|
879
|
-
height:
|
|
915
|
+
height: 3rem;
|
|
880
916
|
margin-top: 2px;
|
|
881
917
|
background-color: #474747;
|
|
882
918
|
}
|
|
883
919
|
|
|
920
|
+
.twick-media-strip {
|
|
921
|
+
position: absolute;
|
|
922
|
+
inset: 0;
|
|
923
|
+
display: flex;
|
|
924
|
+
overflow: hidden;
|
|
925
|
+
pointer-events: none;
|
|
926
|
+
border-radius: 6px;
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
.twick-media-strip-video {
|
|
930
|
+
background: linear-gradient(
|
|
931
|
+
90deg,
|
|
932
|
+
rgba(30, 41, 59, 0.9) 0%,
|
|
933
|
+
rgba(51, 65, 85, 0.75) 100%
|
|
934
|
+
);
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.twick-media-strip-image {
|
|
938
|
+
background: rgba(30, 41, 59, 0.6);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.twick-media-strip-thumb {
|
|
942
|
+
flex: 1 0 0;
|
|
943
|
+
width: 0;
|
|
944
|
+
height: 100%;
|
|
945
|
+
object-fit: cover;
|
|
946
|
+
user-select: none;
|
|
947
|
+
}
|
|
948
|
+
|
|
884
949
|
/* Drop preview - ghost placeholder when dragging files over timeline */
|
|
885
950
|
.twick-drop-preview {
|
|
886
951
|
position: absolute;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@twick/video-editor",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.29",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@emotion/is-prop-valid": "^1.2.2",
|
|
38
|
-
"@twick/canvas": "0.15.
|
|
39
|
-
"@twick/live-player": "0.15.
|
|
40
|
-
"@twick/timeline": "0.15.
|
|
38
|
+
"@twick/canvas": "0.15.29",
|
|
39
|
+
"@twick/live-player": "0.15.29",
|
|
40
|
+
"@twick/timeline": "0.15.29",
|
|
41
41
|
"@react-spring/web": "^10.0.1",
|
|
42
42
|
"@use-gesture/react": "^10.3.0",
|
|
43
|
-
"@twick/media-utils": "0.15.
|
|
43
|
+
"@twick/media-utils": "0.15.29",
|
|
44
44
|
"framer-motion": "^11.0.3",
|
|
45
45
|
"lucide-react": "^0.511.0"
|
|
46
46
|
},
|