@editframe/elements 0.7.0-beta.8 → 0.7.0-beta.9

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-class CrossUpdateController {
-  constructor(host, target) {
-    this.host = host;
-    this.target = target;
-    this.host.addController(this);
-  }
-  hostUpdate() {
-    this.target.requestUpdate();
-  }
-  remove() {
-    this.host.removeController(this);
-  }
-}
-exports.CrossUpdateController = CrossUpdateController;

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

@@ -1,9 +0,0 @@
-import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
-
-export declare class CrossUpdateController implements ReactiveController {
-    private host;
-    private target;
-    constructor(host: ReactiveControllerHost, target: LitElement);
-    hostUpdate(): void;
-    remove(): void;
-}

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

@@ -1,16 +0,0 @@
-class CrossUpdateController {
-  constructor(host, target) {
-    this.host = host;
-    this.target = target;
-    this.host.addController(this);
-  }
-  hostUpdate() {
-    this.target.requestUpdate();
-  }
-  remove() {
-    this.host.removeController(this);
-  }
-}
-export {
-  CrossUpdateController
-};

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lit = require("lit");
-const ref_js = require("lit/directives/ref.js");
-const decorators_js = require("lit/decorators.js");
-const EFMedia = require("./EFMedia.cjs");
-const task = require("@lit/task");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-exports.EFAudio = class EFAudio extends EFMedia.EFMedia {
-  constructor() {
-    super(...arguments);
-    this.audioElementRef = ref_js.createRef();
-    this.src = "";
-    this.frameTask = new task.Task(this, {
-      args: () => [
-        this.trackFragmentIndexLoader.status,
-        this.initSegmentsLoader.status,
-        this.seekTask.status,
-        this.fetchSeekTask.status,
-        this.videoAssetTask.status
-      ],
-      task: async () => {
-        await this.trackFragmentIndexLoader.taskComplete;
-        await this.initSegmentsLoader.taskComplete;
-        await this.seekTask.taskComplete;
-        await this.fetchSeekTask.taskComplete;
-        await this.videoAssetTask.taskComplete;
-        this.rootTimegroup?.requestUpdate();
-      }
-    });
-  }
-  render() {
-    return lit.html`<audio ${ref_js.ref(this.audioElementRef)}></audio>`;
-  }
-  get audioElement() {
-    return this.audioElementRef.value;
-  }
-};
-__decorateClass([
-  decorators_js.property({ type: String })
-], exports.EFAudio.prototype, "src", 2);
-exports.EFAudio = __decorateClass([
-  decorators_js.customElement("ef-audio")
-], exports.EFAudio);

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

@@ -1,10 +0,0 @@
-import { EFMedia } from './EFMedia';
-import { Task } from '@lit/task';
-
-export declare class EFAudio extends EFMedia {
-    audioElementRef: import('lit-html/directives/ref').Ref<HTMLAudioElement>;
-    src: string;
-    render(): import('lit-html').TemplateResult<1>;
-    get audioElement(): HTMLAudioElement | undefined;
-    frameTask: Task<readonly [import('@lit/task').TaskStatus, import('@lit/task').TaskStatus, import('@lit/task').TaskStatus, import('@lit/task').TaskStatus, import('@lit/task').TaskStatus], void>;
-}

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

@@ -1,54 +0,0 @@
-import { html } from "lit";
-import { createRef, ref } from "lit/directives/ref.js";
-import { property, customElement } from "lit/decorators.js";
-import { EFMedia } from "./EFMedia.js";
-import { Task } from "@lit/task";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let EFAudio = class extends EFMedia {
-  constructor() {
-    super(...arguments);
-    this.audioElementRef = createRef();
-    this.src = "";
-    this.frameTask = new Task(this, {
-      args: () => [
-        this.trackFragmentIndexLoader.status,
-        this.initSegmentsLoader.status,
-        this.seekTask.status,
-        this.fetchSeekTask.status,
-        this.videoAssetTask.status
-      ],
-      task: async () => {
-        await this.trackFragmentIndexLoader.taskComplete;
-        await this.initSegmentsLoader.taskComplete;
-        await this.seekTask.taskComplete;
-        await this.fetchSeekTask.taskComplete;
-        await this.videoAssetTask.taskComplete;
-        this.rootTimegroup?.requestUpdate();
-      }
-    });
-  }
-  render() {
-    return html`<audio ${ref(this.audioElementRef)}></audio>`;
-  }
-  get audioElement() {
-    return this.audioElementRef.value;
-  }
-};
-__decorateClass([
-  property({ type: String })
-], EFAudio.prototype, "src", 2);
-EFAudio = __decorateClass([
-  customElement("ef-audio")
-], EFAudio);
-export {
-  EFAudio
-};

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

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EFAudio = require("./EFAudio.cjs");
-const lit = require("lit");
-const task = require("@lit/task");
-const decorators_js = require("lit/decorators.js");
-const EFVideo = require("./EFVideo.cjs");
-const EFTemporal = require("./EFTemporal.cjs");
-const CrossUpdateController = require("./CrossUpdateController.cjs");
-const FetchMixin = require("./FetchMixin.cjs");
-const EFSourceMixin = require("./EFSourceMixin.cjs");
-const EF_INTERACTIVE = require("../EF_INTERACTIVE.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-exports.EFCaptionsActiveWord = class EFCaptionsActiveWord extends EFTemporal.EFTemporal(lit.LitElement) {
-  constructor() {
-    super(...arguments);
-    this.wordStartMs = 0;
-    this.wordEndMs = 0;
-    this.wordText = "";
-  }
-  render() {
-    return lit.html`${this.wordText}`;
-  }
-  get startTimeMs() {
-    return this.wordStartMs || 0;
-  }
-  get durationMs() {
-    return this.wordEndMs - this.wordStartMs;
-  }
-};
-exports.EFCaptionsActiveWord.styles = [
-  lit.css`
-      :host {
-        display: inline-block;
-      }
-    `
-];
-__decorateClass([
-  decorators_js.property({ type: Number, attribute: false })
-], exports.EFCaptionsActiveWord.prototype, "wordStartMs", 2);
-__decorateClass([
-  decorators_js.property({ type: Number, attribute: false })
-], exports.EFCaptionsActiveWord.prototype, "wordEndMs", 2);
-__decorateClass([
-  decorators_js.property({ type: String, attribute: false })
-], exports.EFCaptionsActiveWord.prototype, "wordText", 2);
-exports.EFCaptionsActiveWord = __decorateClass([
-  decorators_js.customElement("ef-captions-active-word")
-], exports.EFCaptionsActiveWord);
-exports.EFCaptions = class EFCaptions extends EFSourceMixin.EFSourceMixin(
-  EFTemporal.EFTemporal(FetchMixin.FetchMixin(lit.LitElement)),
-  { assetType: "caption_files" }
-) {
-  constructor() {
-    super(...arguments);
-    this.target = null;
-    this.wordStyle = "";
-    this.activeWordContainers = this.getElementsByTagName("ef-captions-active-word");
-    this.md5SumLoader = new task.Task(this, {
-      autoRun: false,
-      args: () => [this.target],
-      task: async ([], { signal }) => {
-        const md5Path = `/@ef-asset/${this.targetElement.src ?? ""}`;
-        const response = await fetch(md5Path, { method: "HEAD", signal });
-        return response.headers.get("etag") ?? void 0;
-      }
-    });
-    this.captionsDataTask = new task.Task(this, {
-      autoRun: EF_INTERACTIVE.EF_INTERACTIVE,
-      args: () => [this.captionsPath(), this.fetch],
-      task: async ([captionsPath, fetch2], { signal }) => {
-        const response = await fetch2(captionsPath, { signal });
-        return response.json();
-      }
-    });
-    this.frameTask = new task.Task(this, {
-      autoRun: EF_INTERACTIVE.EF_INTERACTIVE,
-      args: () => [this.captionsDataTask.status],
-      task: async () => {
-        await this.captionsDataTask.taskComplete;
-      }
-    });
-  }
-  captionsPath() {
-    const targetSrc = this.targetElement.src;
-    if (targetSrc.startsWith("editframe://") || targetSrc.startsWith("http")) {
-      return targetSrc.replace("isobmff", "caption");
-    }
-    return `/@ef-captions/${targetSrc}`;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this.targetElement) {
-      new CrossUpdateController.CrossUpdateController(this.targetElement, this);
-    }
-  }
-  render() {
-    return this.captionsDataTask.render({
-      pending: () => lit.html`<div>Generating captions data...</div>`,
-      error: () => lit.html`<div>🚫 Error generating captions data</div>`,
-      complete: () => lit.html`<slot></slot>`
-    });
-  }
-  updated(_changedProperties) {
-    this.updateActiveWord();
-  }
-  updateActiveWord() {
-    const caption = this.captionsDataTask.value;
-    if (!caption) {
-      return;
-    }
-    const words = [];
-    let startMs = 0;
-    let endMs = 0;
-    for (const segment of caption.segments) {
-      if (this.targetElement.ownCurrentTimeMs >= segment.start * 1e3 && this.targetElement.ownCurrentTimeMs <= segment.end * 1e3) {
-        for (const word of segment.words) {
-          if (this.targetElement.ownCurrentTimeMs >= word.start * 1e3 && this.targetElement.ownCurrentTimeMs <= word.end * 1e3) {
-            words.push(word.text);
-            startMs = word.start * 1e3;
-            endMs = word.end * 1e3;
-          }
-        }
-      }
-    }
-    for (const container of Array.from(this.activeWordContainers)) {
-      container.wordText = words.join(" ");
-      container.wordStartMs = startMs;
-      container.wordEndMs = endMs;
-    }
-  }
-  get targetElement() {
-    const target = document.getElementById(this.getAttribute("target") ?? "");
-    if (target instanceof EFAudio.EFAudio || target instanceof EFVideo.EFVideo) {
-      return target;
-    }
-    throw new Error("Invalid target, must be an EFAudio  or EFVideo element");
-  }
-};
-exports.EFCaptions.styles = [
-  lit.css`
-      :host {
-        display: block;
-      }
-    `
-];
-__decorateClass([
-  decorators_js.property({ type: String, attribute: "target" })
-], exports.EFCaptions.prototype, "target", 2);
-__decorateClass([
-  decorators_js.property({ attribute: "word-style" })
-], exports.EFCaptions.prototype, "wordStyle", 2);
-exports.EFCaptions = __decorateClass([
-  decorators_js.customElement("ef-captions")
-], exports.EFCaptions);

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

@@ -1,38 +0,0 @@
-import { EFAudio } from './EFAudio';
-import { LitElement, PropertyValueMap } from 'lit';
-import { Task } from '@lit/task';
-import { EFVideo } from './EFVideo';
-
-declare const EFCaptionsActiveWord_base: (new (...args: any[]) => import('./EFTemporal').TemporalMixinInterface) & typeof LitElement;
-export declare class EFCaptionsActiveWord extends EFCaptionsActiveWord_base {
-    static styles: import('lit').CSSResult[];
-    render(): import('lit-html').TemplateResult<1>;
-    wordStartMs: number;
-    wordEndMs: number;
-    wordText: string;
-    get startTimeMs(): number;
-    get durationMs(): number;
-}
-declare const EFCaptions_base: (new (...args: any[]) => import('./EFSourceMixin').EFSourceMixinInterface) & (new (...args: any[]) => import('./EFTemporal').TemporalMixinInterface) & (new (...args: any[]) => import('./FetchMixin').FetchMixinInterface) & typeof LitElement;
-export declare class EFCaptions extends EFCaptions_base {
-    static styles: import('lit').CSSResult[];
-    target: null;
-    wordStyle: string;
-    activeWordContainers: HTMLCollectionOf<EFCaptionsActiveWord>;
-    captionsPath(): string;
-    protected md5SumLoader: Task<readonly [null], string | undefined>;
-    private captionsDataTask;
-    frameTask: Task<import('@lit/task').TaskStatus[], void>;
-    connectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1> | undefined;
-    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    updateActiveWord(): void;
-    get targetElement(): EFAudio | EFVideo;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "ef-captions": EFCaptions;
-        "ef-captions-active-word": EFCaptionsActiveWord;
-    }
-}
-export {};

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

@@ -1,166 +0,0 @@
-import { EFAudio } from "./EFAudio.js";
-import { html, css, LitElement } from "lit";
-import { Task } from "@lit/task";
-import { property, customElement } from "lit/decorators.js";
-import { EFVideo } from "./EFVideo.js";
-import { EFTemporal } from "./EFTemporal.js";
-import { CrossUpdateController } from "./CrossUpdateController.js";
-import { FetchMixin } from "./FetchMixin.js";
-import { EFSourceMixin } from "./EFSourceMixin.js";
-import { EF_INTERACTIVE } from "../EF_INTERACTIVE.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let EFCaptionsActiveWord = class extends EFTemporal(LitElement) {
-  constructor() {
-    super(...arguments);
-    this.wordStartMs = 0;
-    this.wordEndMs = 0;
-    this.wordText = "";
-  }
-  render() {
-    return html`${this.wordText}`;
-  }
-  get startTimeMs() {
-    return this.wordStartMs || 0;
-  }
-  get durationMs() {
-    return this.wordEndMs - this.wordStartMs;
-  }
-};
-EFCaptionsActiveWord.styles = [
-  css`
-      :host {
-        display: inline-block;
-      }
-    `
-];
-__decorateClass([
-  property({ type: Number, attribute: false })
-], EFCaptionsActiveWord.prototype, "wordStartMs", 2);
-__decorateClass([
-  property({ type: Number, attribute: false })
-], EFCaptionsActiveWord.prototype, "wordEndMs", 2);
-__decorateClass([
-  property({ type: String, attribute: false })
-], EFCaptionsActiveWord.prototype, "wordText", 2);
-EFCaptionsActiveWord = __decorateClass([
-  customElement("ef-captions-active-word")
-], EFCaptionsActiveWord);
-let EFCaptions = class extends EFSourceMixin(
-  EFTemporal(FetchMixin(LitElement)),
-  { assetType: "caption_files" }
-) {
-  constructor() {
-    super(...arguments);
-    this.target = null;
-    this.wordStyle = "";
-    this.activeWordContainers = this.getElementsByTagName("ef-captions-active-word");
-    this.md5SumLoader = new Task(this, {
-      autoRun: false,
-      args: () => [this.target],
-      task: async ([], { signal }) => {
-        const md5Path = `/@ef-asset/${this.targetElement.src ?? ""}`;
-        const response = await fetch(md5Path, { method: "HEAD", signal });
-        return response.headers.get("etag") ?? void 0;
-      }
-    });
-    this.captionsDataTask = new Task(this, {
-      autoRun: EF_INTERACTIVE,
-      args: () => [this.captionsPath(), this.fetch],
-      task: async ([captionsPath, fetch2], { signal }) => {
-        const response = await fetch2(captionsPath, { signal });
-        return response.json();
-      }
-    });
-    this.frameTask = new Task(this, {
-      autoRun: EF_INTERACTIVE,
-      args: () => [this.captionsDataTask.status],
-      task: async () => {
-        await this.captionsDataTask.taskComplete;
-      }
-    });
-  }
-  captionsPath() {
-    const targetSrc = this.targetElement.src;
-    if (targetSrc.startsWith("editframe://") || targetSrc.startsWith("http")) {
-      return targetSrc.replace("isobmff", "caption");
-    }
-    return `/@ef-captions/${targetSrc}`;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this.targetElement) {
-      new CrossUpdateController(this.targetElement, this);
-    }
-  }
-  render() {
-    return this.captionsDataTask.render({
-      pending: () => html`<div>Generating captions data...</div>`,
-      error: () => html`<div>🚫 Error generating captions data</div>`,
-      complete: () => html`<slot></slot>`
-    });
-  }
-  updated(_changedProperties) {
-    this.updateActiveWord();
-  }
-  updateActiveWord() {
-    const caption = this.captionsDataTask.value;
-    if (!caption) {
-      return;
-    }
-    const words = [];
-    let startMs = 0;
-    let endMs = 0;
-    for (const segment of caption.segments) {
-      if (this.targetElement.ownCurrentTimeMs >= segment.start * 1e3 && this.targetElement.ownCurrentTimeMs <= segment.end * 1e3) {
-        for (const word of segment.words) {
-          if (this.targetElement.ownCurrentTimeMs >= word.start * 1e3 && this.targetElement.ownCurrentTimeMs <= word.end * 1e3) {
-            words.push(word.text);
-            startMs = word.start * 1e3;
-            endMs = word.end * 1e3;
-          }
-        }
-      }
-    }
-    for (const container of Array.from(this.activeWordContainers)) {
-      container.wordText = words.join(" ");
-      container.wordStartMs = startMs;
-      container.wordEndMs = endMs;
-    }
-  }
-  get targetElement() {
-    const target = document.getElementById(this.getAttribute("target") ?? "");
-    if (target instanceof EFAudio || target instanceof EFVideo) {
-      return target;
-    }
-    throw new Error("Invalid target, must be an EFAudio  or EFVideo element");
-  }
-};
-EFCaptions.styles = [
-  css`
-      :host {
-        display: block;
-      }
-    `
-];
-__decorateClass([
-  property({ type: String, attribute: "target" })
-], EFCaptions.prototype, "target", 2);
-__decorateClass([
-  property({ attribute: "word-style" })
-], EFCaptions.prototype, "wordStyle", 2);
-EFCaptions = __decorateClass([
-  customElement("ef-captions")
-], EFCaptions);
-export {
-  EFCaptions,
-  EFCaptionsActiveWord
-};

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

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const task = require("@lit/task");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const ref_js = require("lit/directives/ref.js");
-const FetchMixin = require("./FetchMixin.cjs");
-const EFSourceMixin = require("./EFSourceMixin.cjs");
-const EF_INTERACTIVE = require("../EF_INTERACTIVE.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-exports.EFImage = class EFImage extends EFSourceMixin.EFSourceMixin(FetchMixin.FetchMixin(lit.LitElement), {
-  assetType: "image_files"
-}) {
-  constructor() {
-    super(...arguments);
-    this.imageRef = ref_js.createRef();
-    this.canvasRef = ref_js.createRef();
-    this.fetchImage = new task.Task(this, {
-      autoRun: EF_INTERACTIVE.EF_INTERACTIVE,
-      args: () => [this.assetPath(), this.fetch],
-      task: async ([assetPath, fetch], { signal }) => {
-        const response = await fetch(assetPath, { signal });
-        const image = new Image();
-        image.src = URL.createObjectURL(await response.blob());
-        await new Promise((resolve) => {
-          image.onload = resolve;
-        });
-        if (!this.canvasRef.value) throw new Error("Canvas not ready");
-        const ctx = this.canvasRef.value.getContext("2d");
-        if (!ctx) throw new Error("Canvas 2d context not ready");
-        this.canvasRef.value.width = image.width;
-        this.canvasRef.value.height = image.height;
-        ctx.drawImage(image, 0, 0);
-      }
-    });
-    this.frameTask = new task.Task(this, {
-      autoRun: EF_INTERACTIVE.EF_INTERACTIVE,
-      args: () => [this.fetchImage.status],
-      task: async () => {
-        await this.fetchImage.taskComplete;
-      }
-    });
-  }
-  render() {
-    return lit.html`<canvas ${ref_js.ref(this.canvasRef)}></canvas>`;
-  }
-  assetPath() {
-    if (this.src.startsWith("editframe://") || this.src.startsWith("http")) {
-      return this.src;
-    }
-    return `/@ef-image/${this.src}`;
-  }
-};
-exports.EFImage.styles = [
-  lit.css`
-      :host {
-        display: block;
-      }
-      canvas {
-        display: block;
-        width: 100%;
-        height: 100%;
-        object-fit: fill;
-        object-position: center;
-      }
-    `
-];
-exports.EFImage = __decorateClass([
-  decorators_js.customElement("ef-image")
-], exports.EFImage);

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

@@ -1,14 +0,0 @@
-import { Task } from '@lit/task';
-import { LitElement } from 'lit';
-
-declare const EFImage_base: (new (...args: any[]) => import('./EFSourceMixin').EFSourceMixinInterface) & (new (...args: any[]) => import('./FetchMixin').FetchMixinInterface) & typeof LitElement;
-export declare class EFImage extends EFImage_base {
-    static styles: import('lit').CSSResult[];
-    imageRef: import('lit-html/directives/ref').Ref<HTMLImageElement>;
-    canvasRef: import('lit-html/directives/ref').Ref<HTMLCanvasElement>;
-    render(): import('lit-html').TemplateResult<1>;
-    assetPath(): string;
-    fetchImage: Task<readonly [string, typeof fetch], void>;
-    frameTask: Task<readonly [import('@lit/task').TaskStatus], void>;
-}
-export {};