@editframe/elements 0.11.0-beta.10 → 0.11.0-beta.14

package/dist/elements/src/elements/EFTemporal.js

@@ -18,15 +18,6 @@ const timegroupContext = createContext(
 );
 const isEFTemporal = (obj) => obj[EF_TEMPORAL];
 const EF_TEMPORAL = Symbol("EF_TEMPORAL");
-const deepGetTemporalElements = (element, temporals = []) => {
-  for (const child of element.children) {
-    if (isEFTemporal(child)) {
-      temporals.push(child);
-    }
-    deepGetTemporalElements(child, temporals);
-  }
-  return temporals;
-};
 const deepGetElementsWithFrameTasks = (element, elements = []) => {
   for (const child of element.children) {
     if ("frameTask" in child && child.frameTask instanceof Task) {
@@ -126,6 +117,9 @@ const EFTemporal = (superClass) => {
       return this._trimStartMs;
     }
     set trimStartMs(value) {
+      if (this._trimStartMs === value) {
+        return;
+      }
       this._trimStartMs = value;
       this.setAttribute(
         "trimstart",
@@ -143,6 +137,9 @@ const EFTemporal = (superClass) => {
       return this._trimEndMs;
     }
     set trimEndMs(value) {
+      if (this._trimEndMs === value) {
+        return;
+      }
       this._trimEndMs = value;
       this.setAttribute("trimend", durationConverter.toAttribute(value / 1e3));
     }
@@ -373,7 +370,6 @@ export {
   EFTemporal,
   OwnCurrentTimeController,
   deepGetElementsWithFrameTasks,
-  deepGetTemporalElements,
   isEFTemporal,
   shallowGetTemporalElements,
   timegroupContext

package/dist/elements/src/elements/EFTimegroup.js

@@ -234,7 +234,7 @@ let EFTimegroup = class extends EFTemporal(LitElement) {
    *
    */
   shouldWrapWithWorkbench() {
-    return EF_INTERACTIVE && this.closest("ef-timegroup") === this && this.contextProvider === null;
+    return EF_INTERACTIVE && this.closest("ef-timegroup") === this && this.closest("ef-preview") === null && this.closest("ef-workbench") === null && this.closest("test-context") === null;
   }
   wrapWithWorkbench() {
     const workbench = document.createElement("ef-workbench");

package/dist/elements/src/gui/ContextMixin.js

@@ -18,14 +18,13 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 const contextMixinSymbol = Symbol("contextMixin");
 function isContextMixin(value) {
-  return typeof value === "object" && value !== null && contextMixinSymbol in value;
+  return typeof value === "object" && value !== null && contextMixinSymbol in value.constructor;
 }
 function ContextMixin(superClass) {
   var _a, _b;
   class ContextElement extends (_b = superClass, _a = contextMixinSymbol, _b) {
     constructor() {
       super(...arguments);
-      this[_a] = true;
       this.focusContext = this;
       this.efContext = this;
       this.fetch = async (url, init = {}) => {
@@ -101,6 +100,9 @@ function ContextMixin(superClass) {
       this.#playbackAnimationFrameRequest = null;
       this.#AUDIO_PLAYBACK_SLICE_MS = 1e3;
     }
+    static {
+      this[_a] = true;
+    }
     #URLTokens;
     connectedCallback() {
       super.connectedCallback();

package/dist/elements/src/gui/EFWorkbench.js

@@ -1,11 +1,8 @@
 import { html, css, LitElement } from "lit";
-import { TaskStatus } from "@lit/task";
 import { eventOptions, customElement } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-import { deepGetTemporalElements } from "../elements/EFTemporal.js";
-import { TWMixin } from "./TWMixin.js";
-import { shallowGetTimegroups } from "../elements/EFTimegroup.js";
 import { ContextMixin } from "./ContextMixin.js";
+import { TWMixin } from "./TWMixin.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -87,26 +84,6 @@ let EFWorkbench = class extends ContextMixin(TWMixin(LitElement)) {
       </div>
     `;
   }
-  async stepThrough() {
-    const stepDurationMs = 1e3 / 30;
-    const timegroups = shallowGetTimegroups(this);
-    const firstGroup = timegroups[0];
-    if (!firstGroup) {
-      throw new Error("No temporal elements found");
-    }
-    firstGroup.currentTimeMs = 0;
-    const temporals = deepGetTemporalElements(this);
-    const frameCount = Math.ceil(firstGroup.durationMs / stepDurationMs);
-    const busyTasks = temporals.filter((temporal) => temporal.frameTask.status < TaskStatus.COMPLETE).map((temporal) => temporal.frameTask);
-    await Promise.all(busyTasks.map((task) => task.taskComplete));
-    for (let i = 0; i < frameCount; i++) {
-      firstGroup.currentTimeMs = i * stepDurationMs;
-      await new Promise(queueMicrotask);
-      const busyTasks2 = temporals.filter((temporal) => temporal.frameTask.status < TaskStatus.COMPLETE).map((temporal) => temporal.frameTask);
-      await Promise.all(busyTasks2.map((task) => task.taskComplete));
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-    }
-  }
 };
 EFWorkbench.styles = [
   css`

package/dist/gui/EFWorkbench.d.ts

@@ -8,7 +8,6 @@ export declare class EFWorkbench extends EFWorkbench_base {
     update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     drawOverlays: () => void;
     render(): import('lit-html').TemplateResult<1>;
-    stepThrough(): Promise<void>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editframe/elements",
-  "version": "0.11.0-beta.10",
+  "version": "0.11.0-beta.14",
   "description": "",
   "exports": {
     ".": {
@@ -20,7 +20,7 @@
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
-    "@editframe/assets": "0.11.0-beta.10",
+    "@editframe/assets": "0.11.0-beta.14",
     "@lit/context": "^1.1.2",
     "@lit/task": "^1.0.1",
     "d3": "^7.9.0",

package/src/elements/EFTemporal.ts

@@ -187,6 +187,9 @@ export const EFTemporal = <T extends Constructor<LitElement>>(
       return this._trimStartMs;
     }
     public set trimStartMs(value: number) {
+      if (this._trimStartMs === value) {
+        return;
+      }
       this._trimStartMs = value;
       this.setAttribute(
         "trimstart",
@@ -211,6 +214,9 @@ export const EFTemporal = <T extends Constructor<LitElement>>(
       return this._trimEndMs;
     }
     public set trimEndMs(value: number) {
+      if (this._trimEndMs === value) {
+        return;
+      }
       this._trimEndMs = value;
       this.setAttribute("trimend", durationConverter.toAttribute(value / 1000));
     }

package/src/elements/EFTimegroup.ts

@@ -269,7 +269,9 @@ export class EFTimegroup extends EFTemporal(LitElement) {
     return (
       EF_INTERACTIVE &&
       this.closest("ef-timegroup") === this &&
-      this.contextProvider === null
+      this.closest("ef-preview") === null &&
+      this.closest("ef-workbench") === null &&
+      this.closest("test-context") === null
     );
   }
 

package/src/gui/ContextMixin.ts

@@ -30,14 +30,16 @@ const contextMixinSymbol = Symbol("contextMixin");
 
 export function isContextMixin(value: any): value is ContextMixinInterface {
   return (
-    typeof value === "object" && value !== null && contextMixinSymbol in value
+    typeof value === "object" &&
+    value !== null &&
+    contextMixinSymbol in value.constructor
   );
 }
 
 type Constructor<T = {}> = new (...args: any[]) => T;
 export function ContextMixin<T extends Constructor<LitElement>>(superClass: T) {
   class ContextElement extends superClass {
-    [contextMixinSymbol] = true;
+    static [contextMixinSymbol] = true;
 
     @provide({ context: focusContext })
     focusContext = this as FocusContext;

package/src/gui/EFWorkbench.ts

@@ -1,12 +1,9 @@
-import { LitElement, html, css, type PropertyValueMap } from "lit";
-import { TaskStatus } from "@lit/task";
+import { LitElement, type PropertyValueMap, css, html } from "lit";
 import { customElement, eventOptions } from "lit/decorators.js";
-import { ref, createRef } from "lit/directives/ref.js";
+import { createRef, ref } from "lit/directives/ref.js";
 
-import { deepGetTemporalElements } from "../elements/EFTemporal.ts";
-import { TWMixin } from "./TWMixin.ts";
-import { shallowGetTimegroups } from "../elements/EFTimegroup.ts";
 import { ContextMixin } from "./ContextMixin.ts";
+import { TWMixin } from "./TWMixin.ts";
 
 @customElement("ef-workbench")
 export class EFWorkbench extends ContextMixin(TWMixin(LitElement)) {
@@ -96,36 +93,6 @@ export class EFWorkbench extends ContextMixin(TWMixin(LitElement)) {
       </div>
     `;
   }
-
-  async stepThrough() {
-    const stepDurationMs = 1000 / 30;
-    const timegroups = shallowGetTimegroups(this);
-    const firstGroup = timegroups[0];
-    if (!firstGroup) {
-      throw new Error("No temporal elements found");
-    }
-    firstGroup.currentTimeMs = 0;
-
-    const temporals = deepGetTemporalElements(this);
-    const frameCount = Math.ceil(firstGroup.durationMs / stepDurationMs);
-
-    const busyTasks = temporals
-      .filter((temporal) => temporal.frameTask.status < TaskStatus.COMPLETE)
-      .map((temporal) => temporal.frameTask);
-
-    await Promise.all(busyTasks.map((task) => task.taskComplete));
-
-    for (let i = 0; i < frameCount; i++) {
-      firstGroup.currentTimeMs = i * stepDurationMs;
-      await new Promise<void>(queueMicrotask);
-      const busyTasks = temporals
-        .filter((temporal) => temporal.frameTask.status < TaskStatus.COMPLETE)
-        .map((temporal) => temporal.frameTask);
-
-      await Promise.all(busyTasks.map((task) => task.taskComplete));
-      await new Promise((resolve) => requestAnimationFrame(resolve));
-    }
-  }
 }
 
 declare global {