@editframe/elements 0.5.0-beta.9 → 0.6.0-beta.10

package/dist/packages/elements/src/elements/FetchMixin.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const context = require("@lit/context");
+const EFWorkbench = require("../gui/EFWorkbench.cjs");
+const state_js = require("lit/decorators/state.js");
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+function FetchMixin(superClass) {
+  class FetchElement extends superClass {
+    constructor() {
+      super(...arguments);
+      this.fetch = fetch.bind(window);
+    }
+  }
+  __decorateClass([
+    context.consume({ context: EFWorkbench.fetchContext, subscribe: true }),
+    state_js.state()
+  ], FetchElement.prototype, "fetch");
+  return FetchElement;
+}
+exports.FetchMixin = FetchMixin;

package/dist/packages/elements/src/elements/FetchMixin.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+
+export declare class FetchMixinInterface {
+    fetch: typeof fetch;
+}
+type Constructor<T = {}> = new (...args: any[]) => T;
+export declare function FetchMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<FetchMixinInterface> & T;
+export {};

package/dist/packages/elements/src/elements/{FetchMixin.mjs → FetchMixin.js}

@@ -1,5 +1,5 @@
 import { consume } from "@lit/context";
-import { fetchContext } from "../gui/EFWorkbench.mjs";
+import { fetchContext } from "../gui/EFWorkbench.js";
 import { state } from "lit/decorators/state.js";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/dist/packages/elements/src/elements/TimegroupController.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class TimegroupController {
+  constructor(host, child) {
+    this.host = host;
+    this.child = child;
+    this.host.addController(this);
+  }
+  remove() {
+    this.host.removeController(this);
+  }
+  hostDisconnected() {
+    this.host.removeController(this);
+  }
+  hostUpdated() {
+    this.child.requestUpdate();
+    this.child.currentTimeMs = this.host.currentTimeMs - (this.child.startTimeMs ?? 0);
+  }
+}
+exports.TimegroupController = TimegroupController;

package/dist/packages/elements/src/elements/TimegroupController.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, LitElement } from 'lit';
+import { EFTimegroup } from './EFTimegroup';
+
+export declare class TimegroupController implements ReactiveController {
+    private host;
+    private child;
+    constructor(host: EFTimegroup, child: {
+        currentTimeMs: number;
+        startTimeMs?: number;
+    } & LitElement);
+    remove(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+}

package/dist/packages/elements/src/elements/durationConverter.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const parseTimeToMs = require("./parseTimeToMs.cjs");
+const durationConverter = {
+  fromAttribute: (value) => parseTimeToMs.parseTimeToMs(value),
+  toAttribute: (value) => `${value}s`
+};
+exports.durationConverter = durationConverter;

package/dist/packages/elements/src/elements/durationConverter.d.ts

@@ -0,0 +1,4 @@
+export declare const durationConverter: {
+    fromAttribute: (value: string) => number;
+    toAttribute: (value: number) => string;
+};

package/dist/packages/elements/src/elements/{durationConverter.mjs → durationConverter.js}

@@ -1,4 +1,4 @@
-import { parseTimeToMs } from "./parseTimeToMs.mjs";
+import { parseTimeToMs } from "./parseTimeToMs.js";
 const durationConverter = {
   fromAttribute: (value) => parseTimeToMs(value),
   toAttribute: (value) => `${value}s`

package/dist/packages/elements/src/elements/parseTimeToMs.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const parseTimeToMs = (time) => {
+  if (time.endsWith("ms")) {
+    return Number.parseFloat(time);
+  }
+  if (time.endsWith("s")) {
+    return Number.parseFloat(time) * 1e3;
+  }
+  throw new Error("Time must be in milliseconds or seconds (10s, 10000ms)");
+};
+exports.parseTimeToMs = parseTimeToMs;

package/dist/packages/elements/src/elements/parseTimeToMs.d.ts

@@ -0,0 +1 @@
+export declare const parseTimeToMs: (time: string) => number;

package/dist/packages/elements/src/elements/parseTimeToMs.js

@@ -0,0 +1,12 @@
+const parseTimeToMs = (time) => {
+  if (time.endsWith("ms")) {
+    return Number.parseFloat(time);
+  }
+  if (time.endsWith("s")) {
+    return Number.parseFloat(time) * 1e3;
+  }
+  throw new Error("Time must be in milliseconds or seconds (10s, 10000ms)");
+};
+export {
+  parseTimeToMs
+};

package/dist/packages/elements/src/elements/util.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EFTimegroup = require("./EFTimegroup.cjs");
+const getStartTimeMs = (element) => {
+  const nearestTimeGroup = element.closest("ef-timegroup");
+  if (!(nearestTimeGroup instanceof EFTimegroup.EFTimegroup)) {
+    return 0;
+  }
+  return nearestTimeGroup.startTimeMs;
+};
+exports.getStartTimeMs = getStartTimeMs;

package/dist/packages/elements/src/elements/util.d.ts

@@ -0,0 +1,4 @@
+import { EFTimegroup } from './EFTimegroup';
+
+export declare const getRootTimeGroup: (element: Element) => EFTimegroup | null;
+export declare const getStartTimeMs: (element: Element) => number;

package/dist/packages/elements/src/elements/{util.mjs → util.js}

@@ -1,4 +1,4 @@
-import { EFTimegroup } from "./EFTimegroup.mjs";
+import { EFTimegroup } from "./EFTimegroup.js";
 const getStartTimeMs = (element) => {
   const nearestTimeGroup = element.closest("ef-timegroup");
   if (!(nearestTimeGroup instanceof EFTimegroup)) {