@editframe/elements 0.14.0-beta.3 → 0.15.0-beta.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.
- package/dist/EF_FRAMEGEN.js +0 -2
- package/dist/elements/EFAudio.d.ts +0 -1
- package/dist/elements/EFAudio.js +1 -5
- package/dist/elements/EFCaptions.js +1 -1
- package/dist/elements/EFImage.d.ts +2 -1
- package/dist/elements/EFImage.js +9 -3
- package/dist/elements/EFMedia.d.ts +7 -0
- package/dist/elements/EFMedia.js +159 -8
- package/dist/elements/EFTemporal.d.ts +7 -3
- package/dist/elements/EFTemporal.js +19 -1
- package/dist/elements/EFTimegroup.d.ts +1 -5
- package/dist/elements/EFTimegroup.js +5 -6
- package/dist/elements/EFWaveform.d.ts +16 -8
- package/dist/elements/EFWaveform.js +244 -164
- package/dist/elements/TargetController.d.ts +25 -0
- package/dist/elements/TargetController.js +164 -0
- package/dist/elements/TargetController.test.d.ts +19 -0
- package/dist/gui/EFPreview.d.ts +1 -1
- package/dist/gui/EFPreview.js +1 -0
- package/dist/gui/EFWorkbench.js +1 -1
- package/package.json +3 -2
- package/src/elements/EFAudio.ts +1 -4
- package/src/elements/EFCaptions.ts +1 -1
- package/src/elements/EFImage.browsertest.ts +33 -2
- package/src/elements/EFImage.ts +10 -3
- package/src/elements/EFMedia.ts +187 -6
- package/src/elements/EFTemporal.ts +37 -5
- package/src/elements/EFTimegroup.ts +5 -7
- package/src/elements/EFWaveform.ts +302 -204
- package/src/elements/TargetController.test.ts +229 -0
- package/src/elements/TargetController.ts +219 -0
- package/src/gui/EFPreview.ts +10 -9
- package/src/gui/EFWorkbench.ts +1 -1
|
@@ -39,7 +39,7 @@ export class EFTimegroup extends EFTemporal(LitElement) {
|
|
|
39
39
|
display: block;
|
|
40
40
|
width: 100%;
|
|
41
41
|
height: 100%;
|
|
42
|
-
position:
|
|
42
|
+
position: absolute;
|
|
43
43
|
transform-origin: center center;
|
|
44
44
|
}
|
|
45
45
|
`;
|
|
@@ -53,7 +53,7 @@ export class EFTimegroup extends EFTemporal(LitElement) {
|
|
|
53
53
|
type: String,
|
|
54
54
|
attribute: "mode",
|
|
55
55
|
})
|
|
56
|
-
mode: "fixed" | "sequence" | "contain" = "
|
|
56
|
+
mode: "fixed" | "sequence" | "contain" = "contain";
|
|
57
57
|
|
|
58
58
|
@property({
|
|
59
59
|
type: Number,
|
|
@@ -67,7 +67,7 @@ export class EFTimegroup extends EFTemporal(LitElement) {
|
|
|
67
67
|
|
|
68
68
|
#resizeObserver?: ResizeObserver;
|
|
69
69
|
|
|
70
|
-
@property({ type: Number })
|
|
70
|
+
@property({ type: Number, attribute: "currenttime" })
|
|
71
71
|
set currentTime(time: number) {
|
|
72
72
|
this.#currentTime = Math.max(0, Math.min(time, this.durationMs / 1000));
|
|
73
73
|
try {
|
|
@@ -227,10 +227,9 @@ export class EFTimegroup extends EFTemporal(LitElement) {
|
|
|
227
227
|
* in calculations and it was not clear why.
|
|
228
228
|
*/
|
|
229
229
|
async waitForMediaDurations() {
|
|
230
|
+
const mediaElements = deepGetMediaElements(this);
|
|
230
231
|
return await Promise.all(
|
|
231
|
-
|
|
232
|
-
(media) => media.initSegmentsLoader.taskComplete,
|
|
233
|
-
),
|
|
232
|
+
mediaElements.map((m) => m.trackFragmentIndexLoader.taskComplete),
|
|
234
233
|
);
|
|
235
234
|
}
|
|
236
235
|
|
|
@@ -261,7 +260,6 @@ export class EFTimegroup extends EFTemporal(LitElement) {
|
|
|
261
260
|
return;
|
|
262
261
|
}
|
|
263
262
|
this.style.display = "";
|
|
264
|
-
|
|
265
263
|
const animations = this.getAnimations({ subtree: true });
|
|
266
264
|
this.style.setProperty("--ef-duration", `${this.durationMs}ms`);
|
|
267
265
|
this.style.setProperty(
|