@editframe/elements 0.16.1-beta.0 → 0.16.3-beta.0

package/dist/elements/EFTimegroup.d.ts

@@ -19,6 +19,7 @@ export declare class EFTimegroup extends EFTimegroup_base {
     disconnectedCallback(): void;
     get storageKey(): string;
     get intrinsicDurationMs(): number | undefined;
+    get hasOwnDuration(): boolean;
     get durationMs(): number;
     /**
      * Wait for all media elements to load their initial segments.

package/dist/elements/EFTimegroup.js

@@ -128,6 +128,9 @@ let EFTimegroup = class extends EFTemporal(LitElement) {
     }
     return void 0;
   }
+  get hasOwnDuration() {
+    return this.mode === "contain" || this.mode === "sequence" || this.mode === "fixed" && this.hasExplicitDuration;
+  }
   get durationMs() {
     switch (this.mode) {
       case "fit": {
@@ -157,6 +160,9 @@ let EFTimegroup = class extends EFTemporal(LitElement) {
           if (child instanceof EFTimegroup && child.mode === "fit") {
             continue;
           }
+          if (!child.hasOwnDuration) {
+            continue;
+          }
           maxDuration = Math.max(maxDuration, child.durationMs);
         }
         return maxDuration;

package/dist/elements/EFVideo.js

@@ -103,12 +103,25 @@ let EFVideo = class extends TWMixin(EFMedia) {
 };
 _decoderLock = /* @__PURE__ */ new WeakMap();
 EFVideo.styles = [
+  /**
+   *
+   */
   css`
       :host {
         display: block;
       }
       canvas {
         all: inherit;
+        overflow: hidden;
+        position: static;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        border: none;
+        outline: none;
+        box-shadow: none;
       }
     `
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.16.1-beta.0",
+  "version": "0.16.3-beta.0",
   "description": "",
   "exports": {
     ".": {
@@ -27,7 +27,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@bramus/style-observer": "^1.3.0",
-    "@editframe/assets": "0.16.1-beta.0",
+    "@editframe/assets": "0.16.3-beta.0",
     "@lit/context": "^1.1.2",
     "@lit/task": "^1.0.1",
     "d3": "^7.9.0",

package/src/elements/EFTimegroup.ts

@@ -146,6 +146,14 @@ export class EFTimegroup extends EFTemporal(LitElement) {
     return undefined;
   }
 
+  get hasOwnDuration() {
+    return (
+      this.mode === "contain" ||
+      this.mode === "sequence" ||
+      (this.mode === "fixed" && this.hasExplicitDuration)
+    );
+  }
+
   get durationMs(): number {
     switch (this.mode) {
       case "fit": {
@@ -177,6 +185,9 @@ export class EFTimegroup extends EFTemporal(LitElement) {
           if (child instanceof EFTimegroup && child.mode === "fit") {
             continue;
           }
+          if (!child.hasOwnDuration) {
+            continue;
+          }
           maxDuration = Math.max(maxDuration, child.durationMs);
         }
         return maxDuration;

package/src/elements/EFVideo.ts

@@ -9,12 +9,25 @@ import { EFMedia } from "./EFMedia.js";
 @customElement("ef-video")
 export class EFVideo extends TWMixin(EFMedia) {
   static styles = [
+    /**
+     *
+     */
     css`
       :host {
         display: block;
       }
       canvas {
         all: inherit;
+        overflow: hidden;
+        position: static;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        border: none;
+        outline: none;
+        box-shadow: none;
       }
     `,
   ];